.itopplus-background{}body{font-size: 16px;overflow-x: hidden}a{color: #221f1f}a:hover{color: #a3a3a3}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_13012023em1c/0/0/1z-z1427431182906.webp')}.itopplus-bg4{background-color: #ececec}.itopplus-bg2 a{color: #fff}.navbar-default .navbar-nav>li>a{color: #221f1f;margin: 0 15px;padding: 10px 0}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color: #221f1f !important;box-shadow: 0px 2px 0px 0px #000000;border-radius: none;background: transparent;background-color: transparent}.dropdown-menu>li>a{font-size: 1.1em;color: #221f1f}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: #221f1f}@media screen and (max-width : 992px){.navbar-default .navbar-toggle .icon-bar{background-color: #221f1f !important;color: #221f1f !important}#controlMenu,#controlMenu i,#controlMenu li a{color: #221f1f !important}.navbar-default{background: #fff}.navbar-header{display: flex;flex-direction: row-reverse;box-shadow: 0 0 3px rgba(0,0,0,.1);padding: 0 10px}.itopplus-logo img{position: fixed;object-fit: contain;width: 140px !important;top: 15px;left: 15px}}@media screen and (min-width : 1024px){.navbar-default{background: transparent}#controlPosition{margin-top: 2%;text-align: right}#controlBanner{object-fit: contain;padding: 15px;width: 85%}header{position: sticky;top: 0;z-index: 999;background: #fff;box-shadow: 0 0 3px rgba(0,0,0,.1)}}.h1,h1{font-size: 4.2em}.h2,h2{font-size: 2.7em;font-weight: 600}.h3,h3{font-size: 2em}.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}.itopplus-footer{font-size: 14px}.itopplus-footer h4{margin: 20px 0}.itopplus-footer h3{margin: 2px 0;font-size: 1.85em}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #a3a3a3}.footer-pd2{padding-left: 25%}.footer-icon-display{display: flex;justify-content: center;width: 65%}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.footer-border{border-left: 1px solid #a8aaac;border-right: 1px solid #a8aaac;padding: 0 25% 30%}.copy-right{padding: 2% 0 5%;font-size: 0.9em;text-align: center;font-family: 'DM Sans',sans-serif}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #221f1f !important;color: #221f1f !important;font-family: 'Noto Sans Thai',sans-serif !important}.buttonExampleSite:hover{background: #221f1f !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #221f1f;padding-bottom: 0rem !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 4% 2%}.about-detail{white-space: pre-line;text-align: center;padding: 5% 0 0;font-size: 1.3em;font-weight: 300;letter-spacing: 1px}.about-detail h3{font-family: 'Roboto',sans-serif;font-weight: 300;font-size: 1.2em;margin: 20px 0}.about-detail h1{font-weight: 300;font-size: 2.8em;margin: 0 0 20px}.about-border{border-bottom: 2px solid;width: 30%;margin: 5% auto}.about-detail h2{font-size: 2.2em;font-weight: bold;margin: 10px 0 20px}.about-detail h4{font-size: 1.3em;font-weight: 300;margin: 10px 0}.about-detail strong{font-weight: 500}.about-detail h4 strong{font-weight: 500}.menu-align{text-align: center;padding: 5% 0 2%}.about-contact{text-align: center;padding: 1% 0 10%;color: #565656}.about-contact strong{color: #221f1f}.about-pd{padding: 13%}.facility-icon{text-align: center;padding: 1% 0 20%;letter-spacing: 1px;transition: 0.5s}.facility-icon:hover{transform: scale(1.1)}.facility-icon img{width: 45% !important;margin: 0 auto 10%}.padding-pd{padding: 2%}#formdisplay6503d86d071faf0014509cca{}.no-js #formdisplay655adde0239de0001ac96cee .form-control{border: none;border-bottom: 1px solid #c0c0c0;border-radius: 0px!important;-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);box-shadow: inset 0 0px 0px rgba(0,0,0,.075);font-size: 1em !important;padding: 5px 0;height: 45px;font-weight: 400;background: transparent;color: #221f1f !important}.no-js #formdisplay655adde0239de0001ac96cee .form-control:hover{border-bottom: 1px solid #a3a3a3}.no-js #formdisplay655adde0239de0001ac96cee .form-control:focus{border-bottom: 1px solid #a3a3a3;-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: #242e49 !important}.no-js #formdisplay655adde0239de0001ac96cee .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#c00303 0,#c00303 100%);background: #000;color: #fff;text-shadow: 0 0px 0 #c00303;background-repeat: repeat-x;border: 0px solid #232323;border-radius: 0px;padding: 10px 25px;font-size: 1em;box-shadow: none}.no-js #formdisplay655adde0239de0001ac96cee .btn-default:active{background: #000;color: #fff}.no-js #formdisplay655adde0239de0001ac96cee .btn-default:hover,.no-js #formdisplay655adde0239de0001ac96cee .btn-default:focus{background-position: 0 0px;background: #000;color: #fff}.no-js #formdisplay655adde0239de0001ac96cee .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #formdisplay655adde0239de0001ac96cee span.label{font-size: 0.8em;font-weight: 400}#formdisplay655adde0239de0001ac96cee #editor1,#formdisplay655adde0239de0001ac96cee #editor2,#formdisplay655adde0239de0001ac96cee #editor3,#formdisplay655adde0239de0001ac96cee #editor4,#formdisplay655adde0239de0001ac96cee #editor5{display: none}#capcha0{margin-left: -8px;margin-right: -45px}#capcha0 .col-md-12.col-sm-12 span{display: none}#capcha0 .col-md-9.col-sm-12 img{padding: 10px 5px 0 0}#capcha0 .col-md-9.col-sm-12 span{display: contents;font-weight: 400}a#capchatxt{color: #221f1f}#formdisplay655adde0239de0001ac96cee .ITPcheckboxAuthen{font-size: 0.95em;font-weight: 400;padding: 0 0 0 4%;text-align: left !important;color: #221f1f}#formdisplay655adde0239de0001ac96cee .form-control::placeholder{color: #221f1f !important}#btnview655adde0239de0001ac96cee{margin-left: 33%}.glyphicon-ok-circle:before{content: '✔';color: #fff}#capcha655adde0239de0001ac96cee{display: none}#cookie655adde0239de0001ac96cee{margin-top: -20px}.CASS-D-border{background-image: none;background-color: rgba(255,255,255,0.0) !important;box-shadow: none;width: 55%;margin: 0 auto}.CASS-C-head,.CASS-D-head{font-family: 'Noto Sans Thai',sans-serif}.CASS-D-head h3{margin: 20px 0 0;font-size: 3em;font-weight: bold;padding-left: 0px;text-align: center}.TabItpContentLandingPage3>ul{width: 100%;border-bottom: 1px solid #dedede}.TabItpContentLandingPage3>ul>li>a{background-color: transparent;width: max-content;margin: 0 auto;padding: 10px 0}.TabItpContentLandingPage3>ul>li>a>span{color: #221f1f;font-size: 1.4em !important;font-family: 'Roboto',sans-serif;font-weight: 300}.TabItpContentLandingPage3>ul>li.active>a{border-bottom: 3px solid #000000!important;background-color: #ffff!important}.TabItpContentLandingPage3>ul>li.active>a>span{color: #000 !IMPORTANT}.TabItpContentLandingPage3>ul>li>a:hover{background-color: #ffff;border-bottom: 3px solid #000000;color: #000000}.tab-content{border: none !IMPORTANT;padding: 0 !important}.tab-itp-background{padding: 3% 0% !important;margin-top: 0% !important;margin-bottom: 0% !important}#background655b2b6cc3998d001a550264{margin-top: -5%}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.promotion-block{padding: 7% 5%}.promotion-block h2{text-align: center;margin: 0}.promotion-border{border-bottom: 1px solid;margin: 4% auto;width: 93%}.promotion-pd{padding: 2% 0 5% 17%}.promotion-pd .media-body{font-size: 1.5em;font-weight: 300;padding-left: 5px}.promotion-pd img{margin-top: 5px}.btn-booking{background-color: #fff;color: #221f1f;border: none;font-size: 1.5em;padding: 5px;width: 55%;margin: 0 auto;display: block;transition: 0.5s}.btn-booking:hover{background-color: #000;color: #fff}.type-head{text-align: center}.type-head h1{margin: 0 0 30px;font-size: 3.4em;font-weight: 300}.type-head img{margin-bottom: 21px}.type-icon img{width: 55% !important;float: right}.type-icon .media-body{padding: 10px 5px}.about-detail-pd1{padding: 10% 0%}.about-detail-pd2{padding: 7% 10%}.about-detail2{padding: 9% 8% 0}.about-detail2 h2{font-weight: bold;margin: 0 0 15px}.about-detail2 ul{margin-left: -23px}ol,ul{margin-top: 10px;margin-bottom: 10px}.about-detail3{padding: 15% 15% 0;text-align: center}.about-detail3 h3{font-size: 1.5em;font-family: 'Roboto',sans-serif;font-weight: 300;margin: 20px 0}.about-detail3 h2{font-weight: bold;margin: 10px 0 20px}.about-detail3 h4{line-height: 1.3;font-weight: bold}.imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.imageWidth.imageGallery:hover{transform: scale(1.1)}.imgLightbox{position: relative!important;overflow: hidden!important;width: 100%!important}.location-icon{padding: 1% 0 10%}.location-icon img{width: 25% !IMPORTANT;margin: 0 auto 5%;display: block}.location-icon img{width: 25% !IMPORTANT;margin: 0 auto 5%}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{padding: 0px 10px}.Contenemanager-gallery .col-xs-6.col-md-3{width: 50%}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 1px solid #eee;transition: 0.3s}.Contenemanager-gallery .thumbnail:hover,.contenemanager-gallery .thumbnail:hover{transform: scale(1.1);transition: 0.3s;position: relative !important;overflow: hidden !important}.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);transform: scale(1.0) !important}#Contentmanager img.img-responsive{position: relative !important;overflow: hidden !important;width: 100% !important;margin-bottom: 0px;transition: 0.5s}#Contentmanager img.img-responsive:hover{transform: scale(1.1);transition: 0.3s;position: relative !important;overflow: hidden !important}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color: transparent}#Contentmanager .thumbnail{background-color: #fff;background: transparent;position: relative !important;overflow: hidden !important;border: 1px solid #eee;padding: 0px !IMPORTANT;box-shadow: none;border-radius: 0px}#Contentmanager .thumbnail:hover{border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #e7e7e7;padding-bottom: 0px}.landingpagemanager{display: none}.Contenemanager-gallery{width: 92%;margin: 0 auto}.Textmanager.font-inherit{display: flow-root;text-align: left}.type-head{text-align: center;padding: 7% 0 0}.tive-icon{padding: 5% 2%}.tive-icon .media-body{padding: 8px 10px}.template1 .caption{height: inherit !IMPORTANT;font-size: 1.3em;padding: 7% 3%;color: #211f1f}.Contentmanager .template1 .template-panel{padding-bottom: 52%;overflow: hidden}.template1 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center .img{transition: 0.5s}.template1 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .img{transform: scale(1.1)}table.tj2{width:100%;margin-bottom: 15px}table.tj2 td{border: 1px solid #eee;padding: 12px}h3.managerHeader{font-size: 2.7em;font-weight: bold;text-align: center}.Textmanager.font-inherit h4{font-weight: bold;margin: 20px 0 10px}.text-contact{}.padding-contact{padding: 10px 0}.text-contact h3{font-weight: 600}.no-js #Component655c8220cc6bd900136369d6 label{display: none!important}.no-js #Component655c8220cc6bd900136369d6 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component655c8220cc6bd900136369d6 .form-control{border: 1px solid #ccc;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 #Component655c8220cc6bd900136369d6 .form-control:hover{border: 1px solid #221f1f}.no-js #Component655c8220cc6bd900136369d6 .form-control:focus{border: 1px solid #221f1f;-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 #Component655c8220cc6bd900136369d6 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: #221f1f;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 #Component655c8220cc6bd900136369d6 .btn-default:active{background-color: #221f1f}.no-js #Component655c8220cc6bd900136369d6 .btn-default:hover,.no-js #Component655c8220cc6bd900136369d6 .btn-default:focus{background-position: 0 0px;background-color: #221f1f}.no-js #Component655c8220cc6bd900136369d6 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component655c8220cc6bd900136369d6 span.label{font-size: 0.9em;font-weight: 300}.no-js #Component655c8220cc6bd900136369d6 .ITPcheckboxAuthen{font-size: 0.85em;padding: 0 0 0 0}#iframe655c89b6cc6bd90013636abf iframe{height: 260px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #221f1f;border-color: #221f1f}.pagination>li>a,.pagination>li>span{color: #221f1f}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #221f1f;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.dropdown-menu>li>a{font-size: 1.4em}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !IMPORTANT}.type-head{padding: 10% 0 0}.template1 .caption{font-size: 1.6em}}@media only screen and (max-width:1191px){.h2,h2,h3.managerHeader{font-size: 2.4em}.itopplus-footer{font-size: 12px}.about-detail h1{font-size: 2.4em}.about-detail h2{font-size: 2em}.CASS-D-head h3{font-size: 2.5em}.type-head h1{font-size: 2.8em}.promotion-block{padding: 3% 3%}.promotion-pd .media-body{font-size: 1.2em}.btn-booking{font-size: 1.2em}.about-detail{white-space: inherit}.about-detail-pd1{padding: 0% 0%}.about-detail-pd2{padding: 0% 2%}.about-detail2{padding: 2% 3% 0}.about-detail3{padding: 3% 3% 0}.tive-icon .media-body{padding: 2px 2px}.padding-contact{padding: 4px 0}.no-js #Component655c8220cc6bd900136369d6 .form-control{padding: 25px 20px}.no-js #Component655c8220cc6bd900136369d6 .btn{padding: 8px 20px}}@media (min-width : 810px) and (max-width : 1023px){.navbar-header{display: flex !important;width: 100%}#main-navbar-collapse{display: none !important}}@media (min-width : 1024px) and (max-width : 1400px){#itopplus-nav-bar{display: flex !important;justify-content: space-between}#itopplus-nav-bar li{white-space: nowrap !important}.navbar-default .navbar-nav>li>a{margin: 0}}@media only screen and (max-width:900px){#formdisplay655adde0239de0001ac96cee #display2,#formdisplay655adde0239de0001ac96cee #selectbox4{margin-right: -20px}.about-pd{padding: 24%}.row-fluid [class*=col-sm-5fix]{display: block;float: left;width: 33.33%}.TabItpContentLandingPage3>ul{display: flex;justify-content: center}.TabItpContentLandingPage3 .nav-justified>li{width: 100%}.location-icon{height: 220px}.Textmanager.font-inherit{display: block}.tive-icon{padding: 5% 0%;width: 65%;margin: 0 auto}.template1 .caption{font-size: 1.2em;padding: 7% 1%}.table-responsive{border: 0px solid #ddd}.text-contact h3{font-size: 1.6em}#iframe655c89b6cc6bd90013636abf iframe{height: 270px}}@media only screen and (max-width:480px){#imagesControl655ada12b658ec001a3696db{padding: 0 !important}.CASS-D-border{width: 100%}.row-fluid [class*=col-sm-5fix]{width: 50%}#btnview655adde0239de0001ac96cee{margin-left: 21%}.itopplus-bg{background-size: 100% auto}.about-pd{padding: 10%}.TabItpContentLandingPage3>ul{overflow-x: scroll;justify-content: flex-start}.TabItpContentLandingPage3>ul>li>a{padding: 10px 10px}.type-icon .col-md-3.col-sm-3.padding-col{width: 50%;display: inline-flex;align-content: flex-start;align-items: stretch;height: 100px}.type-icon img{width: 80% !important}.type-head h1{font-size: 2.2em}.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}.tive-icon{width: 100%}.tive-icon .col-md-6.col-sm-6.padding-col{width: 50%;display: inline-flex;align-content: flex-start;align-items: stretch;height: 100px}.padding-contact{padding: 13px 0}.no-js #Component655c8220cc6bd900136369d6 .col-md-6{padding: 0 15px}}