.itopplus-background{}body{overflow-x: hidden}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_1811202363ns/0/0/1z-z1219949688393.webp");background-size: cover}.itopplus-pos2{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_1811202363ns/0/0/1z-z1219949688393.webp);background-repeat: no-repeat;background-size: cover;color: #fff;background-position: center}.itopplus-bg2{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_1811202363ns/1140/0/BGz-z1012413169366.webp);background-repeat: repeat;background-size: 100% auto;color: #fff;background-position: center}.navbar-default .navbar-nav > li > a{color: #fff;margin: 0;padding: 5px 19px;border-radius: 30px;margin-bottom: 5%}.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: #000000 !important;box-shadow: none;background: transparent;background-color: #fff}.dropdown-menu > li > a{color: #000}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #000;background: #fff}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 5px;left: 10px;width: 60px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #000 !important}#itpMenuSideBar span{background-color: #fff !important}#controlMenu *{color: #fff !important;border: none}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 15% auto;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #000;transition: 0.3s}.itopplus-sticky{background: #000 !important}.itopplus-sticky #controlBanner{width: 45%}#controlBanner{object-fit: contain;padding: 15px;width: 60%;min-width: 160px;margin: 0 auto;transition: 0.3s}#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: #fff;width: 40vw}.container{width: 930px}}@media screen and (min-width: 1200px){.container{width: 1000px}}@media screen and (min-width: 1366px){}@media screen and (min-width: 1900px){}@media screen and (max-width: 900px){}@media screen and (max-width: 480px){}.navbar-default .navbar-nav>li>a,.dropdown-menu>li>a{font-size: 15px}h1{font-size: 3.6em}h2{font-size: 2.8em}h3{font-size: 2.4em}h4{font-size: 2em}h5{font-size: 1.8em}h6,.footer h5{font-size: 1.3em}p,.footer h6,.pre-news p,.pre-careers p,.jobs-description .table>tbody>tr>th,.jobs-description .table>tbody>tr>td,.table-service>tbody>tr>td,.table-package2>tbody>tr>td{font-size: 15px}.footer p,.btn-more,div#Component675c03cef5f36700132e26d7 button,.text-board p,div#formdisplay67639924e3da7f00134a4470 button,div#formdisplay676cc3831a30f300134e6184 button,div#formdisplay676cc3a22eb7c7001398b67e button,div#formdisplay676cc8d52eb7c7001398b737 button,div#formdisplay67b464484bf5350013243fd2 button{font-size: 14px}.table-service>thead>tr>th{font-size: 16px}.footer li::marker{font-size: 12px}.page-mission h6,.sect-mission h6,.sect-4cs>h6,.CASS-D-main .pre-news h6{font-size: 18px}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.pt-8{padding-top:8%}.pt-10{padding-top:10%}.pt-15{padding-top:15%}.navbar-nav>li:hover>.dropdown-menu{display: block}div#Component675b90aff5f36700132e10cb .thumbs,.sect-about h3,.sect-about h4,.sect-board h4,.about-page h6,.about-page h3,.table-service,.blog-package h6,.blog-package h5,div#background67b458ad4bf5350013243cdb .thumbs{margin: 0}.cont-head{display: grid;grid-template-columns: 33% auto auto;align-items: center;gap: 20px;justify-content: end}.social-head{display: grid;grid-template-columns: repeat(5,1fr);gap: 15px;margin-right: 5%}.social-head img{filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(1253%) hue-rotate(217deg) brightness(95%) contrast(88%)}.tell-head{padding: 0.5rem 1.5rem;border: 1px solid #717681;border-radius: 30px;text-align: center;color: #fff;transition: all 0.2s ease-out}.job-head{padding: 0.5rem 1.5rem;border: 1px solid #717681;border-radius: 30px;text-align: center;color: #000;transition: all 0.2s ease-out;background: #fff}.logo-footer{width: 10%;margin-top: 3%;margin-bottom: 1%}.footer h6,.fw-bold,.footer h5,.page-vision h3,.text-menu h6,.sect-about h3,.sect-about h2,.sect-board h3,.sect-service h6,.service-detail h6,.pre-careers h6,.pre-careers h5,h3.managerHeader,.jobs-detail h5,.jobs-detail h6,.about-page h3,.blog-solution h5,.page-voice h4,.page-voice h6,.text-board h6,.detail-board h5,.detail-board h6,.btn-more:hover,div#Component675c03cef5f36700132e26d7 button:hover,.tell-head:hover,div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more,.contact-page h5,.dropdown-menu>li>a:hover,.head-culture h3,.form-cont h4,div#formdisplay67639924e3da7f00134a4470 button:hover,div#formdisplay676cc8d52eb7c7001398b737 button:hover,div#formdisplay676cc3831a30f300134e6184 button:hover,div#formdisplay676cc3a22eb7c7001398b67e button:hover,.best-part h4,.sect-service h4,.software-timeline h4,.text-timeline h6,.text-hardware h6,.job-head:hover,.blog-driving h6,.blog-value h6,.blog-value h3,.blog-package h6,.blog-package h5,.page-hardware h6{font-weight: 700}.text-imply,.page-vision h6,.sect-about p,.about-page p{font-weight: 600}.footer p{font-weight: 500}.social-footer{display: grid;grid-template-columns: repeat(5,1fr);gap: 6px;margin: 8% 0}.footer li,.sect-board p,.text-imply,.sub-detail,.page-vision h3,.detail-board h6,.software-timeline h5,.form-cont h4,.type-package h5{margin-bottom: 3%}.sect-board h3,.service-detail h6,.jobs-detail h6,.about-page h6,.page-voice p,.page-voice h6,.page-voice h4,.form-cont h6,.page-voice h3,.software-timeline h4,.page-vision h4,.sect-board h5{margin-bottom: 2%}.footer ul{padding-left: 10%;margin-bottom: 9%}.copy-right,.page-vision h3,.page-mission h6,.page-voice,.form-cont h4,.form-cont h6,.caption-employee,.form-cont p,.img-graph,.software-timeline h4,.software-timeline h5,.table-service>thead>tr>th{text-align: center}.footer .col-md-2{padding: 0 !important}.footer a{color: #2e2d32}.menu-page li{display: grid;grid-template-columns: 17% auto;align-items: center;gap: 10px;padding: 1.25rem 2rem;border: 1px solid #717681;border-radius: 60px;width: 79%;margin-bottom: 5%;color: #fff;transition: all 0.3s ease-out;justify-content: center}.menu-page ul{list-style: none;padding: 0}.sect-about h4,.sect-about h3,.sect-about p,.contact-page a,.about-page h6,.about-page p,.page-voice h6,.text-grey,.form-cont h5{color: #e4e4e4}.sect-about h4,.sect-board h4,.sect-service h3,.sect-board h5,.text-culture h6{font-weight: 400}.text-about{display: flex;align-items: end;gap: 15px;margin-bottom: 2%}.text-about img{width: 130px !important}.sect-about h2{margin: 1% 0 3%}.sect-about p,.about-page p{text-align: justify}.sect-board,.service-detail h6,.service-detail h5,h3.managerHeader{text-align: center}.sect-about{padding-left: 7%;padding-right: 8%}.btn-more{width: fit-content;margin: auto;padding: 1rem 2.5rem;background: #fff;color: #0e334e;border-radius: 30px;transition: all 0.2s ease-out}.Text_seller2,.post-time,.fbcomments,.landingpagemanager,div#Component675be940b08a0700130828b1 strong,div#Component675be940b08a0700130828b1 .col-md-2,div#Component67b46419c12f310013765d3d strong,div#Component67b46419c12f310013765d3d .col-md-2,.form-cont span,div#background677b734217b3df0013ca047a .pagination{display: none}div#Contentmanager .col-md-4.col-sm-4.col-xs-12{padding: 0 !important;margin: 1%;width: 31.33%;position: relative;margin-bottom: 3%}.Contentmanager .template1 .template-panel{padding-bottom: 85%}div#Contentmanager .img-container .img,figure.effect-oscar .imgLightbox img,figure.effect-oscar,div#Contentmanager .thumbnail>img,div#Contentmanager .img-container.template-panel,figure.effect-jazz,figure.effect-jazz .imgLightbox img,div#Component678db44f74ac2a0013b0116c .imgLightbox img,div#Component67b463ca50d8c30013346139 .imgLightbox img{border-radius: 30px}.pre-news{position: absolute;width: 100%;bottom: 0;padding: 8%;padding-top: 46%;background: linear-gradient(0deg,#0e334ee8,#0e334e87,#0e334e29,#0e334e00);border-radius: 0 0 30px 30px;color: #fff;transition: all 0.3s ease-out}.pre-news h6{color: #0e334e;background: #fff;width: fit-content;margin: auto;padding: 0.8rem 1rem;border-radius: 30px;margin-bottom: 3%;font-weight: 700;width: fit-content}.pre-news p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.jobs-detail h6{margin-top: 3%}.service-detail h6,.service-detail h5,.page-voice h4{margin-top: 4%}.sect-service .btn-more,div#Component676b7d4c1c4b0e001378d5ff .thumbs{margin: 0}.service-imply{height: 130px;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 10%}.sect-service h6,.service-detail.pade-design h6,.about-page h3,.blog-solution h5{margin-bottom: 5%}.sect-service h3,p.text-imply{margin-bottom: 5%}p.text-imply{height: 65px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.sect-service{padding: 0 5.5%}.service-detail li{width: 31.33%;padding: 3%;border: 1px solid #717681;border-radius: 40px}.service-detail ul{list-style: none;padding: 0;display: flex;flex-wrap: wrap;gap: 40px 25px;justify-content: center;margin-top: 3%}.service-detail p,.page-voice p,.sect-board p{line-height: 24px}.service-detail li h6,.text-board{text-align: left}.service-detail.pade-design li{display: block;width: 23%;border-radius: 40px;padding: 2%}.icon-serv{width: 28%;margin-bottom: 6%}.jobs-description .table tr:first-child td,.jobs-description .table tr:first-child th{border-top: none;padding-top: 0}.badge-primary{background: #fff;color: #0e334e;padding: 0.5rem 1rem;border-radius: 20px;font-weight: 700}.pre-careers{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;border-bottom: 1px solid #c7ccd5;padding: 2%;transition: all 0.2s ease-out;color: #fff;background: transparent;border-radius: 0}div#Component675be940b08a0700130828b1 .col-md-10,div#Component67b46419c12f310013765d3d .col-md-10,div#Component675c03cef5f36700132e26d7 .col-xs-12.col-sm-6.col-md-6{width: 100%}.sub-detail p{display: grid;grid-template-columns: 26% auto;gap: 20px;align-items: center}.head-careers{color: #0e334e;background: #fff;border-radius: 20px}.jobs-description .table>tbody>tr>th,.jobs-description .table>tbody>tr>td{padding: 1.5rem !important;vertical-align: middle !important;border-color: #717681}.social-icon{border-radius: 5px}i.fa-x-twitter-custom-square{filter: invert(1)}.page-header{padding-bottom: 0;margin: 3% 0 2%;border-bottom: none}.social-share{position: absolute;right: 0;top: -55px}.jobs-detail li,.detail-board li{margin-bottom: 0.5rem}.contact-page li{display: grid;grid-template-columns: 40px auto;align-items: center;gap: 10px}.contact-page ul{list-style: none;padding: 0;display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin-top: 5%}.contact-page{padding-left: 8%}div#HtmlTool675c0156f5f36700132e261e iframe,div#HtmlTool67b464484bf5350013243fc5 iframe{border-radius: 30px;filter: invert(1)}div#Component675c03cef5f36700132e26d7{width: 50%;margin: auto;margin-top: 1%}div#Component675c03cef5f36700132e26d7 .col-xs-12.col-sm-3.col-md-3{display: none !important}div#Component675c03cef5f36700132e26d7 .form-control,div#formdisplay67639924e3da7f00134a4470 .form-control,div#formdisplay676cc3831a30f300134e6184 .form-control,div#formdisplay676cc3a22eb7c7001398b67e .form-control,div#formdisplay676cc8d52eb7c7001398b737 .form-control,div#formdisplay67b464484bf5350013243fd2 .form-control{box-shadow: none;border-radius: 0;background: transparent;border: none;border-bottom: 1px solid #979797;color: #fff !important;margin-bottom: 1rem}div#formdisplay67639924e3da7f00134a4470 .form-control,div#formdisplay676cc3831a30f300134e6184 .form-control,div#formdisplay676cc3a22eb7c7001398b67e .form-control,div#formdisplay676cc8d52eb7c7001398b737 .form-control,div#formdisplay67b464484bf5350013243fd2 .form-control{color: #000 !important}div#Component675c03cef5f36700132e26d7 input::placeholder,div#Component675c03cef5f36700132e26d7 textarea::placeholder,.text-board{color: #fff}div#formdisplay67639924e3da7f00134a4470 input::placeholder,div#formdisplay67639924e3da7f00134a4470 textarea::placeholder,div#formdisplay676cc3831a30f300134e6184 input::placeholder,div#formdisplay676cc3831a30f300134e6184 textarea::placeholder,div#formdisplay676cc3a22eb7c7001398b67e input::placeholder,div#formdisplay676cc3a22eb7c7001398b67e textarea::placeholder,div#formdisplay676cc8d52eb7c7001398b737 input::placeholder,div#formdisplay676cc8d52eb7c7001398b737 textarea::placeholder,div#formdisplay67b464484bf5350013243fd2 input::placeholder,div#formdisplay67b464484bf5350013243fd2 textarea::placeholder{color: #000}div#Component675c03cef5f36700132e26d7 .col-md-offset-3,div#formdisplay67639924e3da7f00134a4470 .col-md-offset-5,div#formdisplay676cc3831a30f300134e6184 .col-md-offset-5,div#formdisplay676cc3a22eb7c7001398b67e .col-md-offset-5,div#formdisplay676cc8d52eb7c7001398b737 .col-md-offset-5,div#formdisplay67b464484bf5350013243fd2 .col-md-offset-5{margin-left: 0;width: 100%;text-align: center}div#Component675c03cef5f36700132e26d7 button,div#formdisplay67639924e3da7f00134a4470 button,div#formdisplay676cc3831a30f300134e6184 button,div#formdisplay676cc3a22eb7c7001398b67e button,div#formdisplay676cc8d52eb7c7001398b737 button,div#formdisplay67b464484bf5350013243fd2 button{text-shadow: none;background: #fff;padding: 0.75rem 2rem;border-radius: 30px;color: #0e334e;transition: all 0.2s ease-out}figure.effect-oscar figcaption::before,.boderedlayoutClient,.dropdown-menu,figure.effect-jazz figcaption::after{border: none}figure.effect-oscar,figure.effect-oscar figcaption,figure.effect-jazz,figure.effect-selena{background: transparent}.about-page h6{line-height: 30px}.about-page p,.sect-about p{line-height: 24px}.page-vision li{display: grid;grid-template-columns: 20% auto;align-items: center;gap: 15px;border: 1px solid #717681;padding: 3% 7%;border-radius: 50px}.page-vision ul{list-style: none;padding: 0;display: grid;grid-template-columns: repeat(3,1fr);gap: 20px}.text-big{font-size: 24px;font-weight: 700}.page-mission h6{line-height: 30px;font-weight: 700}.page-mission{padding: 3% 8%;background: #fff;color: #0e334e;margin: 2%;border-radius: 30px;position: relative}.page-mission::after{content: " ";background: linear-gradient(0deg,#0e334ea8,#0e334e29,#0e334e00,#0e334e03);width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;border-radius: 0 0 30px 30px}.blog-solution li{width: 30.33%;border: 1px solid #717681;padding: 2%;border-radius: 30px}.blog-solution ul{list-style: none;padding: 0;display: flex;flex-wrap: wrap;gap: 50px 40px;justify-content: center}.icon-about{width: 20%;margin-bottom: 5%}.text-board{padding: 3%}.text-board .btn-more{margin: 0}.text-board p{margin-bottom: 8%;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 65px}div#Component675fa3d96b675900135d8f2c .img-container.template-panel{padding-bottom: 65%}div#Contentmanager .img-thumbnail,div#Contentmanager .thumbnail{padding: 0;border: none;box-shadow: none;background: transparent;border-radius: 20px}div#Contentmanager .col-md-6.pull-left{width: 45%}.Textmanager{text-align: left;display: flow-root}.detail-board{padding-left: 3%;padding-top: 2%}.detail-board hr{margin: 5% 0;border-color: #717681}.menu-page li:hover,.tell-head:hover,.btn-more:hover,.job-head:hover,.jobs-description .table>tbody>tr:hover,div#Component675c03cef5f36700132e26d7 button:hover,div#formdisplay67639924e3da7f00134a4470 button:hover,div#formdisplay676cc8d52eb7c7001398b737 button:hover,div#formdisplay67b464484bf5350013243fd2 button:hover,div#formdisplay676cc3831a30f300134e6184 button:hover,div#formdisplay676cc3a22eb7c7001398b67e button:hover,div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color: #0e334e;background: #d6dce4}.pre-careers:hover{background: #d6dce473}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{border-color: #d6dce4}.pagination>li>a,.pagination>li>span{color: #0e334e !important}.menu-page li:hover img{filter: brightness(0) saturate(100%) invert(17%) sepia(11%) saturate(4403%) hue-rotate(166deg) brightness(92%) contrast(95%)}div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img,.service-detail li:hover,.page-vision li:hover,.page-mission:hover,.blog-solution li:hover,.contact-page li:hover img,.social-head img:hover,.social-footer img:hover,.service-value li:hover,.sect-4cs>ul>li:hover,.CASS-D-main figure.effect-oscar:hover .imgLightbox img{transform: scale(1.05)}div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .img,.service-detail li,.page-vision li,.page-mission,.blog-solution li,.contact-page li img,.social-head img,.social-footer img,.service-value li,.sect-4cs>ul>li,.CASS-D-main figure.effect-oscar .imgLightbox img{transition: transform 0.2s ease-out}div#Contentmanager .img-container.template-panel{overflow: hidden}div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .pre-news,.CASS-D-main .col-md-4.col-sm-4.col-xs-4:hover .pre-news{background: linear-gradient(0deg,#4a4a4ae8,#5e5e5e87,#55555529,#4e4e4e00)}.footer a:hover{color: #0e334e}.hide-pc{display: none}.ITPcookiebar{width: 100% !important;background-color: #4b4b4b7d !important;color: #fff}.buttonExampleSite{border-radius: 5rem !important;border: 1px solid #4b4b4b7d !important;color: #171717 !important}.buttonExampleSite:hover{background: #717681 !important;color: #fff !important}.ITPlinkToCookiepage:hover{color: #acc6ff !important}.itpPDPALandingPage,.ITP-pdpa-template-contentFont{font-size: 16px !important;margin-bottom: 3% !important}.itpPDPALandingPage{margin-top: 3%}.ITP-pdpa-template-titleFont{font-size: 18px !important;font-weight: 600 !important}.ITP-pdpa-template-contentFont,.text-culture h6,.contact-page li p{line-height: 28px}div#cookie675c03cef5f36700132e26d7{padding: 2% 0}.pre-careers:hover,div#Contentmanager .img-responsive,.video-customer video{border-radius: 20px}.dropdown-menu>li>a{padding: 7px 20px;transition: all .2s ease-out}.dropdown-menu,.navbar-nav>li>.dropdown-menu,.dropdown-menu>li>a{border-radius: 20px}.dropdown-menu{min-width: 250px}.sect-mission h6{text-align: center;line-height: 30px;font-weight: 400}.sect-culture li{width: 20%}.sect-culture ul{list-style: none;padding: 0;display: flex;justify-content: center}.head-culture:before{content: " ";width: 15px;height: 15px;background: #e4e4e4;position: absolute;bottom: -8px;border-radius: 30px;left: 50%;transform: translate(-50%,-50%);z-index: 2}.head-culture{position: relative;padding-bottom: 18%;margin-bottom: 13%}.head-culture::after{content: " ";position: absolute;width: 100%;height: 1px;background: #e7e7e7;left: 0;bottom: 7px;z-index: 1}.sect-culture{margin-top: 2%;background: #fff;color: #000;padding: 2%;border-radius: 20px}.head-culture,.text-culture,.best-part{text-align: center}.sect-4cs>ul>li> h6{font-weight: 700;color: #fff;margin-bottom: 3%}.sect-4cs>ul>li img{width: 75px !important;margin-bottom: 3%}.sect-4cs>ul>li:last-child{border: none}.sect-4cs>ul>li{border-right: 1px solid #717681;padding: 5% 9%}.sect-4cs>ul{list-style: none;padding: 0;display: grid;grid-template-columns: repeat(4,1fr);gap: 0;margin-bottom: 5%}.sect-4cs>h6{line-height: 32px;color: #e4e4e4;margin-bottom: 4%}.sect-4cs>ul>li>ul>li,.sect-4cs>ul>li> p{margin-bottom: 3%}.service-detail li h6{margin-bottom: 4%}.sect-4cs{margin-top: 2%}div#formdisplay67639924e3da7f00134a4470,div#formdisplay676cc3831a30f300134e6184,div#formdisplay676cc3a22eb7c7001398b67e,div#formdisplay676cc8d52eb7c7001398b737,div#formdisplay67b464484bf5350013243fd2{background: #ffffffed !important;width: 70%;margin: auto;padding: 2%;border-radius: 20px}div#formdisplay67639924e3da7f00134a4470 input.form-control,div#formdisplay676cc3831a30f300134e6184 input.form-control,div#formdisplay676cc3a22eb7c7001398b67e input.form-control,div#formdisplay676cc8d52eb7c7001398b737 input.form-control,div#formdisplay67b464484bf5350013243fd2 input.form-control{height: 45px;margin-bottom: 1.5rem}div#cookie67639924e3da7f00134a4470,div#cookie676cc3831a30f300134e6184,div#cookie676cc3a22eb7c7001398b67e,div#cookie676cc8d52eb7c7001398b737,div#cookie67b464484bf5350013243fd2{padding-bottom: 3% !important;color: #000}.video-employee{width: 95%;margin: 1% auto}.video-employee iframe,.img-timeline img,div#Component6763c4ef496d540013ea1d9c .imgLightbox img,div#Component6763dc75d7182900130679fc .imgLightbox img,div#Component6763df48654d920013366e1f .imgLightbox img,div#Component67b463b0ef98500013579619 .imgLightbox img,.CASS-A-main .imgLightbox img{border-radius: 25px}.caption-employee{margin: 3%}.marquee-content{display: flex;animation: scrolling 40s linear infinite}.marquee{overflow: hidden;margin-top: 2%;position: relative}.marquee::after{content: " ";position: absolute;right: 0;top: 0;width: 20px;height: 100%;background: linear-gradient(270deg,#000000f0,#000000cc,#00000075,#00000000);z-index: 2}.marquee::before{content: " ";position: absolute;left: 0;width: 20px;height: 100%;background: linear-gradient(90deg,#000000f0,#000000cc,#00000075,#00000000);z-index: 2}.marquee-item{flex: 0 0 7vw;margin: 0 1vw}.marquee-item2{flex: 0 0 30vw;margin: 0 1vw}@keyframes scrolling{0%{transform: translateX(0)}100%{transform: translatex(-144vw)}}.marquee-item img{border-radius: 50%;box-shadow: 0 4px 18px rgb(0,0,0,0.1);width: 100%}.marquee-item2 img{border-radius: 20px;box-shadow: 0 4px 18px rgb(0,0,0,0.1);width: 100%}.best-part{background: #fff;color: #0e334e;padding: 7%;margin: 2%;border-radius: 20px}.best-part h4{margin-bottom: 10%}.best-part p{margin: 1% 0}.border-right{border-right: 1px solid #717681}.sect-service h4,.service-detail p{margin-bottom: 6%}.service-value li{display: grid;grid-template-columns: 10% auto;align-items: center}.service-value ul{list-style: none;padding: 0;margin-top: 9%;margin-right: 25%}.service-value li{display: grid;grid-template-columns: 30px auto;align-items: center;gap: 10px;background: #fff;color: #0e334e;padding: 2%;margin-bottom: 4%;border-radius: 30px;font-weight: 600}.img-graph img{margin-top: 5%;border-radius: 25px}.img-graph{padding: 10px 20px}.caption-employee video{height: 285px !important;background: #717681;border-radius: 25px;margin-bottom: 5%;object-fit: cover;object-position: center}.video-employee iframe{height: 280px !important}.video-employee .embed-responsive.embed-responsive-16by9{padding-bottom: 93%}div#Component6763c4ef496d540013ea1d9c,div#Component67b463b0ef98500013579619{width: 80%;margin: auto}.blog-timeline ul{list-style: none;padding: 0;display: flex;width: 450%;gap: 50px}.blog-timeline{overflow-x: scroll;margin-top: 5%}.blog-timeline li{width: 33.33%}.blog-timeline::-webkit-scrollbar{width: 10px;border-radius: 25px}.blog-timeline::-webkit-scrollbar-track{background: #f1f1f1;border-radius: 25px}.blog-timeline::-webkit-scrollbar-thumb{background: #888;border-radius: 25px}.blog-timeline::-webkit-scrollbar-thumb:hover{background: #555}.text-timeline{padding: 8% 2% 3%;text-align: center}.badge-time{background: #fff;color: #0e334e;padding: 0.5rem 1rem;border-radius: 30px;width: fit-content;font-weight: 600;margin: auto;margin-bottom: 5%}.img-timeline,div#Component6763d028d71829001306774b .imgLightbox img{background: #717681;border-radius: 25px}.tab-itp-background{padding: 0 !important;border: none !important;background: #fff !important;color: #000 !important;margin: 0 !important}.tab-content{padding: 0 !important;border: none !important}.TabItpContentLandingPage3>ul>li>a{border-bottom: 3px solid #ddd !important}.TabItpContentLandingPage3>ul>li.active>a,.TabItpContentLandingPage3>ul>li>a:hover{border-bottom: 3px solid #0e334e !important}.TabItpContentLandingPage3>ul>li>a>span{color: #000!important;font-weight: 700}.TabItpContentLandingPage3>ul>li.active>a:hover>span{color: #0e334e!important}.TabItpContentLandingPage3>ul>li>a{border-radius: 10px 10px 0 0;margin-right: 1%}.table-service>tbody>tr>td:last-child{text-align: left;padding-left: 12%}.table-service>tbody>tr>td>div{width: 25px !important;margin: auto;margin-bottom: 2%;float: left}.table-service>tbody>tr>td,.table-service>thead>tr>th{border: none;padding: 0.5% 1%;vertical-align: middle !important}.bg-blue02{background: #0e334e;color: #ffb743;text-align: center;font-weight: 600}.bg-blue01{background: #d6dce5;text-align: center;font-weight: 600}.table-service>thead{border-bottom: 1px solid #ddd}.table-service>tbody>tr:nth-child(even){background: #f0f0f0}.table-service>tbody>tr:hover,div#Component6763dc75d7182900130679fc .imgLightbox img{background: #d6dce5}.bg-blue01,.bg-blue02{border-bottom: 1px solid #bcbcbc !important}div#formdisplay67639924e3da7f00134a4470 option,div#formdisplay676cc3831a30f300134e6184 option,div#formdisplay676cc3a22eb7c7001398b67e option,div#formdisplay676cc8d52eb7c7001398b737 option,div#formdisplay67b464484bf5350013243fd2 option{color: #000 !important}.text-hardware ul{list-style: none;padding: 0 7%}.text-hardware p{margin-bottom: 5%}.CASS-D-middle-mid{padding: 0}.CASS-D-middle-mid > div > div.bootstrap-collum > div > div:nth-child(2),.CASS-D-middle-mid > div > div.bootstrap-collum > div > div:nth-child(3){justify-content: center}.grid figure h2{word-spacing: 0;font-weight: unset}figure.effect-oscar h2{margin: 0;-webkit-transition: inherit;transition: inherit;-webkit-transform: inherit;transform: inherit}.CASS-D-main figure.effect-oscar figcaption{padding: 0 !important;position: absolute;text-transform: none;width: 100%;height: 100%;top: 0;background: linear-gradient(0deg,#0e334ee8,#0e334e87,#0e334e29,#0e334e00)}.text-solution{position: absolute;width: 100%;bottom: 0;padding: 0 4% 1%}.text-solution h6{font-size: 14px;line-height: 20px}.text-solution h5{font-size: 18px;font-weight: 700}figure.effect-oscar:hover h2{-webkit-transform: inherit;transform: inherit}.company-1{width: 20%;display: flex;justify-content: center;background: #fff;color: #000;text-align: center;padding: 15px;margin: 0 auto 0px;border-radius: 50px}.company-1-border{width: 1px;height: 50px;background: #cccccc;margin: 0 auto}.company-1-border1{border-bottom: 1px solid #ccc;width: 30%;margin: 0 auto}.company-1-border11{display: grid;grid-template-columns: repeat(2,1fr);width: 60%;margin: 0 auto}.company-2-block{display: flex;grid-template-columns: repeat(2,1fr);justify-content: center;gap: 50px;width: 55%;margin: 0 auto}.company-2-block{display: flex;grid-template-columns: repeat(2,1fr);justify-content: center;gap: 50px;width: 55%;margin: 0 auto}.company-2-border1{border-bottom: 1px solid #ccc;width: 75%;margin: 0 auto}.company-2-border{background: #ccc;width: 1px;height: 2em;margin: 0 auto;text-align: center}.company-2-1{background: #fff;color: #000000;text-align: center;padding: 15px;width: 100%;border-radius: 30px;font-size: 1.4em}.company-1-border12{display: grid;grid-template-columns: repeat(4,1fr);margin: 0 auto}.company-3-border{width: 1px;height: 50px;background: #cccccc;margin: 0 auto}.company-3-border1{width: 1px;height: 50px;background: #cccccc;margin: 0 0 0 75%}.company-2-2{background: #fff;color: #000000;text-align: center;padding: 15px 10px;width: 100%;height: fit-content;border-radius: 30px;font-size: 1.4em}.company-3-border11{display: grid;grid-template-columns: repeat(2,1fr);margin: 0 auto}.company-4-border1{border-top: 1px solid #ccc;width: 0%;margin: 0 0 0 3.4%}.company-4-block{display: grid;grid-template-columns: 65% 35%;font-size: 0.8em;gap: 15px}.company2-block{display: grid;grid-template-columns: repeat(2,1fr);font-size: 0.8em;gap: 15px}.company4-block,.company5-block,.company-3-block .company4-block,.company-3-block .company2-block,.company-44-block .company3-block{gap: 0}.company4-block{display: grid;grid-template-columns: repeat(4,1fr);justify-content: center;gap: 5px;margin: 0 auto}.company4-block .company-2,.company2-block .company-2{background: #ccc}.company-3-block{display: grid;grid-template-columns: repeat(4,1fr);gap: 3%}.company3-block > div:first-child::before,.company4-block > div:first-child::before,.company2-block > div:first-child::before{background: linear-gradient(to right,transparent 0%,transparent 50%,#ccc 50%,#ccc 100%)}.company-44-block::before{content: "";display: block;height: 1px;width: 100%;background: #ccc}.company3-block{display: grid;grid-template-columns: repeat(3,1fr);font-size: 0.8em;gap: 15px}.company2-block .company-2-2,.company-44-block .company-2-2{width: 95%}.company4-block > div:last-child::before,.company5-block > div:last-child::before,.company3-block > div:last-child::before,.company2-block > div:last-child::before{background: linear-gradient(to right,#ccc 0,#ccc 50%,transparent 50%,transparent 100%)}#contentnewmode676b6ed9196d6d00135c3bce > div.none-border > div > div.none-middle > div.none-middle-mid > div > div > div:nth-child(14) > div:nth-child(3){margin: 0 80%}#contentnewmode676b6ed9196d6d00135c3bce > div.none-border > div > div.none-middle > div.none-middle-mid > div > div > div:nth-child(14) > div:nth-child(4){margin: 0 63%}.about-edit{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_1811202363ns/1423/0/00z-z93929994438.webp);background-repeat: no-repeat;background-size: 100% auto;background-position: center;padding: 12% 16% 15%;background-attachment: fixed}.about-page{width: 50%;margin: auto;margin-right: 0;color: #fff}.TabItpContentLandingPage3>ul>li{width: 30%}.TabItpContentLandingPage3>ul{width: 100%;justify-content: center;display: flex}.tab-itp-background{background: transparent !important}.table-service{width: 70%;background: #fff;margin: auto;border-collapse: collapse;border-radius: 15px}td.bg-blue01.round-left-bottom,td.bg-blue02.round-left-bottom{border: none !important}th.bg-blue01{border-collapse: collapse;border-top-right-radius: 15px}.round-left-bottom{border-collapse: collapse;border-bottom-left-radius: 15px}.img-about01{display: none;width: 26%;margin-bottom: 5%}.TabItpContentLandingPage3>ul>li:nth-child(2)>a{background: #0e334e !important}.TabItpContentLandingPage3>ul>li:nth-child(2)>a>span{color: #ffb743 !important}.sub-detail h5{font-size: 1.4em;line-height: 28px;margin-bottom: 3%}.news-detail h6{margin: 2.5% 0 1%;font-weight: 700}.news-detail p{margin-bottom: 2rem}.news-detail h5{font-weight: 600;margin-bottom: 2%}.slidermaster img{height: 150px !important;object-fit: cover;border-radius: 20px;padding-right: 6px;padding-left: 6px}.fw-bold{font-weight: 700 !important}.sect-service .btn-more{width: 85%;text-align: center;font-weight: 700}div#formdisplay67639924e3da7f00134a4470 .form-cont,div#formdisplay676cc3831a30f300134e6184 .form-cont,div#formdisplay676cc3a22eb7c7001398b67e .form-cont,div#formdisplay676cc8d52eb7c7001398b737 .form-cont,div#formdisplay67b464484bf5350013243fd2 .form-cont{color: #000}.sect-service img{width: 20% !important;margin-bottom: 2%}.btn-easy{width: fit-content;color: #0e334e;background: #d6dce4;padding: 0.75rem 1rem;border-radius: 30px;transition: all 0.2s ease-out}.btn-easy:hover a{color: #fff}.btn-easy:hover{background: #0e334e}h3.managerHeader,.news-detail,.pre-news{font-family: "Quicksand","LINE Seed Sans TH",sans-serif}.contenemanager-gallery .col-xs-12.col-md-3{padding: 0 1% 1%;width: 33.33%}.news-detail li p{margin-bottom: 0.5rem}.blog-driving{text-align: center;background: #fff;color: #0e334e;padding: 5%;border-radius: 20px;min-height: 200px}.blog-value{text-align: center;color: #fff;padding: 5%;min-height: 215px}.blog-package{background: #fff;color:#0e334e;padding: 2%;border-radius: 20px;display: grid;grid-template-columns: 50% 50%;align-items: center;margin-bottom: 3%}.type-package{display: grid;grid-template-columns: 50% 50%;text-align: center}.table-package2>tbody>tr>td:nth-child(2),.table-package2>tbody>tr>td:nth-child(3){width: 25%;text-align: center;vertical-align: middle}.table-package2>tbody>tr>td{border: none;color: #000;padding: 0.2rem;padding-left: 2%;padding-right: 2%}.table-package2>tbody>tr>td img{width: 20px !important}.table-package2>tbody>tr{background: #fff}.table-package2>tbody>tr:nth-child(1)>td{border-collapse: collapse;border-top-left-radius: 15px;border-top-right-radius: 15px}.table-package2>tbody>tr:last-child>td:nth-child(3){border-collapse: collapse;border-bottom-right-radius: 15px}.table-package2>tbody>tr:last-child>td:nth-child(1){border-collapse: collapse;border-bottom-left-radius: 15px}td.text-blue strong{color: #4263cc}.table-package2>tbody>tr>td:nth-child(1),.table-package2>tbody>tr>td:nth-child(2){border-right: 1px solid #f4f4f4}.table-package2>tbody>tr:first-child>td:nth-child(1){border-right: none}.table-package2>tbody>tr:hover{background: #f5f5f7}.table-package2{background: #fff;border-radius: 20px}h3.managerHeader{font-size: 2em;width: 80%;margin: 5% auto 0}div#Component678db44f74ac2a0013b0116c,div#Component67b463ca50d8c30013346139{width: 40%;margin: auto}.page-hardware li{background: #fff;color: #0e334e;padding: 5% 3% 7%;border-radius: 23px}.page-hardware ul{list-style: none;padding: 0;display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;text-align: center;margin-top: 3%}.sect-kpi h4 strong{line-height: 38px}div#mainmenu676a6699196d6d00135c2ef4 .row-fluid,div#mainmenu67b4637c9c249200134190ca .row-fluid{display: flex;gap: 15px}div#mainmenu676a6699196d6d00135c2ef4 .col-sm-5fix.col-xs-12,div#mainmenu67b4637c9c249200134190ca .col-sm-5fix.col-xs-12{background: #fff;height: auto;border-radius: 20px}@media screen and (min-width: 1900px){.navbar-default .navbar-nav>li>a,.dropdown-menu>li>a{font-size: 18px}h1{font-size: 4em}h2{font-size: 3em}h3{font-size: 2.8em}h4{font-size: 2.2em}h5{font-size: 1.9em}h6,.footer h5{font-size: 1.7em}.text-menu h6{font-size: 1.7em}p,.footer h6,.pre-news p,.pre-careers p,.jobs-description .table>tbody>tr>th,.jobs-description .table>tbody>tr>td,.table-service>tbody>tr>td,.table-package2>tbody>tr>td{font-size: 19px}p.text-imply{height: 85px}.footer p,.btn-more,div#Component675c03cef5f36700132e26d7 button,.text-board p,div#formdisplay67639924e3da7f00134a4470 button,div#formdisplay676cc3831a30f300134e6184 button,div#formdisplay676cc3a22eb7c7001398b67e button,div#formdisplay676cc8d52eb7c7001398b737 button,div#formdisplay67b464484bf5350013243fd2 button{font-size: 16px}.footer li::marker{font-size: 16px}.page-mission h6,.table-service>thead>tr>th,.sect-mission h6,.sect-4cs>h6,.CASS-D-main .pre-news h6{font-size: 20px}.sub-detail h5{font-size: 1.7em;line-height: 30px}.sect-4cs>h6{line-height: 36px}.text-big{font-size: 28px}.cont-head{grid-template-columns: 30% auto auto}.sect-4cs>ul>li> h6{font-size: 20px;margin-bottom: 7%}.social-head{gap: 20px}.container{width: 70vw}.menu-page li{padding: 1.5rem 3rem;width: 74%;grid-template-columns: 15% auto}.menu-page{margin-top: 3%}h3.managerHeader{font-size: 2.2em}.marquee-item{flex: 0 0 7vw}.caption-employee video{height: 320px !important}.table-package2>tbody>tr>td img{width: 25px !important}.sect-about{padding-left: 6%;padding-right: 18%}.about-page p,.sect-about p{line-height: 30px}.sect-about h4{margin-bottom: 1%}.about-page h3{margin-bottom: 3%}p.text-imply{margin-bottom: 5%}.sect-service .btn-more{width: 73%}div#formdisplay67639924e3da7f00134a4470 input.form-control,div#formdisplay676cc3831a30f300134e6184 input.form-control,div#formdisplay676cc3a22eb7c7001398b67e input.form-control,div#formdisplay676cc8d52eb7c7001398b737 input.form-control,div#formdisplay67b464484bf5350013243fd2 input.form-control{height: 50px;margin-bottom: 2rem}.icon-serv{width: 25%}.TabItpContentLandingPage3>ul>li>a>span{font-size: 22px !important}.sect-about h2{margin: 1% 0 4%}.text-about img{width: 150px !important}.sect-4cs>ul>li img{width: 95px !important}.service-imply{height: 165px}.blog-driving{min-height: 250px}.blog-value{min-height: 260px}.sect-mission h6{line-height: 34px}.service-detail li,.page-vision li{padding: 1.25% 3%;grid-template-columns: 18% auto}.service-detail p,.page-voice p,.sect-board p{line-height: 32px}.pade-design .icon-serv{width: 26%}.about-page h6,.page-mission h6{line-height: 36px}.page-vision li{padding: 2% 7%;border-radius: 80px}.text-board p{height: 85px}.page-mission{padding: 3% 12%}div#HtmlTool675c0156f5f36700132e261e iframe,div#HtmlTool67b464484bf5350013243fc5 iframe{height: 430px}.contact-page li{grid-template-columns: 45px auto}.contact-page ul{gap: 15px}div#Component675c03cef5f36700132e26d7 .form-control,div#formdisplay67639924e3da7f00134a4470 .form-control,div#formdisplay676cc3831a30f300134e6184 .form-control,div#formdisplay676cc3a22eb7c7001398b67e .form-control,div#formdisplay676cc8d52eb7c7001398b737 .form-control,div#formdisplay67b464484bf5350013243fd2 .form-control{font-size: 15px !important}.detail-board{padding-top: 4%}.text-solution h5{font-size: 24px}.company-2-2{font-size: 16px}.logo-footer{width: 10%}.social-footer{gap:10px}.text-solution h6{font-size: 16px;line-height: 26px}#contentnewmode676b6ed9196d6d00135c3bce > div.none-border > div > div.none-middle > div.none-middle-mid > div > div > div:nth-child(14) > div:nth-child(4){margin: 0 61%}#contentnewmode676b6ed9196d6d00135c3bce > div.none-border > div > div.none-middle > div.none-middle-mid > div > div > div:nth-child(14) > div:nth-child(3){margin: 0 71%}.sect-kpi h4 strong{line-height: 44px}.video-employee iframe{height: 320px !important}.video-employee .embed-responsive.embed-responsive-16by9{padding-bottom: 80%}}@media screen and (max-width: 1366px){h4{font-size: 1.8em}.sect-about{padding-left: 4%;padding-right: 11%}.service-detail li{padding: 1.25% 3%}.menu-page li{padding: 1.5rem 3rem;width: 84%;grid-template-columns: 14% auto}.about-page h3{margin-bottom: 4%}.text-menu h6{font-size: 19px}.about-edit{padding: 8% 15% 15%;background-size: cover}h3.managerHeader{font-size: 1.8em}.social-share{top: -75px}.sect-mission h6{font-size: 17px;line-height: 28px}.itopplus-bg{background-size: cover !important}.service-imply{height: 133px}h2{font-size: 2.6em}.text-about img{width: 110px !important}.blog-driving{min-height: 190px}.blog-value{min-height: 205px}h3{font-size: 2.2em}h5{font-size: 1.6em}.sect-4cs>h6{line-height: 28px}.contact-page li{grid-template-columns: 35px auto}.best-part{min-height: auto}}@media screen and (max-width: 1280px){.about-edit{padding: 8% 12% 15%}}@media screen and (max-width: 1200px){.navbar-default .navbar-nav>li>a,.dropdown-menu>li>a{font-size: 14px;padding: 5px 9px}.cont-head{grid-template-columns: 35% auto auto;gap: 10px}.tell-head{padding: 0.5rem 1rem}.tell-head p,.job-head p{font-size: 14px}.social-head{gap: 12px}h4{font-size: 2em}h3{font-size: 2.3em}h2{font-size: 2.6em}h6{font-size: 1.4em}.footer h5{font-size: 17px}h5{font-size: 1.7em}.menu-page li{width: 93%;padding: 1.5rem 2.5rem}.company-2-2{padding: 10px 3px}.sect-about{padding-right: 7%}.text-about img{width: 100px !important}.sub-detail p{grid-template-columns: 33% auto}.about-page h6{line-height: normal}.text-big{font-size: 20px}.icon-about{width: 25%}.company-3-block{gap: 2%}.company-1{width: 22%}div#HtmlTool675c0156f5f36700132e261e iframe,div#HtmlTool67b464484bf5350013243fc5 iframe{width: 90%}.contact-page{padding-left: 3%}p.text-imply{height: 68px}.text-solution{padding: 0 2% 3%}.sect-board p br,.sect-4cs>h6 br,.sect-mission h6 br{display: none}.blog-value{min-height: 225px}.text-solution h5{margin-bottom: 1%}.text-solution h6{font-size: 13px;line-height: 20px;margin: 1% 0}.service-value ul{margin-top: 7%}.blog-timeline ul{width: 450%}.service-imply{height: 130px;-webkit-line-clamp: 6}#contentnewmode676b6ed9196d6d00135c3bce > div.none-border > div > div.none-middle > div.none-middle-mid > div > div > div:nth-child(14) > div:nth-child(3){margin: 0 82%}.contact-page li{grid-template-columns: 35px auto}.sect-service .btn-more{width: 100%;grid-template-columns: 30px auto;padding: 1rem 2rem}.video-employee .embed-responsive.embed-responsive-16by9{padding-bottom: 100%}}@media screen and (max-width: 900px){div#contentnewmode675b91316b675900135d6142,br{display: none}.menu-page li{width: 95%;padding: 1.5rem 1.7rem;grid-template-columns: 15% auto}h2{font-size: 28px}h3{font-size: 24px}h4{font-size: 22px}h5{font-size: 20px}h6{font-size: 18px}.text-about img{width: 85px !important}.about-page p,.sect-about p{line-height: 22px}.sect-about p,.about-page p{text-align: left}.sect-about{padding-right: 13%;padding-left: 5%}.sect-board p{margin-bottom: 4%}.sect-service h6{height: 30px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 24px}p.text-imply{height: 75px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;line-height: 24px}.service-imply{height: 125px;-webkit-line-clamp: 5;line-height: 24px}.btn-more{padding: 1rem 2rem}div#Contentmanager .col-md-12.text-justify{padding: 0 2%}.service-detail li{width: 30.33%;grid-template-columns: 25% auto}.service-detail ul{gap: 25px 20px}.service-detail.pade-design li{width: 31%}.service-detail.pade-design ul{justify-content: flex-start}.sub-detail p{grid-template-columns: 40% auto}.about-page h3{font-size: 28px}.page-vision li{grid-template-columns: 25% auto;gap: 10px}.page-mission br,.table-package2 br{display: block}.page-mission h6,.service-detail p,.page-voice p,.sect-board p,.sect-4cs>h6{line-height: inherit}.page-mission{padding: 3%}.page-mission h6{font-size: 17px}.blog-solution ul{gap: 30px 20px}.icon-about{width: 30%}.contact-page li{grid-template-columns: 30px auto}div#mainmenu675a55be07db760013265002>div{padding: 0 !important}div#contentnewmode6763834be3da7f00134a4089,div#contentnewmode676cc3831a30f300134e6175,div#contentnewmode676cc3a22eb7c7001398b66f{display: none}div#mainmenu676a6699196d6d00135c2ef4 .col-sm-5fix.col-xs-12,div#mainmenu6763d85ed7182900130678fd .col-sm-5fix.col-xs-12,div#mainmenu678720b6f924540013c01188 .col-sm-5fix.col-xs-12,div#mainmenu67b4637c9c249200134190ca .col-sm-5fix.col-xs-12,div#mainmenu67b4639bef985000135795bc .col-sm-5fix.col-xs-12,div#mainmenu67b463b0ef985000135795fa .col-sm-5fix.col-xs-12{width: 20%;float: left}.best-part{padding: 5% 7%}.form-cont{padding: 5% 5% 1%}div#formdisplay67639924e3da7f00134a4470 .col-md-6.col-sm-12,div#formdisplay67639924e3da7f00134a4470 .col-md-12.col-sm-12,div#formdisplay676cc3831a30f300134e6184 .col-md-6.col-sm-12,div#formdisplay676cc3831a30f300134e6184 .col-md-12.col-sm-12,div#formdisplay676cc3a22eb7c7001398b67e .col-md-6.col-sm-12,div#formdisplay676cc3a22eb7c7001398b67e .col-md-12.col-sm-12,div#formdisplay676cc8d52eb7c7001398b737 .col-md-6.col-sm-12,div#formdisplay676cc8d52eb7c7001398b737 .col-md-12.col-sm-12,div#formdisplay67b464484bf5350013243fd2 .col-md-6.col-sm-12,div#formdisplay67b464484bf5350013243fd2 .col-md-12.col-sm-12{padding: 0 !important}.caption-employee video{height: 300px !important;margin-bottom: 8%}.video-employee iframe{height: 300px !important}.video-employee .embed-responsive.embed-responsive-16by9{padding-bottom: 125%}.img-graph{padding: 10px}.service-value ul{margin-top: 2%}div#Component6763d028d71829001306774b .col-md-3.col-sm-4.col-xs-4,div#Component67b458ad4bf5350013243cd7 .col-md-3.col-sm-4.col-xs-4,div#Component67b463ca50d8c30013346147 .col-md-3.col-sm-4.col-xs-4{width: 25%}.TabItpContentLandingPage3>ul{width: 100%;display: flex}.TabItpContentLandingPage3>ul>li{width: 33.33%}.page-mission h6,.sect-mission h6,.sect-4cs>h6,.CASS-D-main .pre-news h6{font-size: 17px;line-height: normal}.sect-4cs>ul>li img{width: 25% !important}.sect-4cs>h6{margin-bottom: 6%}.text-menu h6{font-size: 17px}.img-graph p{min-height: 50px}.text-solution h5{font-size: 17px}.text-solution h6{font-size: 13px}.CASS-D-main .col-md-4.col-sm-4.col-xs-4{width: 50%}div#Component678731e561df930012b5706b .CASS-D-main .col-md-4.col-sm-4.col-xs-4,div#Component678734a7fbf4e600135d54f6 .CASS-D-main .col-md-4.col-sm-4.col-xs-4{width: 33.33%}#background678731e561df930012b5706b > div > div.CASS-D-middle > div.CASS-D-middle-mid > div > div.bootstrap-collum > div > div:nth-child(3),#background678734a7fbf4e600135d54f6 > div > div.CASS-D-middle > div.CASS-D-middle-mid > div > div.bootstrap-collum > div > div:nth-child(3){justify-content: center}.CASS-D-middle > .CASS-D-middle-mid > div > .bootstrap-collum > div > div:nth-child(3){justify-content: start}.blog-timeline ul{width: 550%}.itopplus-bg{background-position: top !important}.about-edit{padding: 10% 2%}.about-page{width: 55%}#contentnewmode676b6ed9196d6d00135c3bce > div.none-border > div > div.none-middle > div.none-middle-mid > div > div > div:nth-child(14) > div:nth-child(1){margin: 0 20%}.company-3-block{gap: 5px}.company-1{width: 30%}.table-responsive{border: none !important}.table-service{width: 100%}.sect-4cs>ul{grid-template-columns: repeat(2,1fr);gap:30px}.sect-4cs>ul>li:nth-child(2){border: none}.sect-4cs>ul>li{padding: 5% 14%}.company-2-1,.company-2-2{font-size: 13px}.company-responsive{overflow-x: scroll}.company-pd{width: 150%}.company-2-2,.company-2-1{width: 90%}#contentnewmode676b6ed9196d6d00135c3bce > div.none-border > div > div.none-middle > div.none-middle-mid > div > div > div > div:nth-child(14) > div:nth-child(3){margin: 0 75%}.sect-service img{width: 25% !important}.blog-driving{min-height: 210px}.blog-value{min-height: 240px}h3.managerHeader{font-size: 22px;line-height: normal}.sect-board h4{margin-bottom: 2%}.sect-board h4 br{display: block}li#languagebar{display: none !important}}@media screen and (max-width: 480px){div#imagesControl675b90aff5f36700132e10cb,div#mainmenu675be940b08a0700130828b1>div,div#contentnewmode675bd54a07db760013267026,div#contentnewmode6763a37106ddcc0013666006,div#imagesControl67765f061a30f300134e8e72,div#imagesControl6776542f1a30f300134e8db2,div#Component678731e561df930012b5706b .thumbs,div#Component678731e561df930012b5706b .col-md-4.col-sm-4.col-xs-12,.CASS-D-main .thumbs,.CASS-D-main .col-md-4.col-sm-4.col-xs-12,.CASS-D-main .col-md-3.col-sm-4.col-xs-12{padding: 0 !important}.menu-page li{width: 100%;padding: 1rem 2rem;grid-template-columns: 10% auto}div#mainmenu675ba0db6b675900135d6373 .none-middle-mid .none-middle-mid,div#mainmenu675c014b6b675900135d75a2 .none-middle-mid .none-middle-mid,div#mainmenu675f8b5bf5f36700132e3835 .none-middle-mid .none-middle-mid,div#mainmenu67b464484bf5350013243fc4 .none-middle-mid .none-middle-mid{display: block}div#mainmenu675ba0db6b675900135d6373 .none-middle-mid,div#mainmenu675c014b6b675900135d75a2 .none-middle-mid,div#mainmenu675f8b5bf5f36700132e3835 .none-middle-mid,div#mainmenu67b464484bf5350013243fc4 .none-middle-mid{display: flex;flex-wrap: wrap-reverse}.sect-about,.sect-service,.about-page,.contact-page,.detail-board{padding: 0}h4{font-size: 20px}h3{font-size: 22px}h5{font-size: 18px}.text-about{flex-wrap: wrap;margin-bottom: 5%;flex-wrap: wrap-reverse}h3.managerHeader{font-size: 20px}h2{font-size: 27px}.sect-service h3,p.text-imply,.sect-board h5,.page-header,.page-voice h6,.page-voice p,.page-voice h4,.sect-board h3,.about-page h3{margin-bottom: 7%}.sect-about h4,.page-vision h5,.about-page h6{margin-bottom: 5%}.sect-about h2{margin: 1% 0 5%;font-size: 22px}.sect-about{margin-bottom: 10%}div#Contentmanager .col-md-4.col-sm-4.col-xs-12{width: 100%;margin-bottom: 8%}.sect-service h6,p.text-imply,.service-imply{height: unset;-webkit-line-clamp: unset;line-height: normal}.service-imply{-webkit-line-clamp: 5}.pre-news{padding: 5%;padding-top: 40%}.sect-service{margin-bottom: 15%}div#contentnewmode675bb36f07db760013266cc7,.pre-careers.head-careers,.text-about img{display: none}div#mainmenu675bb1e0ee4ac3001341797a>div,div#mainmenu6763a7f4ac38be0013a7605b>div{padding-bottom: 0 !important}div#mainmenu675bb224b08a070013081ca6>div,div#mainmenu6763b6e2ac38be0013a76187>div{padding-top: 0 !important}.service-detail ul,.blog-solution ul{display: block;margin-top: 8%}.service-detail li{width: 100%;margin-bottom: 6%;grid-template-columns: 60px auto;padding: 3% 8%}.service-detail h6,.service-detail h5{margin-top: 6%;margin-bottom: 5%}.img-graph h3{margin-top: 10%}.service-detail.pade-design li,.blog-solution li{width: 100%;padding: 8% 5%;border-radius: 30px}.pade-design .icon-serv{width: 60px;margin-bottom: 3%}.pre-careers{grid-template-columns: 100%;gap: 0;padding: 5%}.sub-detail p{grid-template-columns: 50% auto;gap: 10px}.hide-pc{display: inline-block}.jobs-description .table>tbody>tr>th,.jobs-description .table>tbody>tr>td{font-size: 14px}.jobs-detail h6{margin-top: 8%;margin-bottom: 4%}.jobs-detail li,.detail-board li{margin-bottom: 1rem}.social-share{top: -10px}div#Component675f8b646b675900135d85d4 .imgLightbox img{border-radius: 30px}.page-vision ul,.contact-page ul{grid-template-columns: repeat(1,1fr)}.page-vision li{grid-template-columns: 60px auto}.page-mission,.blog-solution li,.sect-board p,.about-page{margin: 0;margin-bottom: 8%}div#Component678731e561df930012b5706b .thumbs,.CASS-D-main .thumbs{margin: 0}.icon-about{width: 60px}div#HtmlTool675c0156f5f36700132e261e iframe,div#Component675c03cef5f36700132e26d7,div#HtmlTool67b464484bf5350013243fc5 iframe{width: 100%}.contact-page ul{gap: 0}div#HtmlTool675c0156f5f36700132e261e iframe,div#HtmlTool67b464484bf5350013243fc5 iframe{height: 200px}div#Contentmanager .col-md-6.pull-left,div#Contentmanager .col-md-6.pull-right{width: 100%;float: none !important}.detail-board{margin-top: 5%}.ITPcookiebar{padding: 3%;display: flex !important}.ITPcookieLeftText{float: unset !important;padding-left: 0 !important;padding-top: 0 !important}.ITPcookieButton{float: unset !important;padding-right: 0 !important;padding-top: 0 !important}.ITPcookieLeftText span{font-size: 14px}.marquee-item{flex: 0 0 20vw;margin: 0 2vw}.sect-board h4,.best-part h4,.CASS-D-main .col-md-4.col-sm-4.col-xs-12,.CASS-D-main .col-md-3.col-sm-4.col-xs-12,div#Component678731e561df930012b5706b .col-md-4.col-sm-4.col-xs-12{margin-bottom: 6%}.sect-board.pt-5{padding-top: 8%}.page-mission h6,.sect-mission h6,.sect-4cs>h6,.CASS-D-main .pre-news h6{font-size: 16px}.sect-4cs>ul{grid-template-columns: repeat(1,1fr);margin-bottom: 12%;gap: 0}div#mainmenu676a6699196d6d00135c2ef4 .col-sm-5fix.col-xs-12,div#mainmenu6763d85ed7182900130678fd .col-sm-5fix.col-xs-12,div#mainmenu678720b6f924540013c01188 .col-sm-5fix.col-xs-12,div#mainmenu67b4637c9c249200134190ca .col-sm-5fix.col-xs-12,div#mainmenu67b4639bef985000135795bc .col-sm-5fix.col-xs-12,div#mainmenu67b463b0ef985000135795fa .col-sm-5fix.col-xs-12{width: 100%;float: none}.border-right{border-right: none}.best-part{min-height: unset;margin-bottom: 0;padding: 5%}.form-cont h4,.form-cont h6,.page-vision h3{margin-bottom: 8%}div#formdisplay67639924e3da7f00134a4470,div#formdisplay676cc3831a30f300134e6184,div#formdisplay676cc3a22eb7c7001398b67e,div#formdisplay676cc8d52eb7c7001398b737,div#formdisplay67b464484bf5350013243fd2{width: 100%}div#formdisplay67639924e3da7f00134a4470 input.form-control,div#formdisplay676cc3831a30f300134e6184 input.form-control,div#formdisplay676cc3a22eb7c7001398b67e input.form-control,div#formdisplay676cc8d52eb7c7001398b737 input.form-control,div#formdisplay67b464484bf5350013243fd2 input.form-control{height: 40px;margin-bottom: 0.5rem}.form-cont{padding: 0}.caption-employee,.text-hardware p{margin-bottom: 10%}.img-graph{padding: 0}.service-detail.pt-8,.form-cont.pt-10{padding-top: 10%}div#Component6763c4ef496d540013ea1d9c,div#Component67b463b0ef98500013579619{width: 100%}.service-value ul{margin-right: 0}.blog-timeline ul{width: 1050%;gap: 30px}div#Component6763d028d71829001306774b .col-md-3.col-sm-4.col-xs-12{width: 50%}.TabItpContentLandingPage3>ul>li{width: 50%}.table-responsive>.table{background: #fff}.table-responsive{margin: 0 !important}.text-hardware ul{padding: 0}.icon-serv{width: 24%}.head-culture{padding-bottom: 35%;margin-bottom: 22%}.head-culture:before{width: 10px;height: 10px;bottom: -3px}.text-culture h6{font-size:14px}.marquee-item2{flex: 0 0 55vw}.company-pd{width: 500%;padding-bottom: 4%}.company-responsive{overflow: scroll}.text-solution{text-align: center}.CASS-D-main img{border-radius: 30px}.about-page{width: 100%}.about-edit{padding: 10% 6%}.about-edit{background-position: 40% center}.sect-culture{padding: 7% 2%}.sect-4cs>h6{margin-bottom: 8%}.contact-page ul{gap: 15px}.contact-page li{grid-template-columns: 35px auto}.contact-page li br{display: block}.about-page h3{font-size: 22px}.sect-4cs>ul>li{border: none;padding: 5% 0}.menu-page{margin-bottom: 15%}.img-about01{display: block}.table-responsive{background: #fff}.table-service>tbody>tr>td>div{width: 20px !important}.table-service>tbody>tr>td{font-size: 14px}div#formdisplay67639924e3da7f00134a4470,div#formdisplay676cc3831a30f300134e6184,div#formdisplay676cc3a22eb7c7001398b67e,div#formdisplay676cc8d52eb7c7001398b737,div#formdisplay67b464484bf5350013243fd2{padding: 3% 5%}.form-cont h6{font-size: 15px;line-height: inherit}#contentnewmode676b6ed9196d6d00135c3bce > div.none-border > div > div.none-middle > div.none-middle-mid > div > div > div > div:nth-child(14) > div:nth-child(3){margin: 0 50%}p,.footer h6,.pre-news p,.pre-careers p,.jobs-description .table>tbody>tr>th,.jobs-description .table>tbody>tr>td,.table-service>tbody>tr>td{font-size: 14px}.text-menu h6{font-size: 16px}.CASS-D-main figcaption{background: linear-gradient(0deg,#0e334ee8,#0e334ebf,#0e334e42,#0e334e00);position: absolute;width: 100%;height: 100%;top: 0;border-radius: 20px}div#imagesControl675b90aff5f36700132e10cb{margin-bottom: -1px}.sub-detail h5{font-size: 15px;line-height: inherit;margin-bottom: 0}.sect-service .btn-more{width: 90%}.page-voice.pt-8,div#contentnewmode677b72ad79a5420013ba53ca .sect-board.pt-10{padding-top: 15%}.sect-service img{width: 20% !important}.contenemanager-gallery .col-xs-12.col-md-3{width: 100%;padding: 0 4%}div#Contentmanager .col-md-8.col-md-offset-2{padding: 0}.news-detail li p{margin-bottom: 1rem}.blog-driving,.blog-value{min-height: unset}.table-package2>tbody>tr>td{font-size: 14px}div#contentnewmode67639b41e3da7f00134a44ac .sect-culture li{width: 25%}div#Component678db44f74ac2a0013b0116c,div#Component67b463ca50d8c30013346139{width: 100%}.page-hardware ul{grid-template-columns: repeat(1,1fr)}.sect-board.pe-5{padding-left: 0}.sect-kpi h4 strong{line-height: inherit}.sect-kpi h4 br{display: none}.sect-board.pe-5 p{text-align: center !important}.video-employee{width: 100%}.video-employee .embed-responsive.embed-responsive-16by9{padding-bottom: 100%}.video-employee iframe{height: inherit !important}div#mainmenu676a6699196d6d00135c2ef4 .row-fluid,div#mainmenu67b4637c9c249200134190ca .row-fluid{flex-wrap: wrap}div#cookie67b464484bf5350013243fd2,div#cookie676cc8d52eb7c7001398b737{padding: 0 2%}#formdisplay67b464484bf5350013243fd2 > div:nth-child(4),#formdisplay676cc8d52eb7c7001398b737 > div:nth-child(4){padding: 0 !important}}.jssora03l,.jssora03ldn,.jssora03r,.jssora03rdn,.jssorb03{display: none}#slidermaster66a30a4ec1b5ad00135c61a2>div:nth-child(3){bottom: -17% !important;left: 0% !important;right: 0 !important;margin: 0 auto;width: 100% !important}.jssorb03 div{background: transparent;color: transparent !important;border: 1px solid #565656;width: 9px ! IMPORTANT;height: 9px !important;border-radius: 50%}.CASS-A-middle-mid{padding: 0}.CASS-A-middle-right,.CASS-A-middle-left,.CASS-A-bottom,.CASS-A-top{border: none}.CASS-A-main{box-shadow: none}.sect-service h6{min-height: 52px}@media (min-width: 821px){.navbar-nav>li{float: left;margin-right: -18px}}