endpoints.path: /
endpoints.endpoint_type: HTTP
endpoints.scan_time: 2025-10-04T15:20:22.468366
endpoints.uri: https://www.psrac.com/
endpoints.protocol: HTTP/1.1
endpoints.status_reason: OK
endpoints.key: Content-Security-Policy
endpoints.headers: default-src https: ws: data: 'unsafe-inline' 'unsafe-eval';
endpoints.key: Connection
endpoints.headers: keep-alive
endpoints.key: Permissions-Policy
endpoints.headers: camera=(), geolocation=()
endpoints.key: Vary
endpoints.headers: Accept-Encoding
endpoints.key: Content-Length
endpoints.headers: 22781
endpoints.key: Date
endpoints.headers: <REDACTED>
endpoints.key: Cache-Control
endpoints.headers: no-store, no-cache, must-revalidate
endpoints.key: Content-Type
endpoints.headers: text/html; charset=UTF-8
endpoints.key: Content-Encoding
endpoints.headers: gzip
endpoints.key: Expires
endpoints.headers: Thu, 19 Nov 1981 08:52:00 GMT
endpoints.key: Pragma
endpoints.headers: no-cache
endpoints.key: X-XSS-Protection
endpoints.headers: 1; mode=block
endpoints.key: Set-Cookie
endpoints.headers: PHPSESSID=kr01ccesj1uorlsvjhahp06bjj; path=/ PHPSESSID=kr01ccesj1uorlsvjhahp06bjj; path=/; samesite=None; Secure; HttpOnly; _showcancelpdpa=0; path=/ _acepata=0; expires=Thu, 02-Apr-2026 15:20:23 GMT; Max-Age=15552000; path=/
endpoints.key: Strict-Transport-Security
endpoints.headers: max-age=31536000; includeSubdomains;
endpoints.key: Server
endpoints.headers: nginx
endpoints.key: X-Content-Type-Options
endpoints.headers: nosniff
endpoints.key: Keep-Alive
endpoints.headers: timeout=60
endpoints.key: Referrer-Policy
endpoints.headers: origin
endpoints.html_tags: <title>Smart Systems Integration</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="บริการทางด้านออกแบบและติดตั้ง  ระบบต่างๆให้สามารถที่จะทำงานร่วมกัน วิเคราะห์
  ออกแบบ เลือกแนวทางการติดตั้งที่เหมาะสมให้เกิดประสิทธิภาพสูงสุด" /> <meta name="Keywords" content="Smart Solutions, Smart Systems Ingration, SI&amp;IT Network Solutions" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta property="fb:app_id" content="160631041153580" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Smart Systems Integration" /> <meta property="og:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/dnUULdTzv/DefaultData/psr_access_2_5.png" /> <meta property="og:description" content="บริการทางด้านออกแบบและติดตั้ง  ระบบต่างๆให้สามารถที่จะทำงานร่วมกัน วิเคราะห์
  ออกแบบ เลือกแนวทางการติดตั้งที่เหมาะสมให้เกิดประสิทธิภาพสูงสุด" /> <meta property="og:url" content="https://www.psrac.com/" /> <meta property="og:site_name" content="psrac.com" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="psrac.com"> <meta name="twitter:title" content="Smart Systems Integration"> <meta name="twitter:description" content="บริการทางด้านออกแบบและติดตั้ง  ระบบต่างๆให้สามารถที่จะทำงานร่วมกัน วิเคราะห์
  ออกแบบ เลือกแนวทางการติดตั้งที่เหมาะสมให้เกิดประสิทธิภาพสูงสุด"> <meta name="twitter:image" content="https://image.makewebcdn.com/makeweb/m_1920x0/dnUULdTzv/DefaultData/psr_access_2_5.png"> <meta name="twitter:domain" content="https://www.psrac.com/"> <meta name="generator" content="MakeWebEasy" /> <meta name="format-detection" content="telephone=no">
endpoints.body: <!doctype html>
  <html lang="th-TH">
      <head>
          <meta http-equiv="X-UA-Compatible" content="IE=edge" />
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <meta name="description" content="บริการทางด้านออกแบบและติดตั้ง  ระบบต่างๆให้สามารถที่จะทำงานร่วมกัน วิเคราะห์
  ออกแบบ เลือกแนวทางการติดตั้งที่เหมาะสมให้เกิดประสิทธิภาพสูงสุด" />
          <meta name="Keywords" content="Smart Solutions, Smart Systems Ingration, SI&amp;IT Network Solutions" />
          <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
                  <meta name="apple-mobile-web-app-capable" content="yes">
          <!-- facebook -->
          <meta property="fb:app_id" content="160631041153580" />
                          <meta property="og:type" content="website" />
         
          <meta property="og:title" content="Smart Systems Integration" />
          <meta property="og:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/dnUULdTzv/DefaultData/psr_access_2_5.png" />
          <meta property="og:description" content="บริการทางด้านออกแบบและติดตั้ง  ระบบต่างๆให้สามารถที่จะทำงานร่วมกัน วิเคราะห์
  ออกแบบ เลือกแนวทางการติดตั้งที่เหมาะสมให้เกิดประสิทธิภาพสูงสุด" />
          <meta property="og:url" content="https://www.psrac.com/" />
          <meta property="og:site_name" content="psrac.com" />
          <!-- twitter -->
          <meta name="twitter:card" content="summary_large_image">
          <meta name="twitter:site" content="psrac.com">
          <meta name="twitter:title" content="Smart Systems Integration">
          <meta name="twitter:description" content="บริการทางด้านออกแบบและติดตั้ง  ระบบต่างๆให้สามารถที่จะทำงานร่วมกัน วิเคราะห์
  ออกแบบ เลือกแนวทางการติดตั้งที่เหมาะสมให้เกิดประสิทธิภาพสูงสุด">
          <meta name="twitter:image" content="https://image.makewebcdn.com/makeweb/m_1920x0/dnUULdTzv/DefaultData/psr_access_2_5.png">
          <meta name="twitter:domain" content="https://www.psrac.com/">
          <!-- google -->
                  <meta name="generator" content="MakeWebEasy" />
          <!-- Phone number-->
          <meta name="format-detection" content="telephone=no">
                                                  <link rel="alternate" href="https://www.psrac.com/" hreflang="x-default" />
                      
          <link rel="canonical" href="https://www.psrac.com/" />
          
                  <link rel="apple-touch-icon" sizes="32x32" href="https://image.makewebcdn.com/makeweb/0/dnUULdTzv/attach_file/favicon/favicon_20210103110347-0.ico?v=202508191712" />
          <link rel="shortcut icon" href="https://image.makewebcdn.com/makeweb/0/dnUULdTzv/attach_file/favicon/favicon_20210103110347-0.ico?v=202508191712" type="image/x-icon" />
          <link rel="icon" href="https://image.makewebcdn.com/makeweb/0/dnUULdTzv/attach_file/favicon/favicon_20210103110347-0.ico?v=202508191712" type="image/x-icon" />
  
          <!-- CSS Main -->
                  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Nunito|Lora|Dancing+Script|Satisfy|Fjalla+One|Oswald|Montserrat|Supermarket|Sanchez|Roboto|Quicksand|Pacifico|Raleway|Kanit|Prompt|Trirong|Taviraj|Itim|Chonburi|Mitr|Athiti|Pridi|Maitree|Pattaya|Sriracha|Sarabun|Chakra+Petch|Mali|Bai+Jamjuree|Krub|K2D|Niramit|Charm|Srisakdi|Thasadith|Kodchasan|KoHo|Charmonman|Poppins|Fahkwang|Noto+Sans+Thai|IBM+Plex+Sans+Thai|Noto+Serif+Thai|Noto+Sans+Thai+Looped|IBM+Plex+Sans+Thai+Looped&subset=thai,latin" />
          <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/font.min.css?v=202101271138" />
          <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/bootstrap.min.css" />
          <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe.css?v=202508081425" />
          <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe2.css?v=202508081425" />
                  <!-- CSS Page -->
          <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/circular-loading.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/hamburgers.min.css?v=0" />        <!-- CSS Main -->
                  <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/all.min.css?v=202310021145" />
          <!-- byAir -->
          <!-- <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.min.css?v=202306151430" /> -->
          <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.css?v=20251004152023" />
          <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system2.css?v=202306151430" />
          <link rel="stylesheet" type="text/css" href="/customer-css/style_dnUULdTzv.min.css?v=1651796363" />
          
          <title>Smart Systems Integration</title>
  
          <!-- JS Main -->
                  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js?v=202508191712" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
          <script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/imagesloaded.min.js?v=1"></script>
          <script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/vue@2_6_11.js?v=202508191712"></script>
                  <script type="text/javascript" src="https://www.instagram.com/embed.js" async="true"></script>
          <!-- JS Page -->
                  <!-- Script Embed -->
          
          <style>
              #divMWEAds .mweColor{
                  color: #28bee3;
              }
  
              /* #divMWEAds .webFreeColor{
                  color: #ffffff;
                  background-color: #28bee3;
              }           */
  
              .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;}
              .webFreeColor:hover,
              .webFreeColor.active {
                  background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF;
  }
          </style>
      </head>
      <body>
          <!-- Script Embed -->
          
          <!-- <script>
                      </script> -->
          <style type="text/css">
                          .pagination>li>a, .pagination>li>span {
                  font-size: 14px;
                  color: inherit;
              }
              .dropdown.areacontext.open{
                  z-index: 1001 !important;
              }
              .table-responsive table {
                  margin-bottom: 20px;
                  white-space: nowrap;
              }
              @media only screen and (min-width: 1200px) {
                  .table-responsive table {
                      white-space: normal;
                  }
              }
              @media only screen and (min-width: 1200px) {
                  .section-container > .slimScrollDiv {
                      display: none;
                  }
              }
              a[data-mce-href] {
                  font-size: inherit;
                  font-family: inherit;
                  /*color: inherit;*/
              }
              /* areacontext menu */
              .areacontext {
                  border: 1px solid rgb(9,10,12);
              }
              .areacontext .btn-primary {
                  background: #373e44!important;
                  color: #FFF!important;
                  border-color: #23292f!important;
                  padding: 1px 5px;
                  display: block;
              }
              .areacontext > div {
                  font-family: Open Sans !important;
                  font-size: 12px !important;
              }
              .areacontext ul.dropdown-menu {
                  border-radius: 0px !important;
                  background: #373E44 !important;
                  margin-top: 0px !important;
                  border: 1px solid rgb(9,10,12);
                  padding: 0px !important;
                  min-width: 100px !important;
                  transform: translate3d(-1px, 20px, 0px) !important;
              }
              .areacontext ul.dropdown-menu > li > a {
                  font-family: "Helvetica Neue",Helvetica,Tahoma !important;
                  font-size: 12px !important;
                  color: rgb(145, 159, 174) !important;
                  padding: 3px 5px !important;
                  display: block;
              }
              .areacontext ul.dropdown-menu > li > a:hover {
                  background: #262D33 !important;
                  color: #FFF !important;
                  text-decoration: none;
              }
              /* addition */
              /* facebook like box */
              .fb-like.fb_iframe_widget > span > iframe{
                  max-width:none!important
              }
              /* img in table */
              table img {
                  max-width:initial!important;
              }
              /* iframe */
              iframe {
                  max-width:100%;
              }
              /* pagination */
              .pagination>li>a,.pagination>li>span{
                  font-size:14px;color:inherit
              }
              /* table */
              .table-responsive table {
                  margin-bottom:20px;
                  white-space:nowrap;
              }
              @media only screen and (min-width: 1200px){
                  .table-responsive table{
                      white-space:normal
                  }
              }
              /* img width and rendering */
              div#section-content img:not(.fill),
              div#section-footer img:not(.fill) {
                  overflow:hidden;
                  opacity:0;
                  -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
                  transition:opacity .3s ease-in-out,transform .3s ease-in-out;
                  max-width:100%;
              }
              @media (max-width: 768px) {
                  body {
                      max-width: 100vw;
                  }
              }
              /* force show img */
              .map_outter img {
                  opacity: 1 !important;
              }
              /* link in tinymce */
              a[data-mce-href] {
                  font-size: inherit;
                  font-family: inherit;
              }
              /* top layout */
              nav > #top-area > .container-fluid {
                  padding-left: 8px;
                  padding-right: 8px;
              }
              nav > #top-area > .row {
                  margin: 0;
              }
              nav > #top-area > .row > .col {
                  padding: 0;
              }
              .navbar-link {
                  display: inline-block;
                  padding: 8px;
                  border: none;
                  margin: 8px 0px;
                  vertical-align: middle;
                  line-height: 1;
              }
              /*.navbar-fa {
                  width: 24px !important;
                  height: 24px !important;
              }*/
              .navbar-toggler-icon {
                  margin: 0;
                  padding: 0;
              }
              .dropdown > .dropdown-toggle > svg {
                  transition: all 300ms ease;
                  -webkit-transition: all 300ms ease;
                  -o-transition: all 300ms ease;
                  -ms-transition: all 300ms ease;
              }
              .dropdown.show > .dropdown-toggle > svg {
                  transform: rotate(180deg);
                  -webkit-transform: rotate(180deg);
                  -moz-transform: rotate(180deg);
                  -o-transform: rotate(180deg);
              }
              .dropdown-menu > li > .dropdown-toggle > svg {
                  transition: all 300ms ease;
                  -webkit-transition: all 300ms ease;
                  -o-transition: all 300ms ease;
                  -ms-transition: all 300ms ease;
              }
              .dropdown-menu > li.show > .dropdown-toggle > svg {
                  transform: rotate(90deg);
                  -webkit-transform: rotate(90deg);
                  -moz-transform: rotate(90deg);
                  -o-transform: rotate(90deg);
              }
              /* cart widget */
              nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter {
                  display: none;
              }
              nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter {
                  -webkit-transform: scale(0.75) !important;
                  transform: scale(0.75) !important;
                  top: -75%;
                  right: auto;
                  left: 50%;
                  -webkit-transform-origin: top center;
                  transform-origin: top center;
                  display: inline-block;
              }
              /* list style */
              ul {
                  margin-bottom: 0 !important;
              }
              li {
                  /* list-style: none;*/
              }
              /* hide caret */
              .dropdown-toggle::after{
                  display:none!important;
              }
              /* social widget */
              .social-widget {
                  display: inline-block;
              }
              .social-widget a {
                  font-size: 30px;
                  width: 30px;
                  height: 30px;
                  min-width: 30px;
                  min-height: 30px;
              }
              @media (min-width: 401px) {
                  .social-widget a {
                      font-size: 36px;
                      width: 36px;
                      height: 36px;
                      min-width: 36px;
                      min-height: 36px;
                  }
              }
              .social-widget a svg.fa-twitter {
                  margin-right: -1px !important;
              }
              .social-widget a svg.fa-instagram {
                  margin-right: 2px !important;
              }
              .social-widget a svg.fa-google-plus-g {
                  margin-right: -6px !important;
              }
              .social-widget a svg.fa-youtube {
                  margin-right: -3px !important;
              }
              /* vertical align text widget */
              .navbar-text {
                  line-height: 150%;
                  vertical-align: middle;
                  min-height: 50px;
              }
              @media (min-width: 401px) {
                  .navbar-text {
                      min-height: 56px;
                  }
              }
          </style>
  
                  <!--// ! ------------arrow scroll to top -->
                      <a href="javascript:void(0);" id="toTop" class="back-to-top   " style="display: none; width: 45px !important; height: 45px !important; z-index: 55;">
                  <span class="fa-stack" style="font-size: 22px;">
                      <i class="fas fa-circle fa-stack-2x" style="color: #2b2a2a;"></i>
                      <i class="fas fa-arrow-up fa-stack-1x fa-inverse" style="color: #ffffff;"></i>
                  </span>
              </a>
                 
          <!-- //! facebook messager -->
                  <div class="section-container">
              <!-- BoxLoading -->
              <div class="boxLoading" id="boxLoading">
                  <div class="loader">
                      <svg class="circular" viewBox="25 25 50 50">
                      <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"></circle>
                      </svg>
                  </div>
              </div>
  
              <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_standard"></div>
  <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_popup"></div>
  <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_coupon"></div>
  
  <script type="text/javascript">
  
      function showModalBS(isClose, path, size) {
          if (size == 'small') {
              var siz = 'sm';
          } else if (size == 'medium') {
              var siz = 'md';
          } else if (size == 'large') {
              var siz = 'lg';
          } else if (size == 'full') {
              var siz = 'full';
          } else if (size == 'cartlogin') {
              var siz = 'modalCartLogin';
          } else if (size === 'addToCartGroupProduct') {
              var siz = 'groupProduct modal-dialog-centered'
          } else if (size === 'addToCart') {
              var siz = 'addToCart modal-dialog-centered'
          } else if (size === 'medium-center') {
              var siz = 'md modal-dialog-centered'
          } else {
              var siz = 'md';
          }
  
          if (isClose == 1) {
              var backdrop = true;
          } else if (isClose == 0) {
              var backdrop = 'static';
          } else {
              var backdrop = true;
          }
          jQuery('#modal_standard').html('<div class="modal-dialog modal-' + siz + '"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>');
          jQuery('#modal_standard').modal({
              backdrop: backdrop,
              // remote: path,
              show: true,
              keyboard: true
          });
          jQuery('#modal_standard').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
          });
      }
  
      function showModalPopup(isClose, path) {
          if (isClose == 1) {
              var backdrop = true;
          } else if (isClose == 0) {
              var backdrop = 'static';
          } else {
              var backdrop = true;
          }
          jQuery('#modal_popup').html('<div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>');
          jQuery('#modal_popup').modal({
              backdrop: backdrop,
              // remote: path,
              show: true,
              keyboard: true
          });
          jQuery('#modal_popup').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
          });
      }
  
      function showModalCouponBS(path) {
          jQuery('#modal_coupon').html('<div class="modal-dialog modal-coupon modal-dialog-centered"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>');
          jQuery('#modal_coupon').modal({
              backdrop: true,
              // remote: path,
              show: true,
              keyboard: true
          });
          jQuery('#modal_coupon').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
          });
      }
  
  </script>                        <div class="disabled-filter"></div>
              <div class="section-body ">
                  <div id="section-header" class="sps sps--abv">
                      
  <style type="text/css">
      @media  only screen and (min-width: 1025px){
          .headerMobile {
              display: none !important;
          }
          .navbar-toggler {
              display: none !important;
          }
          .navbar-expand-xl .navbar-collapse {
              display: flex !important;
              flex-basis: auto;
          }
          .navbar-expand-xl .navbar-nav {
              flex-direction: row;
          }
          .navbar-expand-xl .navbar-nav .nav-link {
              padding-right: 0.5rem;
              padding-left: 0.5rem;
          }
          /* sticky */
          .headerDesktop nav #top-sticky {
              transition: transform 450ms;
              -webkit-transition: transform 450ms;
              -moz-transition: transform 450ms;
              -o-transition: transform 450ms;
          }
          .sps--abv .headerDesktop nav #top-sticky {
              position: relative;
              transform: translate3d(0, 0, 0);
              -webkit-transform: translate3d(0, 0, 0);
              -moz-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0);
          }
          .sps--abv .headerDesktop nav #top-mb {
              margin-bottom: 0;
          }
                  .sps--abv .headerDesktop nav #top-sticky #cart{
              display: none !important;
          }
                  .sps--blw .headerDesktop nav #top-sticky {
              position: fixed;
              top: -56px;
              left: 0;
              right: 0;
              z-index: 1000;
              box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
              -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
              -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
              transform: translate3d(0, 56px, 0);
              -webkit-transform: translate3d(0, 56px, 0);
              -moz-transform: translate3d(0, 56px, 0);
              -ms-transform: translate3d(0, 56px, 0);
          }
          .sps--blw .headerDesktop nav #top-mb {
              padding-bottom: 56px;
                      }
          
          .sps--blw .headerDesktop nav #top-sticky #cart{
              display: inline-flex !important
          }
  
      }
      @media (max-width: 1024px){
          .headerDesktop {
              display: none !important;
          }
          /* sticky */
          .sps--abv .headerMobile nav #top-sticky {
                              position: static;
                      }
          .sps--abv .headerMobile nav #top-mb {
              margin-bottom: 0;
          }
          .sps--blw .headerMobile nav #top-sticky {
              position: fixed;
              top: 0;
              left: 0;
              right: 0;
              z-index: 1000;
              box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
              -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
              -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
          }
          .sps--blw .headerMobile nav #top-mb {
              margin-bottom: 56px;
          }
                      .icoMember ,#iconsMember{
                  display: none;
              }
                  ul.navbar-topmenu.navbar-nav .arrowCollapse{
              transition: transform .3s ease 0s;
          }
           ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{
              transition: transform .3s ease 0s;
          }
      }
      .sb {
          visibility: visible;
          /*position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
  
          opacity: 1;
          z-index: 999;
          padding: 0 16px;
          /*margin: 0 16px;*/
      }
      .sb > input {
          /*width: calc(100% - 39px);
          border-top: 0;
          border-left: 0;
          border-right: 0;
          border-bottom: 2px solid #FFF;
          background: #333 !important;
          padding: 6px;
          color: #FFF;
          vertical-align: middle;*/
      }
      .sb > input::placeholder {
          color: #333;
      }
      .sb > input:focus {
          outline: none;
      }
      .aCloseSearchIcon {
          height: 36px;
          padding: 6px 12px;
      }
      #top-sticky > div {
          position: relative;
      }
      div.headerMobile{
          position: relative;
          z-index: 56;
      }
          #divMWEAds {
          bottom: unset;
          width: 100vw !important;
          background: #fff;
          color: #000;
      }
      #divMWEAds:hover {
          background: #fff;
      }
      #topZone {
          padding-top: 0px;
      }
      .marginBot {
          margin-bottom: 0px;
      }
  
      .headerMobile #divMWEAds {
          font-family: 'DB Heavent' !important; 
          font-size:21px;
          z-index:999999;
      }
      .headerMobile #divMWEAds a {
          font-size: 20px; 
          font-family: 'DB Heavent' !important;
          font-weight: bold;
      }
      @media only screen and (max-width: 400px) {
          .headerMobile #divMWEAds {
              font-size:16px;
          }
          #divMWEAds img {
              max-height: 25px;
              max-width: 25px;
          }
          .headerMobile #divMWEAds a {
              font-size: 16px;
          }
      }
  </style>
  <div class="headerDesktop">
              <style type="text/css">
      @media (min-width: 1025px) {
          .navbar-brand {
              font-size: 24px !important;
              border: none !important;
              padding: 0;
              margin: auto;
          }
          .navbar-text{
              min-height: 24px;
          }
          .text-truncate{
              width: 100%;
          }
          .text-truncate p{
              margin-bottom: 0;
              line-height: 24px;
          }
          #logotop{
              margin: 5px 0;
              min-height: 50px;
          }
          #menutop{
              margin: 10px 10px 10px 0  !important;
          }
          .topwidget-menu{
              margin: 0 !important;
          }
          .cart-nav{
              margin-top: 0 !important;
          }
                      .sps--blw #top-sticky #logotop{
                  /* display: none !important; */
              }
              .sps--blw #top-sticky #logotop .img-logo {
                  width: auto;
                  max-height: 50px;
              }
                  .sps--blw #top-sticky #logotop .img-logo {
              width: auto;
              max-height: 50px;
          }
          #top-sticky #cart2{
              display: none !important;
          }
          .sps--blw #top-sticky #cart2{
              display: inline-flex !important;
          }
      }
  </style>
  <nav id="topZone" class="navbar-expand-xl">
              <div id="top-bar">
              <div id="top-mb">
                  <div class="container-fluid">
                      <div class="row align-items-center justify-content-end">
                          
                                                      <div class="col-lg-auto">
                                                                      <div id="toptext" class="hoverOverlay d-inline-flex align-middle my-1">
                                          <div class="navbar-text text-truncate text-right py-1">
                                              <span style="color: #000000;" data-mce-style="color: #000000;">&nbsp; &nbsp; &nbsp;<img src="https://image.makewebeasy.net/makeweb/m_1920x0/dnUULdTzv/DefaultData/8c6op4a9i.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/dnUULdTzv/DefaultData/8c6op4a9i.png" width="39" height="39">&nbsp; &nbsp;<span style="font-size: 16px;" data-mce-style="font-size: 16px;">&nbsp;</span><span style="font-size: 18px;" data-mce-style="font-size: 18px;"><span style="font-size: 16px;" data-mce-style="font-size: 16px;"><span style="font-family: Tahoma; color: #ffffff;" data-mce-style="font-family: Tahoma; color: #ffffff;">02-130-7396&nbsp;</span>&nbsp; </span>&nbsp; &nbsp; &nbsp;</span> <img src="https://image.makewebeasy.net/makeweb/m_1920x0/dnUULdTzv/DefaultData/81_512.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/dnUULdTzv/DefaultData/81_512.png" width="35" height="35">&nbsp;<span style="font-size: 16px;" data-mce-style="font-size: 16px;"> &nbsp;<span style="color: #ffffff;" data-mce-style="color: #ffffff;"><span style="font-family: Tahoma;" data-mce-style="font-family: Tahoma;"> 02-130-7397&nbsp; &nbsp;</span></span>&nbsp; &nbsp;</span> &nbsp;<a data-mce-href="http://mail.psrac.com/interface/root#/login" href="http://mail.psrac.com/interface/root#/login" title="Mail"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/dnUULdTzv/DefaultData/icones_00248.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/dnUULdTzv/DefaultData/icones_00248.png" width="38" height="38"></a>&nbsp; &nbsp;&nbsp;</span>                                        </div>
                                      </div>
                                                                                                                                                                                                                              </div>
                                              </div>
                  </div>
              </div>
          </div>
      
              <div id="top-area">
              <div id="top-sticky">
                  <div class="container-fluid">
                                          <div class="row no-gutters ">
                                                      <div class="col col-lg d-lg-inline-flex">
                                  <div id="logotop" class="hoverOverlay d-inline-flex align-middle">
                                      <span class="navbar-brand">
                                          <a href="/" style="text-decoration: none;">
                                                  <style> 
          @media (min-width: 1025px){ 
              .img-logo { 
                                                                                      } 
          } 
      </style>
      <img src="https://image.makewebcdn.com/makeweb/m_1920x0/dnUULdTzv/DefaultData/psr_access_2_5.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/>
                                          </a>
                                      </span>
                                  </div>
                              </div>
                                                                              <div class="col-12 col-lg-auto d-lg-inline-flex align-items-center">
                                                                      <div id="menutop" class="hoverOverlay d-inline-flex">
                                          <div class="collapse navbar-collapse">
                                              <style type="text/css">
      .topwidget-menu .navbar-nav .dropdown-menu {
          padding: 0;
          margin: 0;
      }
      .topwidget-menu .navbar-nav .dropdown-menu.hidden {
          visibility: hidden;
      }
      /*PC hack to hover*/
      @media (min-width: 1025px) {
          ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{
              display:block !important;
          }
          ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{
              display:block !important;
          }
          ul.navbar-topmenu.navbar-nav ul{
              box-shadow: 0 6px 12px rgba(0,0,0,0.175);
          }
          .topwidget-menu {
              margin: 10px;
          }
          ul.dropdown-menu.dropdown-menu-right{
              left: unset;
              right:0;
          }
          .dropdownfix-menu-right {
              right:100% !important;
              left:auto !important;
          }
          .public-topmenu .dropdown-menu-right .fa-chevron-right {
              transform: rotate(180deg);
              left: 0;
              position: absolute;
              top: 12px;
          }
          .public-topmenu .dropdown-menu-right .fa-chevron-down{
              transform: rotate(90deg);
              left: 0;
              position: absolute;
              top: 12px;
          }
          .more.hidden{
              display:none;
          }
          .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
              transform: rotate(-90deg);
          }
          ul.navbar-topmenu.navbar-nav > li.nav-item ul{
              position: absolute;
          }
          .public-topmenu .topmenuLg{
              border-right:none !important;
          }
      }
      /* tablet*/
      @media only screen and (min-width: 768px) and (max-width: 1112px) {
          ul.navbar-topmenu.navbar-nav ul{
              box-shadow: 0 6px 12px rgba(0,0,0,0.175);
          }
      }
      /*mobile tablet*/
      @media  only screen and (max-width: 1024px) {
          
          ul.navbar-topmenu .abl1 .arrowCollapse,
          ul.navbar-topmenu .abl2 .arrowCollapse{
              position: absolute;
              right: 20px !important;
              top: 25%;
              text-align: center;
              height: 16px;
          }
          ul.navbar-topmenu.navbar-nav a{
              text-align: left !important;
              white-space: normal;
          }
          ul.navbar-topmenu.navbar-nav .fa-chevron-down{
                          transition: all .3s ease 0s;
              -ms-transition: all .3s ease 0s;
              -webkit-transition: all .3s ease 0s;
              -moz-transition: all .3s ease 0s;
          }
          ul.navbar-topmenu.navbar-nav .fa-chevron-right{
                           transform: rotate(90deg);
              transition: all .3s ease 0s;
              -ms-transition: all .3s ease 0s;
              -webkit-transition: all .3s ease 0s;
              -moz-transition: all .3s ease 0s;
             /* width: 15px;
              height: 15px; */
          }
          
          ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
              right: 12px;
              top: 27%;
          }
  
          ul.navbar-topmenu.navbar-nav a{
              word-wrap: break-word;
          }
          ul.navbar-topmenu.navbar-nav .more{
              display:none !important;
          }
          .public-topmenu .dropdown.show > a > .arrowCollapse{
              transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              -webkit-transform: rotate(180deg);
              -moz-transform: rotate(180deg);
          }
          .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{
              transform: rotate(270deg);
              -ms-transform: rotate(270deg);
              -webkit-transform: rotate(270deg);
              -moz-transform: rotate(270deg);
          }
          .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
              transform: rotate(270deg);
              -ms-transform: rotate(270deg);
              -webkit-transform: rotate(270deg);
              -moz-transform: rotate(270deg);
          }
          ul.navbar-topmenu.navbar-nav > li > ul > li > a {
              padding-left: 30px !important;
          }
          ul.navbar-topmenu.navbar-nav ul ul a {
              padding-left: 45px !important;
          }
      }
  </style>
  <div class="topwidget-menu">
      <ul class="navbar-nav navbar-topmenu public-topmenu">
                                      <li class="nav-item ">
                      <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/" target="_self">
                          HOME                    </a>
                  </li>
                                                  <li class="nav-item ">
                      <a class="nav-link abl1"   href="/gallery" target="_self">
                          OUR PROJECTS                    </a>
                  </li>
                                                  <li class="nav-item ">
                      <a class="nav-link abl1"   href="/aboutus" target="_self">
                          ABOUT US                    </a>
                  </li>
                                                  <li class="nav-item ">
                      <a class="nav-link abl1"   href="/categorycontent" target="_self">
                          PRODUCT                    </a>
                  </li>
                                                  <li class="nav-item topmenuLg">
                      <a class="nav-link abl1"   href="/contactus" target="_self">
                          CONTACT US                    </a>
                  </li>
                      
          <li class="nav-item dropdown more hidden" data-width="80">
              <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
                  เพิ่มเติม <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
              </a>
              <ul class="dropdown-menu"></ul>
          </li>
      </ul>
  </div>
      <script>
          /*width auto more*/
          if (jQuery(window).width() > 1024) {
                          calcWidth();
                          var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu  > li.nav-item:visible:last');
              last_visible_element.css('border-right', 'none');
          }
          function calcWidth() {
              var navwidth = 0;
              var availablespace = 0;
              var logwid = jQuery('#logotop').outerWidth(true);
              var defwidth = 0;
              var intIsEnableSearchTop = "0";
              var intIsEnableCart = "0";
              var calAweDropdown = "0";
              navwidth = navwidth + parseInt(calAweDropdown);
              let isLayoutId = '39';
              let fullcontainer = '1';
              if (intIsEnableSearchTop == 1) {
                  defwidth = defwidth + 60;
              }
  
              if (intIsEnableCart == 1) {
                  defwidth = defwidth + 60;
              }
  
            /*  if (calAweDropdown != 0) {
                  defwidth = defwidth + calAweDropdown;
              }*/
             
              if (typeof logwid === "undefined") {
                  var logwid = 0;
              }
              if (isLayoutId == '37' || isLayoutId == '38') {
                  var logwid = 0;
              }
              if(fullcontainer=='1'){
                  var pls_pad = 30;
              }else{
                  var pls_pad = 0;
              }
              /* if(isLayoutId=='38'){
               var defwidth = 180;
               }*/
              var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17;
              jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
                  navwidth += jQuery(this).outerWidth(true);
              });
              /*jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.dropdown:not(.more)').each(function () {
                  navwidth += 17;
              });*/
              var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 49);
              if (navwidth > availablespace) {
                  var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
                  var jimwidtest = lastItem.outerWidth(true);
                  lastItem.removeClass('nav-item');
                  lastItem.removeClass('dropdown');
                  lastItem.children('a.nav-link').addClass('dropdown-item');
                  lastItem.attr('data-width', lastItem.outerWidth(true));
                  if (jimwidtest > 0) {
                      lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul'));
                  }
                  delete lastItem;
                  calcWidth();
                  return 0;
              } else {
                  if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') {
                      var firstMoreElement = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
                      if (navwidth + firstMoreElement.data('width') < availablespace) {
                          firstMoreElement.addClass('nav-item');
                          firstMoreElement.children('a.nav-link').removeClass('dropdown-item');
                          firstMoreElement.removeAttr("data-width");
                          firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
                      }
                      delete firstMoreElement;
                  }
              }
              /*hide more*/
              if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') {
                  var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length;
                  if (thelast == 1) {
                      //remove more
                      var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
                      if ((navwidth + firstMoreElement2.width()) < availablespace) {
                          firstMoreElement2.addClass('nav-item');
                          firstMoreElement2.addClass('topmenuLg');
                          firstMoreElement2.children('a.nav-link').removeClass('dropdown-item');
                          firstMoreElement2.removeAttr("data-width");
                          firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
                          jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
                      } else {
                          jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
                      }
                      delete firstMoreElement2;
                  } else {
                      jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
                  }
              } else {
                  jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
                  jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
              }
          }
  
          function calcWidthAfter() {
                                  
              //affix if reflesh topbar appear
              if ($(window).scrollTop() > 0) {
                  var logwid = 410;
              }else{
                  var logwid = jQuery('#logotop').outerWidth(true);
              }
              
              var navwidth = 0;
              var availablespace = 0;
              var defwidth = 0;
              var serwid = jQuery('#searchtop').outerWidth(true);
              var car2id = jQuery('#cart2').outerWidth(true);
              var intIsEnableSearchTop = "0";
              var intIsEnableCart = "0";
              let isLayoutId = '39';
              let fullcontainer = '1';
              if (intIsEnableSearchTop == 1) {
                  defwidth = defwidth + serwid;
              }
  
              if (intIsEnableCart == 1) {
                  defwidth = defwidth + car2id;
              }
  
              jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg');
      
              if (typeof logwid === "undefined") {
                 var logwid = 0;
              }
              if (isLayoutId == '37' || isLayoutId == '38') {
                 var logwid = 0;
              }
              if(fullcontainer=='1'){
                  var pls_pad = 30;
              }else{
                  var pls_pad = 0;
              }
              var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true);
              jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
                  navwidth += (jQuery(this).outerWidth(true));
              });
  
              var availablespace = parseFloat(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60);
              
              if (navwidth > availablespace) {
                 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
                 var jimwidtest = lastItem.outerWidth(true);
                 lastItem.removeClass('nav-item');
                 lastItem.removeClass('dropdown');
                 lastItem.children('a.nav-link').addClass('dropdown-item');
                 lastItem.attr('data-width', lastItem.outerWidth(true));
                 if (jimwidtest > 0) {
                     lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul'));
                 }
                 delete lastItem;
                 calcWidthAfter();
                 return 0;
              } else {
                 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') {
                                     }
              }
  
              if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') {
                  var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length;
                  if (thelast == 1) {
                                            var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
                       if ((navwidth + firstMoreElement2.width()) < availablespace) {
                                               }
                        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
                  } else {
                      jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
                  }
              } else {
                  jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
              }
  
              //add class last item menu ขอบโค้ง
              jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
          }
  
          jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").hover(function(){
              var vjim = jQuery(this);
              if (jQuery('ul', this).length) {
                  vjim.find('ul.dropdown-menu').addClass('d-block hidden');  //แอบ render element เพื่อ get ค่ามาคำนวน
                  var elm = jQuery('ul:first', this);
                  var off = elm.offset();
                  var l = off.left;
                  var docW = jQuery("#top-area > #top-sticky").width();
                  let _maxWidthLv2 = vjim.find('ul.dropdown-menu:first').width();
                  let _maxWidthLv3 = 0;
                  let _maxWidthLv4 = 0;
                  let menuLv2Li = vjim.find('ul.dropdown-menu:first > li');
                  Array.prototype.forEach.call(menuLv2Li, menu2li => {
                      let menuLv3Width = jQuery(menu2li).find('ul.dropdown-menu:first').width();
                      if (menuLv3Width > _maxWidthLv3) {
                          _maxWidthLv3 = menuLv3Width;
                      }
                      let menuLv3Li = jQuery(menu2li).find('ul.dropdown-menu:first > li');
                      Array.prototype.forEach.call(menuLv3Li, menu3li => {
                          let menuLv4Width = jQuery(menu3li).find('ul.dropdown-menu').width();
                          if (menuLv4Width > _maxWidthLv4) {
                              _maxWidthLv4 = menuLv4Width;
                          }
                      });
                  });
                  
                  vjim.find('ul.dropdown-menu').removeClass('d-block hidden');  //คำนวนเสร็จแล้วเอา render ออก
  
                  let centerHover = l + (jQuery(this).width()/2)
                  let centerScreen = docW / 2
                  var isEntirelyVisible = ((l + _maxWidthLv2 + _maxWidthLv3 + _maxWidthLv4) <= docW);
                  if (!isEntirelyVisible && (centerHover > centerScreen)){
                      vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right');
                      vjim.children('ul.dropdown-menu.dropdown-menu-right').find('ul.dropdown-menu').addClass('dropdownfix-menu-right');
                  } 
              }
          })
          
          /*nomobile*/
             /* }*/
      </script>
                                          </div>
                                      </div>
                                                                                              </div>
                                                                      </div>
                  </div>
              </div>
          </div>
      </nav>
  </div>
  <div class="headerMobile">
          <style type="text/css">
      nav .orderingMenu {
          order: 1;
      }
      .navbar-nav .dropdown-menu .dropdown-item {
          padding: 6px 20px;
      }
      @media (max-width: 1024px) {
          .navbar-toggler {
              padding: 9px 10px !important;
              margin-left: 3px !important;
              margin-top: 6px;
              margin-right: 0px;
              margin-bottom: 6px;
              font-size: 16px !important;
              height: 44px;
          }
          nav > #top-area > .row {
              margin: 0 6px;
          }
          .navbar-nav .dropdown-menu {
              position: relative !important;
              transform: translate3d(0px, 0px, 0px) !important;
              -webkit-transform: translate3d(0px, 0px, 0px) !important;
              top: auto !important;
              left: auto !important;
              padding: 0;
              margin: 0;
          }
          .navbar-nav .dropdown-menu .dropdown-item {
              padding: 9px 40px 9px 15px;
          }
          .navbar-text {
              margin: 0 auto;
          }
          .navbar-brand {
              padding: 4px 8px !important;
              font-size: 24px !important;
              line-height: 40px !important;
              border: none !important;
              margin: 0px 4px !important;
          }
          .navbar-brand span{
              line-height: 40px;
          }
          .navbar-brand img {
              /*max-height: 48px;*/
              max-height: 44px;
              max-width: 100%;
          }
          nav .navbar-link {
              min-width: 40px;
          }
          nav #top-area {
              transition: all 300ms ease;
              -webkit-transition: all 300ms ease;
              -moz-transition: all 300ms ease;
              -o-transition: all 300ms ease;
          }
          /* widget */
          nav #socialnetwork,nav #linewidget {
              min-height: 34px;
          }
          nav .orderingMenu {
              order: 12;
              flex-basis: auto;
          }
          nav .brandingBox {
              flex-basis: 0;
              flex-grow: 1;
              max-width: 100%;
          }
          .navbar-link.cart-nav{
              font-size: 22px;
          }
          .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{
              margin-left: 0px;
              margin-top: 0px;
              margin-bottom: 0px;
              padding: 0px;
          }
          .widgetCartNumber {
              top: -11px;
          }
          .navbar-nav.member-nav .nav-item{
              width: 100%;
              text-align: left !important;
          }
          .navbar-nav.member-nav{
              height: auto;
              margin: 0px 5px;
              text-align: left !important;
          }
          .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show{
              background: transparent;
              border: none;
          }
          .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show a:hover {
              background-color: transparent;
          }
      }
      @media (max-width: 350px) {
          nav > #top-bar {
              padding-left: 5px;
              padding-right: 5px;
          }
      }
      /*lang*/
      .topwidget-lang{
          margin: 0px 5px;
      }
      .topwidget-lang a {
          padding-left: 10px !important;
          padding-right: 10px !important;
      }
  
      #section-header.sps--blw .headerMobile .navbar-collapse {
          max-height: 79vh;
          overflow-y: scroll;
          position: relative;
          -webkit-overflow-scrolling: touch;
      }
      #section-header.sps--abv .headerMobile .navbar-collapse {
          max-height: 73vh;
          overflow-y: scroll;
          -webkit-overflow-scrolling: touch;
      }
  </style>
  <nav id="topZone" class="navbar-expand-xl airry">
              <div id="top-bar">
              <div id="top-mb">
                  <div class="container-fluid">
                                          <div class="row">
                          <div class="col-12 col-sm-12 col-md-12 col-lg text-truncate text-center">
                              <div id="toptext" class="navbar-text">
                                  <span style="color: #000000;" data-mce-style="color: #000000;">&nbsp; &nbsp; &nbsp;<img src="https://image.makewebeasy.net/makeweb/m_1920x0/dnUULdTzv/DefaultData/8c6op4a9i.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/dnUULdTzv/DefaultData/8c6op4a9i.png" width="39" height="39">&nbsp; &nbsp;<span style="font-size: 16px;" data-mce-style="font-size: 16px;">&nbsp;</span><span style="font-size: 18px;" data-mce-style="font-size: 18px;"><span style="font-size: 16px;" data-mce-style="font-size: 16px;"><span style="font-family: Tahoma; color: #ffffff;" data-mce-style="font-family: Tahoma; color: #ffffff;">02-130-7396&nbsp;</span>&nbsp; </span>&nbsp; &nbsp; &nbsp;</span> <img src="https://image.makewebeasy.net/makeweb/m_1920x0/dnUULdTzv/DefaultData/81_512.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/dnUULdTzv/DefaultData/81_512.png" width="35" height="35">&nbsp;<span style="font-size: 16px;" data-mce-style="font-size: 16px;"> &nbsp;<span style="color: #ffffff;" data-mce-style="color: #ffffff;"><span style="font-family: Tahoma;" data-mce-style="font-family: Tahoma;"> 02-130-7397&nbsp; &nbsp;</span></span>&nbsp; &nbsp;</span> &nbsp;<a data-mce-href="http://mail.psrac.com/interface/root#/login" href="http://mail.psrac.com/interface/root#/login" title="Mail"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/dnUULdTzv/DefaultData/icones_00248.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/dnUULdTzv/DefaultData/icones_00248.png" width="38" height="38"></a>&nbsp; &nbsp;&nbsp;</span>                            </div>
                          </div>
                      </div>
                                                                              </div>
              </div>
          </div>
          <div id="top-area">
          <div id="top-sticky">
              <div class="">
                                  <div class="row no-gutters">
                      <div class="col pl-1 col-lg-auto d-lg-inline-flex brandingBox position-relative" style="display: flex;flex-direction: column; justify-content: center; width: 20%;">
                                                      <a class="navbar-brand position-absolute" href="/" style="display: flex;flex-direction: column; justify-content: center;">
                                  <style>
      .logotextmobile{
          display: inline-block;
          max-width: 200px;
          height: 1.5em;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #000;
      }
      .logotextmobile span{
          /* font-size: 30px !important; */
          line-height: 40px !important;
      }
  
      @media (max-width: 364.98px) {
          .logotextmobile{
              max-width: 150px;
          }
              }
  
      @media (min-width: 365px) and (max-width: 575.98px) {
          .logotextmobile{
              max-width: 200px;
          }
                              }
  
      @media (min-width: 576px) and (max-width: 767.98px) {
          .logotextmobile{
              min-width: calc(400px + 4vw);
              max-width: 500px;
          }
              }
  
      @media (min-width: 768px) and (max-width: 991.98px) {
          .logotextmobile{
              max-width: 600px;
          }
                      }
      @media (min-width: 992px) {
          .logotextmobile{
              max-width: 800px;
          }
      }
  
  
  </style>
  
                      <img src="https://image.makewebcdn.com/makeweb/m_200x200/dnUULdTzv/DefaultData/psr_access_2_5.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/>
                                  </a>
                                              </div>
                                              <div class="col-12 col-lg d-lg-inline-flex orderingMenu">
                              <div class="collapse navbar-collapse pb-1" id="navbarNavDropdown">
                                  <style type="text/css">
      .headerMobile .topwidget-menu .navbar-nav .dropdown-menu {
          padding: 0;
          margin: 0;
      }
      /*PC hack to hover*/
      @media (min-width: 1025px) {
          .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{
              display:block !important;
          }
          .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{
              display:block !important;
          }
          .headerMobile ul.navbar-topmenu.navbar-nav ul{
              box-shadow: 0 6px 12px rgba(0,0,0,0.175);
          }
          .headerMobile .topwidget-menu {
              margin: 10px;
          }
          .headerMobile ul.dropdown-menu.dropdown-menu-right{
              left: unset;
              right:0;
          }
          .headerMobile .dropdownfix-menu-right {
              right:100% !important;
              left:auto !important;
          }
          .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-right {
              transform: rotate(180deg);
              left: 0;
              position: absolute;
              top: 12px;
          }
          .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-down{
              transform: rotate(90deg);
              left: 0;
              position: absolute;
              top: 12px;
          }
          .headerMobile .more.hidden{
              display:none;
          }
          .headerMobile .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
              transform: rotate(-90deg);
          }
          .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item ul{
              position: absolute;
          }
          .headerMobile .public-topmenu .topmenuLg{
              border-right:none !important;
          }
      }
      /* tablet*/
      @media only screen and (min-width: 768px) and (max-width: 1112px) {
          .headerMobile ul.navbar-topmenu.navbar-nav ul{
             box-shadow: none;
          }
          /*.topwidget-menu {
              margin: 10px;
          }*/
      }
      /*mobile tablet*/
      @media  only screen and (max-width: 1024px) {
          .headerMobile ul.navbar-topmenu.navbar-nav a{
              text-align: left !important;
              white-space: normal;
          }
          .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-down{
                          transition: all .3s ease 0s;
              -ms-transition: all .3s ease 0s;
              -webkit-transition: all .3s ease 0s;
              -moz-transition: all .3s ease 0s;
  
          }
          .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-right{
                           transform: rotate(90deg);
              transition: all .3s ease 0s;
              -ms-transition: all .3s ease 0s;
              -webkit-transition: all .3s ease 0s;
              -moz-transition: all .3s ease 0s;
                      }
          
          .headerMobile ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
              right: 12px;
              top: 27%;
          }
          
          .headerMobile ul.navbar-topmenu.navbar-nav a{
              word-wrap: break-word;
          }
          .headerMobile ul.navbar-topmenu.navbar-nav .more{
              display:none !important;
          }
          .headerMobile .public-topmenu .dropdown.show > a > .arrowCollapse{
              transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              -webkit-transform: rotate(180deg);
              -moz-transform: rotate(180deg);
          }
          .headerMobile .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
              transform: rotate(270deg);
              -ms-transform: rotate(270deg);
              -webkit-transform: rotate(270deg);
              -moz-transform: rotate(270deg);
          }
          
          .headerMobile ul.navbar-topmenu.navbar-nav > li > ul > li > a {
               padding-left: 30px !important;
          }
          .headerMobile ul.navbar-topmenu.navbar-nav ul ul a {
              padding-left: 45px !important;
          }
          .headerMobile ul.navbar-topmenu.navbar-nav ul ul ul a {
              padding-left: 60px !important;
          }
      }
  </style>
  
  <div class="topwidget-menu">
      <ul class="navbar-nav navbar-topmenu public-topmenu">
                                      <li class="nav-item ">
                      <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/" target="_self">
                          HOME                    </a>
                  </li>
                                                  <li class="nav-item ">
                      <a class="nav-link abl1"   href="/gallery" target="_self">
                          OUR PROJECTS                    </a>
                  </li>
                                                  <li class="nav-item ">
                      <a class="nav-link abl1"   href="/aboutus" target="_self">
                          ABOUT US                    </a>
                  </li>
                                                  <li class="nav-item ">
                      <a class="nav-link abl1"   href="/categorycontent" target="_self">
                          PRODUCT                    </a>
                  </li>
                                                  <li class="nav-item topmenuLg">
                      <a class="nav-link abl1"   href="/contactus" target="_self">
                          CONTACT US                    </a>
                  </li>
                      
          <li class="nav-item dropdown more hidden" data-width="80">
              <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
                  เพิ่มเติม <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
              </a>
              <ul class="dropdown-menu"></ul>
          </li>
      </ul>
  </div>
                                                                                                                              </div>
                          </div>
                                                                  <div class="col-auto pr-1 col-lg-auto text-right order-6 d-inline-flex align-items-center">
                                                                                                                      <button class="navbar-toggler hamburger hamburger--squeeze" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                                      <span class="hamburger-box">
                                          <span class="hamburger-inner"></span>
                                      </span>
                                  </button>
                                                      </div>
                                      </div>
              </div>
          </div>
      </div>
  </nav>
  </div>
  <script>
      jQuery('.widgetCartNumber').hide();
      jQuery(document).ready(function () {
          jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) {
              // event.preventDefault();
              jQuery(this).blur();
              if (jQuery(this).attr('class') == 'abl1') {
                  jQuery(this).attr('id', 'topmenuonpage');
              } else if (jQuery(this).attr('class') == 'abl2') {
                  jQuery(this).attr('id', 'topmenusubonpage');
              }
          });
  
          jQuery('a').click( function(e) {
              var targetSelector = this.hash
              if(targetSelector) {
                  e.stopImmediatePropagation();
  
                  var $target = $(targetSelector);
                  var iscls = $(targetSelector).attr('class'); //targethash //fttargethash
                  // Animate the scroll to the destination...
                  if(iscls==='fttargethash'){
                      var tr_po = 0;
                  }else{
                      var tr_po = $target.offset().top;
                  }
                  $('html, body').animate(
                      {
                          scrollTop: tr_po // Scroll to this location.
                      }, {
                          // Set the duration long enough to allow time
                          // to lazy load the elements.
                          duration: 1000,
  
                          // At each animation step, check whether the target has moved.
                          step: function( now, fx ) {
  
                              // Where is the target now located on the page?
                              // i.e. its location will change as images etc. are lazy loaded
                              if ($(window).width() > 1024) {
                                  if(iscls==='fttargethash'){
                                      var newOffset = 0;
                                  }else{
                                      var h_top_sticky = 0;
                                  
endpoints.name: https://image.makewebcdn.com/makeweb/0/dnUULdTzv/attach_file/favicon/favicon_20210103110347-0.ico?v=202508191712
endpoints.name: https://image.makewebcdn.com/makeweb/0/dnUULdTzv/attach_file/favicon/favicon_20210103110347-0.ico?v=202508191712
endpoints.name: https://image.makewebcdn.com/makeweb/0/dnUULdTzv/attach_file/favicon/favicon_20210103110347-0.ico?v=202508191712
endpoints.html_title: Smart Systems Integration
endpoints.supported_versions: HTTP/1.1 HTTP/2
endpoints.banner: HTTP/1.1 200 OK
  Server: nginx
  Date:  <REDACTED>
  Content-Type: text/html; charset=UTF-8
  Content-Length: 22781
  Connection: keep-alive
  Keep-Alive: timeout=60
  Set-Cookie: PHPSESSID=kr01ccesj1uorlsvjhahp06bjj; path=/
  Expires: Thu, 19 Nov 1981 08:52:00 GMT
  Cache-Control: no-store, no-cache, must-revalidate
  Pragma: no-cache
  Set-Cookie: PHPSESSID=kr01ccesj1uorlsvjhahp06bjj; path=/; samesite=None; Secure; HttpOnly;
  Set-Cookie: _showcancelpdpa=0; path=/
  Set-Cookie: _acepata=0; expires=Thu, 02-Apr-2026 15:20:23 GMT; Max-Age=15552000; path=/
  Vary: Accept-Encoding
  Content-Encoding: gzip
  Strict-Transport-Security: max-age=31536000; includeSubdomains; 
  Content-Security-Policy: default-src https: ws: data: 'unsafe-inline' 'unsafe-eval';
  X-XSS-Protection: 1; mode=block
  Referrer-Policy: origin
  X-Content-Type-Options: nosniff
  Permissions-Policy: camera=(), geolocation=()
  
endpoints.ip: 27.254.137.32
[binary data, 13 values, 287 bytes]