.itopplus-background{}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}body{font-size: 16px;overflow-x: hidden;color: #333d47;font-family: "LINE Seed Sans TH"}a{color: #333d47}a:hover{color: #d31145}b,strong{font-weight: 600}.itopplus-bg{background-image: url("http://itp1.itopfile.com/ImageServer/z_itp_05012024xu9o/0/0/bgz-z542622464327.webp");background-position: center;background-size: cover}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_05012024xu9o/0/0/2z-z742416106819.webp");background-size: cover}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #fff;margin: 0 10px;padding: 8px 0;border-radius: none;border-bottom: 2px solid transparent}.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-color: #fff;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.1em;color: #333d47;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #d31145}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 80px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #d31145 !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: 17% auto;align-items: center;gap: 7vw}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}#controlBanner{object-fit: contain;padding: 20px 0;width: clamp(120px,100%,20vw);margin: 0 auto}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end}.itp-block{display: flex;flex-direction: column;align-items: flex-end;justify-content: space-evenly;height: 100%}.itopplus-search{text-align: right;color: #fff;border-bottom: 1px solid #d6d8da;width: 100%;padding-bottom: 0px}}.h1,h1{font-size: 3.5em;font-weight: 600}.h2,h2{font-size: 2.8em;font-weight: 600}.h3,h3{font-size: 1.8em;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-banner a{color: #fff}.itopplus-footer{font-size: 14px;line-height: 1.6;font-weight: 400}.itopplus-footer h4{font-size: 1.15em;margin: 0px 0 10px;font-weight: 500}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #2967a5}.footer-block{padding: 2% 0;border-bottom: 1px solid #fff;text-align: center}.footer-icon-img{display: flex;gap: 20px;width: 10%;justify-content: center;margin: 20px auto 0}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{text-align: center;font-size: 0.9em}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #d31145 !important;color: #d31145 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #d31145 !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%}.about-contact{display: grid;grid-template-columns: 15% auto;gap: 20px;align-items: center}.about-contact-head{border-left: 1px solid #333d47;padding: 5px 20px;font-size: 1.4em}.about-contact-head h4{font-size: 1.35em}.btn-contact{display: flex;gap: 20px;justify-content: center}.btn-tel,.btn-line{display: grid;grid-template-columns: 35px auto;padding: 13px 25px;border-radius: 50px;align-items: center;gap: 10px;font-size: 1.1em;font-weight: 600}.btn-tel a,.btn-line a{color: #fff}.btn-tel{background: #dd013f;color: #fff;transition: 0.5s}.btn-tel:hover{background: #2967a5;color: #fff}.btn-line{background: #2967a5;color: #fff;transition: 0.5s}.btn-line:hover{background: #dd013f;color: #fff}.padding-pd{padding: 2%}ul#slider67de36d520a8b50013368fa3{width: 120%;margin-left: -20%}.about-us{padding: 32% 0 0}.about-us h3{font-size: 2.4em;margin: 0}.about-us h2{color: #d31145;font-weight: 400;font-size: 2.6em;margin: 10px 0 20px}.menu-align{text-align: center;padding: 7% 0 2%}.menu-align h2{white-space: pre-line;line-height: 1.3}.menu-align h2 span{color: #2967a5}.menu-sub{white-space: pre-line;text-align: center;font-size: 1.1em;padding: 0 0 5%}.thumbnail{padding: 0px !important;padding-left: 0px !important;border: 0px solid #ddd;border-radius: 20px;background-color: #2967a5;color: #fff}.thumbnail:hover{background-color: #d31145;color: #fff}.thumbnail .imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.thumbnail .imageWidth.imageGallery:hover{transform: scale(1.1)}.thumbnail .imgLightbox{border-radius: 20px 20px 0 0;position: relative!important;overflow: hidden!important;width: 100%!important}.product-name{text-align: center;padding: 8% 0}.btn-align{text-align: center;padding: 2% 0 4%}.btn-view{background: #d31145;color: #fff;border: none;padding: 10px 20px;border-radius: 50px;font-size: 0.9em;transition: 0.5s}.btn-view:hover{background: #2967a5;color: #fff}.contact-bg{width: 80%;margin: 0 auto}.contact-bg-text{background: #f6f6f6;text-align: center;padding: 7% 5%;margin-top: -1px;font-size: 1.1em}.contact-bg-text h4{margin: 0 0 3px}.contact-bg-text .btn-contact{margin-top: 15px;gap: 10px}.contact-bg-text .btn-tel,.contact-bg-text .btn-line{grid-template-columns: 20px auto;padding: 10px 10px;gap: 8px;font-size: 0.8em;font-weight: 400}#form67d2b929dec2b80013dd681f{padding: 0 !important}.CASS-H-head,.CASS-H-head{font-family: "LINE Seed Sans TH"}.CASS-H-head{border-bottom: none;margin-bottom: 0px;background: transparent;padding-left: 0px;padding-top: 0px}.CASS-H-head h3.form-inline{font-size: 1em;font-weight: 400;text-align: center;margin: 0 0 5px;color: #231f20}.CASS-H-head h3.form-inline h2{font-size: 3em;color: #231f20;margin: 0 0 5px}.CASS-H-border .form-control{border: none;background-color: transparent;border-bottom: 1px solid #d6d8da;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: 5px 0;font-weight: 400;color: #231f20 !important;height: 50px}.CASS-H-border .form-control::placeholder{color: #231f20 !important}.CASS-H-border .form-control:hover{border-bottom: 1px solid #d31145}.CASS-H-border .form-control:focus{border-bottom: 1px solid #d31145;-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: #231f20!important}.CASS-H-border .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: #d31145;color: #fff;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 10px 20px;font-weight: 500;font-size: 1em;border: 0px solid #fff;box-shadow: none}.CASS-H-border .btn-default:active{background-color: #d31145;color: #fff}.CASS-H-border .btn-default:hover,.CASS-H-border .btn-default:focus{background-position: 0 0px;background-color: #d31145;color: #fff}.CASS-H-border .ITPcheckboxAuthen{font-size: 1em;color: #231f20;text-align: left !important;padding-left: 2.2%;margin-bottom: 2%}.CASS-H-border span#contactUsAcceptPolicyText2{color: #231f20}.CASS-H-border #display5{margin-bottom: -20px}.CASS-H-border #editor1,.CASS-H-border #editor2,.CASS-H-border #editor3,.CASS-H-border #editor4,.CASS-H-border #editor5,.CASS-H-border #editor6,.CASS-H-border #editor7,.CASS-H-border #editor8{display: none}.CASS-H-border #selectbox4,.CASS-H-border #selectbox5,.CASS-H-border #selectbox6{}.CASS-H-border .glyphicon-ok-circle:before{display: none}.CASS-H-border .form-control-feedback{top: 10px !important;color: #231f20 !important}.CASS-H-border .form-control option{color: #231f20}.CASS-H-middle-mid{padding: 0px}.CASS-H-main{background: transparent}div#btnview67d7fc4cfe310400136043a6,div#btnview67d8e098fe310400136049fc{margin-left: 35%}.CASS-H-border{width: 75%;margin: 0% auto 5%}figure.effect-oscar{background: transparent;border-radius: 300px 300px 0 0}figure.effect-oscar figcaption{background-color: rgba(58,52,42,.0)}figure.effect-oscar figcaption::before{border: 0px solid #fff}.teab-block{padding: 0% 5%}.teab-block h3{font-weight: 400;line-height: 1.3;margin: 0 0 0px}.teab-block h3 strong{color: #d31146}.teab-block h4{margin: 20px 0 0px}figure.effect-jazz{background: transparent;border-radius: 20px}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.product-sub{text-align: center;padding: 3% 0 2%}.product-sub h4,.product-block h4,.product-remark h4{color: #d31146;margin: 0 0 10px}.product-block{padding: 0 0 0 5%}.product-block h5{color: #2967a5;font-weight: 600;margin: 0;font-style: italic;font-size: 1.2em}.join-us{padding: 2% 8%;text-align: center}.join-block{padding: 2% 0 0 10%}.join-block h4{font-size: 1.4em;color: #d31146;margin: 25px 0 10px}.coming-soon{width: 80%;margin: 0 auto 5%}.contact-block h4{text-align: center;font-weight: 400;margin: 0 0 20px;font-size: 1.1em;line-height: 1.2}#Component67de6eb3064502001354df91{width: 80%;margin: 0 auto}#Component67de6eb3064502001354df91 label.col-xs-12.col-sm-3.col-md-3.control-label{display: none !important}#Component67de6eb3064502001354df91 .col-xs-12.col-sm-6.col-md-6,#Component67de6eb3064502001354df91 .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6{width: 100%}#Component67de6eb3064502001354df91 .ITPcheckboxAuthen{padding-left: 0 !important}#Component67de6eb3064502001354df91 .col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 button.btn.btn-default{margin-left: 30% !important}.nav-template7{padding: 2% 10% 5%}.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: #d31145;font-size: 1.6em}.nav-template7 .fa,.nav-template7 .fas{float: right;position: absolute;right: 13%;line-height: 0.5}h3.managerHeader{font-size: 3em;font-weight: 600;letter-spacing: 1px}#Contentmanager .post-time{display: none}.page-header{margin: 40px 20px 020px;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: 500;margin: 25px 0 5px;line-height: 1.3;font-size: 1.2em}.Textmanager.font-inherit h3{font-weight: 400;margin: 20px 0 10px}.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: 100%;padding: 10px}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #cecece;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: 0px;transform: scale(1.0) !important}#Contentmanager img.img-responsive{border-radius: 0px;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: 0px;margin-bottom: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 20px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}.TabItpCateLandingPage1 .nav-justified{display: none}.row.contenemanager-gallery{column-count: 3;--webkit-column-count: 3;--moz-column-count: 3;gap: 0px}.staggered-grid{column-count: 3;--webkit-column-count: 3;--moz-column-count: 3;gap: 3rem;padding: 0rem !important}.staggered-card-grid > .caption{display: grid;place-items: center;min-height: 30px;margin: 15px 0}.staggered-sub-grid{padding-bottom: 0}.staggered-card-grid img{border-radius: 0px;overflow: hidden;transition: 0.5s}.staggered-card-grid img:hover{filter: brightness(0.3)}.staggered-sub-grid .post{display: none}.staggered-card-grid > .caption h3.title{font-size: 1.1em;font-weight: 500;color: #000000}.staggered-sub-grid .time{display: none}ul.nav.nav-pills.nav-justified{width: 79%;margin: 0 auto 20px;font-family: "Libre Baskerville",serif;border-bottom: 1px solid #8c8c8c}.nav-pills>li>a{font-size: 1.3em;border-radius: 0px;text-align: left !important;text-transform: uppercase}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover,.nav>li>a:focus,.nav>li>a:hover{color: #b39e7e;background-color: transparent;border-bottom: 3px solid #b39e7e;width: fit-content}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #d31145;border-color: #d31145}.pagination>li>a,.pagination>li>span{color: #d31145}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #d31145;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1440px}.dropdown-menu > li > a{font-size: 1.3em}.CASS-H-border .ITPcheckboxAuthen{padding-left: 1.8%}.contact-bg-text{margin-top: -2px}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.nav-template7 li a{font-size: 24px !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){.h2,h2{font-size: 2.3em}.btn-tel,.btn-line{grid-template-columns: 30px auto;padding: 13px 10px;font-size: 1em}.btn-contact{gap: 15px}.about-us{padding: 27% 0 0}.about-contact-head{font-size: 1.2em}.about-us h3{font-size: 2em}.about-us h2{font-size: 2.17em}.contact-bg{width: 90%}.contact-bg-text .btn-contact{gap: 5px}.contact-bg-text .btn-tel,.contact-bg-text .btn-line{gap: 4px}}@media only screen and (max-width:900px){.about-contact-head{font-size: 1em}.about-contact-head h4{font-size: 1.2em}.btn-contact{flex-direction: column}.about-us h3{font-size: 1.55em}.about-us h2{font-size: 1.7em}.h2,h2,h3.managerHeader{font-size: 2em}.CASS-H-border{width: 85%}.contact-bg-text h4{font-size: 1em}.contact-bg-text .btn-contact{width: 70%;margin: 10px auto 0}.about-us{padding: 20% 0 0}.teab-block h3{font-size: 1.4em}.contact-block .btn-contact{display: grid;grid-template-columns: repeat(2,1fr)}.contact-block{padding: 0 5%}.btn-tel,.btn-line{padding: 13px 23px;font-size: 1.1em}}@media only screen and (max-width:480px){#imagesControl67dd46c9139d030013eabf7c{padding: 0 !important}ul#slider67de36d520a8b50013368fa3{width: 100%;margin-left: 0}.about-us{padding: 2% 0 0}.about-us h3{font-size: 1.3em}.about-us h2{font-size: 1.4em}.menu-align h2{white-space: initial}.CASS-H-border{width: 90%}.CASS-H-middle-mid div{padding: 0px}.menu-sub{white-space: inherit}.contact-bg-text .btn-contact{width: 77%}.teab-block{padding: 0% 1%}.teab-block h3{font-size: 1.3em}div#background67de543e20a8b500133691ba .none-middle-mid{display: flex;flex-direction: column-reverse}.product-block{padding: 0 0 0 0%}.contact-block .btn-contact{grid-template-columns: repeat(1,1fr)}.nav-template7{padding: 2% 0% 5%}.nav-template7 li a{font-size: 18px !important;width: 94%}.nav-template7 .fa,.nav-template7 .fas{right: 6%}.btn-tel,.btn-line{padding: 13px 12px}.join-block{padding: 2% 0 0 3%}.staggered-grid{column-count: 1;--webkit-column-count: 1;--moz-column-count: 1;gap: 3rem}.row.contenemanager-gallery{column-count: 2;--webkit-column-count: 2;--moz-column-count: 2}}