.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #444444}a{color: #444444}a:hover{color: #2a3a91}b,strong{font-weight: 600}.itopplus-slide{background-color: #f2f3f5}.itopplus-bg4{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_21062023qshh/0/0/4z-z1537016241372.webp');background-attachment: fixed;background-position: bottom}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #282828;margin: 0 15px;padding: 10px 3px}.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: #2a3a91 !important;box-shadow: 0px 1px 0px 0px #2a3a91;border-radius: none;background: transparent;background-color: transparent}.dropdown-menu>li>a{font-size: 1.1em;color: #282828;padding: 7px 20px}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: #2a3a91}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 5px;left: 10px;width: 40px !important;z-index: 110}#ItopplusMainSidebar,.navbar-header{background: #fff}#controlMenu *{color: #444 !important}.navbar-default .navbar-toggle .icon-bar{background-color: #444 !important;color: #444 !important}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 15% auto;align-items: center}.itopplus-banner .container::before,.itopplus-banner .container::after{display: none}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110;box-shadow: 0 0 10px rgba(0,0,0,.1)}.itopplus-banner{background: #fff;transition: .3s}.banner-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 15px;width: 65%;min-width: auto;margin: 0 auto}#nav-menu{text-align: right;background-color: transparent}.itopplus-search{text-align: right;margin-bottom: 1vw}}.h1,h1{font-size: 3.4em}.h2,h2{font-size: 2.8em}.h3,h3{font-size: 2.2em}.h4,h4{font-size: 1.2em}.h5,h5{font-size: 1.1em}.boderedlayoutClient{border-top: 0px dashed transparent;border-left: 0px dashed transparent;border-right: 0px dashed transparent;border-bottom: 0px dashed transparent}ol,ul{margin-top: 10px;margin-bottom: 10px}.header-block{display: grid;grid-template-columns: 85% 15%;width: 50%;float: right;align-items: center}.header-icon-contact{display: flex;gap: 5px;align-items: center}.header-contact{display: grid;grid-template-columns: 10% auto;gap: 10px;justify-content: center}.header-icon-img{display: flex;gap: 10px;width: 85%}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.itopplus-footer{font-size: 14px}.itopplus-footer h4{margin: 0px 0 20px;font-weight: 500;font-size: 1.3em}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #8fc8ff}.copy-right{white-space: pre-line;padding: 6% 0 0;font-size: 0.9em}.footer-pd{padding: 0 20%}.footer-pd .media-body{padding: 2px}.footer-app{display: flex;gap: 10px;padding: 5% 5% 0 20%}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #2d7ac5 !important;color: #2d7ac5 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #2d7ac5 !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;padding-bottom: 0rem !important;font-weight: 600 !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 6% 2% 2%}.padding-pd{padding: 2%}.about-block{padding: 10%}.about-block h2{color: #2a3a91;font-weight: 600;line-height: 1.2;margin: 0px}.about-block h3{color: #9095a7;font-size: 1.7em;margin: 15px 0}.btn-more{background: #2d7ac5;color: #fff;border: none;padding: 6px 25px;border-radius: 50px;transition: 0.5s}.btn-more:hover{background: #2a3a91;color: #fff}.about-slogan{text-align: center;padding: 4% 0 1%}.about-slogan h2{white-space: pre-line;color: #2a3a91;font-weight: 600;line-height: 1.2;margin: 0}.about-slogan h2 span{color: #2d7ac5}.about-slogan h3{color: #9095a7;font-size: 1.6em;font-weight: 400;margin: 15px 0}figure.effect-phoebe{background: transparent;border-radius: 20px}figure.effect-phoebe h2{margin-top: 1em;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);font-size: 0.85em}.grid figure h2{word-spacing: normal;font-weight: 400}.grid figure figcaption{padding: 1em}figure.effect-phoebe img{opacity: 1;transition: 0.5s}figure.effect-phoebe:hover img{transform: scale(1.1)}.slogan-block{white-space: pre-line;padding: 20% 0;line-height: 1.3}.year-block-display{display: flex;justify-content: center}.year-block{white-space: pre-line;width: 100%;text-align: center;padding: 5% 0}.year-block h4{font-size: 1em;font-weight: 400;line-height: 1.3;height: 40px}.year-block h1{font-weight: 600;margin: 0}.year-block h5{font-size: 0.8em;letter-spacing: 4px;margin: 15px 0 0}.menu-align{text-align: center;padding: 5% 0 2%}.menu2-align{text-align: center;padding: 2% 0}.menu-align h2,.menu2-align h2{font-weight: 600;color: #282828}.menu-align img,.menu2-align img{width: 1.5% !important;margin: 1% auto 0}.app-icon-head{padding: 5% 0}.app-icon-head h3{white-space: pre-line;color: #282828;font-weight: 600;line-height: 1.2}.app-icon{display: grid;grid-template-columns: 15% auto;border-bottom: 1px solid #a8afc9}.app-icon-img{margin-left: -15%}.app-icon-text{padding: 0 10px}.app-icon-text h1{font-weight: 600;margin: 0;font-size: 3.2em;background: linear-gradient(0deg,rgba(42,58,145,1) 0%,rgba(45,122,197,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-icon-text h3{margin: 0 0 25px;font-size: 1.6em;font-weight: 600;color: #9095a7}.app-icon-block{display: grid;grid-template-columns: repeat(2,1fr);padding: 15px 0}.app-icon2{color: #9095a7}.app-icon2-block{margin-bottom: 20px}.app-icon2 .media-body{padding: 25px 5px 0px}.app-icon2 h4{white-space: pre-line;color: #282828;font-weight: 600;font-size: 1.3em}.app-icon2 img{margin-bottom: 10px}.app-download{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;align-items: center;width: 70%;padding: 10% 0 0}.app-download h3{font-size: 1.4em;font-weight: 600;color: #282828;margin: 0}.btn-service{background: #fff;color: #282828;border: none;display: grid;grid-template-columns: 85% 15%;align-items: center;padding: 25px 20px;border-radius: 20px;font-size: 1.5em;font-weight: 600;transition: 0.5s;justify-content: center}.btn-service:hover{background: linear-gradient(90deg,rgba(42,58,145,1) 0%,rgba(45,122,197,1) 50%,rgba(42,58,145,1) 100%);color: #fff;box-shadow: 0 8px 15px rgba(64,147,255,.5)}.btn-service img{width: 65% !important;margin: 0 auto;display: block}.btn-service:hover img{filter: brightness(5)}#slider6698c8ba71950d0013d46329{border-radius: 20px}.btn-align{text-align: center;padding: 0 0 5%}.main-timeline .col-md-2.col-sm-6.timeline{width: 14.28%}.main-timeline{overflow: auto;margin-bottom: 5%}.main-timeline .timeline{padding: 0;text-align: center;overflow: hidden}.main-timeline .timeline-icon{padding-bottom: 20px;margin-bottom: 30px;font-size: 65px;color: #000;border-bottom: 4px solid #2a3a91;position: relative}.main-timeline .timeline-icon:before{content: "";width: 16px;height: 16px;border-radius: 50%;background: #2d7ac5;margin: 0 auto;position: absolute;bottom: -9.5px;left: 0;right: 0}.main-timeline .year{display: block;width: 100%;height: auto;line-height: 1.2;border-radius: 0;background: transparent;font-size: 1.1em;color: #282828;margin-bottom: 15px;z-index: 1;position: relative;font-weight: 600;height: 40px}.main-timeline .year:before{content: "";display: block;width: 70px;height: 80%;background: transparent;border-radius: 50%;position: absolute;top: 10px;left: -37px}.main-timeline .timeline-content{padding: 0 15px}.main-timeline .description{font-size: 0.9em;color: #9095a7;text-align: center}.step-number{background: linear-gradient(90deg,rgba(42,58,145,1) 0%,rgba(45,122,197,1) 50%,rgba(42,58,145,1) 100%);color: #fff;font-size: 1.8em;font-weight: 600;width: 2.5em;height: 2.5em;border-radius: 50%;text-align: center;padding: 8% 0;margin: 0 auto}.effect-sadie{border-radius: 20px}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 6em 1em 1em !important;width: 100%;opacity: 1;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,0,0);text-align: left;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(42,58,145,.8) 100%);text-transform: initial}figure.effect-sadie figcaption::before{z-index: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(42,58,145,1) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(42,58,145,1) 100%);content: '';opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0)}.grid figure p{letter-spacing: 0px;font-size: 16px}.port-name{text-align: center}.contact-block{display: grid;grid-template-columns: repeat(3,1fr);align-items: end;gap: 20px}.contact-block h3{font-weight: 600;margin: 0}.contact-tel h4{margin: 5px 0 0}.contact-tel{background: #fff;color: #282828;text-align: center;border-radius: 20px;padding: 10%;transition: 0.5s}.contact-tel:hover{background: #dbebff;color: #282828}.contact-tel img{width: 50% !important;margin: -35% auto 0}.contact-line{background: linear-gradient(90deg,rgba(42,58,145,1) 0%,rgba(45,122,197,1) 50%,rgba(42,58,145,1) 100%);color: #fff;box-shadow: 0 9px 15px rgba(64,147,255,.8);text-align: center;padding: 10%;border-radius: 20px;transition: 0.5s}.contact-line:hover{background: linear-gradient(90deg,rgba(42,58,145,1) 0%,rgba(42,58,145,1) 50%,rgba(42,58,145,1) 100%);color: #fff}.contact-line-img{width: 65%;margin: 0 auto 5%}.about-year-block{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;padding: 5% 0}.about-year{padding: 0 6%;text-align: center}.about-year h1{font-size: 1.8em;font-weight: 600;margin: 0 0 20px}.about-year-border{background: #fff;width: 1px;height: 40px;margin: 20px auto}.process-block{padding: 10% 10% 0 0}.process-block h2{white-space: pre-line;font-weight: 600;margin: 0 0 20px;background: linear-gradient(0deg,rgba(42,58,145,1) 0%,rgba(45,122,197,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.process-block ul li{margin-bottom: 15px}.process-ul{font-weight: 400;text-align: left;list-style: none;padding: 0%;margin: 0 auto}.process-ul li{display: flex}.process-ul li::before{content: '●';padding-right: 10px;color: #2d7ac5}.service-block{padding: 5% 0}.service-block h4{font-weight: 600;margin: 20px 0 0}.coming-soon{width: 80%;margin: 5% auto}#background6699ef4e430c0d0013127954 img{border-radius: 20px}.col-section{padding: 0 0% 3%}article.col-md-6.item.-micro{width: 33.33%}.Contentmanager .site .col-section .item.-micro{padding: 0px 10px 20px}.Contentmanager .site .col-section .item.-micro:nth-child(odd){border-right: solid 0px #e8e6e8;border-bottom: solid 0px #e8e6e8}.Contentmanager .site .col-section .item.-micro:nth-child(even){border-bottom: solid 0px #e8e6e8}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;border-radius: 20px;background-color: transparent;border: 0px solid #d4d4d4}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;background-color: transparent;border-radius: 0;padding: 0 0}.Contentmanager .site .col-section .item.-micro a .caption .time{padding: 7% 0;display: none}.Contentmanager .site .col-section .item.-micro a:hover .caption .time{}.Contentmanager .site .col-section .item.-micro a .caption .time span{color: #152345}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;font-weight: 600;background: transparent;color: #000;padding: 7% 2%;margin-bottom: 0px;line-height: 1.3;text-align: center}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #2a3a91}h3.managerHeader{font-size: 2em;text-align: center;font-weight: 600;color: #282828}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{padding: 0;width: 50%;margin: 0 3% 0 0}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h4{font-weight: 600;margin: 25px 0 5px;line-height: 1.3}.Textmanager.font-inherit h3{font-weight: 600;margin: 20px 0 10px;font-size: 1.8em}.Textmanager.font-inherit p{margin: 0 0 0px}.Textmanager.font-inherit strong{font-weight: 600}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 33.33%;padding: 10px 10px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #cecece;border-radius: 20px;transition: 0.3s}.Contenemanager-gallery .thumbnail:hover,.contenemanager-gallery .thumbnail:hover{transition: 0.3s}.Contenemanager-gallery .thumbnail,.img-thumbnail,.contenemanager-gallery .thumbnail,.img-thumbnail{-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);box-shadow: 0 0 0 rgba(0,0,0,.075);border-radius: 20px;transform: scale(1.0) !important}#Contentmanager img.img-responsive{border-radius: 20px;position: relative !important;overflow: hidden !important;width: 100% !important;transition: 0.5s}#Contentmanager img.img-responsive:hover{transform: scale(1.1)}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color: transparent}#Contentmanager .thumbnail{background-color: #fff;position: relative !important;overflow: hidden !important;border: 0px solid #cecece;padding: 0px;box-shadow: none !important;border-radius: 20px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 20px}.social-icon{border-radius: 5px}.social-share{top: 10px}.landingpagemanager{display: none}.text-contact{padding-right: 2%}.text-contact .media-body{padding: 10px 0}.text-contact img{width: 80% !IMPORTANT}.text-contact h3{font-weight: 600;margin: 0 0 15px;line-height: 1.2;font-size: 1.8em}.no-js #Component6699fee26782610013c66183 label{display: none !important}.no-js #Component6699fee26782610013c66183 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component6699fee26782610013c66183 .form-control{border: 1px solid #ccc;border-radius: 10px !important;-webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);font-size: 1em !important;padding: 32px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component6699fee26782610013c66183 .form-control:hover{border: 1px solid #2a3a91}.no-js #Component6699fee26782610013c66183 .form-control:focus{border: 1px solid #2a3a91;-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: #000 !important}.no-js #Component6699fee26782610013c66183 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #2a3a91;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #7a2d8d;border-radius: 50px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component6699fee26782610013c66183 .btn-default:active{background: #2a3a91;color: #fff}.no-js #Component6699fee26782610013c66183 .btn-default:hover,.no-js #Component6699fee26782610013c66183 .btn-default:focus{background-position: 0 0px;background: #2a3a91;color: #fff}.no-js #Component6699fee26782610013c66183 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component6699fee26782610013c66183 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component6699fee26782610013c66183 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%}#iframe669a002b1d17c100136a6cba iframe{height: 257px;border-radius: 20px}.nav-template7{padding: 0 7%}.nav-template7 li{padding: 15px 0;border-bottom: 1px solid #c8c8c8;border-top: 0px solid #f6f6f6}.nav-template7 li:hover{background-color: transparent}.nav-template7 li a{color: #000;font-size: 20px !important;text-align: left}.nav-template7 .btn-group-sm>.btn,.nav-template7 .btn-sm,.nav-template7 .btn-sm p{font-size: 16px}#contenttype71{text-align: left}.nav-template7 #contenttype71 li{padding: 5px 0;border-bottom: 0px solid #c8c8c8;border-top: 0px solid #f6f6f6;list-style-type: circle}.nav-template7 li .btn-sm .col-md-12{padding: 5px 10px}.nav-template7 .fa-plus:before{content: "⌵";color: #2a3a91;font-size: 1.6em}.nav-template7 .fa,.nav-template7 .fas{float: right;position: absolute;right: 9%;line-height: 0.5}ul#slider66cec3a6c501150013f104a9{width: 75%;margin: -15% auto 0}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #2a3a91;border-color: #2a3a91}.pagination>li>a,.pagination>li>span{color: #2a3a91}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #2a3a91;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.dropdown-menu>li>a{font-size: 1.4em}.year-block h4{height: 50px}.main-timeline .year{height: 50px}.grid figure p{font-size: 20px}.itopplus-footer{font-size: 16px}.ITPcookiebar,.buttonExampleSite{font-size: 16px ! IMPORTANT}.text-contact .media-body{padding: 13px 0}.no-js #Component6699fee26782610013c66183 .form-control{padding: 36px 20px}#iframe669a002b1d17c100136a6cba iframe{height: 263px}.nav-template7 li a{font-size: 26px !important}.nav-template7 .btn-group-sm>.btn,.nav-template7 .btn-sm,.nav-template7 .btn-sm p{font-size: 20px}}@media only screen and (max-width:1191px){.header-block{width: 65%}.about-block{padding: 5%}.slogan-block{white-space: inherit;padding: 5% 0}.app-download{width: 85%}.btn-service{padding: 25px 10px;font-size: 1.2em}.main-timeline .description{font-size: 0.7em}.main-timeline .year{font-size: 0.8em}.step-number{font-size: 1.5em;width: 2em;height: 2em;padding: 5% 0}.contact-block{font-size: 0.9em}.itopplus-footer{font-size: 13px}#iframe669a002b1d17c100136a6cba iframe{height: 276px}ul#slider66cec3a6c501150013f104a9{width: 100%}}@media only screen and (max-width:900px){.about-block{padding: 0%}.about-block h3{font-size: 1.4em}.h2,h2{font-size: 2.5em}.h3,h3{font-size: 1.7em}.row-fluid [class*=col-sm-5fix],[class*=col-sm-5fix]{width: 20%}.grid figure figcaption{padding: 0em}figure.effect-phoebe h2{font-size: 0.6em}.slogan-block{padding: 25% 0}.app-icon-text h1{font-size: 2.9em}.app-icon2 .media-body{padding: 5px 5px 0px}.app-icon2 h4{font-size: 1.1em}.app-download{width: 100%;font-size: 0.9em}.btn-service{padding: 25px 20px;font-size: 1.5em}.effect-sadie{margin-bottom: -2px ! IMPORTANT}#iframe669a002b1d17c100136a6cba iframe{height: 235px}}@media only screen and (max-width:480px){#imagesControl66964d07d6ae04001a6cf19e{padding: 0 !IMPORTANT}.about-block h2{white-space: pre-line;font-size: 2em}.about-slogan h3{font-size: 1.2em}.slogan-block{white-space: pre-line;padding: 25% 0}figure.effect-phoebe h2{font-size: 0.7em}.year-block-display{display: grid;grid-template-columns: repeat(2,1fr);margin: 20px 0}.year-block{padding: 10% 3%;font-size: 0.9em}.app-icon{grid-template-columns: 25% auto}.app-icon-text h1{font-size: 2.1em}.app-icon2 h4{font-size: 1.3em}.app-icon2 .media-body{padding: 24px 5px 0px}.app-download{font-size: 0.7em;gap: 5px;margin-bottom: 10%}.main-timeline .col-md-2.col-sm-6.timeline{width: 50%;display: inline-grid}.main-timeline .description{font-size: 0.9em;margin-bottom: 10%}.main-timeline .year{font-size: 1.1em;height: inherit}.menu-align img,.menu2-align img{width: 5% !important}.itopplus-bg4{background-attachment: inherit}.contact-block{font-size: 1em;grid-template-columns: repeat(1,1fr);margin-top: 20%}.contact-line{margin-bottom: 20%}.h2,h2{font-size: 2.3em}.about-year-block{grid-template-columns: repeat(1,1fr)}.about-year{padding: 0 0% 10%}.process-block{padding: 0% 0% 0 0}.process-block h2{white-space: inherit}article.col-md-6.item.-micro{width: 100%}.col-section{padding: 0 3% 3%}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}.text-contact h3{font-size: 1.7em}.text-contact .media-body{padding: 3px 0 10px}.no-js #Component6699fee26782610013c66183 .col-md-6{padding: 0 15px}.no-js #Component6699fee26782610013c66183 .form-control{padding: 27px 20px}.nav-template7{padding: 0 0%}.nav-template7 .fa,.nav-template7 .fas{right: 6%}}