.elementor-31 .elementor-element.elementor-element-7b9c29d{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-497794b3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-74px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:8;}.elementor-31 .elementor-element.elementor-element-68607b17{--display:flex;--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;}.elementor-widget-image .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-31 .elementor-element.elementor-element-47e9c2fa{--display:flex;--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;}.elementor-31 .elementor-element.elementor-element-14380c02{--display:flex;--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;--margin-top:-121px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-1dbc8965{--display:flex;border-style:solid;--border-style:solid;border-color:#0AA875;--border-color:#0AA875;--border-radius:25px 25px 25px 25px;}.elementor-31 .elementor-element.elementor-element-1dbc8965:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-1dbc8965 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #01200FD6 0%, #000000D4 100%);}.elementor-31 .elementor-element.elementor-element-a1b08b4{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:120px;--padding-bottom:80px;--padding-left:35px;--padding-right:35px;}.elementor-31 .elementor-element.elementor-element-3c91eaa0 img{border-radius:20px 20px 20px 20px;}.elementor-31 .elementor-element.elementor-element-9688e74 img{border-radius:20px 20px 20px 20px;}.elementor-31 .elementor-element.elementor-element-7da465b4 img{border-radius:20px 20px 20px 20px;}.elementor-31 .elementor-element.elementor-element-57630f3e img{border-radius:20px 20px 20px 20px;}.elementor-31 .elementor-element.elementor-element-7fa69fd3{--display:flex;--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;}.elementor-31 .elementor-element.elementor-element-6ed68c63{--display:flex;border-style:solid;--border-style:solid;border-color:#099765;--border-color:#099765;--border-radius:15px 15px 15px 15px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-31 .elementor-element.elementor-element-6ed68c63:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-6ed68c63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-56404ae9{text-align:center;}.elementor-31 .elementor-element.elementor-element-56404ae9 .elementor-heading-title{font-family:"Mitr", Sans-serif;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-7a5ed942{--display:flex;--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;}.elementor-31 .elementor-element.elementor-element-15463ca{--display:flex;border-style:solid;--border-style:solid;border-color:#099765;--border-color:#099765;--border-radius:15px 15px 15px 15px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-31 .elementor-element.elementor-element-15463ca:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-15463ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.elementor-31 .elementor-element.elementor-element-5453e23d{text-align:center;}.elementor-31 .elementor-element.elementor-element-5453e23d .elementor-heading-title{font-family:"Mitr", Sans-serif;font-weight:600;}.elementor-widget-uael-table-of-contents .uael-toc-heading, .elementor-widget-uael-table-of-contents .uael-toc-switch .uael-icon{color:var( --e-global-color-primary );}.elementor-widget-uael-table-of-contents .uael-toc-heading, .elementor-widget-uael-table-of-contents .uael-toc-heading a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-uael-table-of-contents .uael-toc-content-wrapper, .elementor-widget-uael-table-of-contents .uael-toc-empty-note{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-uael-table-of-contents .uael-toc-content-wrapper a, .elementor-widget-uael-table-of-contents .uael-toc-list li, .elementor-widget-uael-table-of-contents .uael-toc-empty-note{color:var( --e-global-color-secondary );}.elementor-widget-uael-table-of-contents .uael-toc-content-wrapper a:hover{color:var( --e-global-color-accent );}.elementor-31 .elementor-element.elementor-element-509350cb .uael-toc-heading{text-align:left;}.elementor-31 .elementor-element.elementor-element-509350cb .uael-toc-list li{margin-top:15px;}.elementor-31 .elementor-element.elementor-element-509350cb .uael-toc-content-wrapper #toc-li-0{margin-top:0px;}.elementor-31 .elementor-element.elementor-element-509350cb .uael-toc-wrapper{padding:40px 40px 40px 40px;}.elementor-31 .elementor-element.elementor-element-509350cb .uael-toc-content-wrapper a, .elementor-31 .elementor-element.elementor-element-509350cb .uael-toc-list li, .elementor-31 .elementor-element.elementor-element-509350cb .uael-toc-empty-note{color:#E7E7E7;}.elementor-31 .elementor-element.elementor-element-292cfe3d{--display:flex;--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;}.elementor-31 .elementor-element.elementor-element-7aafacf5{--display:flex;border-style:solid;--border-style:solid;border-color:#099765;--border-color:#099765;--border-radius:15px 15px 15px 15px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-31 .elementor-element.elementor-element-7aafacf5:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-7aafacf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.elementor-31 .elementor-element.elementor-element-606be531{text-align:center;}.elementor-31 .elementor-element.elementor-element-606be531 .elementor-heading-title{font-family:"Mitr", Sans-serif;font-weight:600;}.elementor-31 .elementor-element.elementor-element-32039d32{text-align:center;}.elementor-31 .elementor-element.elementor-element-32039d32 .elementor-heading-title{font-family:"Mitr", Sans-serif;font-weight:600;}.elementor-31 .elementor-element.elementor-element-247bc79b{text-align:center;}.elementor-31 .elementor-element.elementor-element-247bc79b .elementor-heading-title{font-family:"Mitr", Sans-serif;font-weight:600;}.elementor-31 .elementor-element.elementor-element-5acdc753{--display:flex;--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;}.elementor-31 .elementor-element.elementor-element-4196e443{--display:flex;border-style:solid;--border-style:solid;border-color:#099765;--border-color:#099765;--border-radius:15px 15px 15px 15px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-31 .elementor-element.elementor-element-4196e443:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-4196e443 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.elementor-31 .elementor-element.elementor-element-787b128a{text-align:center;}.elementor-31 .elementor-element.elementor-element-787b128a .elementor-heading-title{font-family:"Mitr", Sans-serif;font-weight:600;}.elementor-31 .elementor-element.elementor-element-4822d5b9{--display:flex;--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;}.elementor-31 .elementor-element.elementor-element-4ec63d30{--display:flex;border-style:solid;--border-style:solid;border-color:#099765;--border-color:#099765;--border-radius:15px 15px 15px 15px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-31 .elementor-element.elementor-element-4ec63d30:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-4ec63d30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.elementor-31 .elementor-element.elementor-element-610e11c4{text-align:center;}.elementor-31 .elementor-element.elementor-element-610e11c4 .elementor-heading-title{font-family:"Mitr", Sans-serif;font-weight:600;}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title .uael-question-span, .elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title .uael-accordion-icon{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title .uael-question-span, .elementor-widget-uael-faq .uael-accordion-icon-closed, .elementor-widget-uael-faq span.uael-accordion-icon-opened{color:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-accordion-icon-closed, .elementor-widget-uael-faq span.uael-accordion-icon-opened{fill:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title.uael-title-active .uael-question-span, .elementor-widget-uael-faq span.uael-accordion-icon-opened{color:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title .uael-question-span:hover, .elementor-widget-uael-faq .uael-accordion-icon-closed:hover{color:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-accordion-icon-closed:hover{fill:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title.uael-title-active:hover .uael-question-span, .elementor-widget-uael-faq span.uael-accordion-icon-opened:hover{color:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-content{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-content:hover{color:var( --e-global-color-text );} .elementor-widget-uael-faq .uael-accordion-icon-closed{color:var( --e-global-color-primary );}.elementor-widget-uael-faq .uael-accordion-icon-closed{fill:var( --e-global-color-primary );}.elementor-widget-uael-faq span.uael-accordion-icon-opened{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-faq-container > .uael-faq-accordion:not(:last-child){margin-bottom:10px;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-faq-wrapper .uael-faq-container .uael-faq-accordion{border-style:solid;border-width:1px 1px 1px 1px;border-color:#D4D4D4;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-faq-container .uael-faq-accordion .uael-accordion-content{border-top-color:#D4D4D4;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-faq-container .uael-faq-accordion{border-radius:1px 1px 1px 1px;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-faq-accordion .uael-accordion-title .uael-question-span, .elementor-31 .elementor-element.elementor-element-5891cb2d .uael-accordion-icon-closed, .elementor-31 .elementor-element.elementor-element-5891cb2d span.uael-accordion-icon-opened{color:#6EE4CD;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-accordion-icon-closed, .elementor-31 .elementor-element.elementor-element-5891cb2d span.uael-accordion-icon-opened{fill:#6EE4CD;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-faq-accordion .uael-accordion-title.uael-title-active .uael-question-span, .elementor-31 .elementor-element.elementor-element-5891cb2d span.uael-accordion-icon-opened{color:#03CE5C;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-faq-accordion .uael-accordion-title .uael-question-span:hover, .elementor-31 .elementor-element.elementor-element-5891cb2d .uael-accordion-icon-closed:hover{color:#057C42;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-accordion-icon-closed:hover{fill:#057C42;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-faq-accordion .uael-accordion-title.uael-title-active:hover .uael-question-span, .elementor-31 .elementor-element.elementor-element-5891cb2d span.uael-accordion-icon-opened:hover{color:#00BE67;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-faq-accordion .uael-accordion-title{padding:10px 10px 10px 10px;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-faq-accordion .uael-accordion-content{color:#F3F3F3;padding:10px 10px 10px 10px;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-faq-wrapper .uael-accordion-title .uael-accordion-icon{font-size:16px;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-faq-wrapper .uael-accordion-title .uael-accordion-icon svg{height:16px;width:16px;} .elementor-31 .elementor-element.elementor-element-5891cb2d .uael-accordion-icon-closed{color:#03A553;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-accordion-icon-closed{fill:#03A553;}.elementor-31 .elementor-element.elementor-element-5891cb2d span.uael-accordion-icon-opened{fill:#00C70A;color:#00C70A;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-accordion-icon.uael-accordion-icon-left{margin-right:15px;}.elementor-31 .elementor-element.elementor-element-5891cb2d .uael-accordion-icon.uael-accordion-icon-right{margin-left:15px;}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-a1b08b4{--grid-auto-flow:row;}.elementor-31 .elementor-element.elementor-element-6ed68c63{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-31 .elementor-element.elementor-element-15463ca{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-uael-table-of-contents .uael-toc-heading, .elementor-widget-uael-table-of-contents .uael-toc-heading a{font-size:var( --e-global-typography-primary-font-size );}.elementor-31 .elementor-element.elementor-element-7aafacf5{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-31 .elementor-element.elementor-element-4196e443{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-31 .elementor-element.elementor-element-4ec63d30{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title .uael-question-span, .elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title .uael-accordion-icon{font-size:var( --e-global-typography-primary-font-size );}}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-68607b17{--width:50%;}.elementor-31 .elementor-element.elementor-element-47e9c2fa{--width:50%;}.elementor-31 .elementor-element.elementor-element-14380c02{--content-width:1137px;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-a1b08b4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-31 .elementor-element.elementor-element-7fa69fd3{--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-31 .elementor-element.elementor-element-6ed68c63{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-31 .elementor-element.elementor-element-56404ae9 .elementor-heading-title{font-size:21px;}.elementor-31 .elementor-element.elementor-element-7a5ed942{--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-31 .elementor-element.elementor-element-15463ca{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-31 .elementor-element.elementor-element-5453e23d .elementor-heading-title{font-size:21px;}.elementor-widget-uael-table-of-contents .uael-toc-heading, .elementor-widget-uael-table-of-contents .uael-toc-heading a{font-size:var( --e-global-typography-primary-font-size );}.elementor-31 .elementor-element.elementor-element-292cfe3d{--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-31 .elementor-element.elementor-element-7aafacf5{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-31 .elementor-element.elementor-element-606be531 .elementor-heading-title{font-size:21px;}.elementor-31 .elementor-element.elementor-element-32039d32 .elementor-heading-title{font-size:21px;}.elementor-31 .elementor-element.elementor-element-247bc79b .elementor-heading-title{font-size:21px;}.elementor-31 .elementor-element.elementor-element-5acdc753{--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-31 .elementor-element.elementor-element-4196e443{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-31 .elementor-element.elementor-element-787b128a .elementor-heading-title{font-size:21px;}.elementor-31 .elementor-element.elementor-element-4822d5b9{--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-31 .elementor-element.elementor-element-4ec63d30{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-31 .elementor-element.elementor-element-610e11c4 .elementor-heading-title{font-size:21px;}.elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title .uael-question-span, .elementor-widget-uael-faq .uael-faq-accordion .uael-accordion-title .uael-accordion-icon{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for html, class: .elementor-element-3fca8848 *//* สไตล์สำหรับจัดเรียงเกมเป็น 5 คอลัมน์บน Desktop และ 2 คอลัมน์บน Mobile */ .games-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; padding: 10px; } .game-card { border: 1px solid #ccc; padding: 10px; text-align: center; max-height: 500px; overflow: hidden; border-radius: 15px; /* เพิ่มความโค้งมน */ } .game-image { width: 100%; height: auto; max-height: 260px; object-fit: cover; border-radius: 15px; /* เพิ่มความโค้งมน */ box-shadow: 0px 4px 6px rgba(0,0,0,0.1); /* เพิ่มเงา */ } /* ปุ่ม Play Demo */ .play-button { border: 2px solid #1e7b34; padding: 10px 20px; background-color: #000000; color: #1df650; cursor: pointer; transition: background-color 0.3s, color 0.3s; border-radius: 15px; /* เพิ่มความโค้งมน */ box-shadow: 0px 4px 6px rgba(0,0,0,0.1); /* เพิ่มเงา */ } .play-button:hover { background-color: #1e7b34; color: #ffffff; } /* สไตล์สำหรับปุ่ม category */ #category-filter { margin-bottom: 20px; text-align: center; } .category-button { margin: 3px; padding: 5px 10px; font-size: 0.9em; border: 1px solid #1e7b34; background-color: #fff; color: #1e7b34; cursor: pointer; transition: background-color 0.3s, color 0.3s; border-radius: 15px; /* เพิ่มความโค้งมน */ box-shadow: 0px 4px 6px rgba(0,0,0,0.1); /* เพิ่มเงา */ } .category-button:hover { background-color: #1e7b34; color: #ffffff; } /* สไตล์สำหรับ Mobile */ @media (max-width: 768px) { .games-grid { grid-template-columns: repeat(3, 1fr); /* แสดง 3 คอลัมน์ */ gap: 8px; } .game-card { padding: 5px; max-height: 290px; font-size: 10px; } .game-image { max-height: 132px; /* ลดความสูงของรูปภาพ */ object-fit: cover; } .play-button { padding: 5px 10px; font-size: 12px; } }/* End custom CSS */