.itopplus-background{}body{font-size: 16px;overflow-x: hidden;font-family: "Noto Sans Thai",sans-serif;color: #000}a{color: #1a1a1b}a:hover{color: #da1815}.itopplus-layout-bg a,.itopplus-bg a,.itopplus-bg2 a,.itopplus-bg3 a{color: #fff}.itopplus-layout-bg a:hover,.itopplus-bg a:hover,.itopplus-bg2 a:hover,.itopplus-bg3 a:hover{color: #fff000}b,strong{font-weight: 600}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_03002024jpnw/0/0/1z-z959775183210.webp")}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #000000;margin: 0 3px;padding: 8px 15px;border-radius: none;font-weight: 500}.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: transparent;font-weight: 600}.dropdown-menu > li > a{font-size: 1.1em;color: #000;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff000;background: #008e32}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 95px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#controlMenu *{color: #000 !important;border: none}#itpMenuSideBar span{margin: 4px 2px !important}#itpMenuSideBar{display: flex !important;height: 50px !important;width: 95px !important}i.fab.fa-facebook-f.ITPsizeFacebook,i.fab.fa-line.ITPsizeLine{display: none !important}i.fas.fa-phone{display: none !important}.navbar-default .navbar-toggle .icon-bar{background-color: #000000}.new-image-icon-facebook{display: none !important}.fa-phone:before{display: none !important}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 25% auto;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: 0.3s}.itopplus-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 10px 0;width: clamp(130px,10vw,220px);margin: 0 auto}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}.itopplus-layout-bg{background-color: #000;color: #fff}.itopplus-layout{display: grid;grid-template-columns: 30% 70%;gap: 20px}}.CASS-H-main{box-shadow: none;background: #fff;margin: 3vw 0}.CASS-H-middle-mid{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;padding: 0}.CASS-H-middle-mid > div{width: 100% !important;padding: 0 !important;margin: 0 !important;min-width: 0;overflow-wrap: break-word}.CASS-H-middle-mid > div div{padding: 0 !important}.mobile-cate{width: 100%;font-size: clamp(14px,1vw,22px);margin-top: 20px}.mobile-cate span{font-weight: 700;color: #da1815}.h1,h1{font-size: 3.2em;font-weight: 600}.h2,h2{font-size: 2.6em;font-weight: 600}.h3,h3{font-size: 1.5em;font-weight: 600}.h4,h4{font-size: 1.2em;font-weight: 600}.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}.itopplus-search{font-size: 0.9em}.itopplus-search a{color: #fff}.itopplus-search a:hover{color: #fff000}.header-block{display: grid;grid-template-columns: 75% 25%;justify-content: end;gap: 10px;align-items: center}.header-company{padding: 5px 0;font-weight: 600}.header-tel{display: grid;grid-template-columns: 5% auto;gap: 10px;justify-content: end}.header-tel-text a,.header-company span{color: #fff000;font-weight: 600}.header-icon-img{display: flex;gap: 10px}.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: 600;font-size: 1.1em}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #fff000}.footer-logo{width: 70%}.footer-menu2{padding: 0 5% 10%}.footer-menu2 img{width: 65% !important}.footer-menu{line-height: 1.5}.footer-pd{padding: 0 0 0 15%}.footer-icon-img{width: 75%;display: flex;gap: 15px}.copy-right{font-size: 0.9em;text-align: right;padding: 5px 0}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #008e32 !important;color: #008e32 !important;font-family: "Noto Sans Thai",sans-serif !important}.buttonExampleSite:hover{background: #008e32 !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%}.line-block{display: flex;justify-content: center;gap: 20px;align-items: center;padding: 2% 0}.btn-line{display: grid;grid-template-columns: 40px auto;gap: 10px;background: #fff;color: #000;border: none;font-size: 2em;font-weight: 600;padding: 8px 35px 8px 15px;border-radius: 50px;align-items: center;justify-content: center;transition: 0.5s}.btn-line:hover{background: #fff000;color: #000}.line-block-text h3{font-size: 2.3em;font-weight: 600;margin: 0}.menuVertical .nav.nav-pills.nav-stacked{height: 415px;overflow-y: scroll;background-color: transparent;padding: 0 10px 0 0}.menuVertical .nav-pills > li > a{color: #000;background-color: transparent;border-bottom: solid 1px #989898;padding: 10px 5px;border-radius: 0;font-size: 1em}.menuVertical .nav > li > a:hover,.menuVertical .nav > li > a:focus{color: #fff;background-color: #008e32;border-bottom: solid 1px #989898 !important}.menuVertical .nav-stacked > li + li{border-bottom: solid 0px transparent}.menuVertical .nav-pills > li > a::before{content: "";font-size: 10px;width: 100%}.dropdown-sub .caret-right,.dropdown-submenu .caret-right{border-left: 0px solid;border-top: 0px solid transparent;border-bottom: 0px solid transparent}.product-menu-bg{background: #008e32;color: #fff;padding: 15px 15px;display: grid;grid-template-columns: 12% auto;gap: 10px;border-radius: 20px 20px 0 0;align-items: center;font-weight: 600}.CASS-D-border{background-image: none !important;background: #f5f5f5 !important;border-radius: 20px;margin: 20% 0}.CASS-C-head,.CASS-D-head{font-family: "Noto Sans Thai",sans-serif}.CASS-D-head h3{margin: 0;font-size: 1.5em;font-weight: 600;padding-left: 0}::-webkit-scrollbar{width: 10px;border-radius: 50px}::-webkit-scrollbar-track{background: #d5d5d5;border-radius: 50px}::-webkit-scrollbar-thumb{background: #6a6a6a;border-radius: 50px}::-webkit-scrollbar-thumb:hover{background: #6a6a6a}.product-name{font-size: 0.9em;padding: 12% 2% 5% 0}.product-name h4{white-space: pre-line;line-height: 1.2;font-weight: 600;margin: 0 0 15px}.btn-detail{background: #008e32;color: #fff000;border: none;padding: 6px 20px;border-radius: 50px;transition: 0.5s}.btn-detail:hover{background: #fff000;color: #008e32}.imageWidth.imageGallery{transform: scale(1);border-radius: 20px;transition: 0.5s}.imageWidth.imageGallery:hover{transform: scale(1.1)}.imgLightbox{border-radius: 20px;position: relative !important;overflow: hidden !important;width: 100% !important}.product-menu{padding: 7% 0 2%;border-bottom: 1px solid #b5b5b5}figure.effect-jazz{background: transparent;border-radius: 20px}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.padding-pd{padding: 1%}.why-block{display: grid;grid-template-columns: repeat(5,1fr);padding: 5% 0}.why-icon{white-space: pre-line;text-align: center;padding: 0 12%}.why-icon img{width: 45% !important}.why-icon h4{color: #da1815;font-weight: 700;margin: 30px 0 5px}.padding-pd2{padding: 10%}.menu-align{text-align: center;padding: 7% 0 3%}.menu-align h2{color: #fff000}.about-block-display{display: grid;grid-template-columns: 55% 45%;align-items: center}.about-block{white-space: pre-line;font-size: 1.1em}.about-block h2,.about-block2 h2{font-size: 1.98em;margin: 30px 0}.about-block img,.about-block2 img{width: 30% !important}.btn-block2{display: flex;gap: 20px;align-items: center;padding: 20px 0 0}.btn-more{background: #fff000;color: #000;border: none;padding: 6px 20px;border-radius: 50px;font-size: 0.9em;font-weight: 600;transition: 0.5s}.btn-more:hover{background: #000;color: #fff000}.btn-contact{background: transparent;color: #fef100;border: 1px solid #fff000;padding: 6px 20px;border-radius: 50px;font-size: 0.9em;font-weight: 600;transition: 0.5s}.btn-contact:hover{background: #fff000;color: #000;border: 1px solid #fff000}.btn-align2{text-align: center;padding: 3% 0 0}.modquee-contanier{display: flex;align-items: center;overflow: hidden;margin: 0 auto;width: 100%;gap: 20px;padding-bottom: 5%}.modquee-box{display: flex;width: fit-content;animation: scroll 35s linear infinite;justify-content: space-around;gap: 30px}.modquee-box img{height: 100px;width: 100px}@keyframes scroll{from{transform: translateX(0)}to{transform: translateX(-100%)}}.about-block2{font-size: 1.1em}.port-name{position: absolute;bottom: 0;left: 0;right: 0;text-align: left;padding: 3% 5%;font-size: 0.9em}.port-name h4{font-size: 1.4em;margin: 0 0 5px}#Contentmanager .col-md-4.col-sm-4.col-xs-12{width: 50%;padding: 10px}figure.effect-oscar{background: transparent}#Contentmanager figure.effect-oscar img,#Contentmanager figure.effect-oscar:hover img{opacity: 1}#Contentmanager figure.effect-oscar figcaption{background-color: rgba(0,0,0,0);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(0,0,0,0.9) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%);content: "";opacity: 1;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,0%,0)}#Contentmanager figure.effect-oscar:hover figcaption{background-color: rgba(25,49,93,0)}figure.effect-oscar figcaption::before{border: 0px solid #fff}.title-type47{display: none}h3.managerHeader{font-size: 2.6em;font-weight: 600;text-align: center;color: #fff000}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{padding: 0;width: 50%;margin: 0 4% 0 0}.col-md-6.pull-right{padding: 0;width: 50%;margin: 0 0 0 4%}.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: 50%;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,0.075);box-shadow: 0 0 0 rgba(0,0,0,0.075);border-radius: 20px;transform: scale(1) !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 #eee;padding: 0px !important;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: 15px}.landingpagemanager{display: none}.col-section{}article.col-md-6.item.-micro{width: 25%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 10px}.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 20px 0 0}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;padding-left: 0;background: #fff;border-radius: 0 0 20px 20px}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.2em;font-weight: 700;color: #000;padding: 7% 10% 2%;text-align: center}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #000}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption .time{margin-bottom: 10px;font-size: 1em;color: #545454;text-align: center;padding: 0 7% 5%;height: 85px}.text-contact{text-align: center;padding: 2% 4% 0}.text-contact h3{line-height: 1.2;font-weight: 600;margin: 0 0 10px}.contact-bg-text{line-height: 1.3}.contact-block2{display: grid;grid-template-columns: 50% 50%;gap: 10px;margin: 20px 0 10px;width: 98.5%}.contact-bg{display: grid;grid-template-columns: 40px auto;gap: 5px;align-items: center;background: #ffffff;border: 0px solid #fff000;color: #000;border-radius: 50px;padding: 5px;font-weight: 500}.contact-bg:hover{background: #fff000;color: #000}.no-js #Component678777f33a0aaa0013479dbe label{display: none !important}.no-js #Component678777f33a0aaa0013479dbe .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component678777f33a0aaa0013479dbe .form-control{border: 1px solid #eee;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: 30px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component678777f33a0aaa0013479dbe .form-control:hover{border: 1px solid #fff000}.no-js #Component678777f33a0aaa0013479dbe .form-control::placeholder{color: #000 !important}.no-js #Component678777f33a0aaa0013479dbe .form-control:focus{border: 1px solid #fff000;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow: inset 0 0px 0px rgba(0,0,0,0.075),0 0 0px rgba(102,175,233,0);color: #000 !important}.no-js #Component678777f33a0aaa0013479dbe .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #008e32;color: #fff000;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #6c5336;border-radius: 50px;padding: 10px 25px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component678777f33a0aaa0013479dbe .btn-default:active{background: #008e32;color: #fff000}.no-js #Component678777f33a0aaa0013479dbe .btn-default:hover,.no-js #Component678777f33a0aaa0013479dbe .btn-default:focus{background-position: 0 0px;background: #008e32;color: #fff000}.no-js #Component678777f33a0aaa0013479dbe .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component678777f33a0aaa0013479dbe span.label{font-size: 0.85em;font-weight: 400}.no-js #Component678777f33a0aaa0013479dbe .ITPcheckboxAuthen{font-size: 1em;padding: 0 0 0 0%;margin-left: -2%}span#contactUsAcceptPolicyText2{display: block}#iframe67877c70f924540013c02357 iframe{height: 293px;border-radius: 10px}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background-color: #000;border-color: #000}.pagination > li > a,.pagination > li > span{color: #000}.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{color: #000;background-color: #f7f7f7}@media only screen and (min-width: 1900px){body{font-size: 20px}.container{width: 1440px}.menuVertical .nav.nav-pills.nav-stacked{height: 465px}.product-name{padding: 12% 4% 5% 0}.Contentmanager .site .col-section .item.-micro a .caption .time{height: 102px}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.footer-icon-img{width: 70%}.about-block2{padding: 0 4% 0 0}#iframe67877c70f924540013c02357 iframe{height: 322px}}@media only screen and (max-width: 1191px){.itopplus-search{font-size: 0.8em}.navbar-default .navbar-nav > li > a{margin: 0 0px;padding: 8px 8px}.why-icon{padding: 0 5%}.why-icon img{width: 40% !important}.product-name h4{white-space: inherit}.about-block{white-space: inherit;font-size: 1em}.about-block h2,.about-block2 h2{font-size: 1.8em}.itopplus-bg{background-size: cover;background-position: bottom}.port-name{font-size: 0.8em}.Contentmanager .site .col-section .item.-micro a .caption .time{font-size: 0.9em}.itopplus-footer{font-size: 12px}.footer-logo{width: 55%}.about-block2{font-size: 1em}.contact-bg{grid-template-columns: 35px auto;font-size: 0.9em}.no-js #Component678777f33a0aaa0013479dbe .form-control{padding: 28px 20px}#iframe67877c70f924540013c02357 iframe{height: 288px}}@media only screen and (max-width: 900px){.why-icon{padding: 0 3%;white-space: inherit}.product-name h4{white-space: pre-line}.about-block h2,.about-block2 h2{font-size: 1.5em;margin: 20px 0}.btn-block2{padding: 0px 0 0}.padding-pd2{padding: 1%}.port-name{font-size: 0.6em}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;padding: 7% 1% 2%}.Contentmanager .site .col-section .item.-micro a .caption .time{font-size: 0.8em;padding: 0 2% 5%}.line-block{font-size: 0.8em}.about-block-display{align-items: end}.about-block{padding: 10% 0}.about-block2{padding: 10% 0}#Component678773043a0aaa0013479c8b .col-md-3.col-sm-4.col-xs-4{width: 25%}.itopplus-layout-bg{background: #000;color: #fff}.text-contact{padding: 2% 2% 0}.text-contact h3{font-size: 1.2em}.contact-bg{grid-template-columns: 40px auto;font-size: 1em}.contact-block2{grid-template-columns: repeat(1,1fr);width: 100%}span#contactUsAcceptPolicyText2{display: inline}#iframe67877c70f924540013c02357 iframe{height: 105px}}@media only screen and (max-width: 480px){.CASS-D-border{margin: 10% 0}.CASS-H-middle-mid{display: grid;grid-template-columns: repeat(3,1fr)}#imagesControl67872561ed20a30013bd1924{padding: 0 !important}.why-block{grid-template-columns: repeat(2,1fr)}.why-icon{padding: 0 2% 15%;white-space: pre-line}.about-block-display{display: flex;flex-direction: column}#Contentmanager .col-md-4.col-sm-4.col-xs-12{width: 100%}.col-section{padding: 0 6%}article.col-md-6.item.-micro{width: 100%}.Contentmanager .site .col-section .item.-micro a .caption .time{font-size: 1em;height: inherit}.modquee-box img{height: 60px;width: 60px}.line-block{font-size: 1em;flex-direction: column;text-align: center}h3.managerHeader{font-size: 2em}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}.col-md-6.pull-left,.col-md-6.pull-right{padding: 0;width: 100%;margin: 0 0% 0 0}.Textmanager.font-inherit{display: block}.text-contact{padding: 2% 0% 0}.text-contact h3{font-size: 1.8em}#iframe67877c70f924540013c02357 iframe{height: 300px}.no-js #Component678777f33a0aaa0013479dbe .col-md-6{padding: 0 15px}}.eapps-widget-toolbar{display: none}