{"id":804,"date":"2026-04-06T08:20:45","date_gmt":"2026-04-06T08:20:45","guid":{"rendered":"https:\/\/kopp.kengweb.co.th\/?page_id=804"},"modified":"2026-04-17T08:42:07","modified_gmt":"2026-04-17T08:42:07","slug":"explorebatman","status":"publish","type":"page","link":"https:\/\/kopp.kengweb.co.th\/index.php\/explorebatman\/","title":{"rendered":"ExploreBatman"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"804\" class=\"elementor elementor-804\" data-elementor-post-type=\"page\">\n\t\t\t\t<header class=\"elementor-element elementor-element-176bf566 e-con-full e-flex e-con e-parent\" data-id=\"176bf566\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4109145e e-con-full e-flex e-con e-child\" data-id=\"4109145e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-419d6ae4 elementor-widget elementor-widget-image\" data-id=\"419d6ae4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kopp.kengweb.co.th\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"2560\" src=\"https:\/\/kopp.kengweb.co.th\/wp-content\/uploads\/2026\/04\/CITYPNG.COMBatman-White-Paint-Splash-Logo-Sign-Icon-PNG-1500x1500-2-scaled.png\" class=\"attachment-full size-full wp-image-407\" alt=\"\" srcset=\"https:\/\/kopp.kengweb.co.th\/wp-content\/uploads\/2026\/04\/CITYPNG.COMBatman-White-Paint-Splash-Logo-Sign-Icon-PNG-1500x1500-2-scaled.png 2560w, https:\/\/kopp.kengweb.co.th\/wp-content\/uploads\/2026\/04\/CITYPNG.COMBatman-White-Paint-Splash-Logo-Sign-Icon-PNG-1500x1500-2-300x300.png 300w, https:\/\/kopp.kengweb.co.th\/wp-content\/uploads\/2026\/04\/CITYPNG.COMBatman-White-Paint-Splash-Logo-Sign-Icon-PNG-1500x1500-2-1024x1024.png 1024w, https:\/\/kopp.kengweb.co.th\/wp-content\/uploads\/2026\/04\/CITYPNG.COMBatman-White-Paint-Splash-Logo-Sign-Icon-PNG-1500x1500-2-150x150.png 150w, https:\/\/kopp.kengweb.co.th\/wp-content\/uploads\/2026\/04\/CITYPNG.COMBatman-White-Paint-Splash-Logo-Sign-Icon-PNG-1500x1500-2-768x768.png 768w, https:\/\/kopp.kengweb.co.th\/wp-content\/uploads\/2026\/04\/CITYPNG.COMBatman-White-Paint-Splash-Logo-Sign-Icon-PNG-1500x1500-2-1536x1536.png 1536w, https:\/\/kopp.kengweb.co.th\/wp-content\/uploads\/2026\/04\/CITYPNG.COMBatman-White-Paint-Splash-Logo-Sign-Icon-PNG-1500x1500-2-2048x2048.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10d7978d e-con-full e-flex e-con e-child\" data-id=\"10d7978d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1809de5f elementor-nav-menu--stretch elementor-widget__width-auto elementor-nav-menu__text-align-center elementor-nav-menu--dropdown-tablet elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"1809de5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;full_width&quot;:&quot;stretch&quot;,&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-background e--animation-sweep-right\">\n\t\t\t\t<ul id=\"menu-1-1809de5f\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1960\"><a href=\"#\" class=\"elementor-item elementor-item-anchor menu-link\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1958\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/about-us\/\" class=\"elementor-item menu-link\">About Us<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1977\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-item elementor-item-anchor menu-link\">Pages<span role=\"button\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3077\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/our-team\/\" class=\"elementor-sub-item menu-link\">Our Team<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3071\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/careers\/\" class=\"elementor-sub-item menu-link\">Careers<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3074\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/career-detail\/\" class=\"elementor-sub-item menu-link\">Career Detail<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3089\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/pricing-table\/\" class=\"elementor-sub-item menu-link\">Pricing Table<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3066\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/faqs\/\" class=\"elementor-sub-item menu-link\">FAQs<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3075\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/404-error\/\" class=\"elementor-sub-item menu-link\">404 Error<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1979\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-sub-item elementor-item-anchor menu-link\">Shop<span role=\"button\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3065\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/our-products\/\" class=\"elementor-sub-item menu-link\">Our Products<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3088\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/product-detail\/\" class=\"elementor-sub-item menu-link\">Product Detail<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3070\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/cart\/\" class=\"elementor-sub-item menu-link\">Cart<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3069\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/checkout-2\/\" class=\"elementor-sub-item menu-link\">Checkout<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3084\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/wishlist\/\" class=\"elementor-sub-item menu-link\">Wishlist<\/a><\/li>\n\t<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1978\"><a aria-expanded=\"false\" href=\"#blog\" class=\"elementor-item elementor-item-anchor menu-link\">Blog<span role=\"button\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3072\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/blog-grid\/\" class=\"elementor-sub-item menu-link\">Blog Grid<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1980\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-sub-item elementor-item-anchor menu-link\">Blog Listing<span role=\"button\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3068\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/circle-left-slidebar\/\" class=\"elementor-sub-item menu-link\">Circle Left Slidebar<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3067\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/circle-right-slidebar\/\" class=\"elementor-sub-item menu-link\">Circle Right Slidebar<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3073\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/circle-no-slidebar\/\" class=\"elementor-sub-item menu-link\">Circle No Slidebar<\/a><\/li>\n\t<\/ul>\n<\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1981\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-sub-item elementor-item-anchor menu-link\">Blog Details<span role=\"button\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3087\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/square-left-slidebar\/\" class=\"elementor-sub-item menu-link\">Square Left Slidebar<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3085\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/square-right-slidebar\/\" class=\"elementor-sub-item menu-link\">Square Right Slidebar<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3086\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/square-no-slidebar\/\" class=\"elementor-sub-item menu-link\">Square No Slidebar<\/a><\/li>\n\t<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1957\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/contact-2\/\" class=\"elementor-item menu-link\">Contact<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-1809de5f\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1960\"><a href=\"#\" class=\"elementor-item elementor-item-anchor menu-link\" tabindex=\"-1\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1958\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/about-us\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">About Us<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1977\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-item elementor-item-anchor menu-link\" tabindex=\"-1\">Pages<span role=\"button\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3077\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/our-team\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Our Team<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3071\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/careers\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Careers<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3074\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/career-detail\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Career Detail<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3089\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/pricing-table\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Pricing Table<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3066\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/faqs\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">FAQs<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3075\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/404-error\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">404 Error<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1979\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-sub-item elementor-item-anchor menu-link\" tabindex=\"-1\">Shop<span role=\"button\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3065\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/our-products\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Our Products<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3088\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/product-detail\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Product Detail<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3070\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/cart\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Cart<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3069\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/checkout-2\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Checkout<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3084\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/wishlist\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Wishlist<\/a><\/li>\n\t<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1978\"><a aria-expanded=\"false\" href=\"#blog\" class=\"elementor-item elementor-item-anchor menu-link\" tabindex=\"-1\">Blog<span role=\"button\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3072\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/blog-grid\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Blog Grid<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1980\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-sub-item elementor-item-anchor menu-link\" tabindex=\"-1\">Blog Listing<span role=\"button\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3068\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/circle-left-slidebar\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Circle Left Slidebar<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3067\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/circle-right-slidebar\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Circle Right Slidebar<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3073\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/circle-no-slidebar\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Circle No Slidebar<\/a><\/li>\n\t<\/ul>\n<\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1981\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-sub-item elementor-item-anchor menu-link\" tabindex=\"-1\">Blog Details<span role=\"button\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3087\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/square-left-slidebar\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Square Left Slidebar<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3085\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/square-right-slidebar\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Square Right Slidebar<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3086\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/square-no-slidebar\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Square No Slidebar<\/a><\/li>\n\t<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1957\"><a href=\"https:\/\/kopp.kengweb.co.th\/index.php\/contact-2\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Contact<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6124833f elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"6124833f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/header>\n\t\t<div class=\"elementor-element elementor-element-a35817c e-con-full h-section e-flex e-con e-parent\" data-id=\"a35817c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8bf115 elementor-widget elementor-widget-html\" data-id=\"f8bf115\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  html, body {\r\n    margin: 0;\r\n    padding: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden !important;\r\n    overscroll-behavior: none;\r\n    touch-action: pan-x;\r\n  }\r\n\r\n  .h-section {\r\n    position: relative;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .h-track {\r\n    display: flex;\r\n    height: 100vh;\r\n    transition: transform 0.65s ease;\r\n    will-change: transform;\r\n  }\r\n\r\n  .h-panel {\r\n    width: 100vw;\r\n    min-width: 100vw;\r\n    height: 100vh;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    html, body {\r\n      touch-action: pan-x;\r\n    }\r\n\r\n    .h-section,\r\n    .h-track,\r\n    .h-panel {\r\n      max-width: 100vw;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const track = document.querySelector(\".h-track\");\r\n  const panels = document.querySelectorAll(\".h-panel\");\r\n\r\n  if (!track || !panels.length) return;\r\n\r\n  let currentIndex = 0;\r\n  let isAnimating = false;\r\n  let touchStartX = 0;\r\n  let touchStartY = 0;\r\n  let touchEndX = 0;\r\n  let touchEndY = 0;\r\n  const maxIndex = panels.length - 1;\r\n  const threshold = 50;\r\n\r\n  track.style.width = `${panels.length * 100}vw`;\r\n\r\n  function updateSlide() {\r\n    track.style.transform = `translate3d(-${currentIndex * 100}vw, 0, 0)`;\r\n  }\r\n\r\n  function goToSlide(index) {\r\n    if (isAnimating) return;\r\n\r\n    index = Math.max(0, Math.min(index, maxIndex));\r\n    if (index === currentIndex) return;\r\n\r\n    currentIndex = index;\r\n    isAnimating = true;\r\n    updateSlide();\r\n\r\n    setTimeout(function () {\r\n      isAnimating = false;\r\n    }, 700);\r\n  }\r\n\r\n  function nextSlide() {\r\n    goToSlide(currentIndex + 1);\r\n  }\r\n\r\n  function prevSlide() {\r\n    goToSlide(currentIndex - 1);\r\n  }\r\n\r\n  function isTypingTarget(el) {\r\n    if (!el) return false;\r\n    const tag = el.tagName;\r\n    return (\r\n      el.isContentEditable ||\r\n      tag === \"INPUT\" ||\r\n      tag === \"TEXTAREA\" ||\r\n      tag === \"SELECT\"\r\n    );\r\n  }\r\n\r\n  \/* Desktop wheel *\/\r\n  window.addEventListener(\"wheel\", function (e) {\r\n    if (window.innerWidth <= 767) return;\r\n    if (isAnimating) return;\r\n    if (Math.abs(e.deltaY) < 8) return;\r\n\r\n    e.preventDefault();\r\n\r\n    if (e.deltaY > 0) {\r\n      nextSlide();\r\n    } else {\r\n      prevSlide();\r\n    }\r\n  }, { passive: false });\r\n\r\n  \/* Keyboard *\/\r\n  window.addEventListener(\"keydown\", function (e) {\r\n    if (isTypingTarget(document.activeElement)) return;\r\n\r\n    if ([\" \", \"Spacebar\", \"ArrowRight\", \"PageDown\", \"ArrowDown\"].includes(e.key)) {\r\n      e.preventDefault();\r\n      nextSlide();\r\n    }\r\n\r\n    if ([\"ArrowLeft\", \"PageUp\", \"ArrowUp\"].includes(e.key)) {\r\n      e.preventDefault();\r\n      prevSlide();\r\n    }\r\n  }, { passive: false });\r\n\r\n  \/* Mobile swipe left\/right only *\/\r\n  window.addEventListener(\"touchstart\", function (e) {\r\n    if (!e.touches || !e.touches.length) return;\r\n\r\n    touchStartX = e.touches[0].clientX;\r\n    touchStartY = e.touches[0].clientY;\r\n  }, { passive: true });\r\n\r\n  window.addEventListener(\"touchend\", function (e) {\r\n    if (window.innerWidth > 767) return;\r\n    if (isAnimating) return;\r\n    if (!e.changedTouches || !e.changedTouches.length) return;\r\n\r\n    touchEndX = e.changedTouches[0].clientX;\r\n    touchEndY = e.changedTouches[0].clientY;\r\n\r\n    const diffX = touchEndX - touchStartX;\r\n    const diffY = touchEndY - touchStartY;\r\n\r\n    \/* \u0e43\u0e0a\u0e49\u0e40\u0e09\u0e1e\u0e32\u0e30 gesture \u0e41\u0e19\u0e27\u0e19\u0e2d\u0e19 *\/\r\n    if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > threshold) {\r\n      if (diffX < 0) {\r\n        nextSlide();   \/\/ \u0e1b\u0e31\u0e14\u0e0b\u0e49\u0e32\u0e22 = \u0e44\u0e1b\u0e02\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e49\u0e32\r\n      } else {\r\n        prevSlide();   \/\/ \u0e1b\u0e31\u0e14\u0e02\u0e27\u0e32 = \u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a\r\n      }\r\n    }\r\n  }, { passive: true });\r\n\r\n  updateSlide();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b19158a elementor-widget elementor-widget-html\" data-id=\"b19158a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\nhtml, body {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow-x: hidden;\r\n  background: #000;\r\n}\r\n\r\nbody {\r\n  overflow-y: auto;\r\n}\r\n\r\n.h-section {\r\n  position: relative;\r\n  height: 100vh;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow: hidden;\r\n  background: #000;\r\n}\r\n\r\n.h-track {\r\n  position: relative;\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  width: 300vw; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e15\u0e32\u0e21\u0e08\u0e33\u0e19\u0e27\u0e19 panel *\/\r\n  height: 100vh;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  gap: 0 !important;\r\n  will-change: transform;\r\n  transition: transform 0.8s ease;\r\n  transform: translate3d(0,0,0);\r\n}\r\n\r\n.h-panel {\r\n  width: 100vw !important;\r\n  min-width: 100vw !important;\r\n  height: 100vh;\r\n  flex-shrink: 0;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const section = document.querySelector(\".h-section\");\r\n  const track = document.querySelector(\".h-track\");\r\n  const panels = document.querySelectorAll(\".h-panel\");\r\n\r\n  if (!section || !track || !panels.length) return;\r\n\r\n  let currentIndex = 0;\r\n  let isAnimating = false;\r\n  let isJumpingSection = false;\r\n  const totalPanels = panels.length;\r\n\r\n  function updateHorizontal() {\r\n    const moveX = currentIndex * window.innerWidth;\r\n    track.style.transform = `translate3d(-${moveX}px, 0, 0)`;\r\n  }\r\n\r\n  function getNextSection() {\r\n    let next = section.nextElementSibling;\r\n    while (next) {\r\n      if (next.offsetHeight > 0) return next;\r\n      next = next.nextElementSibling;\r\n    }\r\n    return null;\r\n  }\r\n\r\n  function getPrevSection() {\r\n    let prev = section.previousElementSibling;\r\n    while (prev) {\r\n      if (prev.offsetHeight > 0) return prev;\r\n      prev = prev.previousElementSibling;\r\n    }\r\n    return null;\r\n  }\r\n\r\n  function goToNextSection() {\r\n    const next = getNextSection();\r\n    if (!next) return;\r\n\r\n    isJumpingSection = true;\r\n    window.scrollTo({\r\n      top: next.offsetTop,\r\n      behavior: \"smooth\"\r\n    });\r\n\r\n    setTimeout(() => {\r\n      isJumpingSection = false;\r\n    }, 1000);\r\n  }\r\n\r\n  function goToPrevSection() {\r\n    const prev = getPrevSection();\r\n    if (!prev) return;\r\n\r\n    isJumpingSection = true;\r\n    window.scrollTo({\r\n      top: prev.offsetTop,\r\n      behavior: \"smooth\"\r\n    });\r\n\r\n    setTimeout(() => {\r\n      isJumpingSection = false;\r\n    }, 1000);\r\n  }\r\n\r\n  window.addEventListener(\"wheel\", function (e) {\r\n    if (isAnimating || isJumpingSection) {\r\n      e.preventDefault();\r\n      return;\r\n    }\r\n\r\n    const rect = section.getBoundingClientRect();\r\n    const inView = rect.top <= 0 && rect.bottom >= window.innerHeight;\r\n\r\n    if (!inView) return;\r\n\r\n    if (e.deltaY > 0) {\r\n      \/* scroll \u0e25\u0e07 *\/\r\n      if (currentIndex < totalPanels - 1) {\r\n        e.preventDefault();\r\n        isAnimating = true;\r\n        currentIndex++;\r\n        updateHorizontal();\r\n\r\n        setTimeout(() => {\r\n          isAnimating = false;\r\n        }, 850);\r\n      } else {\r\n        \/* \u0e2d\u0e22\u0e39\u0e48 panel \u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\u0e41\u0e25\u0e49\u0e27 \u0e43\u0e2b\u0e49\u0e40\u0e14\u0e49\u0e07\u0e44\u0e1b section \u0e16\u0e31\u0e14\u0e44\u0e1b *\/\r\n        e.preventDefault();\r\n        goToNextSection();\r\n      }\r\n    }\r\n\r\n    if (e.deltaY < 0) {\r\n      \/* scroll \u0e02\u0e36\u0e49\u0e19 *\/\r\n      if (currentIndex > 0) {\r\n        e.preventDefault();\r\n        isAnimating = true;\r\n        currentIndex--;\r\n        updateHorizontal();\r\n\r\n        setTimeout(() => {\r\n          isAnimating = false;\r\n        }, 850);\r\n      } else {\r\n        \/* \u0e2d\u0e22\u0e39\u0e48 panel \u0e41\u0e23\u0e01\u0e41\u0e25\u0e49\u0e27 \u0e43\u0e2b\u0e49\u0e40\u0e14\u0e49\u0e07\u0e44\u0e1b section \u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32 *\/\r\n        e.preventDefault();\r\n        goToPrevSection();\r\n      }\r\n    }\r\n  }, { passive: false });\r\n\r\n  window.addEventListener(\"resize\", updateHorizontal);\r\n  updateHorizontal();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a248767 e-con-full h-track e-flex e-con e-child\" data-id=\"a248767\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d4e51df e-con-full h-panel storm-bg rain rain-sound-section e-flex e-con e-child\" data-id=\"d4e51df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4913619 e-con-full e-flex e-con e-child\" data-id=\"4913619\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07cb04a random-batman-word elementor-widget elementor-widget-heading\" data-id=\"07cb04a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Night<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6eeddce elementor-widget elementor-widget-html\" data-id=\"6eeddce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===== Batman Random Heading ===== *\/\r\n.random-batman-word,\r\n.random-batman-word .elementor-heading-title {\r\n  position: relative;\r\n}\r\n\r\n.random-batman-word .elementor-heading-title,\r\n.random-batman-word.elementor-heading-title,\r\n.random-batman-word {\r\n  display: inline-block !important;\r\n  position: relative;\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: \"Orbitron\", \"Bebas Neue\", \"Oswald\", Arial, sans-serif;\r\n  font-size: clamp(36px, 6vw, 92px);\r\n  font-weight: 800;\r\n  line-height: 0.95;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n  white-space: nowrap;\r\n  color: var(--batman-color, #dbe7ff);\r\n  -webkit-text-stroke: 0.45px rgba(255,255,255,0.08);\r\n  text-shadow:\r\n    0 0 6px rgba(255,255,255,0.08),\r\n    0 0 18px rgba(120,160,255,0.12),\r\n    0 0 34px rgba(80,110,190,0.12),\r\n    0 10px 28px rgba(0,0,0,0.50);\r\n  filter:\r\n    drop-shadow(0 0 12px rgba(110,150,255,0.08))\r\n    drop-shadow(0 0 22px rgba(0,0,0,0.35));\r\n  transform-origin: center center;\r\n  backface-visibility: hidden;\r\n  will-change: transform, opacity, filter, text-shadow, color;\r\n  transition:\r\n    color 0.35s ease,\r\n    text-shadow 0.35s ease,\r\n    filter 0.35s ease;\r\n}\r\n\r\n\/* \u0e40\u0e2a\u0e49\u0e19\u0e43\u0e15\u0e49\u0e40\u0e23\u0e37\u0e2d\u0e07\u0e41\u0e2a\u0e07 *\/\r\n.random-batman-word .elementor-heading-title::after,\r\n.random-batman-word.elementor-heading-title::after,\r\n.random-batman-word::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: -14px;\r\n  transform: translateX(-50%);\r\n  width: 42%;\r\n  height: 2px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    rgba(255,255,255,0) 0%,\r\n    var(--batman-accent, rgba(150,180,255,0.82)) 50%,\r\n    rgba(255,255,255,0) 100%\r\n  );\r\n  box-shadow:\r\n    0 0 8px var(--batman-accent-soft, rgba(150,180,255,0.18)),\r\n    0 0 20px var(--batman-accent-soft, rgba(150,180,255,0.12));\r\n  opacity: 0.95;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* \u0e41\u0e2a\u0e07\u0e27\u0e34\u0e48\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23\u0e40\u0e1a\u0e32\u0e46 *\/\r\n.random-batman-word .elementor-heading-title::before,\r\n.random-batman-word.elementor-heading-title::before,\r\n.random-batman-word::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -10% -12%;\r\n  background: linear-gradient(\r\n    115deg,\r\n    rgba(255,255,255,0) 20%,\r\n    rgba(255,255,255,0.10) 45%,\r\n    rgba(255,255,255,0.35) 50%,\r\n    rgba(255,255,255,0.10) 55%,\r\n    rgba(255,255,255,0) 80%\r\n  );\r\n  transform: translateX(-140%) skewX(-20deg);\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  mix-blend-mode: screen;\r\n}\r\n\r\n.random-batman-word.batman-switching .elementor-heading-title::before,\r\n.random-batman-word.batman-switching.elementor-heading-title::before,\r\n.random-batman-word.batman-switching::before {\r\n  animation: batmanShine 0.72s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\/* \u0e15\u0e2d\u0e19\u0e01\u0e33\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e04\u0e33 *\/\r\n.random-batman-word.batman-switching .elementor-heading-title,\r\n.random-batman-word.batman-switching.elementor-heading-title,\r\n.random-batman-word.batman-switching {\r\n  filter:\r\n    blur(1.3px)\r\n    drop-shadow(0 0 14px rgba(150,180,255,0.12))\r\n    drop-shadow(0 0 30px rgba(0,0,0,0.35));\r\n  text-shadow:\r\n    0 0 10px rgba(255,255,255,0.14),\r\n    0 0 24px rgba(120,160,255,0.20),\r\n    0 0 44px rgba(80,110,190,0.14),\r\n    0 12px 32px rgba(0,0,0,0.55);\r\n}\r\n\r\n\/* idle pulse \u0e40\u0e1a\u0e32\u0e21\u0e32\u0e01 *\/\r\n.random-batman-word .elementor-heading-title,\r\n.random-batman-word.elementor-heading-title,\r\n.random-batman-word {\r\n  animation: batmanIdlePulse 3.6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes batmanIdlePulse {\r\n  0%, 100% {\r\n    text-shadow:\r\n      0 0 6px rgba(255,255,255,0.08),\r\n      0 0 18px rgba(120,160,255,0.12),\r\n      0 0 34px rgba(80,110,190,0.12),\r\n      0 10px 28px rgba(0,0,0,0.50);\r\n  }\r\n  50% {\r\n    text-shadow:\r\n      0 0 7px rgba(255,255,255,0.10),\r\n      0 0 22px rgba(120,160,255,0.14),\r\n      0 0 40px rgba(80,110,190,0.15),\r\n      0 10px 32px rgba(0,0,0,0.54);\r\n  }\r\n}\r\n\r\n@keyframes batmanShine {\r\n  0% {\r\n    transform: translateX(-145%) skewX(-20deg);\r\n    opacity: 0;\r\n  }\r\n  18% {\r\n    opacity: 0.45;\r\n  }\r\n  50% {\r\n    opacity: 0.85;\r\n  }\r\n  100% {\r\n    transform: translateX(145%) skewX(-20deg);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* responsive *\/\r\n@media (max-width: 1024px) {\r\n  .random-batman-word .elementor-heading-title,\r\n  .random-batman-word.elementor-heading-title,\r\n  .random-batman-word {\r\n    font-size: clamp(28px, 5.4vw, 70px);\r\n    letter-spacing: 0.13em;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .random-batman-word .elementor-heading-title,\r\n  .random-batman-word.elementor-heading-title,\r\n  .random-batman-word {\r\n    font-size: clamp(22px, 8vw, 46px);\r\n    letter-spacing: 0.10em;\r\n    white-space: normal;\r\n  }\r\n\r\n  .random-batman-word .elementor-heading-title::after,\r\n  .random-batman-word.elementor-heading-title::after,\r\n  .random-batman-word::after {\r\n    bottom: -10px;\r\n    width: 52%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const words = [\r\n    \"Night\",\r\n    \"Shadow\",\r\n    \"Darkness\",\r\n    \"Midnight\",\r\n    \"Eclipse\",\r\n    \"Void\",\r\n    \"Abyss\",\r\n    \"Dusk\",\r\n    \"Gloom\",\r\n    \"Blackout\",\r\n    \"Vigilante\",\r\n    \"Guardian\",\r\n    \"Protector\",\r\n    \"Watcher\",\r\n    \"Sentinel\",\r\n    \"Avenger\",\r\n    \"Enforcer\",\r\n    \"Phantom\",\r\n    \"Warden\",\r\n    \"Outlaw\",\r\n    \"Gotham\",\r\n    \"Crime\",\r\n    \"Justice\",\r\n    \"Chaos\",\r\n    \"Fear\",\r\n    \"Corruption\",\r\n    \"Underworld\",\r\n    \"Syndicate\",\r\n    \"Rogue\",\r\n    \"Nemesis\",\r\n    \"Vengeance\",\r\n    \"Wrath\",\r\n    \"Silence\",\r\n    \"Stealth\",\r\n    \"Dominance\",\r\n    \"Retribution\",\r\n    \"Fury\",\r\n    \"Resolve\",\r\n    \"Legacy\",\r\n    \"Authority\",\r\n    \"Shadow Vengeance\",\r\n    \"Night Phantom\",\r\n    \"Dark Sentinel\",\r\n    \"Gotham Avenger\",\r\n    \"Silent Guardian\",\r\n    \"Void Justice\",\r\n    \"Midnight Enforcer\",\r\n    \"Abyss Watcher\"\r\n  ];\r\n\r\n  \/* Batman-friendly color palettes *\/\r\n  const palettes = [\r\n    {\r\n      text: \"#dbe7ff\",\r\n      accent: \"rgba(154, 184, 255, 0.82)\",\r\n      accentSoft: \"rgba(154, 184, 255, 0.20)\"\r\n    },\r\n    {\r\n      text: \"#cfd8e6\",\r\n      accent: \"rgba(128, 146, 176, 0.78)\",\r\n      accentSoft: \"rgba(128, 146, 176, 0.18)\"\r\n    },\r\n    {\r\n      text: \"#f1e6a8\",\r\n      accent: \"rgba(230, 195, 70, 0.78)\",\r\n      accentSoft: \"rgba(230, 195, 70, 0.18)\"\r\n    },\r\n    {\r\n      text: \"#b9c7d9\",\r\n      accent: \"rgba(102, 122, 156, 0.78)\",\r\n      accentSoft: \"rgba(102, 122, 156, 0.18)\"\r\n    },\r\n    {\r\n      text: \"#e7edf7\",\r\n      accent: \"rgba(180, 196, 220, 0.76)\",\r\n      accentSoft: \"rgba(180, 196, 220, 0.18)\"\r\n    },\r\n    {\r\n      text: \"#d7dee8\",\r\n      accent: \"rgba(88, 98, 116, 0.72)\",\r\n      accentSoft: \"rgba(88, 98, 116, 0.16)\"\r\n    },\r\n    {\r\n      text: \"#e0e7ff\",\r\n      accent: \"rgba(120, 142, 220, 0.78)\",\r\n      accentSoft: \"rgba(120, 142, 220, 0.18)\"\r\n    },\r\n    {\r\n      text: \"#f4e3a1\",\r\n      accent: \"rgba(196, 156, 42, 0.74)\",\r\n      accentSoft: \"rgba(196, 156, 42, 0.16)\"\r\n    }\r\n  ];\r\n\r\n  const wrappers = document.querySelectorAll(\".random-batman-word\");\r\n  if (!wrappers.length) return;\r\n\r\n  function randomFrom(arr) {\r\n    return arr[Math.floor(Math.random() * arr.length)];\r\n  }\r\n\r\n  function getRandomWord(exclude = \"\") {\r\n    const filtered = words.filter(word => word !== exclude);\r\n    return randomFrom(filtered);\r\n  }\r\n\r\n  function getRandomPalette(previousText = \"\") {\r\n    let next = randomFrom(palettes);\r\n    let safe = 0;\r\n\r\n    while (next.text === previousText && safe < 10) {\r\n      next = randomFrom(palettes);\r\n      safe++;\r\n    }\r\n\r\n    return next;\r\n  }\r\n\r\n  wrappers.forEach((wrapper) => {\r\n    const target = wrapper.querySelector(\".elementor-heading-title\") || wrapper;\r\n    let currentWord = target.textContent.trim() || \"Night\";\r\n    let currentPalette = getRandomPalette(\"\");\r\n\r\n    target.style.display = \"inline-block\";\r\n    target.textContent = currentWord;\r\n\r\n    function applyPalette(palette) {\r\n      wrapper.style.setProperty(\"--batman-color\", palette.text);\r\n      wrapper.style.setProperty(\"--batman-accent\", palette.accent);\r\n      wrapper.style.setProperty(\"--batman-accent-soft\", palette.accentSoft);\r\n    }\r\n\r\n    applyPalette(currentPalette);\r\n\r\n    function switchWord() {\r\n      const nextWord = getRandomWord(currentWord);\r\n      const nextPalette = getRandomPalette(currentPalette.text);\r\n\r\n      wrapper.classList.add(\"batman-switching\");\r\n\r\n      target.animate(\r\n        [\r\n          {\r\n            opacity: 1,\r\n            transform: \"translateY(0) scale(1) rotateX(0deg)\",\r\n            filter: \"blur(0px)\"\r\n          },\r\n          {\r\n            opacity: 0,\r\n            transform: \"translateY(18px) scale(0.965) rotateX(12deg)\",\r\n            filter: \"blur(2px)\"\r\n          }\r\n        ],\r\n        {\r\n          duration: 260,\r\n          easing: \"cubic-bezier(.22,.61,.36,1)\",\r\n          fill: \"forwards\"\r\n        }\r\n      );\r\n\r\n      setTimeout(() => {\r\n        currentWord = nextWord;\r\n        currentPalette = nextPalette;\r\n\r\n        applyPalette(currentPalette);\r\n        target.textContent = currentWord;\r\n\r\n        target.animate(\r\n          [\r\n            {\r\n              opacity: 0,\r\n              transform: \"translateY(-20px) scale(1.03) rotateX(-14deg)\",\r\n              filter: \"blur(2px)\"\r\n            },\r\n            {\r\n              opacity: 1,\r\n              transform: \"translateY(0) scale(1) rotateX(0deg)\",\r\n              filter: \"blur(0px)\"\r\n            }\r\n          ],\r\n          {\r\n            duration: 540,\r\n            easing: \"cubic-bezier(.16,1,.3,1)\",\r\n            fill: \"forwards\"\r\n          }\r\n        );\r\n\r\n        setTimeout(() => {\r\n          wrapper.classList.remove(\"batman-switching\");\r\n        }, 420);\r\n      }, 250);\r\n    }\r\n\r\n    switchWord();\r\n    setInterval(switchWord, 2400);\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6cf6b4 elementor-widget elementor-widget-html\" data-id=\"a6cf6b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.slim.min.js\"><\/script>\r\n<script>\r\nvar desktopAmount = 95,\r\n    tabletAmount = 35,\r\n    mobileAmount = 28,\r\n    minSpeed = 0.8,\r\n    maxSpeed = 1.4,\r\n    minWidth = 1,\r\n    maxWidth = 4,\r\n    minOpacity = 1,\r\n    maxOpacity = 4,\r\n    colors = [ \r\n        'rgba(255,255,255,0.75)',\r\n        'rgba(220,235,255,0.68)',\r\n        'rgba(180,210,255,0.58)',\r\n        'rgba(255,255,255,0.62)'\r\n    ],\r\n    $ = jQuery,\r\n    container = 'rain';\r\n\r\nfunction raining(amount){\r\n    $('.' + container + ' .raindrop').remove();\r\n\r\n    var s = $('.' + container);\r\n    if (!s.length) return;\r\n\r\n    var areaWidth = s.outerWidth();\r\n    var extraLeft = areaWidth * 0.30;   \/\/ \u0e40\u0e1c\u0e37\u0e48\u0e2d\u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22\r\n    var extraRight = areaWidth * 0.18;  \/\/ \u0e40\u0e1c\u0e37\u0e48\u0e2d\u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32\r\n\r\n    for (var i = 0; i < amount; i++) {\r\n        s.append('<span class=\"raindrop\"><span><\/span><\/span>');\r\n\r\n        var randomLeft = (-extraLeft) + Math.random() * (areaWidth + extraLeft + extraRight);\r\n\r\n        $('.' + container + ' .raindrop').eq(i).css({\r\n            'left': randomLeft + 'px',\r\n            'width': (minWidth + Math.random() * (maxWidth - minWidth)).toFixed(2) + 'px',\r\n            'opacity': (minOpacity + Math.random() * (maxOpacity - minOpacity)).toFixed(2)\r\n        });\r\n\r\n        $('.' + container + ' .raindrop span').eq(i).css({\r\n            'animation-delay': (Math.random() * -20).toFixed(2) + 's',\r\n            'animation-duration': (minSpeed + Math.random() * (maxSpeed - minSpeed)).toFixed(2) + 's',\r\n            'background': 'linear-gradient(transparent, ' + colors[i % colors.length] + ')',\r\n            'height': (700 + Math.random() * 420).toFixed(0) + 'px'\r\n        });\r\n    }\r\n}\r\n\r\nfunction init(){\r\n    var amount;\r\n\r\n    if ($(window).width() > 1024){\r\n        amount = desktopAmount;\r\n    } else if ($(window).width() > 767){\r\n        amount = tabletAmount;\r\n    } else {\r\n        amount = mobileAmount;\r\n    }\r\n\r\n    raining(amount);\r\n}\r\n\r\n$(window).on('load resize', init);\r\ninit();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7c5060 elementor-widget elementor-widget-html\" data-id=\"c7c5060\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<audio id=\"section-rain-audio\" loop preload=\"auto\">\r\n  <source src=\"https:\/\/kopp.kengweb.co.th\/wp-content\/uploads\/2026\/04\/u_7hpxkdroz2-storm-461601.mp3\" type=\"audio\/mpeg\">\r\n<\/audio>\r\n\r\n<script>\r\nwindow.addEventListener(\"load\", function () {\r\n  const target = document.querySelector(\".rain-sound-section\");\r\n  const audio = document.getElementById(\"section-rain-audio\");\r\n\r\n  console.log(\"target =\", target);\r\n  console.log(\"audio =\", audio);\r\n\r\n  if (!target || !audio) {\r\n    console.log(\"\u0e44\u0e21\u0e48\u0e40\u0e08\u0e2d target \u0e2b\u0e23\u0e37\u0e2d audio\");\r\n    return;\r\n  }\r\n\r\n  audio.volume = 0.35;\r\n\r\n  let unlocked = false;\r\n  let inView = false;\r\n\r\n  function playIfNeeded() {\r\n    if (!unlocked || !inView) return;\r\n\r\n    audio.play()\r\n      .then(() => console.log(\"audio playing\"))\r\n      .catch((err) => console.log(\"audio blocked\", err));\r\n  }\r\n\r\n  function pauseAudio() {\r\n    audio.pause();\r\n  }\r\n\r\n  function unlockAudio() {\r\n    unlocked = true;\r\n    console.log(\"audio unlocked\");\r\n    playIfNeeded();\r\n  }\r\n\r\n  [\"click\", \"pointerdown\", \"keydown\", \"touchstart\"].forEach(function(eventName) {\r\n    window.addEventListener(eventName, unlockAudio, { once: true });\r\n  });\r\n\r\n  const observer = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      inView = entry.isIntersecting && entry.intersectionRatio > 0.45;\r\n      console.log(\"inView =\", inView, \"ratio =\", entry.intersectionRatio);\r\n\r\n      if (inView) {\r\n        playIfNeeded();\r\n      } else {\r\n        pauseAudio();\r\n      }\r\n    });\r\n  }, {\r\n    threshold: [0.2, 0.45, 0.7]\r\n  });\r\n\r\n  observer.observe(target);\r\n\r\n  document.addEventListener(\"visibilitychange\", function () {\r\n    if (document.hidden) {\r\n      pauseAudio();\r\n    } else {\r\n      playIfNeeded();\r\n    }\r\n  });\r\n\r\n  window.testRainAudio = function () {\r\n    audio.play()\r\n      .then(() => console.log(\"manual play success\"))\r\n      .catch((err) => console.log(\"manual play blocked\", err));\r\n  };\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a5967e e-con-full h-panel e-flex e-con e-child\" data-id=\"1a5967e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9578b28 e-con-full h-track h-panel e-flex e-con e-child\" data-id=\"9578b28\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/kopp.kengweb.co.th\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Official-Batman_-Arkham-Knight-Announce-Trailer-_Father-to-Son_-480p.mp4&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Book now Night<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-804","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kopp.kengweb.co.th\/index.php\/wp-json\/wp\/v2\/pages\/804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kopp.kengweb.co.th\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kopp.kengweb.co.th\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kopp.kengweb.co.th\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kopp.kengweb.co.th\/index.php\/wp-json\/wp\/v2\/comments?post=804"}],"version-history":[{"count":244,"href":"https:\/\/kopp.kengweb.co.th\/index.php\/wp-json\/wp\/v2\/pages\/804\/revisions"}],"predecessor-version":[{"id":1723,"href":"https:\/\/kopp.kengweb.co.th\/index.php\/wp-json\/wp\/v2\/pages\/804\/revisions\/1723"}],"wp:attachment":[{"href":"https:\/\/kopp.kengweb.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}