#btn-accessibe {
 border: none;
 background: transparent;
 padding: 0px;
 all: initial;
 position: fixed;
 bottom: 20px;
 right: 20px;
 z-index: 999;
 pointer-events: none;
}
#btn-accessibe.Loading-complete {
 cursor: pointer;
 pointer-events: auto;
}
#btn-accessibe:not(.Loading-complete)::before {
 content: "";
 background: #2761EE url(../images/refresh.png) no-repeat center;
 position: absolute;
 inset: 0;
 z-index: 1;
 border-radius: 50%;
 animation: Rotate 2s linear infinite;
}
#btn-accessibe.Loading-complete::before {
 display: none;
 visibility: hidden;
}
@-webkit-keyframes Rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes Rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

body:has(a.btn-top[style="display: inline;"]) #btn-accessibe {
 bottom: 50px;
}
 #btn-accessibe.actions-active::after {
  content: "";
  background: url(../images/active-actions-icon.png) no-repeat center;
  background-size: contain;
  width: 16px;
  position: absolute;
  aspect-ratio: 1;
  top: 0px;
  right: 0px;
 }
 #btn-accessibe img {
  display: block;
  width: 45px;
  filter: drop-shadow(0px 4px 6px rgb(23 83 235 / 30%));
 }
 
#accessibe-widget {
 display: flex;
 visibility: hidden;
 opacity: 0;
 position: fixed;
 z-index: 2147483647;
 pointer-events: none;
 left: 0;
 top: 0;
 height: 100%;
 width: 100%;
 align-items: center;
 will-change: transform, opacity, height;
 transform: translateY(5%);
 transition: opacity .15s ease, margin-top .15s ease, height .15s ease-out, transform .3s ease-out;
}
#accessibe-widget.v-visible {
 opacity: 1;
 visibility: visible;
 pointer-events: auto;
 transform: translateY(0);
}
 #accessibe-widget .accessibe-pupup {
  background: #F5F5F5;
  color: #333333;
  margin-left: auto;
  position: relative;
  width: 100%;
  max-width: 550px;
  height: 100%;
  text-transform: none;
  direction: ltr;
  text-align: left;
  user-select: none;
  outline: 0;
  letter-spacing: 0;
  line-height: 1;
  z-index: 99999;
 }
  #accessibe-widget .acc-btn-close {
   position: absolute;
   right: 20px;
   top: 27px;
   color: #fff;
   border: 1px solid #FFFFFF2E;
   background: #082D55;
   border-radius: 50%;
   padding: 5px;
   width: 45px;
   aspect-ratio: 1;
   display: flex;
   justify-content: center;
   align-items: center;
   background-clip: content-box;
   z-index: 1;
   cursor: pointer;
  }
  #accessibe-widget .acc-head {
   background: #113D6D;
   color: #fff;
   padding: 15px 25px;
   border-bottom: 4px solid #DAA82B;
   padding-bottom: 60px;
   margin-bottom: -60px;
  }
   #accessibe-widget .acc-head h2 {
    padding-right: 50px;
    font-weight: 500;
    font-size: 28px;
   }
   #accessibe-widget .acsb-hide-popup {
    background-color: transparent;
    color: white;
    cursor: pointer;
    text-align: center;
    width: 153px;
    border-radius: 30px;
    border-width: 1px;
    border: 1px solid rgb(255 255 255 / 50%);
    font-family: 'Pridi', serif;
    font-size: 16px;
    font-weight: 100;
    height: 40px;
   }
    #accessibe-widget .acsb-hide-popup img {
     width: 24px;
     vertical-align: middle;
     margin-right: 10px;
    }
   
   #accessibe-widget .acc-language {
    position: relative;
    display: inline-block;
    z-index: 1;
    margin-right: 5px;
   }
    #accessibe-widget .acc-language .acc-dropdown-toggle {
     padding: 11px 26px 11px 36px;
     background-color: transparent;
     color: white;
     cursor: pointer;
     text-align: center;
     width: 160px;
     border-radius: 30px;
     border-width: 1px;
     border: 1px solid rgb(255 255 255 / 50%);
    }
     #accessibe-widget .acc-language .acc-dropdown-toggle[data-img]::before {
      content: "";
      background: url(../images/th.jpg) no-repeat center;
      background-size: contain;
      border-radius: 50%;
      width: 30px;
      aspect-ratio: 1;
      vertical-align: middle;
      position: absolute;
      left: 5px;
      top: 5px;
     }
     #accessibe-widget .acc-language .acc-dropdown-toggle[data-img='en']::before {
      background-image: url(../images/en.jpg);
     }
     #accessibe-widget .acc-language .acc-dropdown-toggle::after {
      content: "";
      background: url(../images/nav-arrow-up.png) no-repeat center;
      background-size: contain;
      width: 20px;
      aspect-ratio: 1;
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%) rotate(180deg);
      filter: brightness(0) invert(1);
     }
     #accessibe-widget .acc-language .acc-dropdown-toggle:has(+.acc-dropdown-menu[style="display: block;"])::after {
      transform: translateY(-50%) rotate(0deg);
     }
        
    #accessibe-widget .acc-language .acc-dropdown-menu {
     display: none;
     position: absolute;
     background: white;
     border: 1px solid #ddd;
     width: 100%;
     box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
     border-radius: 18px;
     overflow: hidden;
     margin-top: 10px;
     padding: 2px;
    }
     #accessibe-widget .acc-language .acc-dropdown-menu div {
      padding: 10px;
      cursor: pointer;
      position: relative;
      color: #000;
      padding-left: 45px;
     }
     #accessibe-widget .acc-language .acc-dropdown-menu div::before {
      content: "";
      background: no-repeat center;
      background-size: contain;
      background-clip: content-box;
      height: 100%;
      aspect-ratio: 1;
      position: absolute;
      left: 0px;
      top: 0px;
      border-radius: 50%;
      padding: 3px;
      box-sizing: border-box;
     }
     #accessibe-widget .acc-language .acc-dropdown-menu div[data-lang="en"]::before {
      background-image: url(../images/en.jpg);
     }
     #accessibe-widget .acc-language .acc-dropdown-menu div[data-lang="th"]::before {
      background-image: url(../images/th.jpg);
     }
     #accessibe-widget .acc-language .acc-dropdown-menu div:hover {
      background-color: rgb(167 167 167 / 16%);
     }
  
  #accessibe-widget .acc-body {
   opacity: 0;
   margin-top: 30px;
   padding: 0 25px;
   will-change: transform, opacity;
   transform: translateY(50px);
   transition: opacity .35s ease-in-out, transform .35s ease-in-out;
  }
  #accessibe-widget.v-visible .acc-body {
   opacity: 1;
   transform: translateY(0);
  }
  #accessibe-widget .acc-body .acc--body {
   overflow: hidden auto;
   max-height: calc(100vh - 160px);
   padding-right: 10px;
   margin-right: -5px;
   padding-bottom: 19px;
  }
  #accessibe-widget .acc--body::-webkit-scrollbar {
   width: 5px;
  }
  #accessibe-widget .acc--body::-webkit-scrollbar-track {
   border-radius: 10px;
   background: #D9D9D9;
  }
  #accessibe-widget .acc--body::-webkit-scrollbar-thumb {
   background: #DAA82B;
   border-radius: 10px;
  }
  #accessibe-widget .acc--body::-webkit-scrollbar-thumb:hover {
   background: #b30000; 
  }
   #accessibe-widget .acc-body .acc--box {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0px 4px 8.1px 0px rgb(0 0 0 / 5%);
    margin-bottom: 15px;
   }
    #accessibe-widget .acc--box .toggle-btn {
     border: none;
     background: transparent;
     font-family: 'Pridi', serif;
     font-size: 18px;
     padding: 0px;
     cursor: pointer;
     width: 100%;
     text-align: left;
     position: relative;
     padding-right: 25px;
    }
    #accessibe-widget .acc--box .toggle-btn::after {
     content: "";
     background: url(../images/nav-arrow-up.png) no-repeat center;
     background-size: contain;
     width: 24px;
     aspect-ratio: 1;
     position: absolute;
     right: 0px;
     top: 50%;
     transform: translateY(-50%);
    }
    #accessibe-widget .acc--box .toggle-btn.active::after {
     transform: translateY(-50%) rotate(180deg);
    }
    #accessibe-widget .acc--box .collapse-content {
     
    }
     #accessibe-widget .acc--box .action-group {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-flow: row dense;
      column-gap: 1rem;
      text-align: center;
      transition: all .5s ease;
      margin-top: 20px;
     }
      #accessibe-widget .acc--box .action-group .action-box {
       display: flex;
       position: relative;
       justify-content: center;
       align-items: center;
       flex-direction: column;
       overflow: hidden;
       grid-column: span 1;
       line-height: 1;
       margin-bottom: 15px;
       height: 120px;
       outline: 0 !important;
       padding: 15px;
       user-select: none;
       cursor: pointer;
       border-radius: 8px;
       background: rgb(17 61 109 / 3%);
       transition: all .15s ease;
       font-weight: 500;
      }
      #accessibe-widget .acc--box .action-group .action-box:hover {
       background: rgb(17 61 109 / 10%);
      }
      #accessibe-widget .acc--box .action-group .action-box.action-box-span2 {
       grid-column: span 2 !important;
      }
      #accessibe-widget .acc--box .action-group .action-box--active[role=switch] {
       box-shadow: 0px 0px 0px 4px #4E85F633;
       border: 2px solid #2761EE;
       background: rgb(255 255 255 / 19%);
       transition: all .15s ease;
      }
      #accessibe-widget .acc--box .action-group .action-box--active[role=switch]::before {
       content: "";
       background: url(../images/check.png) no-repeat center;
       background-size: contain;
       width: 18px;
       aspect-ratio: 1;
       position: absolute;
       right: 5px;
       top: 5px;
       pointer-events: none;
      }
       #accessibe-widget .action-group .action-box .action__content[data-layer]::after {
        content: "";
        border-bottom: 3px solid #DCE7FD;
        width: calc(calc(100% - 40px) / 3);
        position: absolute;
        bottom: 10px;
        border-radius: 10px;
        transition: .5s;
       }
       #accessibe-widget .action-group .action-box:not(.action-box--active) .action__content[data-layer]::after {
        display: none;
       }
       #accessibe-widget .action-group .action-box .action__content[data-layer="1"]::after {
        left: 15px;
       }
       #accessibe-widget .action-group .action-box .action__content[data-layer="2"]::after {
        left: 50%;
        transform: translateX(-50%);
       }
       #accessibe-widget .action-group .action-box .action__content[data-layer="3"]::after {
        left: auto;
        right: 15px;
       }
       #accessibe-widget .action-group .action-box[active="1"] .action__content[data-layer="1"]::after ,
       #accessibe-widget .action-group .action-box[active="2"] .action__content[data-layer="1"]::after ,
       #accessibe-widget .action-group .action-box[active="2"] .action__content[data-layer="2"]::after ,
       #accessibe-widget .action-group .action-box[active="3"] .action__content[data-layer="1"]::after ,
       #accessibe-widget .action-group .action-box[active="3"] .action__content[data-layer="2"]::after ,
       #accessibe-widget .action-group .action-box[active="3"] .action__content[data-layer="3"]::after {
        border-bottom-color: #205BEC;
       }
        #accessibe-widget .action-group .action-box:has([data-layer]):not([active="1"],[active="2"],[active="3"]) .action__content:first-child > * ,
        #accessibe-widget .action-group .action-box[active="1"] .action__content[data-layer="1"] > * ,
        #accessibe-widget .action-group .action-box[active="2"] .action__content[data-layer="2"] > * ,
        #accessibe-widget .action-group .action-box[active="3"] .action__content[data-layer="3"] > * {
         display: block !important;
        }
        #accessibe-widget .acc--box .action-group .action-box:has([data-layer]) .action__content > * {
         display: none;
        }
        #accessibe-widget .acc--box .action-group .action-box .content__icon {
         margin-bottom: 15px;
         color: #1f2533;
         display: block;
        }
         #accessibe-widget .action-group .action-box .content__icon img {
          width: 24px;
         }
         
        #accessibe-widget .acc--box .action-group .action-box .content__title {
         display: block;
         color: #1f2533;
         line-height: 1;
        }
         #accessibe-widget .acc--box .action-group .action-box .content__note {
         color: #205BEC;
         font-weight: 100;
         font-size: 13px;
         margin-top: 5px;
         margin-bottom: 5px;
         display: block;
        }
        #accessibe-widget .acc--box .action-group .action-box--active[role=switch] .content__icon ,
        #accessibe-widget .acc--box .action-group .action-box--active[role=switch] .content__title ,
        #accessibe-widget .acc--box .action-group .action-box[role=switch]:active * {
         color: #205BEC;
        }
   
   #accessibe-widget #acc-reset {
    border-radius: 8px;
    background: #000000;
    color: #fff;
    font-family: 'Pridi', serif;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
    padding: 11.75px;
    border: none;
    margin-top: 10px;
    position: sticky;
    bottom: -15px;
   }
    #accessibe-widget #acc-reset img {
     vertical-align: bottom;
     margin-right: 5px;
    }
   
 #accessibe-widget .acc-bg-close {
  position: absolute;
  inset: 0;
 }
 
.profiles .profile-seizures {
 position: relative;
 border-radius: 0px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-wrap: wrap;
 margin: 0 -7px;
 padding: 18px 7px;
 line-height: 1;
 outline: 0;
 border-bottom: 1px solid #EEEEEE;
}
.profiles .profile-seizures[role="switch"] {
 cursor: pointer;
}
.profiles .profile-seizures:last-child {
 border-bottom: none 0;
 margin-bottom: -15px;
}
 .profiles .profile-toggle {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  margin-left: 10px;
 }
  .profiles .profile-toggle input { 
   opacity: 0;
   width: 0;
   height: 0;
  }
  .profiles .profile-toggle .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   -webkit-transition: .4s;
   transition: .4s;
   background: #E5E7EA;
  }
  .profiles .profile-toggle .slider.round {
    border-radius: 34px;
  }
   .profiles .profile-toggle .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
   }
   .profiles .profile-toggle .slider.round:before {
     border-radius: 50%;
   }
   .profiles .profile-seizures.profile--active .profile-toggle .slider {
    background: linear-gradient(114.5deg, #5B91F9 -0.63%, #003EE6 95.93%);
   }
   .profiles .profile-seizures.profile--active .profile-toggle .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
   }
   
 .profiles .profile-content {
  display: flex;
  flex-flow: column;
  position: relative;
  justify-content: space-between;
  width: calc(100% - 60px);
  padding-inline-start: 50px;
  box-sizing: border-box;
 }
 .profiles .profile-seizures[role="switch"]:hover .profile-content {
  color: #1E59ED;
 }
  .profiles .profile-content__name {
   display: block;
   font-size: 16px;
   line-height: 1.2;
   color: #1f2533;
   text-shadow: 0 0 rgba(31, 37, 51, .5);
   transition: all .15s ease;
  }
  .profiles .profile-content__text {
   font-size: 14px;
   margin-top: 8px;
   opacity: .9;
   color: #3e465d;
   transition: all .15s ease;
  }
  .profiles .profile-content__icon {
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background-color: rgb(17 61 109 / 10%);
   left: 0;
   top: 50%;
   transform: translateY(-50%);
  }
   .profiles .profile-content__icon img {
    width: 24px;
   }
   
  .profiles .profile-seizures[role="switch"]:hover .profile-content__name ,
  .profiles .profile-seizures[role="switch"]:hover .profile-content__text {
   color: #1E59ED;
  }
     
 .profiles .profile-description {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  font-size: 15px;
  padding: 0 15px;
  line-height: 1.3;
  transition: all .3s ease;
 }
  .profiles .profile-description b {
   font-weight: 500;
  }
  
 .profiles .profile-connected-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 30px;
  height: 30px;
  top: -15px;
  left: 0;
  right: 0;
  border-radius: 50%;
  margin: auto;
  color: #1f2533;
  background-color: #fff;
 }
  .profiles .profile-connected-icon img {
   width: 24px;
  }
  
 .profiles .profile--active .profile-description {
  max-height: 150px;
  padding-top: 15px;
 }
 .profiles .profile-seizures:not(:has(.profile-toggle)) .profile-description {
  max-height: 150px;
  padding-top: 15px;
 }
  .profiles .profile-connected-icon .icon {
   height: 17px;
  }
  
.a11y-skip-links {
 
}
 .a11y-skip-links:before {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: rgba(0,0,0,.2);
  z-index: 9999999999999;
  content: "";
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
  -o-transition: all .15s ease;
  transition: all .15s ease
 }
 .a11y-skip-links.js-focused:before {
  opacity: 1;
  visibility: visible
 }
 .a11y-skip-links.js-focused .a11y-skip-link {
  z-index: 10000000000000000000000;
 }
 .a11y-skip-links .a11y-skip-link {
  position: fixed;
  width: auto;
  min-width: 200px;
  max-width: 85%;
  left: 20px;
  top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  padding: 12px 15px;
  border-radius: 50px;
  font-size: 16px;
  line-height: 1;
  color: #0a2540;
  opacity: 0;
  box-shadow: 0 0 0 5px rgba(19,110,248,.3);
  border: solid 3px rgba(19,110,248,.8);
  outline: solid 0 #136ef8;
  background-color: #fff;
  z-index: -1;
  -webkit-transition: top opacity .2s ease;
  -moz-transition: top opacity .2s ease;
  -o-transition: top opacity .2s ease;
  transition: top,opacity .2s ease;
 }
 .a11y-skip-links .a11y-skip-link:focus {
  top: 20px;
  opacity: 1;
  z-index: 10000000000000000000000;
 }
 .a11y-skip-links .a11y-skip-link span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  margin-left: 30px;
  border-radius: 50px;
  color: #fff;
  background-color: #136ef8
 }
 .a11y-skip-links .a11y-skip-link span:before {
  display: inline-block;
  font-weight: normal;
  margin-right: 3px;
  font-size: 15px;
  content: "↵"
 }
 .a11y-skip-links .a11y-skip-link span:after {
  display: inline-block;
  font-size: 10px;
  content: "ENTER"
 }
 
/*
body.acsb-keynav [data-acsb-focused=true][data-acsb-inner-focus=true] ,
body.acsb-keynav :focus[data-acsb-inner-focus=true] {
 outline-offset: -5px !important;
 border: solid 3px #639af9 !important;
}
*/
body img.a11y-focus:focus {
 outline-offset: 5px !important;
 outline: solid 3px #639af9 !important;
 opacity: 1 !important;
}
body .section.part1 .box-listnew .list .box-img img.a11y-focus:focus ,
body .section.part7 .part-slideD .item img.a11y-focus:focus ,
body .box-body .list .img img.a11y-focus:focus ,
body.contactus-detail .box-body .box-img img.a11y-focus:focus {
 outline: none;
 outline-offset: -5px !important;
 border: solid 3px #639af9 !important;
}
body .box-menu .menu-main>li:has(a.a11y-focus) {
 background-color: #113f6e !important;
}
body .box-menu .menu-main>li:has(a.a11y-focus) > a{
 color: #fff;
}
body .box-menu .menu-main li .sub-menu:has(a.a11y-focus) {
	opacity: 1;
}
body .box-menu .menu-main li .sub-menu:has(a.a11y-focus)>div {
 height: auto;
 z-index: 11;
 padding-bottom: 20px;
}

/* zoom */
body.zoomX1 #accessibe-widget .acc-body .acc--body {
 max-height: calc(100vh - 216px);
}
body.zoomX2 #accessibe-widget .acc-body .acc--body {
 max-height: calc(100vh - 253px);
}
body.zoomX3 #accessibe-widget .acc-body .acc--body {
 max-height: calc(100vh - 295px);
}

  
/* hide-img */
body.hide-img img:not(access-widget-ui):not([data-acsb]):not(.a11y-focus) ,
body.hide-img video:not(access-widget-ui):not([data-acsb]):not(.a11y-focus) {
 opacity: 0.2 !important;
 pointer-events: none;
 filter: brightness(0) contrast(0);
}
html body.hide-img .logo-mobile img ,
html body.hide-img .box-footer-main .box-top .box-content > img {
 opacity: 1 !important;
 pointer-events: auto;
 filter: inherit;
}

/* emphasizeLinks */
body.emphasizeLinks a:not(access-widget-ui):not([data-acsb]) {
 outline: rgb(91 145 249 / 78%) solid 2px !important;
 outline-offset: 2px !important;
}
body.emphasizeLinks a:not(access-widget-ui):not([data-acsb]) {
 display: inline-block;
}
body.emphasizeLinks .section.part7 .part-slideD .item a:not(access-widget-ui):not([data-acsb]) {
 outline-offset: -3px !important;
}

/* stopAnimations */
html body.stopAnimations * ,
html body.stopAnimations *::before ,
html body.stopAnimations *::after {
 animation: none !important;
}

/* tooltip */
#accTooltip {
 position: fixed;
 top: var(--top);
 left: var(--left);
 display: none;
 background: rgb(8 45 85 / 90%);
 border: 1px solid #FFFFFF;
 color: #fff;
 padding: 8px 16px;
 border-radius: 5px;
 font-size: 14px;
 pointer-events: none;
 z-index: 9999999999;
 visibility: hidden !important;
 transform: translate(-50%, 30px);
}
html body.accTooltip #accTooltip {
 visibility: visible !important;
}

/* readingGuide Big Cursor */
body.bigCursor {
 cursor: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0ibTI3LjMgMjYuMyA5LjIgMTguNC04IDMuOS05LjItMTguNC05LjIgOC43VjJMNDAgMjQuMWwtMTIuNyAyLjJ6IiBzdHlsZT0iZmlsbDojZmZmIWltcG9ydGFudDtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt0cmFuc2Zvcm06c2NhbGUoLjY0KSIvPjwvc3ZnPg==') 20 0, default !important;
}
body.bigCursor a ,
body.bigCursor button ,
body.bigCursor .clickable ,
body.bigCursor .profile-seizures[role="switch"] ,
body.bigCursor .action-box ,
body.bigCursor .owl-nav > div ,
body.bigCursor .section.part9-2 .calendarBB .box-calendarList .bodyList ,
body.bigCursor .section.part9-2 .calendarBB .box-status > div ,
body.bigCursor #accessibe-widget .acc-btn-close ,
body.bigCursor #box-popup-menu .box-head img.icon-close ,
body.bigCursor #popup-menu {
 cursor: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTQ1LjQgMTguNWMtMS4yLTEuNC0zLjItMi4xLTUuNy0yLjMtLjItLjQtLjYtLjgtMS4xLTEuMS0xLjQtMS0zLjctMS42LTYuNS0xLjctLjItLjMtLjctLjctMS4yLTEtMS4zLS45LTIuOS0xLjQtNC45LTEuNnYtNWMwLS41IDAtMi42LTEuNC00LjEtLjctLjctMS45LTEuNS00LTEuNXMtMy40LjgtNC4xIDEuNWMtMS40IDEuNC0xLjQgMy4zLTEuNCAzLjh2MTcuOWMtMS4yLTEuMi0yLjYtMi42LTMuNC0zLjEtMS42LTEuMi00LjctLjYtNi41LjctMS43IDEuMi0yLjMgMy0xLjYgNC44IDEuMiAzLjEgNC4xIDYuMyA0LjggNyAuNyAxLjIgMy42IDYuNCA2LjIgOC4zIDEuNCAxIDIuNCA1LjEgMi43IDcuOGwuMSAxLjRINDJ2LTYuMmMuMy0uOSAxLjEtMi44IDItMy42IDItMiAyLjctNi45IDIuNy04LjNWMjEuM2MwLS4yLS4xLTEuNS0xLjMtMi44eiIgc3R5bGU9ImZpbGw6I2ZmZiFpbXBvcnRhbnQ7c3Ryb2tlOiMwMDA7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLW1pdGVybGltaXQ6MTA7dHJhbnNmb3JtOnNjYWxlKC42NCkiLz48L3N2Zz4=') 20 -5, pointer !important;
}

/* readingGuide Reading Mask */
body.readingMask #reading-mask {
 pointer-events: none !important;
 z-index: 2147483647;
 position: fixed;
}
body.readingMask #reading-mask:after {
 content: "";
 display: block;
 position: fixed;
 left: 0;
 top: var(--top);
 transform: translateY(-50%);
 width: 100%;
 height: 175px;
 box-shadow: 0 0 0 99999px rgba(0, 0, 0, .5);
}

/* readingGuide Reading Guide */
body.readingGuide #reading-mask {
 position: fixed;
 max-width: 450px;
 width: 90%;
 height: 13px;
 top: var(--top);
 left: var(--left);
 border-radius: 50px;
 pointer-events: none;
 border: 4px solid #0A3159;
 background-color: #EEAA2C;
 z-index: 2147483647;
 transform: translate(-50%,-50%);
 transition: left 0s, top 0s;
}

/* skiplink */
body.skiplink .section a {
 pointer-events: none;
}

/* ---------------------------------------------------**** Mobile and Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
 .d-none-mobile ,
 #reading-mask ,
 #accessibe-widget .action-box[data-acc="readingGuide"] ,
 #accessibe-widget .action-box[data-acc="tooltips"] ,
 #accessibe-widget .action-box[data-acc="highlightHover"] {
  display: none !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) {	
 #btn-accessibe {
  right: 5px;
 }
 #accessibe-widget .acc-head h2 {
  font-size: 22px;
  margin-top: 10px;
  padding-right: 35px;
  margin-bottom: 40px;
 }
 #accessibe-widget .acc-btn-close {
  width: 32px;
  top: 22px;
  right: 18px;
 }
 #accessibe-widget .acc-btn-close img {
  width: 10px;
 }
 #accessibe-widget .acc-head ,
 #accessibe-widget .acc-body {
  padding-left: 20px;
  padding-right: 20px;
 }
 #accessibe-widget .acc-body .acc--box {
  border-radius: 8px;
  padding: 15px;
 }
 #accessibe-widget .acc--box .toggle-btn::after {
  width: 20px;
  margin-right: -4px;
 }
 #accessibe-widget .acc--box .toggle-btn {
  padding-right: 16px;
 }
 #accessibe-widget .acc--box .action-group {
  grid-template-columns: repeat(2, 1fr);
 }
}

/* ---------------------------------------------------**** 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){

}