.elementor-kit-277{--e-global-color-primary:#161C7A;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#666666;--e-global-color-accent:#BC9565;--e-global-color-d625fa0:#F8F8F8;--e-global-typography-primary-font-family:"Kanit";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1.3em;--e-global-typography-primary-letter-spacing:1.2px;--e-global-typography-secondary-font-family:"Kanit";--e-global-typography-secondary-font-size:42px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-secondary-letter-spacing:1px;--e-global-typography-text-font-family:"Kanit";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-family:"Kanit";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:2px;--e-global-typography-7104cc1-font-family:"Kanit";--e-global-typography-7104cc1-font-size:32px;--e-global-typography-7104cc1-font-weight:600;--e-global-typography-7104cc1-text-transform:uppercase;--e-global-typography-7104cc1-line-height:1.4em;--e-global-typography-7104cc1-letter-spacing:1px;--e-global-typography-c1c71f2-font-family:"Kanit";--e-global-typography-c1c71f2-font-size:24px;--e-global-typography-c1c71f2-font-weight:600;--e-global-typography-c300c25-font-family:"Kanit";--e-global-typography-c300c25-font-size:14px;--e-global-typography-c300c25-font-weight:400;--e-global-typography-c300c25-text-transform:uppercase;--e-global-typography-c300c25-line-height:14px;--e-global-typography-c300c25-letter-spacing:1.2px;--e-global-typography-fc957c2-font-family:"Kanit";--e-global-typography-fc957c2-font-size:16px;--e-global-typography-fc957c2-font-weight:400;--e-global-typography-fc957c2-text-transform:none;--e-global-typography-fc957c2-line-height:40px;--e-global-typography-8558829-font-family:"Kanit";--e-global-typography-8558829-font-size:16px;--e-global-typography-8558829-font-weight:300;--e-global-typography-8558829-text-transform:none;--e-global-typography-8558829-line-height:40px;--e-global-typography-358af6c-font-family:"Kanit";--e-global-typography-358af6c-font-size:12px;--e-global-typography-358af6c-font-weight:400;--e-global-typography-358af6c-text-transform:uppercase;--e-global-typography-358af6c-letter-spacing:1px;--e-global-typography-edd8bfd-font-family:"Kanit";--e-global-typography-edd8bfd-font-size:14px;--e-global-typography-edd8bfd-font-weight:300;--e-global-typography-37342b8-font-family:"Kanit";--e-global-typography-37342b8-font-size:18px;--e-global-typography-37342b8-font-weight:400;--e-global-typography-5cb440f-font-family:"Kanit";--e-global-typography-5cb440f-font-size:20px;--e-global-typography-5cb440f-font-weight:600;--e-global-typography-5cb440f-line-height:1.6em;--e-global-typography-7bccd7f-font-family:"Kanit";--e-global-typography-7bccd7f-font-size:16px;--e-global-typography-7bccd7f-font-weight:600;--e-global-typography-7bccd7f-text-transform:uppercase;--e-global-typography-7bccd7f-letter-spacing:1px;--e-global-typography-21bc4c4-font-family:"Kanit";--e-global-typography-21bc4c4-font-size:100px;--e-global-typography-21bc4c4-font-weight:600;--e-global-typography-21bc4c4-text-transform:uppercase;--e-global-typography-21bc4c4-letter-spacing:1px;--e-global-typography-aa65b51-font-family:"Kanit";--e-global-typography-aa65b51-font-size:18px;--e-global-typography-aa65b51-font-weight:600;--e-global-typography-d1fd79a-font-family:"Kanit";--e-global-typography-d1fd79a-font-size:14px;--e-global-typography-d1fd79a-font-weight:400;--e-global-typography-d1fd79a-text-transform:none;--e-global-typography-22c2893-font-family:"Kanit";--e-global-typography-22c2893-font-size:48px;--e-global-typography-22c2893-font-weight:600;--e-global-typography-22c2893-text-transform:uppercase;--e-global-typography-22c2893-letter-spacing:1.2px;--e-global-typography-39818ef-font-family:"Kanit";--e-global-typography-39818ef-font-size:24px;--e-global-typography-39818ef-font-weight:600;--e-global-typography-595a359-font-family:"Kanit";--e-global-typography-595a359-font-size:20px;--e-global-typography-595a359-font-weight:600;--e-global-typography-595a359-line-height:1.6em;--e-global-typography-d2bb186-font-family:"Kanit";--e-global-typography-d2bb186-font-size:14px;--e-global-typography-d2bb186-font-weight:300;--e-global-typography-d2bb186-line-height:1.7em;--e-global-typography-abf0f81-font-family:"Kanit";--e-global-typography-abf0f81-font-size:130px;--e-global-typography-abf0f81-font-weight:600;--e-global-typography-144c58b-font-family:"Kanit";--e-global-typography-144c58b-font-size:16px;--e-global-typography-144c58b-font-weight:600;--e-global-typography-144c58b-text-transform:uppercase;--e-global-typography-144c58b-line-height:5px;--e-global-typography-144c58b-letter-spacing:1px;--e-global-typography-de6cdeb-font-family:"Kanit";--e-global-typography-de6cdeb-font-size:48px;--e-global-typography-de6cdeb-font-weight:600;--e-global-typography-de6cdeb-line-height:35px;--e-global-typography-2f65c8e-font-family:"Kanit";--e-global-typography-2f65c8e-font-size:78px;--e-global-typography-ca3f09a-font-family:"Kanit";--e-global-typography-ca3f09a-font-size:25px;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-277 button,.elementor-kit-277 input[type="button"],.elementor-kit-277 input[type="submit"],.elementor-kit-277 .elementor-button{background-color:#161C7A;font-family:"Heebo", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;text-decoration:none;letter-spacing:1.2px;color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:#161C7A;border-radius:0px 0px 0px 0px;padding:18px 32px 18px 32px;}.elementor-kit-277 button:hover,.elementor-kit-277 button:focus,.elementor-kit-277 input[type="button"]:hover,.elementor-kit-277 input[type="button"]:focus,.elementor-kit-277 input[type="submit"]:hover,.elementor-kit-277 input[type="submit"]:focus,.elementor-kit-277 .elementor-button:hover,.elementor-kit-277 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-kit-277 e-page-transition{background-color:#FFBC7D;}.elementor-kit-277 a{text-decoration:none;}.elementor-kit-277 a:hover{text-decoration:none;}.elementor-kit-277 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-277 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-277 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-7104cc1-font-family ), Sans-serif;font-size:var( --e-global-typography-7104cc1-font-size );font-weight:var( --e-global-typography-7104cc1-font-weight );text-transform:var( --e-global-typography-7104cc1-text-transform );line-height:var( --e-global-typography-7104cc1-line-height );letter-spacing:var( --e-global-typography-7104cc1-letter-spacing );}.elementor-kit-277 h4{font-family:var( --e-global-typography-c1c71f2-font-family ), Sans-serif;font-size:var( --e-global-typography-c1c71f2-font-size );font-weight:var( --e-global-typography-c1c71f2-font-weight );}.elementor-kit-277 h5{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-277 h6{font-family:var( --e-global-typography-7bccd7f-font-family ), Sans-serif;font-size:var( --e-global-typography-7bccd7f-font-size );font-weight:var( --e-global-typography-7bccd7f-font-weight );text-transform:var( --e-global-typography-7bccd7f-text-transform );letter-spacing:var( --e-global-typography-7bccd7f-letter-spacing );}.elementor-kit-277 label{color:var( --e-global-color-primary );font-family:"Lato", Sans-serif;font-weight:300;line-height:1.7em;}.elementor-kit-277 input:not([type="button"]):not([type="submit"]),.elementor-kit-277 textarea,.elementor-kit-277 .elementor-field-textual{font-family:"Heebo", Sans-serif;font-weight:300;color:var( --e-global-color-text );background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1380px;}.e-con{--container-max-width:1380px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-277{--e-global-typography-primary-font-size:48px;--e-global-typography-secondary-font-size:32px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:18px;--e-global-typography-7104cc1-font-size:32px;--e-global-typography-c1c71f2-font-size:20px;--e-global-typography-fc957c2-font-size:16px;--e-global-typography-8558829-font-size:16px;--e-global-typography-358af6c-font-size:12px;--e-global-typography-22c2893-font-size:40px;--e-global-typography-595a359-font-size:20px;--e-global-typography-595a359-line-height:1.5em;--e-global-typography-d2bb186-line-height:1.7em;--e-global-typography-abf0f81-font-size:100px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-277 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-277 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-277 h3{font-size:var( --e-global-typography-7104cc1-font-size );line-height:var( --e-global-typography-7104cc1-line-height );letter-spacing:var( --e-global-typography-7104cc1-letter-spacing );}.elementor-kit-277 h4{font-size:var( --e-global-typography-c1c71f2-font-size );}.elementor-kit-277 h5{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-277 h6{font-size:var( --e-global-typography-7bccd7f-font-size );letter-spacing:var( --e-global-typography-7bccd7f-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-277{--e-global-typography-primary-font-size:28px;--e-global-typography-secondary-font-size:24px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:16px;--e-global-typography-7104cc1-font-size:24px;--e-global-typography-c1c71f2-font-size:20px;--e-global-typography-fc957c2-font-size:16px;--e-global-typography-8558829-font-size:16px;--e-global-typography-358af6c-font-size:12px;--e-global-typography-7bccd7f-font-size:16px;--e-global-typography-d1fd79a-font-size:14px;--e-global-typography-22c2893-font-size:32px;--e-global-typography-22c2893-line-height:1.5em;--e-global-typography-39818ef-font-size:20px;--e-global-typography-595a359-line-height:1.5em;--e-global-typography-d2bb186-font-size:14px;--e-global-typography-abf0f81-font-size:72px;--e-global-typography-144c58b-font-size:16px;--e-global-typography-de6cdeb-font-size:40px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-277 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-277 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-277 h3{font-size:var( --e-global-typography-7104cc1-font-size );line-height:var( --e-global-typography-7104cc1-line-height );letter-spacing:var( --e-global-typography-7104cc1-letter-spacing );}.elementor-kit-277 h4{font-size:var( --e-global-typography-c1c71f2-font-size );}.elementor-kit-277 h5{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-277 h6{font-size:var( --e-global-typography-7bccd7f-font-size );letter-spacing:var( --e-global-typography-7bccd7f-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.loop-card{ position: relative; transition: transform .3s ease, box-shadow .3s ease; box-shadow: 0 10px 24px rgba(0,0,0,.12); cursor: pointer; } .loop-card:hover{ transform: translateY(-4px); box-shadow: 0 16px 36px rgba(0,0,0,.18); } /* .prod-switch .ps-panel { display: none; } .prod-switch .ps-panel.is-active { display: block; } .prod-switch .ps-btn { cursor: pointer; } .prod-switch .ps-btn.is-active { outline: 2px solid red; }*/ /* ซ่อนทุก panel ไว้ก่อน */ .prod-switch .ps-panel { display: none; } /* โชว์ panel ที่ active */ .prod-switch .ps-panel.is-active { display: block; } /* สไตล์ปุ่มทั้งหมด */ .prod-switch .ps-btn { background: #f5f5f5; /* สีปกติ */ transition: all 0.3s ease; cursor: pointer; } /* ปุ่มที่ถูกเลือก (active) */ .prod-switch .ps-btn.is-active { background: linear-gradient(to bottom, #001d6e, #000000); color: #fff; /* ถ้ามี text บนปุ่ม */ box-shadow: 0 0 10px rgba(0,0,0,0.4); } #container1 { display: block; /* ให้ container1 โชว์ตั้งแต่โหลดหน้า */ } #container2, #container3, #container4 { display: none; } /* หน้าประตูเหล็กทนไฟ*/ #section2, #section3, #section4 { display: none; } /* หน้าประตูเหล็กทนไฟ /* หน้าประตูสวยงาม */ .section1-2, .section1-3, .section1-4,.section1-5 { display: none; } /* หน้าประตูสวยงาม */ /* หน้าประตูสวยงาม */ .section-roll-2 { display: none; } /* หน้าประตูสวยงาม */ /* หน้าประตูสวยงาม */ #stair2 { display: none; } /* หน้าประตูสวยงาม*/ /* หน้าประตูสวยงาม */ #glass2 { display: none; } /* หน้าประตูสวยงาม*/ /* หน้าประตูสวยงาม */ #slide1-2,#slide1-3,#slide1-4,#slide1-5 { display: none; } /* หน้าประตูสวยงาม*/ /* หน้าประตูสวยงาม */ .light1-2 { display: none; } /* หน้าประตูสวยงาม*/ /* หน้าประตูสวยงาม */ .battery1-2 { display: none; } /* หน้าประตูสวยงาม*/ .data-main-2,.data-main-3,.data-main-4 { display: none; } .section-steeldoor-2,.section-steeldoor-3,.section-steeldoor-4,.section-steeldoor-5,.section-steeldoor-6{ display: none; } .section-sfd11,.section-sfd2,.section-sfd22{ display: none; } /* หน้าประตูสวยงาม */ .pvc-2,.pvc-3,.pvc-4,.pvc-5 { display: none; } .ms-2,.ms-3,.ms-4,.ms-5{ display: none; } .wl-2,.wl-3 { display: none; } .ls-2,.ls-3,.ls-4,.ls-5,.ls-6 { display: none; } .cs-2,.cs-3,.cs-4,.cs-5,.cs-6 { display: none; } .defrence2 { display: none; } .roller-2,.roller-3,.roller-4 { display: none; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Kanit'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://neo-dev.online/wp-content/uploads/2025/08/Kanit-Regular.ttf') format('truetype'); } @font-face { font-family: 'Kanit'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://neo-dev.online/wp-content/uploads/2025/08/Kanit-Regular.ttf') format('truetype'); } /* End Custom Fonts CSS */