.itopplus-background{}body,html{font-size: 16px;color: #373737}a{color: #373737}a:hover{color: #5fb60b}.itopplus-logo{z-index: 106;position: relative}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_290820239pnl/0/0/2z-z1293523916217.webp')}.itopplus-bg3{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_290820239pnl/0/0/3z-z460806967968.webp');background-size: cover}.itopplus-footer{background: linear-gradient(to bottom,rgba(116,228,178,1) 0%,rgba(27,137,167,1) 100%)}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #373737;margin: 0 5px;padding: 7px 15px}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:active,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color: #fff !important;box-shadow: none;border-radius: 30px;background: linear-gradient(to bottom,#73c94e 0%,#1da5cb 100%);background-color: transparent}.dropdown-menu>li>a{font-size: 1.1em;color: #373737}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: linear-gradient(to bottom,#73c94e 0%,#1da5cb 100%)}@media screen and (max-width : 992px){.navbar-default .navbar-toggle .icon-bar{background-color: #000 !important;color: #000 !important}#controlMenu,#controlMenu i,#controlMenu li a{color: #000 !important}.navbar-default{background: #fff}.navbar-header{display: flex;flex-direction: row-reverse;padding: 0 10px;box-shadow: 0 0 5px 0 #ccc}.itopplus-logo img{position: fixed;object-fit: contain;width: 120px !important;top: 13px;left: 15px}}@media screen and (min-width : 1024px){.navbar-default{background: transparent}#controlPosition{margin-top: 3%;text-align: center}#controlBanner{object-fit: contain;padding: 15px;width: auto;margin: 0 auto}header{position: sticky;background: #fff;top: 0;z-index: 101;box-shadow: 0 0px 10px rgba(0,0,0,.1)}.itopplus-search{position: fixed;top: 3%;right: 10%;color: #000;z-index: 105;width: 20% !important}}.h1,h1{font-size: 3.7em}.h2,h2{font-size: 3em}.h3,h3{font-size: 1.8em}.h4,h4{font-size: 1.2em}.boderedlayoutClient{border-top: 0px dashed transparent;border-left: 0px dashed transparent;border-right: 0px dashed transparent;border-bottom: 0px dashed transparent}.icon-img-header{display: flex;gap: 10px;width: 70%}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.icon-img-footer{display: flex;gap: 10px;width: 90%}.itopplus-footer{font-size: 14px}.itopplus-footer h4{margin: 0 0 20px}.itopplus-footer h3{font-family: 'DM Sans',sans-serif;font-size: 1.7em}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #008cd4}.footer-logo{width: 100%;margin: 0 auto 7%}.copy-right{padding: 0% 0 7%;font-size: 0.9em;text-align: right}.footer-pd1{padding-right: 5%}.footer-pd2{padding: 0 0 0 10%}.footer-pd3{padding-left: 20%;line-height: 2}.footer-pd2 .media-body{padding: 10px 0 0}.ITPcookiebar{width: 100% !important}.ITPcookieLeftText{padding-top: 27px !important}.buttonExampleSite{border: 1px solid #008cd4 !important;color: #008cd4 !important;font-family: 'Noto Sans Thai',sans-serif !important}.buttonExampleSite:hover{background: #008cd4 !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #008cd4;padding-bottom: 0rem !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 4% 2%}.about-head{white-space: pre-line;text-align: center;padding: 5% 0 2%;font-size: 1.4em;line-height: 1.4}.about-head h2{background: linear-gradient(to bottom,rgba(81,186,204,1) 0%,rgba(22,76,126,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 2.05em;font-weight: bold;margin: 0 0 15px}.about-icon{font-size: 1.1em;font-weight: 500}.about-icon h4.media-heading{color: #5fb60b;font-size: 1.03em;font-weight: 600}.about-icon .media-body{padding: 15% 0 0 10px}.btn-recommend{background: linear-gradient(to bottom,rgba(131,208,55,1) 0%,rgba(12,158,226,1) 100%);color: #fff;font-weight: 600;border: none;padding: 7px 20px;border-radius: 50px;font-size: 1.1em;cursor: auto}.recommend-detail{padding: 10% 5% 0}.recommend-detail .col-md-1.col-sm-1.col-xs-1.padding{width: 5%}.recommend-detail .col-md-11.col-sm-11.col-xs-11.padding-col{width: 95%}.recommend-detail .media-body{padding: 3px 4px 0}.recommend-detail-pd{padding: 7px 0 2px}.recommend-detail h3{font-family: 'DM Sans',sans-serif;font-size: 2em;line-height: 1.2;font-weight: 600;color: #373737;margin: 20px 0 10px}.recommend-detail h4{color: #008cd4;font-family: 'DM Sans',sans-serif;font-size: 1.5em;margin: 0}.recommend-detail h5{font-family: 'DM Sans',sans-serif;color: #111111;font-size: 1em}.btn-border{border-bottom: 2px solid #2193c8;margin: 20px 0}.btn-more{background-color: #282828;color: #fff;padding: 5px 20px;border: none;border-radius: 50px;transition: 0.5s}.btn-more:hover{background-color: #2193c8;color: #fff}.menu-align{text-align: center;padding: 4% 0 2%;font-size: 1.8em;font-weight: 600;color: #008cd4}.menu-align h3{color: #373737;font-family: 'DM Sans',sans-serif;font-weight: 600;font-size: 1.4em;margin: 0 0 5px}.menu-border{border-bottom: 3px solid #83d037;width: 35px}.menu-border-display{display: flex;align-items: center;justify-content: center;gap: 15px}figure.effect-oscar{background: transparent;border-radius: 20px}.grid figure h2{word-spacing: normal;font-weight: 400}figure.effect-oscar figcaption{background-color: rgba(58,52,42,.0)}figure.effect-oscar:hover figcaption{background-color: rgba(3,115,167,.4)}figure.effect-oscar h2{margin: 20% 0 10px 0 !important;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0);font-size: 0.8em;bottom: 10px;position: absolute;left: 10px;white-space: pre-line;text-align: left}figure.effect-oscar figcaption::before{border: 0px solid #fff}.btn-name{background-color: rgba(62,62,62,.8);color: #fff;border: none;padding: 7px 20px;border-radius: 50px;text-align: left;font-weight: 600}.padding-pd{padding: 5%}ul#slider652e60c060bc5b001386ef4c{width: 90%;margin: -24.5% auto -3.7%}:root{--base-w: 175px}.online-detail{padding: 10% 0 0}.online-head{display: flex;font-size: 2.7em;font-weight: 500;color: #323232}.online-head-icon{width: 15%;margin: 0 10px}.online-detail h2{background: linear-gradient(to bottom,rgba(95,190,0,1) 0%,rgba(3,115,167,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;margin: 5px 0}.contact-tel{display: flex;background-color: #fff;border: none;font-size: 1.5em;font-weight: 500;padding: 10px 10px;border-radius: 50px;margin: 10px 0;box-shadow: 0 5px 10px rgba(95,190,0,.2);width: 72%;align-items: center}.tel-img{width: 7%;margin: 0 5px}.tel-width1{width: 45%;color: #373737}.tel-width2{width: 45%}.tel-width2 h4{background: linear-gradient(to bottom,rgba(95,190,0,1) 0%,rgba(3,115,167,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;margin: 0;font-size: 1em}.modquee{--count: 16;--width: 150px;--gap: 15px;display: flex;overflow: hidden;align-items: center;height: 250px;gap: var(--gap)}.modquee-box{display: flex;justify-content: space-around;flex-shrink: 0;width: calc(var(--width) * (var(--count-item)));animation: scroll 10s linear infinite;gap: var(--gap)}.image-item{display: grid;place-items: center;height: var(--width);width: var(--width)}.image-item img{border-radius: 20px;box-shadow: 0 0 3px 0 #ccc}@keyframes scroll{from{transform: translateX(0)}to{transform: translateX(-101%)}}.about-detail{text-align: center;font-size: 1.1em}.about-detail h2{background: linear-gradient(to bottom,rgba(95,190,0,1) 0%,rgba(3,115,167,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;margin: 0 0 15px;font-family: 'DM Sans',sans-serif}.about-detail h3{white-space: pre-line;background: linear-gradient(to bottom,rgba(81,186,204,1) 0%,rgba(22,76,126,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;margin: 20px 0;line-height: 1.2}#Component652f787812f05a0013f810b8{width: 35%;margin: 0 auto}#Component652f787812f05a0013f810b8 img{border: 2px solid #eee;border-radius: 50%;width: 80% !important;margin: 0 auto 5%;display: block}.about-name{text-align: center;padding: 5% 0}.about-name h4{font-family: 'DM Sans',sans-serif;background: linear-gradient(to bottom,rgba(95,190,0,1) 0%,rgba(3,115,167,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold}.coming-soon{width: 80%;margin: 0 auto}article.col-md-6.item.-micro{width: 25%}.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: 10px;background-color: transparent;border: 1px solid #eee}.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: 5% 0}.Contentmanager .site .col-section .item.-micro a .caption .time{margin-bottom: 10px;font-size: 1em;color: #272727}.Contentmanager .site .col-section .item.-micro a .caption .title{margin-bottom: 10px;font-size: 1.1em;font-weight: 500;color: #373737;text-align: left;padding: 15px 0 0;height: 105px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #5fb60b}h3.managerHeader{text-align: center;font-size: 2.4em;font-weight: 600;color: #373737}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{margin-left: -3%;margin-right: 2%}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h2{font-size: 2em;color: #5fb60b;font-weight: 600;margin: 20px 0 0}.Textmanager.font-inherit h3{color: #008cd4;font-weight: 600;margin: 15px 0}.Textmanager.font-inherit h4{margin: 20px 0 5px;font-weight: 600;font-size: 1.2em;line-height: 1.2}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{padding: 10px 10px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #fff;border-radius: 0px;transition: 0.3s}.Contenemanager-gallery .thumbnail:hover,.contenemanager-gallery .thumbnail:hover{transition: 0.3s}.Contenemanager-gallery .thumbnail,.img-thumbnail,.contenemanager-gallery .thumbnail,.img-thumbnail{-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);box-shadow: 0 0 0 rgba(0,0,0,.075);border-radius: 15px;transform: scale(1.0) !important}#Contentmanager img.img-responsive{border-radius: 15px;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 #eee;padding: 0px;box-shadow: none !important;border-radius: 15px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 15px}.social-icon{border-radius: 5px}.landingpagemanager{display: none}table.tj2{width: 100%;margin: 10px 0 20px}table.tj2 td,table.tj2 th{border: 1px solid #eee;padding: 12px}.TabItpCateLandingPage1 .nav-pills>li>a{border-radius: 50px;background-color: #f9f9f9;color: #373737;margin: 0 5px}.TabItpCateLandingPage1 .nav-pills>li.active>a,.TabItpCateLandingPage1 .nav-pills>li.active>a:focus,.TabItpCateLandingPage1 .nav-pills>li.active>a:hover{color: #fff;background-color: #428bca;background: linear-gradient(to bottom,#73c94e 0%,#1da5cb 100%);border-radius: 50px}.itp-contentmanager-template5 .col-md-4.col-sm-4.col-xs-12.padding-col{width: 50%;padding: 0 !important}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col{width: 50%;padding: 5% 5% !important}.itp-contentmanager-template5 li.col-md-6.col-sm-6.col-xs-12{border: 1px solid #eee;margin: 0 10px 20px !important;width: 48%;border-radius: 10px;padding: 0}.itp-contentmanager-template5 .img-container{padding-bottom: 75%}.itp-contentmanager-template5 .img-container .img{border-radius: 10px 0 0 10px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col strong{font-size: 1.5em;line-height: 1.2}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col p{font-size: 1em}.img-content{margin: 2% 0;text-align: center}.img-content img{margin-bottom: 2%}.text-contact{}.padding-contact{padding: 10px 0}.text-contact h3{color: #5fb60b;font-weight: 600}.no-js #Component652f4a329616e30013977407 label{display: none!important}.no-js #Component652f4a329616e30013977407 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component652f4a329616e30013977407 .form-control{border: 1px solid #eeeeee;border-radius: 0px!important;-webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);font-size: 1em !important;padding: 30px 20px;font-weight: 400;color: #373737!important}.no-js #Component652f4a329616e30013977407 .form-control:hover{border: 1px solid #2256c1}.no-js #Component652f4a329616e30013977407 .form-control:focus{border: 1px solid #2256c1;-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: #373737!important}.no-js #Component652f4a329616e30013977407 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: #282828;color: #fff;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 10px 20px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component652f4a329616e30013977407 .btn-default:active{background-color: #282828}.no-js #Component652f4a329616e30013977407 .btn-default:hover,.no-js #Component652f4a329616e30013977407 .btn-default:focus{background-position: 0 0px;background-color: #282828}.no-js #Component652f4a329616e30013977407 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component652f4a329616e30013977407 span.label{font-size: 0.9em;font-weight: 300}.no-js #Component652f4a329616e30013977407 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0}#iframe652f8602d094fa00137a67be iframe{height: 200px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #008cd4;border-color: #008cd4}.pagination>li>a,.pagination>li>span{color: #008cd4}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #008cd4;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body,html{font-size: 20px}.dropdown-menu>li>a{font-size: 1.3em}ul#slider652e60c060bc5b001386ef4c{margin: -24.5% auto -3%}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !IMPORTANT}.TabItpCateLandingPage1 .nav-pills>li>a span{font-size: 1.2em !important}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 125px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col strong{font-size: 2em}.icon-img-header{width: 60%}.image-item{height: 170px;width: 170px}.modquee-box{width: 100%}}@media only screen and (max-width:1191px){.itopplus-footer{font-size: 11px}:root{--base-w: 120px}.contact-tel{width: 89%}ul#slider652e60c060bc5b001386ef4c{margin: -24.5% auto -4.6%}figure.effect-oscar h2{font-size: 0.6em}.itp-contentmanager-template5 li.col-md-6.col-sm-6.col-xs-12{width: 47%}.padding-contact{padding: 3px 0}#iframe652f8602d094fa00137a67be iframe{height: 295px}}@media only screen and (max-width:900px){figure.effect-oscar h2{font-size: 0.4em}.online-detail{font-size: 0.7em}ul#slider652e60c060bc5b001386ef4c{margin: -24.5% auto -6.6%}.copy-right{padding: 3% 0;text-align: center}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 125px}.col-md-6.pull-left{margin-left: 0;margin-right: 0;padding: 0}.Textmanager.font-inherit{display: block}.TabItpCateLandingPage1 .nav-justified{width: 100%;display: flex;justify-content: center}.TabItpCateLandingPage1 .nav-justified>li{width: 100%}.table-responsive{border: 0px solid #ddd}table.tj2{margin: 10px 0 0px}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 25%}#iframe652f8602d094fa00137a67be iframe{height: 240px}}@media only screen and (max-width:480px){#imagesControl652d0b7712f05a0013f7f659{padding: 0 !important;margin-bottom: -7px}figure.effect-oscar h2{font-size: 0.7em}ul#slider652e60c060bc5b001386ef4c{margin: 0% auto -6.6%}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}#Component652f787812f05a0013f810b8{width: 55%}.col-section{padding: 0 5%}article.col-md-6.item.-micro{width: 100%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: inherit}.TabItpCateLandingPage1 .nav-justified{flex-direction: column}.TabItpCateLandingPage1 .nav-pills>li>a{margin: 0 5px 10px}.menu-align{font-size: 1.4em}h3.managerHeader{font-size: 2em}.itp-contentmanager-template5 li.col-md-6.col-sm-6.col-xs-12{width: 100%;margin: 0 0px 20px !important}.padding-contact{padding: 13px 0}.no-js #Component652f4a329616e30013977407 .col-md-6{padding: 0 15px}body,html{overflow-x: hidden}}.pos5-search{margin-top: -4%}