body.admin-bar .site-header{top:32px}body.single-post{padding-top:80px}ิbody.home .s-content-card{box-shadow:0 0 8px rgba(0, 0, 0, 0.2)}.site-header>.s-container{justify-content:space-between;max-width:1380px}.site-header>.s-container .nav-panel.-right{margin-left:unset}.site-header>.s-container .nav-panel .s-nav{gap:10px}.site-header>.s-container .nav-panel .s-nav li a{transition:0.4s all;padding-left:10px;padding-right:10px}.site-header>.s-container .nav-panel .s-nav li:hover a{text-decoration:underline}.site-header>.s-container .nav-panel .s-nav li.current-menu-item{background:white;border-radius:0 0 8px 8px}.site-header>.s-container .nav-panel .s-nav li.current-menu-item a{color:var(--s-head-bg)}.site-header>.s-container .button-section{display:flex;align-items:center;gap:16px}.site-header>.s-container .button-section figure{display:flex;height:44px;border-radius:60px;align-items:center}.site-header>.s-container .button-section .register img{height:36px}.slot-single-image>div{position:relative}.slot-single-image>div:before{opacity:0;content:"เข้าสู่ระบบ";display:flex;justify-content:center;align-items:center;background:linear-gradient(360deg, #91f27f, #00b302);color:#fff;font-weight:700;font-size:18px;padding:2px 6px;position:absolute;width:112px;height:40px;border-radius:8px;top:calc(50% - 20px);left:calc(50% - 56px);z-index:300;cursor:pointer}.slot-single-image>div:after{opacity:0;z-index:200;content:" ";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.8);transition:0.4s all;border-radius:8px}.slot-single-image>div:hover:before,.slot-single-image>div:hover:after{opacity:1}.slot-single-image>div img{border-radius:8px}.mobile-footer{position:fixed;bottom:0;width:100%;height:72px;z-index:300;box-shadow:0 -2px 10px rgba(0, 0, 0, 0.2)}.mobile-footer .footer-nav{display:flex;justify-content:space-around;align-items:center;height:100%;padding:0 10px;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(10px)}.mobile-footer .footer-nav .footer-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#ffffff;flex:1;padding:5px;transition:all 0.3s ease;border-right:1px solid rgba(255, 255, 255, 0.2)}.mobile-footer .footer-nav .footer-nav-item:last-child{border-right:none}.mobile-footer .footer-nav .footer-nav-item:active{transform:scale(0.95)}.mobile-footer .footer-nav .footer-nav-item .footer-icon{width:32px;height:32px;margin-bottom:4px}.mobile-footer .footer-nav .footer-nav-item .footer-icon.line-icon{filter:none}.mobile-footer .footer-nav .footer-nav-item span{font-size:12px;font-weight:400;text-align:center;line-height:1.2}.single-content .button-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 0 48px 0;gap:24px}.single-content .button-section .btn{color:white;width:90%;border-radius:5px;transition:0.5s all;padding:0.7rem 2rem;display:block}.single-content .button-section .btn:hover{transform:scale(1.05)}.single-content .button-section .btn:active{transform:scale(1)}.single-content .button-section .animated-btn{background:linear-gradient(140deg, rgba(220, 57, 110, 0.1), #7d213e);color:#1b1b1b !important;display:inline-block;transform:translate(0%, 0%);overflow:hidden;text-align:center;border:0;text-transform:uppercase;text-decoration:none;-webkit-box-shadow:0 20px 50px rgba(0, 0, 0, 0.5);box-shadow:0 0 6px red;border-radius:5px;padding:5px 10px}.single-content .button-section .animated-btn span{position:absolute}.single-content .button-section .animated-btn span:nth-child(1){top:0;left:0;width:100%;height:2px;background:-webkit-gradient(linear, right top, left top, from(rgba(26, 43, 8, 0)), to(#ffffff));background:linear-gradient(to left, rgba(26, 43, 8, 0), #ffffff);-webkit-animation:2s animateTop linear infinite;animation:2s animateTop linear infinite}.single-content .button-section .animated-btn span:nth-child(2){top:0;right:0;height:100%;width:2px;background:-webkit-gradient(linear, left bottom, left top, from(rgba(26, 43, 8, 0)), to(#ffffff));background:linear-gradient(to top, rgba(26, 43, 8, 0), #ffffff);-webkit-animation:2s animateRight linear -1s infinite;animation:2s animateRight linear -1s infinite}.single-content .button-section .animated-btn span:nth-child(3){bottom:0;left:0;width:100%;height:2px;background:-webkit-gradient(linear, left top, right top, from(rgba(26, 43, 8, 0)), to(#ffffff));background:linear-gradient(to right, rgba(26, 43, 8, 0), #ffffff);-webkit-animation:2s animateBottom linear infinite;animation:2s animateBottom linear infinite}.single-content .button-section .animated-btn span:nth-child(4){top:0;left:0;height:100%;width:2px;background:-webkit-gradient(linear, left top, left bottom, from(rgba(26, 43, 8, 0)), to(#ffffff));background:linear-gradient(to bottom, rgba(26, 43, 8, 0), #ffffff);-webkit-animation:2s animateLeft linear -1s infinite;animation:2s animateLeft linear -1s infinite}.single-content .button-section .btn-pink{background:#ff1772;color:#fff !important;-webkit-text-fill-color:#fff !important;border:1px solid #ffffff;border-radius:8px;padding:0.7rem 2rem;animation:neon-play 1.5s ease infinite;will-change:transform;transition:0.4s all}.single-content .button-section .btn-pink:active{background:linear-gradient(175.73deg, rgba(235, 49, 148, 0.8) 3.24%, rgba(244, 115, 151, 0.8) 96.33%)}.single-content .button-section .btn-sign-line{background:linear-gradient(#37cb63 0%, #1ea546 59.61%, #0c8932 100%);color:#fff !important;-webkit-text-fill-color:#fff !important;border:1px solid #24e25d;border-radius:8px;box-shadow:0px 0px 15px 2px #1dc750;transition:0.4s all}.single-content .button-section .btn-sign-line:active{background:linear-gradient(181.12deg, rgba(15, 160, 76, 0.8) 11.36%, rgba(45, 215, 161, 0.8) 122.21%)}.mobile-header-buttons{display:flex;gap:8px;width:100%;padding-right:40px}.mobile-header-buttons.button-section-2{margin-top:120px;padding-left:80px;padding-right:80px}.mobile-header-buttons.button-section-2 .mobile-header-btn{border-radius:8px;padding:8px 16px}.mobile-header-buttons .mobile-header-btn{padding:4px 16px;border-radius:20px;width:50%;font-size:16px;font-weight:500;text-decoration:none;transition:all 0.3s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px}.mobile-header-buttons .mobile-header-btn .btn-icon{width:24px;height:24px}.mobile-header-buttons .mobile-header-btn.login-btn{background:rgba(26, 113, 199, 0.6);color:#FFFFFF;border:1px solid rgba(12, 77, 142, 0.6)}.mobile-header-buttons .mobile-header-btn.login-btn .btn-icon{filter:brightness(0) invert(1);width:20px;height:20px}.mobile-header-buttons .mobile-header-btn.login-btn:active{transform:scale(0.95)}.mobile-header-buttons .mobile-header-btn.register-btn{background:rgba(26, 162, 188, 0.78);color:#FFFFFF;border:1px solid rgba(5, 97, 89, 0.87)}.mobile-header-buttons .mobile-header-btn.register-btn .btn-icon{filter:brightness(0) invert(1)}.mobile-header-buttons .mobile-header-btn.register-btn:active{transform:scale(0.95);background:#076e64}@media (min-width:1024px){.site-header-space{min-height:0 !important}#masthead.site-header{background:#5aa8e6;background:-moz-linear-gradient(180deg, #5aa8e6 55%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(180deg, #5aa8e6 55%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(180deg, #5aa8e6 55%, rgba(255, 255, 255, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5aa8e6",endColorstr="#ffffff",GradientType=1)}#masthead.site-header.active{background:var(--s-head-bg)}#masthead.site-header.active .s-nav li.current-menu-item{border-radius:0}}@media screen and (max-width:782px){body.admin-bar .site-header-space{min-height:46px}.site-header-space{min-height:0 !important}#masthead.site-header{background:#5aa8e6;background:-moz-linear-gradient(180deg, #5aa8e6 55%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(180deg, #5aa8e6 55%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(180deg, #5aa8e6 55%, rgba(255, 255, 255, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5aa8e6", endColorstr="#ffffff", GradientType=1)}#masthead.site-header .nav-panel .s-nav li.current-menu-item{background:white;border-radius:8px}#masthead.site-header .nav-panel .s-nav li a{padding-top:13px}.alignwide{padding-left:12px;padding-right:12px}.mobile-header-buttons.button-section-2{margin-top:80px}}@media (max-width:430px){body.admin-bar{margin-top:-46px}body.admin-bar .site-header{top:46px !important}body.admin-bar .site-header.active{top:0 !important}.site-header>.s-container{justify-content:center;position:relative}body.single-post{padding-bottom:70px}body.home{padding-bottom:70px}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}.bounceIn{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.animated-button span{position:absolute}.animated-button span:nth-child(1){top:0;left:0;width:100%;height:2px;background:-webkit-gradient(linear, right top, left top, from(rgba(26, 43, 8, 0)), to(#ff0076));background:linear-gradient(to left, rgba(26, 43, 8, 0), #ff0076);-webkit-animation:2s animateTop linear infinite;animation:2s animateTop linear infinite}.shine figure{position:relative;overflow:hidden}.shine figure:before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:"";width:50%;height:100%;background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}.shine figure:hover:before{-webkit-animation:shine 0.75s;animation:shine 0.75s}.shining figure{position:relative;overflow:hidden}.shining figure:before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:"";width:50%;height:100%;background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);-webkit-animation:shine 4s infinite;animation:shine 2s linear infinite 2s}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 5%, 0);transform:translate3d(0, 5%, 0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes x-floating{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(-30px) rotate(-1deg);transform:translateY(-30px) rotate(-1deg)}to{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}}@keyframes x-arrow-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(15px);transform:translateX(15px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-ripple-out{to{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes x-bg-1{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{-webkit-transform:translate(-30px, 15px) rotate(-1deg);transform:translate(-30px, 15px) rotate(-1deg)}to{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}}@keyframes x-bg-2{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{-webkit-transform:translate(30px, -5px) rotate(-5deg);transform:translate(30px, -5px) rotate(-5deg)}to{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}}@keyframes x-bg-3{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{-webkit-transform:translate(-30px, -15px) rotate(-1deg);transform:translate(-30px, -15px) rotate(-1deg)}to{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}}@keyframes animateTop{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes animateRight{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes animateBottom{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes animateLeft{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes zoomInOut{0%{transform:scale(1, 1)}50%{transform:scale(1.1, 1.1)}100%{transform:scale(1, 1)}}@keyframes bannerMove{0%{transform:translate(0, 0)}100%{transform:translate(-3360px, 0)}}@keyframes shine{100%{left:125%}}@keyframes hamburger{0%{right:3px}50%{right:5px}100%{right:10px}}