.elementor-1146 .elementor-element.elementor-element-795dfc23{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:15px 15px 30px 5px rgba(0, 0, 0, 0.04);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-1146 .elementor-element.elementor-element-795dfc23:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-795dfc23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(177deg, #9E0000 0%, #CC0000 100%);}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-icon i{color:#1C244B;transition:color 0.3s;}.elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-icon svg{fill:#1C244B;transition:fill 0.3s;}.elementor-1146 .elementor-element.elementor-element-5516c45{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-icon{padding-inline-end:8px;}.elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-item > a{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1146 .elementor-element.elementor-element-30d519dc{--display:flex;--min-height:60px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-1146 .elementor-element.elementor-element-30d519dc:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-30d519dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/Bg-Navbar.webp");}.elementor-1146 .elementor-element.elementor-element-0df789a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-766e388{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1146 .elementor-element.elementor-element-18607fc{text-align:start;}.elementor-1146 .elementor-element.elementor-element-18607fc img{width:100%;height:70px;object-fit:contain;object-position:center center;}.elementor-1146 .elementor-element.elementor-element-25e28f6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-5f2394c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:99999;}.elementor-1146 .elementor-element.elementor-element-85d5674{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1146 .elementor-element.elementor-element-e86a271 .elementor-button{background-color:transparent;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(161deg, #9E0000 0%, #CC0000 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#CC0000;}.elementor-1146 .elementor-element.elementor-element-e86a271 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1146 .elementor-element.elementor-element-e86a271 .elementor-button .elementor-button-content-wrapper{gap:1px;}.elementor-1146 .elementor-element.elementor-element-01c4c22 .elementor-button{background-color:#02B701;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-01c4c22 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1146 .elementor-element.elementor-element-01c4c22 .elementor-button .elementor-button-content-wrapper{gap:3px;}.elementor-1146 .elementor-element.elementor-element-5cfe1e1{--display:flex;--min-height:60px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 4px 4px 0px rgba(128.00000000000003, 128.00000000000003, 128.00000000000003, 0.26);--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:999;}.elementor-1146 .elementor-element.elementor-element-5cfe1e1:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-5cfe1e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-f58da3d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-1146 .elementor-element.elementor-element-2edaed9{--display:flex;}.elementor-1146 .elementor-element.elementor-element-0c58b9b{--display:flex;}.elementor-1146 .elementor-element.elementor-element-b0db7c8{--display:flex;--min-height:100vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-b0db7c8:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-b0db7c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010117;}.elementor-1146 .elementor-element.elementor-element-274cdd3{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-c79a68e{--display:grid;--e-con-grid-template-columns:repeat(7, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-a19546e{--display:flex;--overflow:hidden;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1146 .elementor-element.elementor-element-a19546e:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-a19546e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}.elementor-1146 .elementor-element.elementor-element-bb21cdb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-bb21cdb:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-bb21cdb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-9b1457b{--display:flex;}.elementor-1146 .elementor-element.elementor-element-9b1457b:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-9b1457b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/ท่อPVC-2-e1782985625131-300x231.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1146 .elementor-element.elementor-element-8143457{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1146 .elementor-element.elementor-element-6724923 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:700;line-height:1.5em;color:#1A1C1C;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1146 .elementor-element.elementor-element-327bcb4{--divider-border-style:solid;--divider-color:#9E0000;--divider-border-width:5px;}.elementor-1146 .elementor-element.elementor-element-327bcb4 .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-1146 .elementor-element.elementor-element-327bcb4 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-1146 .elementor-element.elementor-element-acaf15c{--divider-border-style:solid;--divider-color:#A3ADBC7A;--divider-border-width:1px;}.elementor-1146 .elementor-element.elementor-element-acaf15c .elementor-divider-separator{width:100%;}.elementor-1146 .elementor-element.elementor-element-acaf15c .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-1146 .elementor-element.elementor-element-b778c48{--display:flex;--overflow:hidden;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1146 .elementor-element.elementor-element-b778c48:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-b778c48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}.elementor-1146 .elementor-element.elementor-element-857400e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-857400e:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-857400e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-d24318c{--display:flex;}.elementor-1146 .elementor-element.elementor-element-d24318c:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-d24318c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/ท่อ-PPR.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1146 .elementor-element.elementor-element-87d4309{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1146 .elementor-element.elementor-element-11f4e30 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:700;line-height:1.5em;color:#1A1C1C;}.elementor-1146 .elementor-element.elementor-element-20b32d0{--divider-border-style:solid;--divider-color:#9E0000;--divider-border-width:5px;}.elementor-1146 .elementor-element.elementor-element-20b32d0 .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-1146 .elementor-element.elementor-element-20b32d0 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-1146 .elementor-element.elementor-element-341f563{--divider-border-style:solid;--divider-color:#A3ADBC7A;--divider-border-width:1px;}.elementor-1146 .elementor-element.elementor-element-341f563 .elementor-divider-separator{width:100%;}.elementor-1146 .elementor-element.elementor-element-341f563 .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-1146 .elementor-element.elementor-element-b0e2333{--display:flex;--overflow:hidden;--border-radius:4px 4px 4px 4px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1146 .elementor-element.elementor-element-b0e2333:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-b0e2333 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}.elementor-1146 .elementor-element.elementor-element-be27547{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-be27547:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-be27547 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-9b389bc{--display:flex;}.elementor-1146 .elementor-element.elementor-element-9b389bc:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-9b389bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/Group-25-e1780902514362.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1146 .elementor-element.elementor-element-0d77ba2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1146 .elementor-element.elementor-element-9315e4c .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:700;line-height:1.5em;color:#1A1C1C;}.elementor-1146 .elementor-element.elementor-element-5ccb365{--divider-border-style:solid;--divider-color:#9E0000;--divider-border-width:5px;}.elementor-1146 .elementor-element.elementor-element-5ccb365 .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-1146 .elementor-element.elementor-element-5ccb365 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-1146 .elementor-element.elementor-element-2a2908c{--divider-border-style:solid;--divider-color:#A3ADBC7A;--divider-border-width:1px;}.elementor-1146 .elementor-element.elementor-element-2a2908c .elementor-divider-separator{width:100%;}.elementor-1146 .elementor-element.elementor-element-2a2908c .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-1146 .elementor-element.elementor-element-92ecd76{--display:flex;--overflow:hidden;--border-radius:4px 4px 4px 4px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1146 .elementor-element.elementor-element-92ecd76:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-92ecd76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}.elementor-1146 .elementor-element.elementor-element-15ce235{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-15ce235:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-15ce235 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-62f195c{--display:flex;}.elementor-1146 .elementor-element.elementor-element-62f195c:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-62f195c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/ท่อ-PB-e1780902607878.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1146 .elementor-element.elementor-element-121e2a2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1146 .elementor-element.elementor-element-783c92f .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:700;line-height:1.5em;color:#1A1C1C;}.elementor-1146 .elementor-element.elementor-element-1563969{--divider-border-style:solid;--divider-color:#9E0000;--divider-border-width:5px;}.elementor-1146 .elementor-element.elementor-element-1563969 .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-1146 .elementor-element.elementor-element-1563969 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-1146 .elementor-element.elementor-element-08b3bf1{--divider-border-style:solid;--divider-color:#A3ADBC7A;--divider-border-width:1px;}.elementor-1146 .elementor-element.elementor-element-08b3bf1 .elementor-divider-separator{width:100%;}.elementor-1146 .elementor-element.elementor-element-08b3bf1 .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-1146 .elementor-element.elementor-element-7b68ad1{--display:flex;--overflow:hidden;--border-radius:4px 4px 4px 4px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1146 .elementor-element.elementor-element-7b68ad1:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-7b68ad1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}.elementor-1146 .elementor-element.elementor-element-cc6ebf2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-cc6ebf2:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-cc6ebf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-f104571{--display:flex;}.elementor-1146 .elementor-element.elementor-element-f104571:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-f104571 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/ท่อ-PP-e1780902671381.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1146 .elementor-element.elementor-element-3a85b79{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1146 .elementor-element.elementor-element-d16ccf9 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:700;line-height:1.5em;color:#1A1C1C;}.elementor-1146 .elementor-element.elementor-element-359ac0c{--divider-border-style:solid;--divider-color:#9E0000;--divider-border-width:5px;}.elementor-1146 .elementor-element.elementor-element-359ac0c .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-1146 .elementor-element.elementor-element-359ac0c .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-1146 .elementor-element.elementor-element-6c0f941{--divider-border-style:solid;--divider-color:#A3ADBC7A;--divider-border-width:1px;}.elementor-1146 .elementor-element.elementor-element-6c0f941 .elementor-divider-separator{width:100%;}.elementor-1146 .elementor-element.elementor-element-6c0f941 .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-1146 .elementor-element.elementor-element-987af36{--display:flex;--overflow:hidden;--border-radius:4px 4px 4px 4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1146 .elementor-element.elementor-element-987af36:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-987af36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}.elementor-1146 .elementor-element.elementor-element-2b85b1f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-2b85b1f:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-2b85b1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-366c201{--display:flex;}.elementor-1146 .elementor-element.elementor-element-366c201:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-366c201 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/ท่อเหล็กชุบ-PE-e1780903527545.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1146 .elementor-element.elementor-element-f561e59{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1146 .elementor-element.elementor-element-578ef77 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:700;line-height:1.5em;color:#1A1C1C;}.elementor-1146 .elementor-element.elementor-element-e257981{--divider-border-style:solid;--divider-color:#9E0000;--divider-border-width:5px;}.elementor-1146 .elementor-element.elementor-element-e257981 .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-1146 .elementor-element.elementor-element-e257981 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-1146 .elementor-element.elementor-element-e3b5733{--divider-border-style:solid;--divider-color:#A3ADBC7A;--divider-border-width:1px;}.elementor-1146 .elementor-element.elementor-element-e3b5733 .elementor-divider-separator{width:100%;}.elementor-1146 .elementor-element.elementor-element-e3b5733 .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-1146 .elementor-element.elementor-element-44872eb{--display:flex;--overflow:hidden;--border-radius:4px 4px 4px 4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1146 .elementor-element.elementor-element-44872eb:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-44872eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}.elementor-1146 .elementor-element.elementor-element-fb8672e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-fb8672e:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-fb8672e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-ec73304{--display:flex;}.elementor-1146 .elementor-element.elementor-element-ec73304:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-ec73304 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/ท่อและอุปกรณ์เหล็ก-มาตรฐาน-มอก-e1780904006968.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1146 .elementor-element.elementor-element-3a401f3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1146 .elementor-element.elementor-element-6b89fe5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1146 .elementor-element.elementor-element-6b89fe5 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:700;line-height:1.5em;color:#1A1C1C;}.elementor-1146 .elementor-element.elementor-element-1d51ba5{--divider-border-style:solid;--divider-color:#9E0000;--divider-border-width:5px;}.elementor-1146 .elementor-element.elementor-element-1d51ba5 .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-1146 .elementor-element.elementor-element-1d51ba5 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-1146 .elementor-element.elementor-element-7e6551d{--divider-border-style:solid;--divider-color:#A3ADBC7A;--divider-border-width:1px;}.elementor-1146 .elementor-element.elementor-element-7e6551d .elementor-divider-separator{width:100%;}.elementor-1146 .elementor-element.elementor-element-7e6551d .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-1146 .elementor-element.elementor-element-3897bc4{--display:flex;--overflow:hidden;--border-radius:4px 4px 4px 4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1146 .elementor-element.elementor-element-3897bc4:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-3897bc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}.elementor-1146 .elementor-element.elementor-element-ba276df{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-ba276df:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-ba276df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-5417e80{--display:flex;}.elementor-1146 .elementor-element.elementor-element-5417e80:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-5417e80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/มิเตอร์-1-e1780904407691.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1146 .elementor-element.elementor-element-8edec04{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1146 .elementor-element.elementor-element-66b78fb .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:700;line-height:1.5em;color:#1A1C1C;}.elementor-1146 .elementor-element.elementor-element-10c52f8{--divider-border-style:solid;--divider-color:#9E0000;--divider-border-width:5px;}.elementor-1146 .elementor-element.elementor-element-10c52f8 .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-1146 .elementor-element.elementor-element-10c52f8 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-1146 .elementor-element.elementor-element-0e917d4{--divider-border-style:solid;--divider-color:#A3ADBC7A;--divider-border-width:1px;}.elementor-1146 .elementor-element.elementor-element-0e917d4 .elementor-divider-separator{width:100%;}.elementor-1146 .elementor-element.elementor-element-0e917d4 .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-1146 .elementor-element.elementor-element-088ed82{--display:flex;--overflow:hidden;--border-radius:4px 4px 4px 4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1146 .elementor-element.elementor-element-088ed82:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-088ed82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}.elementor-1146 .elementor-element.elementor-element-d94e603{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-d94e603:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-d94e603 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-3c0bbe1{--display:flex;}.elementor-1146 .elementor-element.elementor-element-3c0bbe1:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-3c0bbe1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/ก๊อกน้ำ.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1146 .elementor-element.elementor-element-49e6cbe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1146 .elementor-element.elementor-element-7c0097c .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:700;line-height:1.5em;color:#1A1C1C;}.elementor-1146 .elementor-element.elementor-element-4d53e23{--divider-border-style:solid;--divider-color:#9E0000;--divider-border-width:5px;}.elementor-1146 .elementor-element.elementor-element-4d53e23 .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-1146 .elementor-element.elementor-element-4d53e23 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-1146 .elementor-element.elementor-element-508f3f0{--divider-border-style:solid;--divider-color:#A3ADBC7A;--divider-border-width:1px;}.elementor-1146 .elementor-element.elementor-element-508f3f0 .elementor-divider-separator{width:100%;}.elementor-1146 .elementor-element.elementor-element-508f3f0 .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-1146 .elementor-element.elementor-element-4f62c56{--display:flex;--overflow:hidden;--border-radius:4px 4px 4px 4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1146 .elementor-element.elementor-element-4f62c56:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-4f62c56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}.elementor-1146 .elementor-element.elementor-element-515d989{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-515d989:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-515d989 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-6fdd5a4{--display:flex;}.elementor-1146 .elementor-element.elementor-element-6fdd5a4:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-6fdd5a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/ประตูน้ำ.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1146 .elementor-element.elementor-element-57e121b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1146 .elementor-element.elementor-element-7c9b580 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:700;line-height:1.5em;color:#1A1C1C;}.elementor-1146 .elementor-element.elementor-element-35840be{--divider-border-style:solid;--divider-color:#9E0000;--divider-border-width:5px;}.elementor-1146 .elementor-element.elementor-element-35840be .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-1146 .elementor-element.elementor-element-35840be .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-1146 .elementor-element.elementor-element-1e485f4{--divider-border-style:solid;--divider-color:#A3ADBC7A;--divider-border-width:1px;}.elementor-1146 .elementor-element.elementor-element-1e485f4 .elementor-divider-separator{width:100%;}.elementor-1146 .elementor-element.elementor-element-1e485f4 .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-1146 .elementor-element.elementor-element-8a79354{--display:flex;--overflow:hidden;--border-radius:4px 4px 4px 4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1146 .elementor-element.elementor-element-8a79354:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-8a79354 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}.elementor-1146 .elementor-element.elementor-element-b084977{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-b084977:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-b084977 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-7601a22{--display:flex;}.elementor-1146 .elementor-element.elementor-element-7601a22:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-7601a22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/วาล์น้ำ.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1146 .elementor-element.elementor-element-b4b03d1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1146 .elementor-element.elementor-element-463afae .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:700;line-height:1.5em;color:#1A1C1C;}.elementor-1146 .elementor-element.elementor-element-4063e7d{--divider-border-style:solid;--divider-color:#9E0000;--divider-border-width:5px;}.elementor-1146 .elementor-element.elementor-element-4063e7d .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-1146 .elementor-element.elementor-element-4063e7d .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-1146 .elementor-element.elementor-element-a35b27d{--divider-border-style:solid;--divider-color:#A3ADBC7A;--divider-border-width:1px;}.elementor-1146 .elementor-element.elementor-element-a35b27d .elementor-divider-separator{width:100%;}.elementor-1146 .elementor-element.elementor-element-a35b27d .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-1146 .elementor-element.elementor-element-554f17e{--display:flex;--overflow:hidden;--border-radius:4px 4px 4px 4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1146 .elementor-element.elementor-element-554f17e:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-554f17e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}.elementor-1146 .elementor-element.elementor-element-e67f336{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-e67f336:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-e67f336 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1146 .elementor-element.elementor-element-e3b42d5{--display:flex;}.elementor-1146 .elementor-element.elementor-element-e3b42d5:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-e3b42d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/อุปกรณ์ประปา-อื่นๆ.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1146 .elementor-element.elementor-element-6577699{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1146 .elementor-element.elementor-element-ddfc652 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:700;line-height:1.5em;color:#1A1C1C;}.elementor-1146 .elementor-element.elementor-element-4a5aa75{--divider-border-style:solid;--divider-color:#9E0000;--divider-border-width:5px;}.elementor-1146 .elementor-element.elementor-element-4a5aa75 .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-1146 .elementor-element.elementor-element-4a5aa75 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-1146 .elementor-element.elementor-element-b570f46{--divider-border-style:solid;--divider-color:#A3ADBC7A;--divider-border-width:1px;}.elementor-1146 .elementor-element.elementor-element-b570f46 .elementor-divider-separator{width:100%;}.elementor-1146 .elementor-element.elementor-element-b570f46 .elementor-divider{padding-block-start:16px;padding-block-end:16px;}.elementor-1146 .elementor-element.elementor-element-116755a{--display:flex;}.elementor-1146 .elementor-element.elementor-element-5b48e1c{--display:flex;}.elementor-1146 .elementor-element.elementor-element-d3b98e2{--display:flex;}.elementor-1146 .elementor-element.elementor-element-5735087{--display:flex;}.elementor-1146 .elementor-element.elementor-element-7a0a966{--display:flex;}.elementor-1146 .elementor-element.elementor-element-11c8e87{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:space-between;--n-menu-title-flex-grow:1;--n-menu-title-justify-content:center;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:100%;max-width:100%;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:16px;--n-menu-title-color-normal:#5B5959;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-1146 .elementor-element.elementor-element-11c8e87.elementor-element{--align-self:center;}.elementor-1146 .elementor-element.elementor-element-11c8e87 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-1146 .elementor-element.elementor-element-11c8e87 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-1146 .elementor-element.elementor-element-11c8e87 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"IBM Plex Sans Thai", Sans-serif;font-weight:400;}.elementor-1146 .elementor-element.elementor-element-11c8e87 {--n-menu-title-color-hover:#9E0000;--n-menu-title-color-active:#5B5959;}.elementor-1146 .elementor-element.elementor-element-644fa4a{--display:flex;--min-height:60px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:95;}.elementor-1146 .elementor-element.elementor-element-644fa4a:not(.elementor-motion-effects-element-type-background), .elementor-1146 .elementor-element.elementor-element-644fa4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://thongthaichote.com/wp-content/uploads/2026/06/Bg-Navbar.webp");}.elementor-1146 .elementor-element.elementor-element-879186e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-4ed031c{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-e110f4d{text-align:start;}.elementor-1146 .elementor-element.elementor-element-e110f4d img{width:100%;height:70px;object-fit:contain;object-position:center center;}.elementor-1146 .elementor-element.elementor-element-736e780{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-18f1a46{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:99999;}.elementor-1146 .elementor-element.elementor-element-15b0e55 .elementor-button{background-color:#CC000000;font-family:"Noto Sans Thai", Sans-serif;font-size:14px;font-weight:500;fill:#CC0000;color:#CC0000;}.elementor-1146 .elementor-element.elementor-element-392275e{--display:flex;}.elementor-1146 .elementor-element.elementor-element-cda53f2 .e-off-canvas__content{background-color:#F9F9F9;}.elementor-1146 .elementor-element.elementor-element-cda53f2 .e-off-canvas__overlay{background-color:#000000AD;}.elementor-1146 .elementor-element.elementor-element-cda53f2{--e-off-canvas-justify-content:flex-end;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:0.5s;--e-off-canvas-overlay-opacity:1;}.elementor-1146 .elementor-element.elementor-element-fba83ae{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1146 .elementor-element.elementor-element-0ba3903{--display:flex;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1146 .elementor-element.elementor-element-2c7869b .elementor-icon-wrapper{text-align:end;}.elementor-1146 .elementor-element.elementor-element-2c7869b .elementor-icon{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-2c7869b .elementor-icon svg{height:20px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1146 .elementor-element.elementor-element-9aafc0f .elementor-nav-menu .elementor-item{font-family:"IBM Plex Sans Thai", Sans-serif;font-weight:500;}.elementor-1146 .elementor-element.elementor-element-9aafc0f .elementor-nav-menu--main .elementor-item:hover, .elementor-1146 .elementor-element.elementor-element-9aafc0f .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1146 .elementor-element.elementor-element-9aafc0f .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1146 .elementor-element.elementor-element-9aafc0f .elementor-nav-menu--main .elementor-item:focus{color:#CE0000;fill:#CE0000;}.elementor-1146 .elementor-element.elementor-element-9aafc0f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#CE0000;}.elementor-1146 .elementor-element.elementor-element-9aafc0f .elementor-nav-menu--dropdown .elementor-item, .elementor-1146 .elementor-element.elementor-element-9aafc0f .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"IBM Plex Sans Thai", Sans-serif;font-weight:500;}.elementor-1146 .elementor-element.elementor-element-9aafc0f .elementor-nav-menu--dropdown a{padding-top:5px;padding-bottom:5px;}.elementor-1146 .elementor-element.elementor-element-aceae18{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:7px 7px;--row-gap:7px;--column-gap:7px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:3rem;--padding-right:1rem;}.elementor-1146 .elementor-element.elementor-element-472f2a9 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.6em;letter-spacing:-0.7px;color:#1A1C1C;}.elementor-1146 .elementor-element.elementor-element-fb19f1c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-1146 .elementor-element.elementor-element-fb19f1c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-1146 .elementor-element.elementor-element-fb19f1c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-1146 .elementor-element.elementor-element-fb19f1c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-1146 .elementor-element.elementor-element-fb19f1c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-1146 .elementor-element.elementor-element-fb19f1c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1146 .elementor-element.elementor-element-fb19f1c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1146 .elementor-element.elementor-element-fb19f1c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1146 .elementor-element.elementor-element-fb19f1c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1146 .elementor-element.elementor-element-fb19f1c .elementor-icon-list-item > a{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:15px;font-weight:400;}.elementor-1146 .elementor-element.elementor-element-fb19f1c .elementor-icon-list-text{color:#64748B;transition:color 0.3s;}.elementor-1146 .elementor-element.elementor-element-5618ecb{--spacer-size:20px;}.elementor-1146 .elementor-element.elementor-element-988a967 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.6em;letter-spacing:-0.7px;color:#1A1C1C;}.elementor-1146 .elementor-element.elementor-element-1034508 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-1146 .elementor-element.elementor-element-1034508 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-1146 .elementor-element.elementor-element-1034508 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-1146 .elementor-element.elementor-element-1034508 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-1146 .elementor-element.elementor-element-1034508 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-1146 .elementor-element.elementor-element-1034508 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1146 .elementor-element.elementor-element-1034508 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1146 .elementor-element.elementor-element-1034508{--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-1146 .elementor-element.elementor-element-1034508 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1146 .elementor-element.elementor-element-1034508 .elementor-icon-list-item > a{font-family:"IBM Plex Sans Thai", Sans-serif;font-weight:400;}.elementor-1146 .elementor-element.elementor-element-1034508 .elementor-icon-list-text{transition:color 0.3s;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-1146 .elementor-element.elementor-element-795dfc23{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1146 .elementor-element.elementor-element-5516c45{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 30px 0px 30px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-item > a{font-size:14px;}.elementor-1146 .elementor-element.elementor-element-30d519dc{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1146 .elementor-element.elementor-element-e86a271 .elementor-button{font-size:14px;}.elementor-1146 .elementor-element.elementor-element-5cfe1e1{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1146 .elementor-element.elementor-element-c79a68e{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-644fa4a{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1146 .elementor-element.elementor-element-736e780{--justify-content:center;}.elementor-1146 .elementor-element.elementor-element-aceae18{--margin-top:6%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-1146 .elementor-element.elementor-element-472f2a9{text-align:center;}.elementor-1146 .elementor-element.elementor-element-472f2a9 .elementor-heading-title{font-size:22px;}.elementor-1146 .elementor-element.elementor-element-988a967{text-align:center;}.elementor-1146 .elementor-element.elementor-element-988a967 .elementor-heading-title{font-size:22px;}}@media(max-width:767px){.elementor-1146 .elementor-element.elementor-element-795dfc23{--min-height:50px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1146 .elementor-element.elementor-element-5516c45{--e-icon-list-icon-size:15px;}.elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-item > a{font-size:18px;}.elementor-1146 .elementor-element.elementor-element-30d519dc{--min-height:50px;}.elementor-1146 .elementor-element.elementor-element-0df789a{--flex-wrap:nowrap;}.elementor-1146 .elementor-element.elementor-element-e86a271 .elementor-button{font-size:13px;}.elementor-1146 .elementor-element.elementor-element-01c4c22 .elementor-button{font-size:13px;}.elementor-1146 .elementor-element.elementor-element-5cfe1e1{--min-height:50px;}.elementor-1146 .elementor-element.elementor-element-c79a68e{--e-con-grid-template-columns:repeat(2, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;}.elementor-1146 .elementor-element.elementor-element-6724923 .elementor-heading-title{font-size:15px;}.elementor-1146 .elementor-element.elementor-element-11f4e30 .elementor-heading-title{font-size:15px;}.elementor-1146 .elementor-element.elementor-element-9315e4c .elementor-heading-title{font-size:15px;}.elementor-1146 .elementor-element.elementor-element-783c92f .elementor-heading-title{font-size:15px;}.elementor-1146 .elementor-element.elementor-element-d16ccf9 .elementor-heading-title{font-size:15px;}.elementor-1146 .elementor-element.elementor-element-578ef77 .elementor-heading-title{font-size:15px;}.elementor-1146 .elementor-element.elementor-element-6b89fe5{margin:-43px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1146 .elementor-element.elementor-element-6b89fe5 .elementor-heading-title{font-size:15px;}.elementor-1146 .elementor-element.elementor-element-66b78fb .elementor-heading-title{font-size:15px;}.elementor-1146 .elementor-element.elementor-element-7c0097c .elementor-heading-title{font-size:15px;}.elementor-1146 .elementor-element.elementor-element-7c9b580 .elementor-heading-title{font-size:15px;}.elementor-1146 .elementor-element.elementor-element-463afae .elementor-heading-title{font-size:15px;}.elementor-1146 .elementor-element.elementor-element-ddfc652 .elementor-heading-title{font-size:15px;}.elementor-1146 .elementor-element.elementor-element-644fa4a{--min-height:50px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-879186e{--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1146 .elementor-element.elementor-element-4ed031c{--width:30%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1146 .elementor-element.elementor-element-e110f4d{text-align:start;}.elementor-1146 .elementor-element.elementor-element-e110f4d img{width:100%;height:50px;}.elementor-1146 .elementor-element.elementor-element-736e780{--width:70%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-1146 .elementor-element.elementor-element-15b0e55 .elementor-button{font-size:22px;border-radius:0px 0px 0px 0px;padding:10px 0px 10px 20px;}.elementor-1146 .elementor-element.elementor-element-392275e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1146 .elementor-element.elementor-element-cda53f2{--e-off-canvas-width:100%;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;}.elementor-1146 .elementor-element.elementor-element-fba83ae{--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1146 .elementor-element.elementor-element-0ba3903{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1146 .elementor-element.elementor-element-9aafc0f .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-1146 .elementor-element.elementor-element-9aafc0f .elementor-nav-menu--dropdown .elementor-item, .elementor-1146 .elementor-element.elementor-element-9aafc0f .elementor-nav-menu--dropdown .elementor-sub-item{font-size:13px;}.elementor-1146 .elementor-element.elementor-element-aceae18{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:0rem;}.elementor-1146 .elementor-element.elementor-element-472f2a9 .elementor-heading-title{font-size:18px;}.elementor-1146 .elementor-element.elementor-element-988a967 .elementor-heading-title{font-size:18px;}}@media(min-width:768px){.elementor-1146 .elementor-element.elementor-element-30d519dc{--width:100%;}.elementor-1146 .elementor-element.elementor-element-0df789a{--width:80%;}.elementor-1146 .elementor-element.elementor-element-766e388{--width:10%;}.elementor-1146 .elementor-element.elementor-element-25e28f6{--width:60%;}.elementor-1146 .elementor-element.elementor-element-85d5674{--width:30%;}.elementor-1146 .elementor-element.elementor-element-f58da3d{--width:95%;}.elementor-1146 .elementor-element.elementor-element-b0db7c8{--width:100%;}.elementor-1146 .elementor-element.elementor-element-274cdd3{--width:80%;}.elementor-1146 .elementor-element.elementor-element-c79a68e{--width:100%;}.elementor-1146 .elementor-element.elementor-element-644fa4a{--width:100%;}.elementor-1146 .elementor-element.elementor-element-879186e{--width:80%;}.elementor-1146 .elementor-element.elementor-element-4ed031c{--width:10%;}.elementor-1146 .elementor-element.elementor-element-736e780{--width:30%;}.elementor-1146 .elementor-element.elementor-element-aceae18{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1146 .elementor-element.elementor-element-0df789a{--width:100%;}.elementor-1146 .elementor-element.elementor-element-c79a68e{--width:100%;}.elementor-1146 .elementor-element.elementor-element-879186e{--width:100%;}.elementor-1146 .elementor-element.elementor-element-736e780{--width:90%;}.elementor-1146 .elementor-element.elementor-element-aceae18{--width:100%;}}@media(min-width:1600px){.elementor-1146 .elementor-element.elementor-element-5516c45{--e-icon-list-icon-size:19px;}.elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-item > a{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-e86a271 .elementor-button{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-01c4c22 .elementor-button{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-c79a68e{--grid-auto-flow:row;}.elementor-1146 .elementor-element.elementor-element-6724923 .elementor-heading-title{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-11f4e30 .elementor-heading-title{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-9315e4c .elementor-heading-title{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-783c92f .elementor-heading-title{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-d16ccf9 .elementor-heading-title{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-578ef77 .elementor-heading-title{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-6b89fe5 .elementor-heading-title{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-66b78fb .elementor-heading-title{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-7c0097c .elementor-heading-title{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-7c9b580 .elementor-heading-title{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-463afae .elementor-heading-title{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-ddfc652 .elementor-heading-title{font-size:20px;}.elementor-1146 .elementor-element.elementor-element-11c8e87{--n-menu-title-font-size:20px;}}/* Start custom CSS for icon-list, class: .elementor-element-5516c45 */.elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-items { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; } .elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; display: flex; align-items: center; border: none !important; } .elementor-1146 .elementor-element.elementor-element-5516c45 .elementor-icon-list-item:not(:last-child):after { content: "•" !important; color: #ffffff !important; font-size: 20px !important; background-color: transparent !important; width: auto !important; height: auto !important; border: none !important; margin-left: 20px !important; margin-right: 0 !important; } @media (max-width: 767px) { .elementor-1146 .elementor-element.elementor-element-5516c45.mobile-ticker-list .elementor-icon-list-items { position: relative; height: 30px; display: flex !important; justify-content: center; align-items: center; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-5516c45.mobile-ticker-list .elementor-icon-list-item { position: absolute; width: 100%; justify-content: center; opacity: 0; transform: translateY(25px); transition: transform 0.6s ease, opacity 0.6s ease; pointer-events: none; } .elementor-1146 .elementor-element.elementor-element-5516c45.mobile-ticker-list .elementor-icon-list-item.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; } .elementor-1146 .elementor-element.elementor-element-5516c45.mobile-ticker-list .elementor-icon-list-item.is-exiting { opacity: 0; transform: translateY(-25px); } .elementor-1146 .elementor-element.elementor-element-5516c45.mobile-ticker-list .elementor-icon-list-item::after { display: none !important; } .elementor-1146 .elementor-element.elementor-element-5516c45.mobile-ticker-list .elementor-icon-list-text { font-size: 13px !important; } } @media (min-width: 768px) and (max-width: 1024px) { .elementor-1146 .elementor-element.elementor-element-5516c45.mobile-ticker-list { overflow: hidden !important; display: block; } .elementor-1146 .elementor-element.elementor-element-5516c45.mobile-ticker-list .elementor-icon-list-items { display: flex !important; flex-wrap: nowrap !important; width: max-content; animation: marqueeTablet 15s linear infinite; } .elementor-1146 .elementor-element.elementor-element-5516c45.mobile-ticker-list .elementor-icon-list-item { position: relative !important; width: auto !important; opacity: 1 !important; transform: none !important; pointer-events: auto !important; flex: 0 0 auto; } .elementor-1146 .elementor-element.elementor-element-5516c45.mobile-ticker-list .elementor-icon-list-item::after { display: inline-block !important; } @keyframes marqueeTablet { 0% { transform: translateX(100vw); } 100% { transform: translateX(-100%); } } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-30d519dc *//* 1. ตอนปกติ (อยู่บนสุด) ให้ใช้ขนาดเดิมที่คุณตั้งใน Elementor แค่เพิ่มความสมูทตอนขยายกลับ */ .elementor-1146 .elementor-element.elementor-element-30d519dc .shrink-logo img { transition: width 0.4s ease, max-width 0.4s ease !important; } /* 2. ตอนเลื่อนหน้าจอลง (หดเล็กลง) */ .elementor-1146 .elementor-element.elementor-element-30d519dc.elementor-sticky--effects .shrink-logo img { width: 60px !important; /* 💡 ปรับขนาดที่คุณอยากให้เล็กลง ตรงตัวเลข 90px นี้ได้เลยครับ */ max-width: 90px !important; } /* 3. ทำให้แถบเมนูบางลงตามโลโก้ (ตอนเลื่อนจอ) */ .elementor-1146 .elementor-element.elementor-element-30d519dc { transition: all 0.4s ease !important; } .elementor-1146 .elementor-element.elementor-element-30d519dc.elementor-sticky--effects { padding-top: 10px !important; padding-bottom: 10px !important; background-color: rgba(255, 255, 255, 0.95) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b1457b */.elementor-1146 .elementor-element.elementor-element-9b1457b { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19546e */.elementor-1146 .elementor-element.elementor-element-a19546e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-a19546e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-a19546e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-a19546e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d24318c */.elementor-1146 .elementor-element.elementor-element-d24318c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b778c48 */.elementor-1146 .elementor-element.elementor-element-b778c48 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b778c48 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b778c48:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b778c48 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b389bc */.elementor-1146 .elementor-element.elementor-element-9b389bc { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0e2333 */.elementor-1146 .elementor-element.elementor-element-b0e2333 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b0e2333 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b0e2333:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b0e2333 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62f195c */.elementor-1146 .elementor-element.elementor-element-62f195c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-92ecd76 */.elementor-1146 .elementor-element.elementor-element-92ecd76 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-92ecd76 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-92ecd76:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-92ecd76 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f104571 */.elementor-1146 .elementor-element.elementor-element-f104571 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7b68ad1 */.elementor-1146 .elementor-element.elementor-element-7b68ad1 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-7b68ad1:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-366c201 */.elementor-1146 .elementor-element.elementor-element-366c201 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-987af36 */.elementor-1146 .elementor-element.elementor-element-987af36 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-987af36:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-987af36 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-987af36:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-987af36:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-987af36 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ec73304 */.elementor-1146 .elementor-element.elementor-element-ec73304 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44872eb */.elementor-1146 .elementor-element.elementor-element-44872eb { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-44872eb .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-44872eb:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-44872eb .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5417e80 */.elementor-1146 .elementor-element.elementor-element-5417e80 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3897bc4 */.elementor-1146 .elementor-element.elementor-element-3897bc4 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-3897bc4 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-3897bc4:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-3897bc4 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c0bbe1 */.elementor-1146 .elementor-element.elementor-element-3c0bbe1 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-088ed82 */.elementor-1146 .elementor-element.elementor-element-088ed82 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-088ed82 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-088ed82:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-088ed82 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd5a4 */.elementor-1146 .elementor-element.elementor-element-6fdd5a4 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4f62c56 */.elementor-1146 .elementor-element.elementor-element-4f62c56 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-4f62c56 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-4f62c56:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-4f62c56 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7601a22 */.elementor-1146 .elementor-element.elementor-element-7601a22 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a79354 */.elementor-1146 .elementor-element.elementor-element-8a79354 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-8a79354 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-8a79354:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-8a79354 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e3b42d5 */.elementor-1146 .elementor-element.elementor-element-e3b42d5 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-554f17e */.elementor-1146 .elementor-element.elementor-element-554f17e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-554f17e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-554f17e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-554f17e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c79a68e *//* 1. กล่องแม่ (พื้นหลังสีขาว + ตีเส้นขอบ บนและซ้าย) */ .elementor-1146 .elementor-element.elementor-element-c79a68e { background-color: #ffffff !important; /* พื้นหลังแม่เป็นสีขาวสมบูรณ์แบบ! */ gap: 0px !important; /* ปิด Gap ทิ้งไปเลย ให้กล่องลูกชิดกัน 100% */ border-top: 1px solid #ebebeb !important; border-left: 1px solid #ebebeb !important; } /* 2. กล่องลูก (พื้นหลังสีขาว + ตีเส้นขอบ ขวาและล่าง) */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * { background-color: #ffffff !important; border-right: 1px solid #ebebeb !important; border-bottom: 1px solid #ebebeb !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px !important; } /* 3. จัดการรูปภาพโลโก้ */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * img { max-width: 100%; height: auto; object-fit: contain; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b1457b */.elementor-1146 .elementor-element.elementor-element-9b1457b { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19546e */.elementor-1146 .elementor-element.elementor-element-a19546e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-a19546e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-a19546e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-a19546e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d24318c */.elementor-1146 .elementor-element.elementor-element-d24318c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b778c48 */.elementor-1146 .elementor-element.elementor-element-b778c48 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b778c48 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b778c48:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b778c48 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b389bc */.elementor-1146 .elementor-element.elementor-element-9b389bc { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0e2333 */.elementor-1146 .elementor-element.elementor-element-b0e2333 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b0e2333 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b0e2333:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b0e2333 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62f195c */.elementor-1146 .elementor-element.elementor-element-62f195c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-92ecd76 */.elementor-1146 .elementor-element.elementor-element-92ecd76 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-92ecd76 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-92ecd76:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-92ecd76 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f104571 */.elementor-1146 .elementor-element.elementor-element-f104571 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7b68ad1 */.elementor-1146 .elementor-element.elementor-element-7b68ad1 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-7b68ad1:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-366c201 */.elementor-1146 .elementor-element.elementor-element-366c201 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-987af36 */.elementor-1146 .elementor-element.elementor-element-987af36 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-987af36:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-987af36 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-987af36:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-987af36:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-987af36 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ec73304 */.elementor-1146 .elementor-element.elementor-element-ec73304 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44872eb */.elementor-1146 .elementor-element.elementor-element-44872eb { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-44872eb .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-44872eb:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-44872eb .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5417e80 */.elementor-1146 .elementor-element.elementor-element-5417e80 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3897bc4 */.elementor-1146 .elementor-element.elementor-element-3897bc4 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-3897bc4 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-3897bc4:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-3897bc4 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c0bbe1 */.elementor-1146 .elementor-element.elementor-element-3c0bbe1 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-088ed82 */.elementor-1146 .elementor-element.elementor-element-088ed82 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-088ed82 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-088ed82:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-088ed82 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd5a4 */.elementor-1146 .elementor-element.elementor-element-6fdd5a4 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4f62c56 */.elementor-1146 .elementor-element.elementor-element-4f62c56 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-4f62c56 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-4f62c56:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-4f62c56 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7601a22 */.elementor-1146 .elementor-element.elementor-element-7601a22 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a79354 */.elementor-1146 .elementor-element.elementor-element-8a79354 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-8a79354 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-8a79354:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-8a79354 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e3b42d5 */.elementor-1146 .elementor-element.elementor-element-e3b42d5 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-554f17e */.elementor-1146 .elementor-element.elementor-element-554f17e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-554f17e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-554f17e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-554f17e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c79a68e *//* 1. กล่องแม่ (พื้นหลังสีขาว + ตีเส้นขอบ บนและซ้าย) */ .elementor-1146 .elementor-element.elementor-element-c79a68e { background-color: #ffffff !important; /* พื้นหลังแม่เป็นสีขาวสมบูรณ์แบบ! */ gap: 0px !important; /* ปิด Gap ทิ้งไปเลย ให้กล่องลูกชิดกัน 100% */ border-top: 1px solid #ebebeb !important; border-left: 1px solid #ebebeb !important; } /* 2. กล่องลูก (พื้นหลังสีขาว + ตีเส้นขอบ ขวาและล่าง) */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * { background-color: #ffffff !important; border-right: 1px solid #ebebeb !important; border-bottom: 1px solid #ebebeb !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px !important; } /* 3. จัดการรูปภาพโลโก้ */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * img { max-width: 100%; height: auto; object-fit: contain; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b1457b */.elementor-1146 .elementor-element.elementor-element-9b1457b { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19546e */.elementor-1146 .elementor-element.elementor-element-a19546e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-a19546e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-a19546e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-a19546e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d24318c */.elementor-1146 .elementor-element.elementor-element-d24318c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b778c48 */.elementor-1146 .elementor-element.elementor-element-b778c48 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b778c48 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b778c48:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b778c48 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b389bc */.elementor-1146 .elementor-element.elementor-element-9b389bc { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0e2333 */.elementor-1146 .elementor-element.elementor-element-b0e2333 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b0e2333 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b0e2333:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b0e2333 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62f195c */.elementor-1146 .elementor-element.elementor-element-62f195c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-92ecd76 */.elementor-1146 .elementor-element.elementor-element-92ecd76 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-92ecd76 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-92ecd76:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-92ecd76 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f104571 */.elementor-1146 .elementor-element.elementor-element-f104571 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7b68ad1 */.elementor-1146 .elementor-element.elementor-element-7b68ad1 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-7b68ad1:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-366c201 */.elementor-1146 .elementor-element.elementor-element-366c201 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-987af36 */.elementor-1146 .elementor-element.elementor-element-987af36 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-987af36:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-987af36 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-987af36:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-987af36:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-987af36 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ec73304 */.elementor-1146 .elementor-element.elementor-element-ec73304 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44872eb */.elementor-1146 .elementor-element.elementor-element-44872eb { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-44872eb .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-44872eb:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-44872eb .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5417e80 */.elementor-1146 .elementor-element.elementor-element-5417e80 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3897bc4 */.elementor-1146 .elementor-element.elementor-element-3897bc4 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-3897bc4 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-3897bc4:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-3897bc4 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c0bbe1 */.elementor-1146 .elementor-element.elementor-element-3c0bbe1 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-088ed82 */.elementor-1146 .elementor-element.elementor-element-088ed82 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-088ed82 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-088ed82:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-088ed82 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd5a4 */.elementor-1146 .elementor-element.elementor-element-6fdd5a4 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4f62c56 */.elementor-1146 .elementor-element.elementor-element-4f62c56 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-4f62c56 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-4f62c56:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-4f62c56 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7601a22 */.elementor-1146 .elementor-element.elementor-element-7601a22 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a79354 */.elementor-1146 .elementor-element.elementor-element-8a79354 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-8a79354 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-8a79354:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-8a79354 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e3b42d5 */.elementor-1146 .elementor-element.elementor-element-e3b42d5 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-554f17e */.elementor-1146 .elementor-element.elementor-element-554f17e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-554f17e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-554f17e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-554f17e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c79a68e *//* 1. กล่องแม่ (พื้นหลังสีขาว + ตีเส้นขอบ บนและซ้าย) */ .elementor-1146 .elementor-element.elementor-element-c79a68e { background-color: #ffffff !important; /* พื้นหลังแม่เป็นสีขาวสมบูรณ์แบบ! */ gap: 0px !important; /* ปิด Gap ทิ้งไปเลย ให้กล่องลูกชิดกัน 100% */ border-top: 1px solid #ebebeb !important; border-left: 1px solid #ebebeb !important; } /* 2. กล่องลูก (พื้นหลังสีขาว + ตีเส้นขอบ ขวาและล่าง) */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * { background-color: #ffffff !important; border-right: 1px solid #ebebeb !important; border-bottom: 1px solid #ebebeb !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px !important; } /* 3. จัดการรูปภาพโลโก้ */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * img { max-width: 100%; height: auto; object-fit: contain; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b1457b */.elementor-1146 .elementor-element.elementor-element-9b1457b { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19546e */.elementor-1146 .elementor-element.elementor-element-a19546e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-a19546e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-a19546e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-a19546e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d24318c */.elementor-1146 .elementor-element.elementor-element-d24318c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b778c48 */.elementor-1146 .elementor-element.elementor-element-b778c48 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b778c48 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b778c48:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b778c48 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b389bc */.elementor-1146 .elementor-element.elementor-element-9b389bc { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0e2333 */.elementor-1146 .elementor-element.elementor-element-b0e2333 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b0e2333 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b0e2333:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b0e2333 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62f195c */.elementor-1146 .elementor-element.elementor-element-62f195c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-92ecd76 */.elementor-1146 .elementor-element.elementor-element-92ecd76 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-92ecd76 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-92ecd76:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-92ecd76 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f104571 */.elementor-1146 .elementor-element.elementor-element-f104571 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7b68ad1 */.elementor-1146 .elementor-element.elementor-element-7b68ad1 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-7b68ad1:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-366c201 */.elementor-1146 .elementor-element.elementor-element-366c201 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-987af36 */.elementor-1146 .elementor-element.elementor-element-987af36 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-987af36:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-987af36 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-987af36:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-987af36:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-987af36 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ec73304 */.elementor-1146 .elementor-element.elementor-element-ec73304 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44872eb */.elementor-1146 .elementor-element.elementor-element-44872eb { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-44872eb .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-44872eb:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-44872eb .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5417e80 */.elementor-1146 .elementor-element.elementor-element-5417e80 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3897bc4 */.elementor-1146 .elementor-element.elementor-element-3897bc4 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-3897bc4 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-3897bc4:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-3897bc4 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c0bbe1 */.elementor-1146 .elementor-element.elementor-element-3c0bbe1 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-088ed82 */.elementor-1146 .elementor-element.elementor-element-088ed82 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-088ed82 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-088ed82:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-088ed82 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd5a4 */.elementor-1146 .elementor-element.elementor-element-6fdd5a4 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4f62c56 */.elementor-1146 .elementor-element.elementor-element-4f62c56 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-4f62c56 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-4f62c56:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-4f62c56 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7601a22 */.elementor-1146 .elementor-element.elementor-element-7601a22 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a79354 */.elementor-1146 .elementor-element.elementor-element-8a79354 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-8a79354 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-8a79354:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-8a79354 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e3b42d5 */.elementor-1146 .elementor-element.elementor-element-e3b42d5 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-554f17e */.elementor-1146 .elementor-element.elementor-element-554f17e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-554f17e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-554f17e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-554f17e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c79a68e *//* 1. กล่องแม่ (พื้นหลังสีขาว + ตีเส้นขอบ บนและซ้าย) */ .elementor-1146 .elementor-element.elementor-element-c79a68e { background-color: #ffffff !important; /* พื้นหลังแม่เป็นสีขาวสมบูรณ์แบบ! */ gap: 0px !important; /* ปิด Gap ทิ้งไปเลย ให้กล่องลูกชิดกัน 100% */ border-top: 1px solid #ebebeb !important; border-left: 1px solid #ebebeb !important; } /* 2. กล่องลูก (พื้นหลังสีขาว + ตีเส้นขอบ ขวาและล่าง) */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * { background-color: #ffffff !important; border-right: 1px solid #ebebeb !important; border-bottom: 1px solid #ebebeb !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px !important; } /* 3. จัดการรูปภาพโลโก้ */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * img { max-width: 100%; height: auto; object-fit: contain; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b1457b */.elementor-1146 .elementor-element.elementor-element-9b1457b { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19546e */.elementor-1146 .elementor-element.elementor-element-a19546e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-a19546e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-a19546e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-a19546e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d24318c */.elementor-1146 .elementor-element.elementor-element-d24318c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b778c48 */.elementor-1146 .elementor-element.elementor-element-b778c48 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b778c48 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b778c48:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b778c48 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b389bc */.elementor-1146 .elementor-element.elementor-element-9b389bc { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0e2333 */.elementor-1146 .elementor-element.elementor-element-b0e2333 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b0e2333 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b0e2333:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b0e2333 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62f195c */.elementor-1146 .elementor-element.elementor-element-62f195c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-92ecd76 */.elementor-1146 .elementor-element.elementor-element-92ecd76 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-92ecd76 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-92ecd76:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-92ecd76 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f104571 */.elementor-1146 .elementor-element.elementor-element-f104571 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7b68ad1 */.elementor-1146 .elementor-element.elementor-element-7b68ad1 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-7b68ad1:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-366c201 */.elementor-1146 .elementor-element.elementor-element-366c201 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-987af36 */.elementor-1146 .elementor-element.elementor-element-987af36 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-987af36:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-987af36 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-987af36:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-987af36:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-987af36 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ec73304 */.elementor-1146 .elementor-element.elementor-element-ec73304 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44872eb */.elementor-1146 .elementor-element.elementor-element-44872eb { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-44872eb .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-44872eb:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-44872eb .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5417e80 */.elementor-1146 .elementor-element.elementor-element-5417e80 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3897bc4 */.elementor-1146 .elementor-element.elementor-element-3897bc4 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-3897bc4 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-3897bc4:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-3897bc4 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c0bbe1 */.elementor-1146 .elementor-element.elementor-element-3c0bbe1 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-088ed82 */.elementor-1146 .elementor-element.elementor-element-088ed82 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-088ed82 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-088ed82:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-088ed82 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd5a4 */.elementor-1146 .elementor-element.elementor-element-6fdd5a4 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4f62c56 */.elementor-1146 .elementor-element.elementor-element-4f62c56 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-4f62c56 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-4f62c56:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-4f62c56 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7601a22 */.elementor-1146 .elementor-element.elementor-element-7601a22 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a79354 */.elementor-1146 .elementor-element.elementor-element-8a79354 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-8a79354 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-8a79354:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-8a79354 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e3b42d5 */.elementor-1146 .elementor-element.elementor-element-e3b42d5 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-554f17e */.elementor-1146 .elementor-element.elementor-element-554f17e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-554f17e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-554f17e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-554f17e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c79a68e *//* 1. กล่องแม่ (พื้นหลังสีขาว + ตีเส้นขอบ บนและซ้าย) */ .elementor-1146 .elementor-element.elementor-element-c79a68e { background-color: #ffffff !important; /* พื้นหลังแม่เป็นสีขาวสมบูรณ์แบบ! */ gap: 0px !important; /* ปิด Gap ทิ้งไปเลย ให้กล่องลูกชิดกัน 100% */ border-top: 1px solid #ebebeb !important; border-left: 1px solid #ebebeb !important; } /* 2. กล่องลูก (พื้นหลังสีขาว + ตีเส้นขอบ ขวาและล่าง) */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * { background-color: #ffffff !important; border-right: 1px solid #ebebeb !important; border-bottom: 1px solid #ebebeb !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px !important; } /* 3. จัดการรูปภาพโลโก้ */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * img { max-width: 100%; height: auto; object-fit: contain; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b1457b */.elementor-1146 .elementor-element.elementor-element-9b1457b { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19546e */.elementor-1146 .elementor-element.elementor-element-a19546e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-a19546e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-a19546e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-a19546e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d24318c */.elementor-1146 .elementor-element.elementor-element-d24318c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b778c48 */.elementor-1146 .elementor-element.elementor-element-b778c48 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b778c48 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b778c48:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b778c48 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b389bc */.elementor-1146 .elementor-element.elementor-element-9b389bc { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0e2333 */.elementor-1146 .elementor-element.elementor-element-b0e2333 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b0e2333 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b0e2333:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b0e2333 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62f195c */.elementor-1146 .elementor-element.elementor-element-62f195c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-92ecd76 */.elementor-1146 .elementor-element.elementor-element-92ecd76 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-92ecd76 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-92ecd76:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-92ecd76 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f104571 */.elementor-1146 .elementor-element.elementor-element-f104571 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7b68ad1 */.elementor-1146 .elementor-element.elementor-element-7b68ad1 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-7b68ad1:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-366c201 */.elementor-1146 .elementor-element.elementor-element-366c201 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-987af36 */.elementor-1146 .elementor-element.elementor-element-987af36 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-987af36:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-987af36 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-987af36:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-987af36:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-987af36 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ec73304 */.elementor-1146 .elementor-element.elementor-element-ec73304 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44872eb */.elementor-1146 .elementor-element.elementor-element-44872eb { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-44872eb .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-44872eb:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-44872eb .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5417e80 */.elementor-1146 .elementor-element.elementor-element-5417e80 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3897bc4 */.elementor-1146 .elementor-element.elementor-element-3897bc4 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-3897bc4 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-3897bc4:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-3897bc4 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c0bbe1 */.elementor-1146 .elementor-element.elementor-element-3c0bbe1 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-088ed82 */.elementor-1146 .elementor-element.elementor-element-088ed82 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-088ed82 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-088ed82:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-088ed82 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd5a4 */.elementor-1146 .elementor-element.elementor-element-6fdd5a4 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4f62c56 */.elementor-1146 .elementor-element.elementor-element-4f62c56 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-4f62c56 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-4f62c56:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-4f62c56 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7601a22 */.elementor-1146 .elementor-element.elementor-element-7601a22 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a79354 */.elementor-1146 .elementor-element.elementor-element-8a79354 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-8a79354 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-8a79354:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-8a79354 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e3b42d5 */.elementor-1146 .elementor-element.elementor-element-e3b42d5 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-554f17e */.elementor-1146 .elementor-element.elementor-element-554f17e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-554f17e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-554f17e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-554f17e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c79a68e *//* 1. กล่องแม่ (พื้นหลังสีขาว + ตีเส้นขอบ บนและซ้าย) */ .elementor-1146 .elementor-element.elementor-element-c79a68e { background-color: #ffffff !important; /* พื้นหลังแม่เป็นสีขาวสมบูรณ์แบบ! */ gap: 0px !important; /* ปิด Gap ทิ้งไปเลย ให้กล่องลูกชิดกัน 100% */ border-top: 1px solid #ebebeb !important; border-left: 1px solid #ebebeb !important; } /* 2. กล่องลูก (พื้นหลังสีขาว + ตีเส้นขอบ ขวาและล่าง) */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * { background-color: #ffffff !important; border-right: 1px solid #ebebeb !important; border-bottom: 1px solid #ebebeb !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px !important; } /* 3. จัดการรูปภาพโลโก้ */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * img { max-width: 100%; height: auto; object-fit: contain; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b1457b */.elementor-1146 .elementor-element.elementor-element-9b1457b { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19546e */.elementor-1146 .elementor-element.elementor-element-a19546e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-a19546e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-a19546e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-a19546e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d24318c */.elementor-1146 .elementor-element.elementor-element-d24318c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b778c48 */.elementor-1146 .elementor-element.elementor-element-b778c48 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b778c48 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b778c48:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b778c48 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b389bc */.elementor-1146 .elementor-element.elementor-element-9b389bc { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0e2333 */.elementor-1146 .elementor-element.elementor-element-b0e2333 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b0e2333 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b0e2333:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b0e2333 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62f195c */.elementor-1146 .elementor-element.elementor-element-62f195c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-92ecd76 */.elementor-1146 .elementor-element.elementor-element-92ecd76 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-92ecd76 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-92ecd76:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-92ecd76 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f104571 */.elementor-1146 .elementor-element.elementor-element-f104571 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7b68ad1 */.elementor-1146 .elementor-element.elementor-element-7b68ad1 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-7b68ad1:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-366c201 */.elementor-1146 .elementor-element.elementor-element-366c201 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-987af36 */.elementor-1146 .elementor-element.elementor-element-987af36 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-987af36:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-987af36 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-987af36:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-987af36:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-987af36 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ec73304 */.elementor-1146 .elementor-element.elementor-element-ec73304 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44872eb */.elementor-1146 .elementor-element.elementor-element-44872eb { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-44872eb .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-44872eb:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-44872eb .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5417e80 */.elementor-1146 .elementor-element.elementor-element-5417e80 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3897bc4 */.elementor-1146 .elementor-element.elementor-element-3897bc4 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-3897bc4 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-3897bc4:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-3897bc4 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c0bbe1 */.elementor-1146 .elementor-element.elementor-element-3c0bbe1 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-088ed82 */.elementor-1146 .elementor-element.elementor-element-088ed82 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-088ed82 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-088ed82:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-088ed82 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd5a4 */.elementor-1146 .elementor-element.elementor-element-6fdd5a4 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4f62c56 */.elementor-1146 .elementor-element.elementor-element-4f62c56 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-4f62c56 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-4f62c56:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-4f62c56 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7601a22 */.elementor-1146 .elementor-element.elementor-element-7601a22 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a79354 */.elementor-1146 .elementor-element.elementor-element-8a79354 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-8a79354 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-8a79354:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-8a79354 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e3b42d5 */.elementor-1146 .elementor-element.elementor-element-e3b42d5 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-554f17e */.elementor-1146 .elementor-element.elementor-element-554f17e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-554f17e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-554f17e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-554f17e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c79a68e *//* 1. กล่องแม่ (พื้นหลังสีขาว + ตีเส้นขอบ บนและซ้าย) */ .elementor-1146 .elementor-element.elementor-element-c79a68e { background-color: #ffffff !important; /* พื้นหลังแม่เป็นสีขาวสมบูรณ์แบบ! */ gap: 0px !important; /* ปิด Gap ทิ้งไปเลย ให้กล่องลูกชิดกัน 100% */ border-top: 1px solid #ebebeb !important; border-left: 1px solid #ebebeb !important; } /* 2. กล่องลูก (พื้นหลังสีขาว + ตีเส้นขอบ ขวาและล่าง) */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * { background-color: #ffffff !important; border-right: 1px solid #ebebeb !important; border-bottom: 1px solid #ebebeb !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px !important; } /* 3. จัดการรูปภาพโลโก้ */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * img { max-width: 100%; height: auto; object-fit: contain; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b1457b */.elementor-1146 .elementor-element.elementor-element-9b1457b { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19546e */.elementor-1146 .elementor-element.elementor-element-a19546e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-a19546e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-a19546e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-a19546e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d24318c */.elementor-1146 .elementor-element.elementor-element-d24318c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b778c48 */.elementor-1146 .elementor-element.elementor-element-b778c48 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b778c48 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b778c48:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b778c48 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b389bc */.elementor-1146 .elementor-element.elementor-element-9b389bc { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0e2333 */.elementor-1146 .elementor-element.elementor-element-b0e2333 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b0e2333 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b0e2333:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b0e2333 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62f195c */.elementor-1146 .elementor-element.elementor-element-62f195c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-92ecd76 */.elementor-1146 .elementor-element.elementor-element-92ecd76 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-92ecd76 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-92ecd76:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-92ecd76 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f104571 */.elementor-1146 .elementor-element.elementor-element-f104571 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7b68ad1 */.elementor-1146 .elementor-element.elementor-element-7b68ad1 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-7b68ad1:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-366c201 */.elementor-1146 .elementor-element.elementor-element-366c201 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-987af36 */.elementor-1146 .elementor-element.elementor-element-987af36 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-987af36:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-987af36 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-987af36:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-987af36:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-987af36 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ec73304 */.elementor-1146 .elementor-element.elementor-element-ec73304 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44872eb */.elementor-1146 .elementor-element.elementor-element-44872eb { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-44872eb .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-44872eb:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-44872eb .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5417e80 */.elementor-1146 .elementor-element.elementor-element-5417e80 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3897bc4 */.elementor-1146 .elementor-element.elementor-element-3897bc4 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-3897bc4 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-3897bc4:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-3897bc4 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c0bbe1 */.elementor-1146 .elementor-element.elementor-element-3c0bbe1 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-088ed82 */.elementor-1146 .elementor-element.elementor-element-088ed82 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-088ed82 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-088ed82:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-088ed82 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd5a4 */.elementor-1146 .elementor-element.elementor-element-6fdd5a4 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4f62c56 */.elementor-1146 .elementor-element.elementor-element-4f62c56 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-4f62c56 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-4f62c56:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-4f62c56 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7601a22 */.elementor-1146 .elementor-element.elementor-element-7601a22 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a79354 */.elementor-1146 .elementor-element.elementor-element-8a79354 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-8a79354 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-8a79354:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-8a79354 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e3b42d5 */.elementor-1146 .elementor-element.elementor-element-e3b42d5 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-554f17e */.elementor-1146 .elementor-element.elementor-element-554f17e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-554f17e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-554f17e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-554f17e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c79a68e *//* 1. กล่องแม่ (พื้นหลังสีขาว + ตีเส้นขอบ บนและซ้าย) */ .elementor-1146 .elementor-element.elementor-element-c79a68e { background-color: #ffffff !important; /* พื้นหลังแม่เป็นสีขาวสมบูรณ์แบบ! */ gap: 0px !important; /* ปิด Gap ทิ้งไปเลย ให้กล่องลูกชิดกัน 100% */ border-top: 1px solid #ebebeb !important; border-left: 1px solid #ebebeb !important; } /* 2. กล่องลูก (พื้นหลังสีขาว + ตีเส้นขอบ ขวาและล่าง) */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * { background-color: #ffffff !important; border-right: 1px solid #ebebeb !important; border-bottom: 1px solid #ebebeb !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px !important; } /* 3. จัดการรูปภาพโลโก้ */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * img { max-width: 100%; height: auto; object-fit: contain; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b1457b */.elementor-1146 .elementor-element.elementor-element-9b1457b { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a19546e */.elementor-1146 .elementor-element.elementor-element-a19546e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-a19546e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-a19546e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-a19546e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-a19546e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d24318c */.elementor-1146 .elementor-element.elementor-element-d24318c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b778c48 */.elementor-1146 .elementor-element.elementor-element-b778c48 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b778c48 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b778c48:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b778c48:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b778c48 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b389bc */.elementor-1146 .elementor-element.elementor-element-9b389bc { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0e2333 */.elementor-1146 .elementor-element.elementor-element-b0e2333 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-b0e2333 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-b0e2333:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-b0e2333:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-b0e2333 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62f195c */.elementor-1146 .elementor-element.elementor-element-62f195c { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-92ecd76 */.elementor-1146 .elementor-element.elementor-element-92ecd76 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-92ecd76 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-92ecd76:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-92ecd76:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-92ecd76 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f104571 */.elementor-1146 .elementor-element.elementor-element-f104571 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7b68ad1 */.elementor-1146 .elementor-element.elementor-element-7b68ad1 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-7b68ad1:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-7b68ad1:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-7b68ad1 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-366c201 */.elementor-1146 .elementor-element.elementor-element-366c201 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-987af36 */.elementor-1146 .elementor-element.elementor-element-987af36 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-987af36:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-987af36 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-987af36:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-987af36:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-987af36 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ec73304 */.elementor-1146 .elementor-element.elementor-element-ec73304 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44872eb */.elementor-1146 .elementor-element.elementor-element-44872eb { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-44872eb .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-44872eb:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-44872eb:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-44872eb .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5417e80 */.elementor-1146 .elementor-element.elementor-element-5417e80 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3897bc4 */.elementor-1146 .elementor-element.elementor-element-3897bc4 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-3897bc4 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-3897bc4:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-3897bc4:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-3897bc4 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c0bbe1 */.elementor-1146 .elementor-element.elementor-element-3c0bbe1 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-088ed82 */.elementor-1146 .elementor-element.elementor-element-088ed82 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-088ed82 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-088ed82:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-088ed82:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-088ed82 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fdd5a4 */.elementor-1146 .elementor-element.elementor-element-6fdd5a4 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4f62c56 */.elementor-1146 .elementor-element.elementor-element-4f62c56 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-4f62c56 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-4f62c56:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-4f62c56:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-4f62c56 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7601a22 */.elementor-1146 .elementor-element.elementor-element-7601a22 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a79354 */.elementor-1146 .elementor-element.elementor-element-8a79354 { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-8a79354 .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-8a79354:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-8a79354:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-8a79354 .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e3b42d5 */.elementor-1146 .elementor-element.elementor-element-e3b42d5 { aspect-ratio: 4/3; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-554f17e */.elementor-1146 .elementor-element.elementor-element-554f17e { --blob-size: 250px; transition: box-shadow 0.3s ease; overflow: hidden; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover { z-index: 10; } .elementor-1146 .elementor-element.elementor-element-554f17e .img { transition: transform 0.4s ease; } .elementor-1146 .elementor-element.elementor-element-554f17e:hover .img { transform: scale(1.1); } .elementor-1146 .elementor-element.elementor-element-554f17e:active .img { transform: scale(1.15); } .elementor-1146 .elementor-element.elementor-element-554f17e .mycontent { background: rgba(255, 255, 255, 1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); height: 100%; transform: translateZ(0); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c79a68e *//* 1. กล่องแม่ (พื้นหลังสีขาว + ตีเส้นขอบ บนและซ้าย) */ .elementor-1146 .elementor-element.elementor-element-c79a68e { background-color: #ffffff !important; /* พื้นหลังแม่เป็นสีขาวสมบูรณ์แบบ! */ gap: 0px !important; /* ปิด Gap ทิ้งไปเลย ให้กล่องลูกชิดกัน 100% */ border-top: 1px solid #ebebeb !important; border-left: 1px solid #ebebeb !important; } /* 2. กล่องลูก (พื้นหลังสีขาว + ตีเส้นขอบ ขวาและล่าง) */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * { background-color: #ffffff !important; border-right: 1px solid #ebebeb !important; border-bottom: 1px solid #ebebeb !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px !important; } /* 3. จัดการรูปภาพโลโก้ */ .elementor-1146 .elementor-element.elementor-element-c79a68e > * img { max-width: 100%; height: auto; object-fit: contain; }/* End custom CSS */ /* Start custom CSS for mega-menu, class: .elementor-element-11c8e87 */.elementor-1146 .elementor-element.elementor-element-11c8e87 .current-menu-item > a, .elementor-1146 .elementor-element.elementor-element-11c8e87 .current_page_item > a { color: #ba0c0c !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-644fa4a *//* 1. ตอนปกติ (อยู่บนสุด) ให้ใช้ขนาดเดิมที่คุณตั้งใน Elementor แค่เพิ่มความสมูทตอนขยายกลับ */ .elementor-1146 .elementor-element.elementor-element-644fa4a .shrink-logo img { transition: width 0.4s ease, max-width 0.4s ease !important; } /* 2. ตอนเลื่อนหน้าจอลง (หดเล็กลง) */ .elementor-1146 .elementor-element.elementor-element-644fa4a.elementor-sticky--effects .shrink-logo img { width: 60px !important; /* 💡 ปรับขนาดที่คุณอยากให้เล็กลง ตรงตัวเลข 90px นี้ได้เลยครับ */ max-width: 90px !important; } /* 3. ทำให้แถบเมนูบางลงตามโลโก้ (ตอนเลื่อนจอ) */ .elementor-1146 .elementor-element.elementor-element-644fa4a { transition: all 0.4s ease !important; } .elementor-1146 .elementor-element.elementor-element-644fa4a.elementor-sticky--effects { padding-top: 10px !important; padding-bottom: 10px !important; background-color: rgba(255, 255, 255, 0.95) !important; } .my-custom-header { position: relative !important; z-index: 9999 !important; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-9aafc0f */.custom-grid-menu div > ul, .custom-grid-menu nav > ul, .custom-grid-menu .elementor-widget-container > ul { display: block !important; column-count: 2 !important; column-gap: 15px !important; padding: 0 !important; margin: 0 !important; list-style: none !important; } .custom-grid-menu ul li { break-inside: avoid !important; page-break-inside: avoid !important; display: block !important; width: 100% !important; margin: 0 0 20px 0 !important; padding: 0 !important; } .custom-grid-menu ul.sub-menu li { margin: 0 0 0px 0 !important; } .custom-grid-menu ul li a { display: flex !important; align-items: center !important; position: relative; padding: 6px 15px 6px 35px !important; text-decoration: none !important; transition: all 0.3s ease !important; width: 100%; box-sizing: border-box; } .custom-grid-menu ul li a::before { content: ''; position: absolute; left: 5px; width: 18px; height: 18px; background-image: url('https://thongthaichote.com/wp-content/uploads/2026/06/arrow-up-right-svgrepo-com.svg'); background-color: transparent !important; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0; transform: translate(-10px, 10px); transition: all 0.3s ease; pointer-events: none; } .custom-grid-menu ul li a:hover::before { opacity: 1; transform: translate(0, 0); } .custom-grid-menu ul.sub-menu li a::before, .custom-grid-menu ul.sub-menu li a::after, .custom-grid-menu ul li a::after { display: none !important; } .custom-grid-menu ul li a:hover { color: #CE0000 !important; } .custom-grid-menu ul.sub-menu li a { color: #5D5F60 !important; } .custom-grid-menu ul.sub-menu li a:hover { color: #CE0000 !important; background: #F9F9F9; } .custom-grid-menu ul.sub-menu { display: block !important; position: relative !important; width: 100%; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s ease, opacity 0.4s ease, margin 0.4s ease !important; background: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; margin: 0 !important; top: 0 !important; left: 0 !important; } .custom-grid-menu ul li:hover > ul.sub-menu { max-height: 1000px; opacity: 1; margin-top: 2px !important; padding-bottom: 5px !important; } .custom-grid-menu ul li.menu-item-has-children > a .sub-arrow i, .custom-grid-menu ul li.menu-item-has-children > a .sub-arrow svg { display: none !important; } .custom-grid-menu ul li.menu-item-has-children > a .sub-arrow { display: flex !important; position: relative; align-items: center; justify-content: center; margin-left: auto !important; width: 14px; height: 14px; } .custom-grid-menu ul li.menu-item-has-children > a .sub-arrow::before, .custom-grid-menu ul li.menu-item-has-children > a .sub-arrow::after { content: ''; position: absolute; background-color: currentColor; border-radius: 4px; transition: transform 0.3s ease; } .custom-grid-menu ul li.menu-item-has-children > a .sub-arrow::before { width: 14px; height: 3px; } .custom-grid-menu ul li.menu-item-has-children > a .sub-arrow::after { width: 3px; height: 14px; } .custom-grid-menu ul li.menu-item-has-children:hover > a .sub-arrow::after { transform: scaleY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fba83ae */.elementor-1146 .elementor-element.elementor-element-fba83ae { /* เปลี่ยนเลข 70px ให้เท่ากับความสูงจริงๆ ของ Header-m ของคุณ */ --header-height: 70px; } /* บังคับให้แผง Off-canvas เริ่มต้นใต้ Header และลดความสูงลงไม่ให้ล้นจอ */ .elementor-1146 .elementor-element.elementor-element-fba83ae .[ใส่ชื่อคลาสของแผงออฟแคนวาส] { top: var(--header-height) !important; height: calc(100vh - var(--header-height)) !important; }/* End custom CSS */