.container {
 width: 90%;
}
@media only screen and (min-width: 1500px) {
 .container {
  width: 80%;
 }
}
/* box-tophead */
 body .box-tophead .box-top ,
 body .box-tophead .box-top .box-search ,
 body .box-header-main .box-tophead {
  background-color: #fff !important;
  margin-right: 0px;
 }
 body .box-tophead .box-top {
  padding: 2px 0px;
  border-bottom: 1px solid #e2e2e2;
 }
 body.down .box-tophead .box-top {
  margin-top: -43px;
 }
 body .box-header-main .box-tophead {
  border: 0px;
 }
  .box-tophead .box-top .Top-box {
   padding-top: 3px;
   padding-bottom: 3px;
  }
   .box-top .Top-box .Change-display i.Icon-01 {
    width: 20px;
    height: 20px;
    margin: 4px 0px;
   }
   .box-top .Top-box .box-lang {
    float: left;
    padding: 5px 3px;
    margin-right: 14px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
   }
    .box-top .Top-box .box-lang a {
     display: flex;
     align-items: center;
     margin-right: 5px;
     font-size: 16px;
    }
    .box-top .Top-box .box-lang i {
     float: none;
     border-radius: 50%;
     aspect-ratio: 1;
     object-fit: cover;
     width: 20px;
    }
 
 .box-top .Top-box .Change-display #wrapper a.defaultFont ,
 .box-top .Top-box .Change-display #wrapper a.default-style.styleswitch {
  border: 1px solid #d4d4d4;
 }
  
 .box-tophead .box-top .box-search input[type="text"] {
  border: 1px solid #e2e2e2;
  border-radius: 2em;
 }
 .box-tophead .box-top .box-search button[type="submit"] {
  filter: opacity(0.5) brightness(0);
  left: 5px;
 }
 .theme1 .box-tophead .box-top .Top-box .a-search {
  background-color: transparent !important;
  filter: opacity(0.5) brightness(0);
 }
 .box-tophead .box-top .box-search a {
  color: #777;
  filter: opacity(0.5) brightness(0);
 }
 body .box-tophead .box-top .box-search a:hover {
  background-color: transparent !important;
 }
 .box-tophead .box-top .B-search::after ,
 .box-top .Top-box .box-lang::after ,
 .box-top .Top-box .Change-display #wrapper::after {
  border-right-color: #d4d4d4;
 }
 .box-tophead .box-top {
  color: #777;
 }
 
 .box-header-main {
  --header-main-w: 310px;
 }
 .box-header-main .box-logo div.logo {
  width: var(--header-main-w);
 }
 .box-menu .menu-main .sub-menu>div {
  left: calc(50% - calc(var(--header-main-w) / 2));
 }
/* box-tophead */

#box-popup-menu .box-head .box-search {
 margin-right: 0px;
}
.box-header-main .box-logo {
 position: inherit;
 padding-top: 16px;
 padding-bottom: 16px;
}
.box-header-main .box-logo+.box-menu {
 display: flex;
 font-size: 16px;
 width: auto;
 padding-top: 16px;
 padding-bottom: 16px;
}
 .box-menu .menu-main>li:first-child {
  margin-left: 0px;
 }
 .box-menu .menu-main li.sub>a::after {
  width: 4px !important;
  height: 4px !important;
 }
 .box-header-main .box-menu .menu-new {
  align-items: center;
  justify-content: center;
  display: flex;
  height: 60px;
 }
 
.box-switch {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 185px;
}
 .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-left: 10px;
 }
  .switch input { 
   opacity: 0;
   width: 0;
   height: 0;
  }
  .switch .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   -webkit-transition: .4s;
   transition: .4s;
   background: linear-gradient(317.7deg, rgba(126, 126, 126, 0.4) 0%, rgba(255, 255, 255, 0.4) 105.18%), #E2E2E2;
   background-blend-mode: soft-light, normal;
   border: 0.243421px solid rgba(190, 190, 190, 0.4);
   box-shadow: inset -1.21711px -1.21711px 2.43421px #FAFBFF, inset 1.21711px 1.21711px 2.43421px #A6ABBD;
  }
  .switch .slider.round {
    border-radius: 34px;
  }
   .switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    background: linear-gradient(317.7deg, rgba(149, 148, 148, 0.4) 0%, rgba(255, 255, 255, 0.4) 105.18%), #7B7B7B;
    background-blend-mode: soft-light, normal;
    border: 0.243421px solid rgba(255, 255, 255, 0.4);
    box-shadow: -1.21711px -1.21711px 4.86842px rgba(250, 251, 255, 0.4), 1.21711px 1.21711px 4.86842px #A6ABBD;
   }
   .switch .slider.round:before {
     border-radius: 50%;
   }
   .switch  input:checked + .slider {
    background: linear-gradient(317.7deg, rgba(126, 126, 126, 0.4) 0%, rgba(255, 255, 255, 0.4) 105.18%), #A8A8A8;
    border: 0.243421px solid rgba(190, 190, 190, 0.4);
   }
   .switch  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
   }
   
.box-menu .menu-main {
 display: flex;
 flex-flow: wrap;
 float: none;
}
 .box-menu .menu-main>li.active-switch {
  order: -1;
 }
 body.switch-menu .box-menu .menu-main>li:not(.active-switch) {
  max-height: 50px;
 }
 body:not(.switch-menu) .box-menu .menu-main>li:not(.active-switch) {
  max-height: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
 }
 .box-menu .menu-main>li:not(.active-switch) {
  overflow: hidden;
  visibility: hidden;
  transition: .5s;
 }
 .box-menu .menu-main>li.overflow-switch:not(.active-switch) {
  overflow: visible;
  visibility: visible;
 }
   
 #popup-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 9px;
  cursor: pointer;
 }
 .shifter-page {
  transition: .5s;
 }
 
#box-popup-menu {
 --width-menu: 300px;
 --width-menu-body: 1500px;
 visibility: hidden;
 opacity: 0;
 position: fixed;
 inset: 0;
 z-index: 1000;
 background-color: #0F3459;
 color: #fff;
 padding: 2% 3%;
 transition: .5s;
}
#box-popup-menu.active {
 visibility: visible;
 opacity: 1;
}
 #box-popup-menu .container {
  height: 100%;
 }
  #box-popup-menu .box-head {
   display: flex;
   align-items: center;
   max-width: var(--width-menu-body);
   margin: auto;
  }
  #box-popup-menu .box-head .box-lang {
   margin-left: 20px;
  }
   #box-popup-menu .box-head .box-lang a {
    color: #fff;
    padding: 4px;
   }
    #box-popup-menu .box-head .box-lang img {
     vertical-align: sub;
     border-radius: 50%;
     aspect-ratio: 1;
     object-fit: cover;
    }
    
   #box-popup-menu .box-head .logo-popup-menu {
    filter: invert(1) brightness(5);
    margin-right: 18px;
   }
   
   #box-popup-menu .box-head .box-search {
 
   }
    #box-popup-menu .box-head .B-search {
     margin-left: 20px;
     float: left;
     position: relative
    }
     #box-popup-menu .box-head .box-search a {
      color: #fff;
      display: flex;
      padding: 5px 35px 5px 8px;
      background: url(../images/Icon-search2.png) no-repeat right center;
      font-size: 16px;
      line-height: 25px;
      transition: .5s
     }
     #box-popup-menu .box-head .box-search a:hover {
      background-color: rgba(0,0,0,.2)!important
     }
     #box-popup-menu .box-head .box-search input[type="text"] {
      border: 0;
      padding: 5px 15px;
      margin: 3px 0;
      padding-left: 35px;
      background: #fff;
      color: #000;
      font-family: 'Pridi',sans-serif;
      font-size: 14.5px;
      border-radius: 2em;
      min-width: 500px;
     }
     #box-popup-menu .box-head .box-search input[type="text"]::-webkit-input-placeholder {
      color: #a0a0a0
     }
     #box-popup-menu .box-head .box-search input[type="text"]::-moz-placeholder {
      color: #a0a0a0
     }
     #box-popup-menu .box-head .box-search input[type="text"]:-ms-input-placeholder {
      color: #a0a0a0
     }
     #box-popup-menu .box-head .box-search input[type="text"]:-moz-placeholder {
      color: #fff
     }
     #box-popup-menu .box-head .box-search button[type="submit"] {
      padding: 6px;
      border: 0;
      width: 26px;
      height: 28px;
      position: absolute;
      top: 5px;
      left: 5px;
      cursor: pointer;
      z-index: 2;
      background: url(../images/Icon-search.png) no-repeat center;
      filter: brightness(0.5);
     }
 
   #box-popup-menu .box-head img.icon-close {
    vertical-align: middle;
    cursor: pointer;
    margin-left: auto;
   }
   
  #box-popup-menu .box-body {
   margin-top: 35px;
   position: relative;
  }
   #box-popup-menu .box-body .menu-head {
    width: var(--width-menu);
   }
   
  #box-popup-menu .box-body {
   margin: auto;
   padding-top: 15px;
   margin-top: 20px;
   position: relative;
   height: calc(100% - 50px);
   overflow: hidden auto;
   max-width: var(--width-menu-body);
  }
  #box-popup-menu .box-body::-webkit-scrollbar {
   width: 2px;
  }
  #box-popup-menu .box-body::-webkit-scrollbar-track {
   box-shadow: inset 0 0 5px grey; 
   border-radius: 10px;
  }
  #box-popup-menu .box-body::-webkit-scrollbar-thumb {
   background: #c0c0c0; 
   border-radius: 10px;
  }
  #box-popup-menu .box-body::-webkit-scrollbar-thumb:hover {
   background: #b30000; 
  }
   #box-popup-menu .box-body .menu-head {
    width: var(--width-menu);
    padding: 13px 20px;
    position: relative;
    margin: 14px 0px;
    padding-right: 60px;
    opacity: .7;
    cursor: pointer;
    transition: .5s;
   }
   #box-popup-menu .box-body .menu-head.active {
    background-color: rgb(0 0 0 / 20%);
    text-decoration: underline;
    opacity: 1;
   }
   #box-popup-menu .box-body .menu-head::before {
    content: "";
    border-bottom: 1px solid rgb(255 255 255 / 13%);
    position: absolute;
    left: 0px;
    right: 0px;
    top: -7px;
   }
   #box-popup-menu .box-body .menu-head:first-child::before {
    display: none;
   }
   #box-popup-menu .box-body .menu-head.sub::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    right: 30px;
    top: 50%;
    transform: translateY(-50%) rotate(270deg);
    background-image: url(../images/btn-silde.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    transition: .5s;
   }
   #box-popup-menu .box-body .menu-head.active.sub::after {
    transform: translateY(-50%) rotate(180deg);
   }
   #box-popup-menu .box-body .menu-sub {
    width: calc(100vw - calc(100vw - var(--width-menu-body) + 30px) - var(--width-menu));
    max-width: calc(100vw - calc(7vw + 30px) - var(--width-menu));
    position: fixed;
    left: 50%;
    top: 118px;
    background-color: rgb(0 0 0 / 20%);
    visibility: hidden;
    opacity: 0;
    padding: 10px 35px;
    transform: translateX(-50%);
    margin-left: calc(calc(var(--width-menu) + 30px) / 2);
    height: calc(100vh - 118px);
    overflow: hidden auto;
    color: #fff;
   }
   #box-popup-menu.active .box-body .menu-head.active+.menu-sub {
    visibility: visible;
    opacity: 1;
   }
   #box-popup-menu .box-body .menu-sub::-webkit-scrollbar {
    width: 2px;
   }
   #box-popup-menu .box-body .menu-sub::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
   }
   #box-popup-menu .box-body .menu-sub::-webkit-scrollbar-thumb {
    background: #c0c0c0; 
    border-radius: 10px;
   }
   #box-popup-menu .box-body .menu-sub::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
   }
    #box-popup-menu .box-body .menu-head > a {
     color: #fff;
     display: block;
    }
    
    #box-popup-menu .box-body .menu-sub .menu-sub-list {
     display: flex;
     flex-wrap: wrap;
    }
     #box-popup-menu .box-body .menu-sub .box-menu {
      width: 33.33%;
      margin-top: 25px;
      padding: 0 15px
     }
     #box-popup-menu .box-body .menu-sub.box1 .box-menu {
      width: 100%;
      padding: 0 10px
     }
     #box-popup-menu .box-body .menu-sub.box2 .box-menu {
      width: 50%
     }
      #box-popup-menu .box-body .menu-sub .box-menu a {
       color: #c2c2c2;
      }
      #box-popup-menu .box-body .menu-sub .box-menu h2 {
       text-align: left;
       color: #fff;
       margin: 0;
       font-weight: 400;
       padding-left: 5px;
       font-size: 1em;
       text-decoration: underline;
       transition: .5s
      }
      #box-popup-menu .box-body .menu-sub .box-menu h2 a:hover {
       color: rgba(255,255,255,.66)
      }
      #box-popup-menu .box-body .menu-sub .box-menu h2 a {
       color: #fff
      }
       #box-popup-menu .box-body .menu-sub .box-menu ul {
        font-size: 0.9em;
        padding-left: 18px;
        position: relative;
       }
        #box-popup-menu .box-body .menu-sub .box-menu ul>li {
         float: none;
         border: none;
         text-align: left;
         width: 100%;
         padding: 6px 6px 6px 15px;
         -webkit-transition: all 0.3s linear;
         -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
         transition: all 0.3s linear;
         position: relative;
         border-bottom: 1px solid rgba(255,255,255,.1)
        }
        #box-popup-menu .box-body .menu-sub .box-menu ul>li::before {
         content: "";
         width: 5px;
         height: 5px;
         position: absolute;
         left: 0px;
         display: block;
         margin-top: 9px;
         aspect-ratio: 1;
         border-radius: 50%;
         background-color: #fff;
        }
        body.largeFont #box-popup-menu .box-body .menu-sub .box-menu ul>li::before {
         margin-top: 13px;
        }
         #box-popup-menu .box-body .menu-sub .box-menu ul ul {
          padding-left: 8px;
         }
          #box-popup-menu .box-body .menu-sub .box-menu ul ul>li {
           border: none;
          }
          #box-popup-menu .box-body .menu-sub .box-menu ul ul>li::before {
           content: "-";
           background-color: transparent;
           margin-top: 0px !important;
          }
          
.box-footer-main {
 
}
 .box-footer-main .box-top .box-footer-top {
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 25px;
 }
  .box-footer-main .box-top .box-footer-top::after {
   bottom: auto;
   top: 0px;
   border-bottom-color: #585858;
   border-top: 0px;
  }
  .box-footer-main .box-top .box-Register h3 {
   color: #A7A7A7;
  }
  .box-footer-main .box-top .box-social h3 {
   font-weight: 400;
   margin-top: 0px;
   color: #A7A7A7;
   text-align: right;
  }
  .box-footer-main .box-top .box-social {
   margin-top: 0px;
  }
   .box-footer-main .box-top .box-social a {
    color: #A7A7A7;
    margin-left: 15px;
   }
    .box-footer-main .box-top .box-social i {
     display: inline-block;
     vertical-align: middle;
     float: none;
     width: 32px;
     height: 32px;
    }
    
  form#form-scribe .g-recaptcha {
   margin-top: 8px;
   filter: invert(.9);
  }
  form#form-scribe .b-input {
   display: flex;
   margin-top: 11px;
  }
  .box-footer-main .box-top .box-Register input[type="email"] {
   background: rgba(217, 217, 217, 0.11);
   border-width: 1px 0px 1px 1px;
   border-style: solid;
   border-color: #0D2236;
   border-radius: 6px 0px 0px 6px;
   margin: 0px;
   color: #fff;
   outline: none;
  }
  .box-footer-main .box-top .box-Register input[type="submit"] {
   background: #0D2236 !important;
   border-radius: 0px 6px 6px 0px;
   margin: 0px;
  }
  
 .box-footer-main .box-top .box-footer-t {
  display: flex;
  align-items: end;
 }
  .box-footer-main .box-top .box-content > img {
   height: 50px;
   width: auto;
  }
  .box-footer-main .box-top .box-footer-t a {
   color: #A7A7A7;
  }
  .box-footer-main .box-top .box-content {
   width: 35%;
  }
  .box-sitemap-main {
   padding-bottom: 25px;
   width: 65%;
  }
   .box-sitemap-main .CallCenter {
    color: #fff;
   }
   .box-sitemap-main .CallCenter h4 {
    margin-bottom: 0px;
   }
   .box-sitemap-main .CallCenter .telephone::before {
    display: none;
   }
    .box-sitemap-main .CallCenter a {
     color: #A7A7A7;
    }
    
   .box-sitemap-main .foot-link {
    display: flex;
    flex-flow: wrap;
    justify-content: end;
   }
    .box-sitemap-main .foot-link a {
     padding-left: 20px;
     color: #A7A7A7;
    }
  
 
/* ---------------------------------------------------**** Mobile and Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
 .shifter-enabled .shifter-page {
  margin-top: 30px;
 }
 .section.part1 .box-listnew+.part-slideA .owl-item img {
  aspect-ratio: auto !important;
 }
}

/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
 
}

/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {	
 .box-footer-main .box-top .box-footer-t {
  display: block;
 }
	.box-footer-main .box-top .box-content ,
	.box-sitemap-main {
 	width: 100%;
	}
	.box-sitemap-main .CallCenter .telephone {
 	padding-left: 0px;
	}
	.box-footer-main .box-top .box-social {
  width: 100%;
 }
 .box-footer-main .box-top .box-social h3 {
  text-align: left;
  margin-left: 9px;
 }
 .box-sitemap-main .foot-link {
  justify-content: center;
 }
 .box-footer-main .box-top .box-footer-top {
  padding-bottom: 25px;
 }

}

/* ---------------------------------------------------**** Mobile แนวตั้ง ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation:portrait){

}
/* ---------------------------------------------------**** Mobile แนวนอน ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation:landscape){

}