input{height:auto}a:focus,a:visited{outline:0;text-decoration:none}p{width:100%;box-sizing:border-box;line-height:1.7em}input{max-width:100%}#body-wrap{position:relative;width:100%}#wrap{position:relative;z-index:1}#off-canvas{transform:translate3d(-100%,0,0);top:0;bottom:0;left:0;height:100%;overflow:hidden;position:fixed;visibility:hidden;z-index:-1;transition:transform .4s ease,visibility 0s ease .5s,z-index 0s ease .5s;background:#222}@media (max-width:767px){#off-canvas{width:500px}}@media (max-width:600px){#off-canvas{width:400px}}@media (max-width:500px){#off-canvas{width:300px}}@media (max-width:400px){#off-canvas{width:250px}}.off-canvas-inner{width:100%;background:#222;color:#fff;padding-bottom:40px}.off-canvas-inner ul{list-style:none;margin:0;padding:0}.off-canvas-inner ul li{border-top:solid 1px #333;padding-left:0}.off-canvas-inner ul li a{padding:10px 15px;display:block;color:#848484;text-transform:uppercase;border-bottom:solid 1px #000}.off-canvas-inner ul li a:hover{background:#282828;text-decoration:none}.off-canvas-toggle{float:left;margin-left:15px}.off-canvas-inner ul li:before{content:""!important}.off-canvas-inner ul li a:before{content:"";display:inline-block;font-family:"Font Awesome 5 Free";font-weight:700;color:#e91e63;margin:0 5px 0 0}.off-canvas-inner ul li.canvas-close a:before{content:"";margin:0}.off-canvas-inner ul li.canvas-close a{text-align:center;font-size:16px}.navbar-header{max-width:100%}#top-nav .navbar{margin-bottom:0}#top-nav .navbar-inverse{background-color:#171717;border-color:#2b2b2b}.nav>li>a:focus,.nav>li>a:hover{background-color:#fff0}.main-menu li{padding-left:0;text-indent:0}.main-menu li:before{content:"";padding:0}.dark-div{color:#8e8e8e}.dark-div a{color:inherit}.dark-div a:hover{color:#e91e63;text-decoration:none;transition:all ease .1s}.dark-div input[type=text]{color:#8e8e8e;background-color:#fff0;border:1px solid #373737}.dark-div button{border:solid 1px #3e3e3e;background:#171717;color:#5f5f5f}.dark-div button:hover{border:solid 1px #e91e63;background:#e91e63;color:#fff}.dark-div .navbar-toggle{color:#e91e63;padding:9px 10px;margin:8px 15px;border-color:#3e3e3e;background:#fff0}.dark-div .navbar-toggle:hover{background-color:#e91e63;border-color:#e91e63}.video-item{margin-bottom:10px}.video-item .item-thumbnail{max-height:100%}.video-item .item-thumbnail>a{display:block}.video-item .item-thumbnail img{max-width:100%;width:100%;height:100%;object-fit:cover;transition:transform var(--trans-slow),opacity var(--trans-mid)}.video-item .item-thumbnail .link-overlay{position:absolute;top:0;left:0;bottom:0;right:0;background:#fff0;transition:background-color .2s ease}.video-item .item-thumbnail .link-overlay:before{display:block;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0-18px;border-radius:50%;background:#fff0;text-align:center;font-size:14px;line-height:40px;font-family:"Font Awesome 5 Free";transform:scale(.8);opacity:0;transition:opacity .2s ease;box-shadow:0 0 0 2px rgb(255 255 255/.75);color:#fff}@media (min-width:768px){.video-item .item-thumbnail:hover .link-overlay{background:rgb(20 22 23/.75)}.video-item .item-thumbnail:hover .link-overlay:before{transform:scale(1);opacity:1}}.video-item .item-meta{color:#c6c6c6}.video-item .item-content{color:#8e8e8e;line-height:1.5}.video-item .item-date{font-size:11px;color:#c6c6c6}.video-listing .video-item{margin-bottom:15px}@media (min-width:992px){.video-listing .col-md-3{padding-right:5px;padding-left:5px}.video-listing .row{margin-right:-5px;margin-left:-5px}}.video-listing:not(.style-list-1) .video-item .item-thumbnail{position:relative;width:100%;height:0;padding-top:56.25%}.video-listing:not(.style-list-1) .video-item .item-thumbnail img{width:100%;position:absolute;top:0;left:0}.item-head{padding:10px 0;min-height:21px}.item-head h3,.item-head h3 a{font-size:15px;margin:0;color:#ccc}#content{margin-top:30px;margin-bottom:30px}.light-title{margin:0 0 5px}#bottom{padding:35px 0}#bottom-nav{padding:30px 0;border-top:solid 1px #2b2b2b}.bottom-menu li{border-right:solid 1px #3c3c3c;line-height:20px;padding:0 15px}.bottom-menu li:last-child{border:0}.bottom-menu li:before{content:""}.headline-search{display:inline-block;width:0;opacity:0;overflow:hidden;vertical-align:middle;line-height:30px;height:38px;margin-left:0;transition:all .2s ease-out}.headline-search button,.headline-search input{margin:0}@media (max-width:767px){.headline-search{display:block;width:auto!important;height:0;overflow:hidden}}.bg-ad{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none}.bg-ad .container{position:relative;height:100%}.bg-ad-left,.bg-ad-right{position:absolute;top:0;bottom:0;width:160px;pointer-events:auto}.bg-ad-left{left:-175px}.bg-ad-right{right:-175px}#gototop{position:fixed;bottom:30px;right:30px;width:40px;height:40px;line-height:40px;text-align:center;background:rgb(0 0 0/.6);border-radius:50%;color:#fff;font-size:18px;z-index:999;transition:all .3s ease;cursor:pointer}#gototop:hover{background:#e91e63}#gototop.notshow{opacity:0;visibility:hidden}body{padding-top:0;background:var(--bg);color:var(--text-md);font-family:"Sarabun","Noto Sans Thai","Open Sans",sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}.wp-pagenavi{clear:both}.wp-pagenavi a,.wp-pagenavi span{border:1px solid #bfbfbf;margin:2px}.wp-pagenavi a:hover{border-color:#000}.wp-pagenavi span.current{font-weight:700;background:#e91e63!important;border-color:#e91e63!important;color:#fff!important;cursor:default;box-shadow:0 2px 10px rgb(233 30 99/.35)}:root{--bg:#0d0d0d;--bg-1:#111111;--bg-2:#161616;--bg-3:#1a1a1a;--bg-4:#222222;--accent:#46707c;--accent-dk:#2d4f58;--accent-lt:#6a9aaa;--accent-bg:rgba(70,112,124,.10);--text-hi:#f0f0f0;--text-md:#cccccc;--text-lo:#999999;--text-mute:#999999;--border:#222222;--border-lo:#1a1a1a;--border-hi:#2e2e2e;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--shadow-sm:0 2px 8px rgba(0,0,0,.55);--shadow-md:0 6px 20px rgba(0,0,0,.65);--shadow-lg:0 12px 36px rgba(0,0,0,.75);--trans-fast:.15s ease;--trans-mid:.22s ease;--trans-slow:.35s ease}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth}ul:not(.product-categories):not(.children){list-style:none}.headline,img{display:block}.headline .row-fluid,.video-item{position:relative}.headline .htitle{position:relative;font-size:13px;font-weight:200;display:table;width:100%}.headline .htitle .hicon{display:table-cell;position:relative;float:left;margin-top:4px}.headline .htitle .hicon .first-tex{margin-left:10px;font-weight:700}.headline .htitle .hicon i{text-align:center;font-size:14px;margin-top:0}.headline .htitle .scroll-text ul li a{text-decoration:none}.headline .htitle .scroll-text ul li a:hover{color:#fff}.headline .scroll-text{height:20px;overflow:hidden;margin-top:8px}.headline .scroll-text ul{margin-top:-3px;padding-left:10px}#headline .headline .scroll-text ul{margin-top:2px;padding-left:10px}#headline .headline .scroll-text{margin-top:6px}#headline .headline .htitle .hicon{margin-top:10px}#headline .headline .scroll-text ul li{line-height:17px}.headline .scroll-text ul li{list-style:none}.headline li{padding-left:0;text-indent:0;line-height:20px}.headline li:before{content:""!important}.headline-content .headline .htitle .scroll-text ul li a{color:#fff;text-decoration:none}.headline-content .headline .htitle .scroll-text ul li a:hover,.video-item .item-head h3 a:hover,a:hover{color:var(--accent)}.video-item .item-head h3 a,a{transition:color var(--trans-fast)}a{color:var(--text-md);text-decoration:none}img{max-width:100%;height:auto}#top-nav{background:var(--bg-1)!important;border-bottom:2px solid var(--accent)!important;box-shadow:0 2px 16px rgb(0 0 0/.7);position:sticky;top:0;z-index:1000;border-bottom-color:var(--accent)!important}#top-nav .logo img{max-height:42px}#top-nav .main-menu .nav>li>a,a.search-toggle{color:var(--text-lo)!important;transition:color var(--trans-fast)}#top-nav .main-menu .nav>li>a{font-weight:500;font-size:14px;letter-spacing:.3px;position:relative;padding-bottom:4px}#top-nav .main-menu .nav>li>a::after{content:"";position:absolute;bottom:-4px;left:50%;right:50%;height:2px;background:var(--accent);transition:left var(--trans-mid),right var(--trans-mid);border-radius:2px}#top-nav .main-menu .nav>li:hover>a::after{left:0;right:0}#top-nav .main-menu .nav>li>a:hover{color:#fff!important}a.search-toggle{min-width:44px;min-height:44px;display:inline-flex!important;align-items:center;justify-content:center}a.search-toggle:hover{color:var(--accent)!important}.video-item{background:var(--bg-2);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-lo);transition:transform var(--trans-mid),box-shadow var(--trans-mid),border-color var(--trans-mid)}.video-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border-hi)}.video-item .item-thumbnail{position:relative;overflow:hidden;background:#000;aspect-ratio:16/9}.video-item:hover .item-thumbnail img{transform:scale(1.06);opacity:.82}.video-item .item-thumbnail::after{content:"";position:absolute;inset:50%0 0;background:linear-gradient(to bottom,transparent,rgb(0 0 0/.7));pointer-events:none}.video-item .link-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:0;background:#fff0;transition:background var(--trans-mid);z-index:1}.video-item:hover .link-overlay{background:rgb(0 0 0/.25)}.video-item .link-overlay::after{content:"";width:52px;height:52px;border-radius:50%;background:rgb(233 30 99/.88);border:2px solid rgb(255 255 255/.55);opacity:0;transform:scale(.6);transition:opacity var(--trans-mid),transform var(--trans-mid)}.video-item:hover .link-overlay::after{opacity:1;transform:scale(1)}.video-item .item-head h3{margin:0;padding:9px 11px 11px;font-size:13.5px;font-weight:600;line-height:1.45;color:var(--text-hi)}.video-item .item-head h3 a{color:var(--text-hi);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}h1.light-title{font-size:clamp(17px,2.3vw,26px)!important;font-weight:700!important;line-height:1.4!important;color:var(--text-hi)!important;margin:12px 0 8px!important}.item-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--text-mute);font-size:12.5px;margin-bottom:10px}.bordercolor1hover:hover{border-color:var(--accent)!important}#bottom a:hover,.headline .htitle .hicon .first-tex,.headline .htitle .hicon i,.headline .htitle .scroll-text ul li a,.maincolor1,.maincolor1hover:hover,.widget ul li a:hover,a.maincolor1,footer a:hover{color:var(--accent)!important}.bgcolor1hover:hover,a.bgcolor1hover:hover{background-color:var(--accent)!important}.wp-pagenavi a,.wp-pagenavi span{border-radius:var(--radius-md)!important;border:1px solid var(--border)!important;background:var(--bg-2)!important;color:var(--text-lo)!important;transition:all var(--trans-fast)}.wp-pagenavi .current{color:#fff!important}.wp-pagenavi .current,.wp-pagenavi a:hover,button{background:var(--accent)!important;border-color:var(--accent)!important}.widget{background:var(--bg-2);border:1px solid var(--border-lo);border-radius:var(--radius-md);padding:16px;margin-bottom:20px}.widget-title,h2.widget-title{display:flex!important;align-items:center;gap:8px;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;color:var(--text-hi)!important;padding-bottom:10px;border-bottom:1px solid var(--border)!important;margin-bottom:14px!important}.widget-title::before,h2.widget-title::before{content:"";display:inline-block;width:3px;height:14px;background:linear-gradient(to bottom,var(--accent),#9c27b0);border-radius:2px;flex-shrink:0}.widget ul li{border-bottom:1px solid var(--border-lo);padding:7px 0;font-size:13.5px}.widget ul li:last-child{border-bottom:none}.widget ul li a{color:var(--text-md)!important}#bottom,footer{background:var(--bg-1);border-top:1px solid var(--border);color:var(--text-mute)}#bottom a,footer a{color:var(--text-mute)!important}#bottom .widget-title,footer .widget-title{background:#fff0;border:0;padding:0 0 8px;border-bottom:1px solid var(--border);color:var(--text-md)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:#fff}input[type=text]{background:var(--bg-2)!important;border:1px solid var(--border)!important;color:var(--text-md)!important;border-radius:var(--radius-md)!important;padding:9px 13px!important;font-size:14px!important;transition:border-color var(--trans-fast);width:100%}input[type=text]:focus{border-color:var(--accent)!important;outline:0!important;box-shadow:0 0 0 2px rgb(233 30 99/.15)!important}.btn{background:var(--accent)}#top-nav .logo,.btn,button{display:inline-flex;align-items:center}.btn,button{justify-content:center;gap:6px;padding:9px 20px;border:0;border-radius:var(--radius-md);color:#fff!important;font-size:13px;font-weight:700;cursor:pointer;transition:background var(--trans-fast),transform var(--trans-fast)}.btn:hover,button:hover{background:var(--accent-dk);transform:translateY(-1px)}@media (max-width:767px){h1.light-title{font-size:17px!important}.video-item .item-head h3{font-size:13px}.wp-pagenavi{gap:4px;flex-wrap:nowrap}.wp-pagenavi a,.wp-pagenavi span{min-width:30px;height:30px;font-size:11px;padding:0 6px}}#body-wrap{overflow:visible!important}.wp-pagenavi{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;padding:22px 0 8px;margin:6px 0 0}.wp-pagenavi a,.wp-pagenavi span{display:inline-flex!important;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 11px;border-radius:5px;font-size:13px;font-weight:600;text-decoration:none!important;transition:background .18s,border-color .18s,color .18s;border:1px solid rgb(255 255 255/.1);background:rgb(255 255 255/.05);color:#bbb!important;line-height:1;box-sizing:border-box}.wp-pagenavi a:hover{background:rgb(255 255 255/.13)!important;border-color:rgb(255 255 255/.22)!important;color:#fff!important;text-decoration:none!important}.wp-pagenavi a.last{color:#777!important;font-size:16px;letter-spacing:1px}.wp-pagenavi a.last:hover{background:#e91e63!important;border-color:#e91e63!important;color:#fff!important}#top-nav .logo{padding:6px 0;line-height:normal}#top-nav .navbar{padding-top:6px;padding-bottom:6px}@media (max-width:767px){#top-nav{position:relative;z-index:1040}.mobile-header-search .input-group{display:flex;align-items:center;position:static}#headline .headline-search,#headline .search-toggle,.mobile-header-search .form-control{display:none!important}.mobile-header-search .input-group-btn{display:block}.mobile-header-search .input-group-btn .btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-3,rgb(255 255 255 / .08));border:1px solid var(--border,rgb(255 255 255 / .12));color:var(--text-hi,#e0e0e0)!important;font-size:16px;transition:background .2s}.mobile-header-search .input-group-btn .btn:active,.mobile-header-search .input-group-btn .btn:hover{background:var(--accent,#e91e63);border-color:var(--accent,#e91e63);color:#fff!important}.mobile-header-search{flex-grow:0;max-width:none;margin-left:auto}#top-nav .logo{display:inline-flex;align-items:center;margin:0;padding:6px 0;height:auto}#top-nav .logo img{max-height:36px}.navbar-header{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 10px}.mobile-header-search .btn,.navbar-toggle{position:relative;z-index:99999;margin:0}.canvas-close,.canvas-close a,.wrap-overlay{position:relative;z-index:99999}}