.lg-sub-html, .lg-toolbar { background-color: rgba(0, 0, 0, 0.45); }
#lg-counter, .lg-outer .lg-video-cont { vertical-align: middle; display: inline-block; }
@font-face { font-family: lg; src: url("https://www.khaosod.co.th/packages/lightgallery.js/fonts/lg.woff?n1z373") format("woff"), url("https://www.khaosod.co.th/packages/lightgallery.js/fonts/lg.ttf?n1z373") format("truetype"); font-weight: 400; font-style: normal; }
.lg-icon { font-family: lg; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: rgb(153, 153, 153); cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; }
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; }
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: rgb(255, 255, 255); }
.lg-actions .lg-next { right: 20px; }
.lg-actions .lg-next::before { content: ""; }
.lg-actions .lg-prev { left: 20px; }
.lg-actions .lg-prev::after { content: ""; }
@-webkit-keyframes lg-right-end { 
  0%, 100% { left: 0px; }
  50% { left: -30px; }
}
@keyframes lg-right-end { 
  0%, 100% { left: 0px; }
  50% { left: -30px; }
}
@-webkit-keyframes lg-left-end { 
  0%, 100% { left: 0px; }
  50% { left: 30px; }
}
@keyframes lg-left-end { 
  0%, 100% { left: 0px; }
  50% { left: 30px; }
}
.lg-outer.lg-right-end .lg-object { animation: 0.3s ease 0s 1 normal none running lg-right-end; position: relative; }
.lg-outer.lg-left-end .lg-object { animation: 0.3s ease 0s 1 normal none running lg-left-end; position: relative; }
.lg-toolbar { z-index: 1082; left: 0px; position: absolute; top: 0px; width: 100%; }
.lg-toolbar .lg-icon { color: rgb(153, 153, 153); cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0px; text-align: center; width: 50px; outline: 0px; transition: color 0.2s linear; text-decoration: none !important; }
.lg-toolbar .lg-icon:hover { color: rgb(255, 255, 255); }
.lg-toolbar .lg-close::after { content: ""; }
.lg-toolbar .lg-download::after { content: ""; }
.lg-sub-html { bottom: 0px; color: rgb(238, 238, 238); font-size: 16px; left: 0px; padding: 10px 40px; position: fixed; right: 0px; text-align: center; z-index: 1080; }
.lg-sub-html h4 { margin: 0px; font-size: 13px; font-weight: 700; }
.lg-sub-html p { font-size: 12px; margin: 5px 0px 0px; }
#lg-counter { color: rgb(153, 153, 153); font-size: 16px; padding-left: 20px; padding-top: 12px; }
.lg-next, .lg-prev, .lg-toolbar { opacity: 1; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1), opacity 0.35s cubic-bezier(0, 0, 0.25, 1), color 0.2s linear; }
.lg-hide-items .lg-prev { opacity: 0; transform: translate3d(-10px, 0px, 0px); }
.lg-hide-items .lg-next { opacity: 0; transform: translate3d(10px, 0px, 0px); }
.lg-hide-items .lg-toolbar { opacity: 0; transform: translate3d(0px, -10px, 0px); }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { transform: scale3d(0.5, 0.5, 0.5); opacity: 0; transform-origin: 50% 50%; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1), opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { transform: scale3d(1, 1, 1); opacity: 1; }
.lg-outer .lg-thumb-outer { background-color: rgb(13, 10, 10); bottom: 0px; position: absolute; width: 100%; z-index: 1080; max-height: 350px; transform: translate3d(0px, 100%, 0px); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); }
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: grab; }
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: grabbing; }
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { transition-duration: 0s !important; }
.lg-outer.lg-thumb-open .lg-thumb-outer { transform: translate3d(0px, 0px, 0px); }
.lg-outer .lg-thumb { padding: 10px 0px; height: 100%; margin-bottom: -5px; }
.lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid rgb(255, 255, 255); border-radius: 4px; margin-bottom: 5px; }
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item { transition: border-color 0.25s; }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: rgb(169, 7, 7); }
.lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; }
.lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; }
.lg-outer.lg-can-toggle .lg-item { padding-bottom: 0px; }
.lg-outer.lg-pull-caption-up .lg-sub-html { transition: bottom 0.25s; }
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; }
.lg-outer .lg-toggle-thumb { background-color: rgb(13, 10, 10); border-radius: 2px 2px 0px 0px; color: rgb(153, 153, 153); cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0px; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; }
.lg-outer .lg-toggle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share { color: rgb(255, 255, 255); }
.lg-outer .lg-toggle-thumb::after { content: ""; }
.lg-outer .lg-video-cont { max-width: 1140px; max-height: 100%; width: 100%; padding: 0px 5px; }
.lg-outer .lg-video { width: 100%; height: 0px; padding-bottom: 56.25%; overflow: hidden; position: relative; }
.lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; }
.lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; }
.lg-outer .lg-has-vimeo .lg-video-play { background: url("https://www.khaosod.co.th/packages/lightgallery.js/img/vimeo-play.png") no-repeat; }
.lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("https://www.khaosod.co.th/packages/lightgallery.js/img/vimeo-play.png") 0px -58px no-repeat; }
.lg-outer .lg-has-html5 .lg-video-play { background: url("https://www.khaosod.co.th/packages/lightgallery.js/img/video-play.png") no-repeat; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; }
.lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; }
.lg-outer .lg-has-youtube .lg-video-play { background: url("https://www.khaosod.co.th/packages/lightgallery.js/img/youtube-play.png") no-repeat; }
.lg-outer .lg-has-youtube:hover .lg-video-play { background: url("https://www.khaosod.co.th/packages/lightgallery.js/img/youtube-play.png") 0px -60px no-repeat; }
.lg-outer .lg-video-object { position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; }
.lg-outer .lg-has-video .lg-video-object { visibility: hidden; }
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; }
.lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; }
.lg-progress-bar { background-color: rgb(51, 51, 51); height: 5px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 1083; opacity: 0; transition: opacity 80ms; }
.lg-progress-bar .lg-progress { background-color: rgb(169, 7, 7); height: 5px; width: 0px; }
.lg-progress-bar.lg-start .lg-progress { width: 100%; }
.lg-show-autoplay .lg-progress-bar { opacity: 1; }
.lg-autoplay-button::after { content: ""; }
.lg-show-autoplay .lg-autoplay-button::after { content: ""; }
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition-duration: 0s; }
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1); }
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: left 0.3s cubic-bezier(0, 0, 0.25, 1), top 0.3s cubic-bezier(0, 0, 0.25, 1); }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { transform: scale3d(1, 1, 1); transform-origin: 0px 0px; backface-visibility: hidden; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1), opacity 0.15s !important; }
#lg-zoom-in::after { content: ""; }
#lg-actual-size { font-size: 20px; }
#lg-actual-size::after { content: ""; }
#lg-zoom-out { opacity: 0.5; pointer-events: none; }
#lg-zoom-out::after { content: ""; }
.lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; }
.lg-outer .lg-pager-outer { bottom: 60px; left: 0px; position: absolute; right: 0px; text-align: center; z-index: 1080; height: 10px; }
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; }
.lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0px 5px; }
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; transform: translate3d(0px, 0px, 0px); }
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset; }
.lg-outer .lg-pager-thumb-cont { background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); bottom: 100%; height: 83px; left: 0px; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; transition: opacity 0.15s, transform 0.15s; transform: translate3d(0px, 5px, 0px); }
.lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; }
.lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.7) 0px 0px 0px 8px inset; display: block; height: 12px; transition: box-shadow 0.3s; width: 12px; }
.lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 8px inset; }
.lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0px; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0px; }
.lg-fullscreen::after { content: ""; }
.lg-fullscreen-on .lg-fullscreen::after { content: ""; }
.lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); inset: 0px; cursor: default; position: fixed; z-index: 1081; opacity: 0; visibility: hidden; transition: visibility linear 0.18s, opacity 0.18s linear; }
.lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown { transition-delay: 0s; transform: translate3d(0px, 0px, 0px); opacity: 1; visibility: visible; }
.lg-outer .lg-dropdown { background-color: rgb(255, 255, 255); border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0px; padding: 10px 0px; position: absolute; right: 0px; text-align: left; top: 50px; opacity: 0; visibility: hidden; transform: translate3d(0px, 5px, 0px); transition: transform 0.18s linear, visibility linear 0.5s, opacity 0.18s linear; }
.lg-outer .lg-dropdown::after { content: ""; display: block; height: 0px; width: 0px; position: absolute; border-width: 8px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: none; right: 16px; top: -16px; }
.lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; }
.lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a { color: rgb(51, 51, 51); }
.lg-outer .lg-dropdown a { color: rgb(51, 51, 51); display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; }
.lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); }
.lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; }
.lg-outer .lg-dropdown .lg-icon { color: rgb(51, 51, 51); display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0px; vertical-align: middle; width: auto; }
.lg-outer, .lg-outer .lg, .lg-outer .lg-inner { width: 100%; height: 100%; }
.lg-outer #lg-share { position: relative; }
.lg-outer #lg-share::after { content: ""; }
.lg-outer #lg-share-facebook .lg-icon { color: rgb(59, 89, 152); }
.lg-outer #lg-share-facebook .lg-icon::after { content: ""; }
.lg-outer #lg-share-twitter .lg-icon { color: rgb(0, 172, 237); }
.lg-outer #lg-share-twitter .lg-icon::after { content: ""; }
.lg-outer #lg-share-googleplus .lg-icon { color: rgb(221, 75, 57); }
.lg-outer #lg-share-googleplus .lg-icon::after { content: ""; }
.lg-outer #lg-share-pinterest .lg-icon { color: rgb(203, 32, 39); }
.lg-outer #lg-share-pinterest .lg-icon::after { content: ""; }
.group::after, .group::before { display: table; content: ""; line-height: 0; }
.group::after { clear: both; }
.lg-outer { position: fixed; top: 0px; left: 0px; z-index: 1050; opacity: 0; transition: opacity 0.15s; }
.lg-outer * { box-sizing: border-box; }
.lg-outer.lg-visible { opacity: 1; }
.lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide { transition-duration: inherit !important; transition-timing-function: inherit !important; }
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { opacity: 1; transition-duration: 0s !important; }
.lg-outer.lg-grab img.lg-object { cursor: grab; }
.lg-outer.lg-grabbing img.lg-object { cursor: grabbing; }
.lg-outer .lg { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; }
.lg-outer .lg-inner { position: absolute; left: 0px; top: 0px; white-space: nowrap; }
.lg-outer .lg-item { background: url("https://www.khaosod.co.th/packages/lightgallery.js/img/loading.gif") center center no-repeat; display: none !important; }
.lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide { display: inline-block !important; }
.lg-outer .lg-img-wrap, .lg-outer .lg-item { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; }
.lg-outer .lg-img-wrap::before, .lg-outer .lg-item::before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.lg-outer .lg-img-wrap { position: absolute; padding: 0px 5px; inset: 0px; }
.lg-outer .lg-item.lg-complete { background-image: none; }
.lg-outer .lg-item.lg-current { z-index: 1060; }
.lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; }
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; transition: opacity 0.15s; }
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; }
.lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download { display: none; }
.lg-backdrop { position: fixed; inset: 0px; z-index: 1040; background-color: rgb(0, 0, 0); opacity: 0; transition: opacity 0.15s; }
.lg-backdrop.in { opacity: 1; }
.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide { transition: none !important; }
.lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item { backface-visibility: hidden; }
.lg-css3.lg-fade .lg-item { opacity: 0; }
.lg-css3.lg-fade .lg-item.lg-current { opacity: 1; }
.lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide { transition: opacity 0.1s; }
.lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transform: translate3d(-100%, 0px, 0px); }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { transform: translate3d(100%, 0px, 0px); }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { transform: translate3d(0px, 0px, 0px); opacity: 1; }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transition: transform 1s cubic-bezier(0, 0, 0.25, 1), opacity 0.1s; }
.lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0px; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0px; opacity: 1; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { transition: left 1s cubic-bezier(0, 0, 0.25, 1), opacity 0.1s; }