.itopplus-background{}body{overflow-x: hidden;color: #282828;font-family: "LINE Seed Sans TH"}.itopplus-bg1{background: linear-gradient(to right,#950d1e 0,#eb181e 50%,#950d1e 100%);color: #fff}.itopplus-bg2{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_22072024irlo/0/0/2z-z474941982234.jpg);background-size: 100%;background-repeat: no-repeat;background-position: top}.itopplus-bg3{}.itopplus-bg4{background: linear-gradient(to right,#950d1e 0,#eb181e 50%,#950d1e 100%);color: #fff}.itopplus-bg5{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_22072024irlo/0/0/5z-z880025477622.jpg);background-size: 100%;background-repeat: no-repeat}.itopplus-bg6{}.itopplus-bg7{background: linear-gradient(to right,#950d1e 0,#eb181e 50%,#950d1e 100%);color: #fff}.itopplus-footer{background-color: #1d1d1d;color: #fff}.navbar-default .navbar-nav > li > a{color: #fff;margin: 0;padding: 7px 20px;border-radius: 30px}.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: #444;box-shadow: none;border-color: transparent;background: linear-gradient(to right,#e5d789 0,#d0ae57 50%,#e5d789 100%);background-color: transparent}.no-js .dropdown-menu > li > a{color: #444;padding: 5px 20px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #282828;background: linear-gradient(to right,#e5d789 0,#d0ae57 50%,#e5d789 100%)}@media screen and (min-width: 1200px){.container{width: 86vw}}@media screen and (min-width: 1024px){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 1000}.itopplus-sticky{top: -7vw}.itopplus-banner{background: transparent;transition: 0.3s}.itopplus-banner{display: grid;align-items: center}#itopplus-nav-bar{display: flex;width: 100%;justify-content: space-between}#controlBanner{object-fit: contain;padding: 10px 0;width: 70%;margin: auto}.itopplus-search{width: 100%;text-align: right;color: #282828}.itopplus-search2{width: 100%;text-align: right;color: #fff}.itp-block{background: #fff}.itp-block > div{display: grid;grid-template-columns: 15% auto;align-items: center;padding: 0}.itp-block2{position: relative}.itp-block2:after{position: absolute;top: 0;left: 0;right: 0;margin: auto;height: 100%;content: "";width: 100%;background: linear-gradient(to right,#950d1e 0,#eb181e 50%,#950d1e 100%);transition: 0.3s;z-index: -1;border-radius: 0}.itopplus-sticky .itp-block2:after{width: 100%}.itp-block2 > div{display: grid;grid-template-columns: 80% auto;align-items: center;padding: 3px 0 5px;justify-content: center}#main-navbar-collapse{padding: 0 10px}#itopplus-nav-bar>li{display: flex;align-items: center}#itopplus-nav-bar li:not(:last-of-type):not(.itopplus-sidebar-menu-parent):not(.dropdown-submenu):after{content: "";display: grid;place-content: center;background: #fff;width: 1px;height: 40%}}@media screen and (max-width: 1023px){#controlBanner img{position: fixed !important;top: 10px;left: 10px;width: auto !important;height: 30px;z-index: 10000;object-fit: contain}#nav-menu{background: #fff !important}.navbar-collapse,#ItopplusMainSidebar{background: #fff !important}#ItopplusMainSidebar *:is(li,a){color: #444 !important;border: none}#nav-menu .icon-bar{background: #444 !important}.navbar-header a.visible-xs{flex: 0 1 30px;background-color: transparent !important;border-radius: 50%;overflow: hidden}.navbar-header a.visible-xs:after{background-color: transparent;z-index: -1 !important}#itpphonemobile::before{background-image: url(https://cdn-icons-png.flaticon.com/128/5585/5585856.png) !important}#itpsearchmobile::before{background-image: url(https://cdn-icons-png.flaticon.com/128/9968/9968777.png) !important}.old-image-icon-facebook::before{background-image: url(https://cdn-icons-png.flaticon.com/128/5968/5968764.png) !important}.old-image-icon-line::before{background-image: url(https://cdn-icons-png.flaticon.com/128/3670/3670089.png) !important}.old-image-icon-instragram::before{background-image: url(https://cdn-icons-png.flaticon.com/128/4138/4138124.png) !important}.old-image-icon-youtube::before{background-image: url(https://www.flaticon.com/free-icon/youtube_3670147) !important}.new-image-icon-twitter::before{background-image: url(https://cdn-icons-png.flaticon.com/128/5969/5969020.png) !important}}@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: 16px}h1{font-size: 4.125em}h2{font-size: 3.2em}h3{font-size: 2.8em}h4,.managerHeader{font-size: 2.4em}h5{font-size: 2em}h6{font-size: 1.6em}p,.btn-quatation,.btn-more,.text-prot p,.Contentmanager .site .col-section .item.-micro a .caption p{font-size: 16px}.footer h6,.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 18px}.footer p,.copy-right p,.CASS-GrayBackground-main button,.itp-newshare-button{font-size: 15px}.text-service p{font-size: 16px !important}.CASS-GrayBackground-main .form-control{font-size: 15px !important}.text-service h5{font-size: 24px}.port-number{font-size: 20px}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.pt-8{padding-top:8%}.social-header{display: grid;grid-template-columns: 40px auto;text-align: left;align-items: center;gap: 10px;white-space: pre-line}.contact-header{display: flex;gap: 4vw;justify-content: end}b,strong,.footer h6,.sect-about h6,.sect-about h3,.managerHeader{font-weight: 600}.btn-quatation{width: fit-content;display: flex;align-items: center;gap: 8px;background: linear-gradient(90deg,#cfad56,#eae490,#cfad56);color: #282828;padding: 0.75rem 1.5rem;padding-right: 0.75rem;border-radius: 40px;margin: auto;transition-duration: 0.3s}.btn-more{width: fit-content;display: flex;align-items: center;gap: 8px;background: linear-gradient(90deg,#cfad56,#eae490,#cfad56);color: #282828;padding: 0.75rem 1.5rem;padding-right: 0.75rem;border-radius: 40px;transition-duration: 0.3s}.icon-more img{width: 25px !important}.logo-footer{width: 60%}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin: 0;line-height: 1.2}.footer h6,.material-detail p,.detail-service p,.page-join p,.sect-material p{margin-bottom: 1.5rem}.me-20{margin-left: 30%}.no-js .main-footer{width: 130%;margin-left: -60px;white-space: pre-line}.social-footer{display: grid;grid-template-columns: 40px auto;gap: 15px;align-items: center;white-space: pre-line;margin-bottom: 1rem}.items-footer{display: flex;align-items: center;gap: 10px;margin-bottom: 1rem}.icon-footer img{height: 20px !important;object-fit: contain}.icon-footer{width: 20px}.copy-right{padding-top: 15px;border-top: 1px solid #bfbfbf;margin-top: 2rem}.CASS-A-middle-mid,.CASS-B-middle-mid,.CASS-B-border,.CASS-D-middle-mid,.CASS-E-border,.CASS-H-middle-mid{padding: 0}.CASS-A-middle-right,.CASS-A-middle-left,figure.effect-jazz figcaption::after,.CASS-A-bottom,.CASS-A-top,.CASS-B-border,.dropdown-menu,.CASS-E-border{border: none}.CASS-A-main,.has-error .form-control:focus{box-shadow: none !important}.CASS-A-border,figure.effect-jazz,.CASS-B-border,.CASS-B-border,.CASS-D-border,.CASS-E-border,.CASS-H-main,.CASS-GrayBackground-border{background: transparent}.CASS-A-main .imgLightbox{border-radius: 30px 30px 30px 120px;overflow: hidden}.CASS-E-border,.CASS-E-main{color: unset !important}.dropdown-menu{border-radius: 10px !important}.text-gold,.head-why p{color: #cfad56}.sect-about h4,.head-why h4,.sect-material h4,.head-service h4,.head-port h4,.head-process h4,.head-page h4{font-family: "Figtree",sans-serif;font-weight: 700;text-transform: uppercase}.sect-about hr,.sect-material hr,.blog-contact-join hr,.material-detail hr,.detail-service hr,.about-page hr,.about-two hr{border-color: #940d1e;width: 60px;border-width: 5px;border-radius: 30px;margin: 2rem 0 2.5rem}.head-why hr,.head-service hr,.head-port hr,.head-process hr,.line-port hr,.head-page hr{border-color: #940d1e;width: 60px;border-width: 5px;border-radius: 30px}.sect-about h3{color: #940d1e}.sect-about p{margin-bottom: 2rem;white-space: pre-line}.sect-about p.text-gold,.sect-about h6{margin-bottom: 1rem}.sect-about{padding-right: 2%;padding-left: 10%;padding-top: 2%}.blog-why{display: grid;grid-template-columns: repeat(4,1fr);text-align: center;gap: 3vw 5vw;padding-bottom: 6%}.icon-why{width: 50%;margin: auto}.head-why{text-align: center;padding-top: 5%;margin-bottom: 2rem}.head-page{text-align: center;padding-top: 3%;margin-bottom: 3rem}.head-service{text-align: center;margin-bottom: 2rem;white-space: pre-line}.head-port{padding-top: 5%;text-align: center;margin-bottom: 2rem;white-space: pre-line}.head-process{padding-top: 7%;text-align: center;margin-bottom: 3rem;white-space: pre-line}.group-material{display: flex;flex-wrap: wrap}.items-material:nth-child(1),.items-material:nth-child(4){width: 52%}.items-material:nth-child(2),.items-material:nth-child(3){width: 39%}.items-material{margin: 0 2%;margin-bottom: 25px;position: relative}.img-material{border-radius: 20px;overflow: hidden}.text-material{position: absolute;bottom: -1px;width: 100%;padding: 20px;padding-top: 40px;background: linear-gradient(0deg,#000000cc,transparent);color: #fff;border-radius: 0 0 20px 20px}.text-material h5,.text-service h5{background: #EAE490;background: linear-gradient(to left,#fff89d 0%,#dfbb5c 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 800;font-family: "Figtree",sans-serif;margin-bottom: 0.5rem}.sect-material{background: #ffffffde;padding: 6%;padding-bottom: 25%;border-radius: 25px;margin-right: 3%;white-space: pre-line}.img-materail-design{width: 130%;position: relative;left: -160px;top: -95px}.sect-about h3{margin-bottom: 0.5rem}.grid figure h2{word-spacing: unset;font-weight: unset}figure.effect-jazz h2{padding-top: 0;-webkit-transition: inherit;transition: inherit}figure.effect-jazz h2,figure.effect-jazz p{opacity: 1;-webkit-transform: inherit;transform: inherit}figure.effect-jazz p{padding: 0;opacity: 1;font-size: initial;-webkit-transition: inherit;transition: inherit;letter-spacing: unset}.CASS-B-main figure{border-radius: 25px;overflow: hidden}.CASS-B-main figcaption{padding: 0 !important;position: absolute !important;width: 100% !important;height: 100% !important;left: 0 !important;top: 0 !important;background: transparent;text-transform: none !important}.text-service{text-align: left;width: 85%;white-space: pre-line}.group-service{display: flex;align-items: end;justify-content: space-between;padding: 20px 15px;padding-top: 40px;position: absolute;width: 100%;bottom: 0;background: linear-gradient(0deg,#000000bd,transparent);border-radius: 0 0 25px 25px}.icon-service img{width: 35px !important}.text-service p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 44px;line-height: 22px}figure.effect-jazz:hover h2,figure.effect-jazz:hover p{opacity: 1;-webkit-transform: inherit;transform: inherit}figure.effect-jazz:hover img,.grid figure img{opacity: 1}.card-process{display: grid;grid-template-columns: 105px auto;align-items: center;gap: 10px}.blog-process{display: grid;grid-template-columns: 33% 31% 33%;gap: 25px;align-items: center}.items-process:nth-child(1) .icon-process{order: 1}.items-process:nth-child(1) .card-process{grid-template-columns: auto 105px;text-align: right}.blog-process h6,.sect-more h4{font-weight: 600;margin-bottom: 0.5rem}.sect-more{text-align: center;padding: 5% 0;white-space: pre-line}.merg-btn{display: flex;justify-content: center;gap: 20px;margin-top: 3rem}.eapps-widget-toolbar{display: none !important}.merg-btn .btn-more{box-shadow: 0 4px 6px rgb(0,0,0,0.2)}.CASS-D-main .owl-nav button{background: transparent !important}.CASS-D-main .glyphicon-chevron-left:before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_22072024irlo/0/0/next-leftz-z329239909363.png);background-size: contain;background-repeat: no-repeat;background-position: center;color: transparent;width: 20px;height: 20px;position: absolute;left: 0}.CASS-D-main .glyphicon-chevron-right:before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_22072024irlo/0/0/next-rightz-z1393257340920.png);background-size: contain;background-repeat: no-repeat;background-position: center;color: transparent;width: 20px;height: 20px;position: absolute;right: 0}.port-number{background: linear-gradient(90deg,#cfad56,#eae490);padding: 10px;width: fit-content;color: #282828;border-radius: 0 0 0 20px;font-weight: 600;position: absolute;top: 0;left: 20px}.CASS-D-main .col-md-12.col-sm-12.col-xs-12{padding: 0 !important;border-radius: 25px;overflow: hidden}.CASS-D-main .img-container{padding-bottom: 70%}.CASS-D-main .Contentmanager .caption,.Text_seller2,.post-time,.landingpagemanager{display: none}.social-icon{border-radius: 5px}.text-prot p{margin: 0;text-align: left}.text-prot{display: flex;justify-content: space-between;align-items: center;padding: 20px;padding-top: 30px;color: #fff;position: absolute;bottom: 0;width: 100%;background: linear-gradient(0deg,#000000a6,transparent)}.CASS-D-main .owl-nav button{padding: 0;height: unset !important;top: 20px !important}.page-header{padding-bottom: 0;margin: 4% 0 0;border-bottom: none;text-align: center}.CASS-D-main .col-md-4.col-sm-4.col-xs-12{padding: 0 !important;width: 100%;border-radius: 20px;overflow: hidden}.CASS-D-main .template1{display: grid;grid-template-columns: repeat(3,1fr);gap: 25px}.Contentmanager .site .col-section .item.-micro{padding: 0;border: none !important;width: 100% !important}.Contentmanager .site .col-section .item.-micro a .image,.Contentmanager .site .col-section .item.-micro a .caption{padding: 0;width: 100%}.row{margin: 0}.CASS-E-main .row::before,.Contentmanager .site .col-section .item.-micro a .post{display: none}.CASS-E-main .row.flex{display: grid;grid-template-columns: repeat(4,1fr);gap: 25px}.CASS-E-main .img-zoom img{height: 260px !important;object-fit: cover !important;object-position: center !important}.Contentmanager .site .col-section .item.-micro a .image{border-radius: 20px}.Contentmanager .site .col-section .item.-micro a .caption .title{line-height: inherit;margin-top: 1.5rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 51px;color: #000}.Contentmanager .site .col-section .item.-micro a .caption p{line-height: inherit;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 1.5rem;height: 68px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #ea181e}.logo-join{width: 20%;margin-bottom: 2rem}.page-join h4,.blog-contact-join h5,.last-material h5,.material-detail h4,.detail-service h4,.about-page h4,.about-two h5,.contact-page h4{margin-bottom: 1rem;color: #940d1e;font-weight: 600}.page-join{padding-right: 4%}.blog-contact-join{background: #f5f5f7;padding: 5%;border-radius: 20px}.items-contact-join{display: grid;grid-template-columns: 35px auto;align-items: center;gap: 10px;margin-bottom: 1rem}.last-material{padding-top: 3%;text-align: center}.page-material .text-material{background: linear-gradient(0deg,#000000cc,#0000005e,#0000004d,transparent)}.page-material p{min-height: 91px}.material-detail{padding-left: 7%}.ps-8{padding-right: 5%}.line-left::before{content: " ";width: 35px;height: 2px;background: #d7d7d7;position: absolute;left: 0;top: 10px}.line-left{position: relative;text-indent: 40px}.line-design{padding-left: 10px;border-left: 3px solid #d7d7d7}.about-two p,.about-page p,.Textmanager p{margin-bottom: 2rem}.about-page{padding-left: 7%}.about-two{padding-right: 8%;padding-top: 3%}.group-mission{display: grid;grid-template-columns: repeat(5,1fr);text-align: center;gap: 2vw}.blog-mission{padding: 5% 0;text-align: center}.head-mission h4{font-weight: 600;margin-bottom: 3rem}.icon-mission{width: 55%;margin: auto}.contact-page{padding-left: 6%}.items-contact{display: grid;grid-template-columns: 35px auto;align-items: center;gap: 10px;background: #f5f5f7;padding: 5px;border-radius: 30px;color: #282828;transition-duration: 0.3s;height: 100%}.group-contact{display: grid;grid-template-columns: repeat(2,1fr);gap: 12px;margin-top: 2rem}.form-contact h4{text-align: center;margin-bottom: 2rem;color: #940d1e;font-weight: 600}.form-contact h4{text-align: center;margin-bottom: 2rem;color: #940d1e;font-weight: 600}.CASS-GrayBackground-main{width: 50%;background: #fff;padding: 4%;border-radius: 30px}.CASS-GrayBackground-main .col-xs-12.col-sm-3.col-md-3{display: none !important}.CASS-GrayBackground-main .col-xs-12.col-sm-6.col-md-6{width: 100%}.CASS-GrayBackground-main .form-control{border-radius: 0;box-shadow: none;border: none;border-bottom: 1px solid #c8c8c8}.CASS-GrayBackground-main .col-md-offset-3{margin: 0;text-align: center;width: 100%}.CASS-GrayBackground-main button{background: linear-gradient(90deg,#cfad56,#eae490,#cfad56);color: #282828;padding: 1rem 2.5rem;border-radius: 40px;box-shadow: none;border: none;text-shadow: none;transition-duration: 0.3s}.maps-page iframe{margin-bottom: -5px}.managerHeader{margin-bottom: 3rem}.itp-newshare-button:hover{background: #b9121e}.itp-newshare-button{padding-left: 3rem !important;padding-right: 3rem !important;border-radius: 40px}.newShareContainer{justify-content: end !important}div#Contentmanager .img-thumbnail,div#Contentmanager .thumbnail{background: transparent;padding: 0;border: none;box-shadow: none;border-radius: 25px;overflow: hidden}.Textmanager{text-align: left;display: flow-root}.Textmanager h5,.Textmanager h6{color: #940d1e;font-weight: 600;margin-bottom: 1rem}div#Contentmanager .row.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%;padding: 0 1%}div#Contentmanager .row.Contenemanager-gallery{display: inline-block !important;column-count: 3}.line-port hr{margin-bottom: 3rem}.items-contact:hover,.CASS-GrayBackground-main button:hover,.btn-quatation:hover,.btn-more:hover,.btn-download:hover,.Contentmanager .site .col-section .item.-micro a:hover .btn-more{color: #fff;background: #cc000b}.ic-contact img,.ic-social-header img,.ic-social-footer img,.icon-footer img,.icon-why,.img-material img,.img-container .img,.icon-process img,.img-process,.icon-mission,div#Contentmanager .thumbnail>img,.ic-contact-join img{transition: transform 0.3s ease-out}.items-contact:hover img,.social-header:hover img,.social-footer:hover img,.items-footer:hover img,.items-why:hover .icon-why,.items-material:hover .img-material img,.CASS-D-main .col-md-12.col-sm-12.col-xs-12:hover .img,.card-process:hover img,.img-process:hover,.items-mission:hover .icon-mission,.CASS-D-main .col-md-4.col-sm-4.col-xs-12:hover .img,div#Contentmanager .thumbnail>img:hover,.items-contact-join:hover img{transform: scale(1.05)}.social-header a,.items-contact-join a{color: #282828;transition-duration: 0.3s}.social-header a:hover,.items-contact-join a:hover{color: #cc000b}.footer a:hover{color: #cfad56}.footer a{color: #fff;transition-duration: 0.3s}.btn-quatation:hover img,.btn-more:hover img{filter: invert(1)}.items-material:hover .text-material,.CASS-B-main figure:hover .group-service,.CASS-D-main .col-md-12.col-sm-12.col-xs-12:hover .text-prot,.CASS-D-main .col-md-4.col-sm-4.col-xs-12:hover .text-prot{background: linear-gradient(0deg,#7d2727cc,transparent)}.page-material .items-material:hover .text-material{background: linear-gradient(0deg,#8f2e2ecc,#8b27275e,#a741417a,transparent)}.ITPcookiebar{width: 100% !important;background-color: #2f2f2f75 !important;color: #fff}.buttonExampleSite{border-radius: 5rem !important;border: 1px solid #2f2f2f75 !important;color: #171717 !important}.buttonExampleSite:hover{background: #cc000b !important;color: #ffffff !important}.ITPlinkToCookiepage:hover{color: #cfad56!important}.itpPDPALandingPage,.ITP-pdpa-template-contentFont{font-size: 16px !important;margin-bottom: 3% !important}.itpPDPALandingPage{margin-top: 3%}.ITP-pdpa-template-titleFont{font-size: 20px !important;font-weight: 600 !important}.ITP-pdpa-template-contentFont{line-height: 28px}.ITPcheckboxAuthen .ITPcheckboxAuthen{margin: 0;padding: 0}.ITPcheckboxAuthen{margin-top: 10px;margin-bottom: 20px;position: relative;z-index: 999}#contactUsAcceptPolicyText2{font-weight: 600}.btn-primary:disabled,.btn-primary[disabled]{background-color: #b1b1b1;border-color: #b1b1b1}.btn-default:disabled,.btn-default[disabled]{background-color: #a1a1a1;border-color: #a1a1a1}.btn-download{display: grid;grid-template-columns: 36px auto;align-items: center;gap: 10px;padding: 1rem 2rem;margin-bottom: 2rem;background: #db161e;color: #fff;width: fit-content;font-size: 16px;font-weight: 600;border-radius: 10px;transition-duration: 0.3s}@media screen and (min-width: 1900px){.navbar-default .navbar-nav>li>a,.dropdown-menu>li>a{font-size: 20px}h1{font-size: 4.7em}h2{font-size: 3.6em}h3{font-size: 3.2em}h4,.managerHeader{font-size: 2.8em}h5{font-size: 2.4em}h6{font-size: 2em;line-height: 1.2}p,.btn-quatation,.btn-more,.text-prot p,.Contentmanager .site .col-section .item.-micro a .caption p{font-size: 20px}.footer h6,.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 22px}.footer p,.copy-right p,.CASS-GrayBackground-main button,.itp-newshare-button{font-size: 19px}.text-service p{font-size: 20px !important}.CASS-GrayBackground-main .form-control{font-size: 18px !important}.text-service h5{font-size: 28px}.port-number{font-size: 24px}.social-header{grid-template-columns: 45px auto}.contact-page{padding-left: 4%}.itp-block2{margin-bottom: -51px !important}.btn-download{grid-template-columns: 40px auto;font-size: 20px;margin-bottom: 3rem}.sect-about{padding-right: 8%;padding-left: 10%;padding-top: 5%}.sect-about h3{margin-bottom: 1.5rem}.sect-about p,.head-port{margin-bottom: 3rem}.img-materail-design{left: -220px;top: -115px}.sect-material{padding-bottom: 20%}.text-material{padding: 25px;padding-top: 40px}.head-service{padding-top: 3%;margin-bottom: 3rem}.text-service p{min-height: 56px;line-height: 28px}.group-service{padding: 25px;padding-top: 40px}.text-service h5{font-size: 30px}.icon-service img{width: 40px !important}.card-process{grid-template-columns: 130px auto}.card-process{gap: 15px;margin-bottom: 1rem}.items-process:nth-child(1) .card-process{grid-template-columns: auto 130px}.blog-process h6{margin-bottom: 1rem}.social-footer{grid-template-columns: 45px auto}.about-page{padding-top: 5%}.about-two{padding-top: 10%}.icon-mission{width: 50%}.line-left::before{top: 13px}.material-detail,.contact-page{padding-top: 3%}.CASS-E-main .img-zoom img{height: 350px !important}.Contentmanager .site .col-section .item.-micro a .caption .title{min-height: 62px}.Contentmanager .site .col-section .item.-micro a .caption p{height: 85px}.items-contact-join{grid-template-columns: 40px auto;margin-bottom: 1.5rem}.items-contact{grid-template-columns: 40px auto}.CASS-GrayBackground-main input.form-control{height: 40px}.ITPcookieLeftText,.buttonExampleSite,.ITPcheckboxAuthen{font-size: 18px !important}.ITP-pdpa-template-titleFont{font-size: 24px !important}.ITP-pdpa-template-contentFont{line-height: 32px;font-size: 18px !important}}@media screen and (max-width: 1366px){.navbar-default .navbar-nav > li > a{padding: 7px 10px}.sect-about{padding-right: 0;padding-left: 6%;padding-top: 0%}.sect-material{padding-bottom: 20%}.text-material{padding: 20px 15px;padding-top: 40px}.text-service{width: 90%}.items-process:nth-child(1) .card-process{grid-template-columns: auto 90px}.card-process{grid-template-columns: 90px auto;margin-bottom: 1rem}.blog-process{grid-template-columns: 37% 23% 37%}.no-js .main-footer{width: 147%;margin-left: -70px}.about-two{padding-top: 0}.page-material p{min-height: 115px}.CASS-E-main .img-zoom img{height: 230px !important}}@media screen and (max-width: 1200px){h1{font-size: 3.8em}h2{font-size: 2.8em}h3{font-size: 2.4em}h4,.managerHeader{font-size: 2em}h5{font-size: 1.8em}h6{font-size: 1.4em}.sect-about p{white-space: inherit}.blog-why{gap: 3vw 2vw}.img-materail-design{top: -65px;left: -140px}.text-service p{-webkit-line-clamp: unset}.text-service{white-space: inherit}.footer h6{font-size: 16px}.no-js .main-footer{width: 120%;margin-left: -25px;white-space: inherit}.page-material p{min-height: auto;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden}.CASS-E-main .img-zoom img{height: 190px !important}.Contentmanager .site .col-section .item.-micro a .caption .title{min-height: 45px}.items-contact{grid-template-columns: 30px auto}}@media screen and (max-width: 1024px){.contact-header{gap: 2vw}.img-materail-design{top: -65px;left: -60px;width: 100%}.sect-material{padding-bottom: 18%}.about-two{padding-right: 3%}.about-page{padding-left: 4%}.last-material{width: 113%;margin-left: -45px}.material-detail{padding-left: 4%}.text-prot{padding: 20px 15px;padding-top: 30px}.group-contact{grid-template-columns: repeat(1,1fr);gap: 10px}.contact-page{padding-left: 2%}}@media screen and (max-width: 900px){div#background6a5df0152d8c0600130eab9a{display: none}h1{font-size: 38px}h2{font-size: 28px}h3{font-size: 26px}h4,.managerHeader{font-size: 24px}h5{font-size: 22px}h6{font-size: 18px}.sect-about h3{margin-bottom: 1rem}.items-why br,.about-two br{display: none}.text-material{padding: 15px;padding-top: 40px}.sect-material{white-space: inherit;padding-bottom: 13%}.img-materail-design{top: -41px;left: -35px}.head-service{white-space: inherit}.text-service h5{font-size: 20px}.group-service{background: linear-gradient(0deg,#000000bd,#00000096,transparent)}.icon-service img{width: 30px !important}.blog-process{gap: 20px;grid-template-columns: 36% 23% 36%}div#background6a3df93c7a596200130aeef7 .col-md-3.col-sm-6.col-xs-12{width: 25%}.no-js .main-footer{width: 100%;margin-left: 0}.icon-footer{width: unset}.items-footer{width: 125%;display: grid;grid-template-columns: 18px auto}.me-20{margin-left: 20%}.social-footer,.items-contact-join{grid-template-columns: 30px auto}.icon-mission{width: 65%}.navbar-header{box-shadow: 0 4px 8px rgb(0,0,0,0.1)}.head-page{padding-top: 5%}.text-prot{padding: 30px 15px 15px}.Contentmanager .site .col-section .item.-micro a .caption .title{min-height: 45px;font-size: 16px}.CASS-E-main .img-zoom img{height: 160px !important}}@media screen and (max-width: 768px){.icon-why{width: 55%}.text-prot p{font-size: 15px}.social-footer{gap: 10px;width: 105%}.group-service{padding: 15px}.CASS-GrayBackground-main .form-group{margin-bottom: 5px}}@media screen and (max-width: 480px){div#imagesControl6a3e0127d339b9001318435e,div#imagesControl6a5df0152d8c0600130eab9a{padding: 0 !important}.CASS-A-border,.group-material,.CASS-B-border,.maps-page{margin: -10px}.sect-about,.about-page,.about-two{padding: 0}.blog-why{grid-template-columns: repeat(2,1fr);gap: 7vw 2vw;padding-bottom: 10%}.head-why,.head-service,.head-port{padding-top: 8%}.items-material{margin-bottom: 20px}.text-material,.group-service{padding: 10px;padding-top: 35px;background: linear-gradient(0deg,#000000cc,#00000073,transparent)}.text-service p{-webkit-line-clamp: 2}.head-port{white-space: inherit;margin-bottom: 0rem}.blog-process{grid-template-columns: 100%;gap: 0}.items-process:nth-child(1){order: 1}.items-process:nth-child(2){order: 0}.items-process:nth-child(3){order: 2}.img-process{width: 70%;margin: auto;margin-bottom: 2rem}.items-process:nth-child(1) .icon-process{order: 0}.items-process:nth-child(1) .card-process{grid-template-columns: 90px auto;text-align: left}.CASS-A-main .imgLightbox{border-radius: 20px 20px 20px 80px}.sect-about hr,.sect-material hr,.blog-contact-join hr,.material-detail hr,.detail-service hr,.about-page hr,.about-two hr,.head-why hr,.head-service hr,.head-port hr,.head-process hr,.line-port hr,.head-page hr{width: 40px}.sect-more{padding: 8% 0;white-space: inherit}div#background6a3df93c7a596200130aeef7 .col-md-3.col-sm-6.col-xs-12{width: 100%}.logo-footer{width: 45%;margin-bottom: 1rem}.CASS-H-middle-mid{display: flex;flex-wrap: wrap-reverse}.blog-mission{padding: 8% 0}.group-mission{grid-template-columns: repeat(2,1fr);padding-bottom: 5%}.page-material p{-webkit-line-clamp: 2}.last-material{width: 100%;margin-left: 0;padding-top: 7%;padding-bottom: 8%}.CASS-D-main .template1{grid-template-columns: repeat(2,1fr);gap: 15px}.text-prot{padding: 20px 10px 10px}.text-prot p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.CASS-D-main .owl-nav button.owl-next{right: -35px !important}.CASS-D-main .owl-nav button.owl-prev{left: -35px !important}.port-number{font-size: 16px;padding: 7px;border-radius: 0 0 0 10px}.managerHeader{margin-bottom: 2rem}.page-header{margin: 7% 0 0}.head-page{margin-bottom: 1rem}div#Contentmanager .row.Contenemanager-gallery{column-count: 2}div#Contentmanager .col-md-12.text-justify{padding: 0}.CASS-E-main .row.flex{grid-template-columns: repeat(2,1fr);gap: 20px}.social-share{top: -15px}.modal-dialog{width: 96% !important}.logo-join{width: 35%}.page-join{padding-right: 0;margin-bottom: 3rem}.contact-page{padding-left: 0}.group-contact{margin-bottom: 12%}.CASS-GrayBackground-main{width: 100%;padding: 7%}.CASS-GrayBackground-main .form-group{margin-bottom: 8px}.CASS-GrayBackground-main .col-xs-12.col-sm-6.col-md-6{padding: 0}.CASS-GrayBackground-main input.form-control{height: 40px}.ITPcookiebar{padding: 3% 2%;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: 12px}.CASS-GrayBackground-main .col-md-offset-3{padding: 0}.ps-8{padding-right: 0}div#background6a5df0152d8c0600130eab9a{display: block}}