.elementor-135 .elementor-element.elementor-element-514fca52{--display:flex;--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;--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-135 .elementor-element.elementor-element-7467453b{--display:flex;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-135 .elementor-element.elementor-element-442847f0{color:#FFFFFF;}.elementor-135 .elementor-element.elementor-element-442847f0 a{color:var( --e-global-color-primary );}.elementor-135 .elementor-element.elementor-element-27d73831{--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:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-135 .elementor-element.elementor-element-1aa79b04{--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;--border-radius:15px 15px 15px 15px;}.elementor-135 .elementor-element.elementor-element-3727a6c6{--display:grid;--e-con-grid-template-columns:250px 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:start;--border-radius:15px 15px 15px 15px;}.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-135 .elementor-element.elementor-element-4cba5d3 img{width:100%;}.elementor-135 .elementor-element.elementor-element-18baca83{--display:flex;}.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-135 .elementor-element.elementor-element-6c8527fe .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-primary );}.elementor-135 .elementor-element.elementor-element-151ba39d{--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;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--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-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-135 .elementor-element.elementor-element-764a5a7f .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-135 .elementor-element.elementor-element-764a5a7f .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-135 .elementor-element.elementor-element-764a5a7f{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-135 .elementor-element.elementor-element-764a5a7f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-135 .elementor-element.elementor-element-764a5a7f .elementor-icon-list-item > a{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:400;}.elementor-135 .elementor-element.elementor-element-764a5a7f .elementor-icon-list-text{transition:color 0.3s;}.elementor-135 .elementor-element.elementor-element-6d29dc20 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-135 .elementor-element.elementor-element-6d29dc20 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-135 .elementor-element.elementor-element-6d29dc20{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-135 .elementor-element.elementor-element-6d29dc20 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-135 .elementor-element.elementor-element-6d29dc20 .elementor-icon-list-item > a{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:400;}.elementor-135 .elementor-element.elementor-element-6d29dc20 .elementor-icon-list-text{transition:color 0.3s;}.elementor-135 .elementor-element.elementor-element-5d0cfeb0 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-135 .elementor-element.elementor-element-5d0cfeb0 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-135 .elementor-element.elementor-element-5d0cfeb0{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-135 .elementor-element.elementor-element-5d0cfeb0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-135 .elementor-element.elementor-element-5d0cfeb0 .elementor-icon-list-item > a{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:400;}.elementor-135 .elementor-element.elementor-element-5d0cfeb0 .elementor-icon-list-text{transition:color 0.3s;}.elementor-135 .elementor-element.elementor-element-45dc4e4f{--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;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--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-135 .elementor-element.elementor-element-8392ce5 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-135 .elementor-element.elementor-element-8392ce5 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-135 .elementor-element.elementor-element-8392ce5{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-135 .elementor-element.elementor-element-8392ce5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-135 .elementor-element.elementor-element-8392ce5 .elementor-icon-list-item > a{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:400;}.elementor-135 .elementor-element.elementor-element-8392ce5 .elementor-icon-list-text{transition:color 0.3s;}.elementor-135 .elementor-element.elementor-element-4fc1b370{--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;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--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-135 .elementor-element.elementor-element-4eacd38d .elementor-button{background-color:#FF0000;border-radius:15px 15px 15px 15px;}.elementor-135 .elementor-element.elementor-element-4eacd38d .elementor-button-content-wrapper{flex-direction:row;}.elementor-135 .elementor-element.elementor-element-14dbfd7f .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:600;}.elementor-widget-theme-post-content{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-135 .elementor-element.elementor-element-6c66da0f{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-135 .elementor-element.elementor-element-5de79218 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:600;}.elementor-135 .elementor-element.elementor-element-34214abb{--display:flex;}.elementor-135 .elementor-element.elementor-element-8a748ee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-135 .elementor-element.elementor-element-78bdd2e3{--display:flex;}.elementor-135 .elementor-element.elementor-element-190fc52{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-135 .elementor-element.elementor-element-396548dd .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:19px;font-weight:600;color:var( --e-global-color-primary );}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-135 .elementor-element.elementor-element-79f18add{--grid-columns:4;}.elementor-135 .elementor-element.elementor-element-f0cd83e{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-135 .elementor-element.elementor-element-1952e03 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:19px;font-weight:600;color:var( --e-global-color-primary );}.elementor-135 .elementor-element.elementor-element-39cb7fe0{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-135 .elementor-element.elementor-element-19268154 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:19px;font-weight:600;color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-135 .elementor-element.elementor-element-3727a6c6{--grid-auto-flow:row;}.elementor-135 .elementor-element.elementor-element-79f18add{--grid-columns:2;}}@media(min-width:768px){.elementor-135 .elementor-element.elementor-element-7467453b{--width:1110px;}.elementor-135 .elementor-element.elementor-element-27d73831{--content-width:1100px;}.elementor-135 .elementor-element.elementor-element-1aa79b04{--width:100%;}}@media(max-width:767px){.elementor-135 .elementor-element.elementor-element-3727a6c6{--e-con-grid-template-columns:1;--grid-auto-flow:row;}.elementor-135 .elementor-element.elementor-element-34214abb{--min-height:186px;}.elementor-135 .elementor-element.elementor-element-78bdd2e3{--min-height:179px;}.elementor-135 .elementor-element.elementor-element-79f18add{--grid-columns:2;--grid-column-gap:8px;}}/* Start custom CSS for container, class: .elementor-element-3727a6c6 */.elementor-135 .elementor-element.elementor-element-3727a6c6{ background: #14171f; /* โปร่งนิดๆ */ border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); /* glass effect */ -webkit-backdrop-filter: blur(10px); transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.05) inset; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6c66da0f */.elementor-135 .elementor-element.elementor-element-6c66da0f{ background: #14171f; /* โปร่งนิดๆ */ border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); /* glass effect */ -webkit-backdrop-filter: blur(10px); transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.05) inset; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5b45a39c */.video-container { border-radius: 15px; position: relative; width: 100%; padding-bottom: 56.25%; /* อัตราส่วน 16:9 (9 / 16 * 100) */ height: 0; overflow: hidden; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }/* End custom CSS */ /* Start custom CSS for menu-anchor, class: .elementor-element-8a748ee */.elementor-135 .elementor-element.elementor-element-8a748ee{ height: 0px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-190fc52 */.elementor-135 .elementor-element.elementor-element-190fc52{ background: #14171f; /* โปร่งนิดๆ */ border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); /* glass effect */ -webkit-backdrop-filter: blur(10px); transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.05) inset; }/* End custom CSS */ /* Start custom CSS for wp-widget-categories, class: .elementor-element-11e87ffd */.elementor-135 .elementor-element.elementor-element-11e87ffd li a, li a:active, li a:visited{ color:#fff; } .elementor-135 .elementor-element.elementor-element-11e87ffd li{ border-radius: 10px; padding: 8px 14px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(6px); transition: all 0.25s ease; } .elementor-135 .elementor-element.elementor-element-11e87ffd ul li:hover{ background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.4); } .elementor-135 .elementor-element.elementor-element-11e87ffd ul li:hover a{ color:#fff !important; } .elementor-135 .elementor-element.elementor-element-11e87ffd ul li a{ width:100%; text-align: left; } .elementor-135 .elementor-element.elementor-element-11e87ffd h5{ display: none; } .elementor-135 .elementor-element.elementor-element-11e87ffd ul{ padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; /* ให้มันตัดบรรทัด */ gap: 10px; /* ระยะห่างแต่ละ item */ } .elementor-135 .elementor-element.elementor-element-11e87ffd{ max-height: 250px; /* กำหนดความสูงสูงสุดที่คุณต้องการ */ overflow-y: auto; /* ทำให้มี scrollbar แนวตั้งเมื่อเนื้อหาเกิน */ padding-right: 15px; /* เพิ่มพื้นที่ด้านขวาเพื่อไม่ให้ข้อความติด scrollbar */ } /* scrollbar หลัก */ .elementor-135 .elementor-element.elementor-element-11e87ffd::-webkit-scrollbar { width: 6px; } /* พื้นหลัง track */ .elementor-135 .elementor-element.elementor-element-11e87ffd::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.04); border-radius: 10px; } /* ตัวเลื่อน */ .elementor-135 .elementor-element.elementor-element-11e87ffd::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, rgba(255,255,255,0.25), rgba(255,255,255,0.08) ); border-radius: 10px; border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 2px 6px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.2); } /* hover */ .elementor-135 .elementor-element.elementor-element-11e87ffd::-webkit-scrollbar-thumb:hover { background: linear-gradient( 180deg, rgba(255,255,255,0.4), rgba(255,255,255,0.12) ); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f0cd83e */.elementor-135 .elementor-element.elementor-element-f0cd83e{ background: #14171f; /* โปร่งนิดๆ */ border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); /* glass effect */ -webkit-backdrop-filter: blur(10px); transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.05) inset; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-50f1816 */.elementor-135 .elementor-element.elementor-element-50f1816 .post-year-list li{ border-radius: 8px; } .elementor-135 .elementor-element.elementor-element-50f1816{ max-height: 400px; /* กำหนดความสูงสูงสุดที่คุณต้องการ */ overflow-y: auto; /* ทำให้มี scrollbar แนวตั้งเมื่อเนื้อหาเกิน */ padding-right: 15px; /* เพิ่มพื้นที่ด้านขวาเพื่อไม่ให้ข้อความติด scrollbar */ } /* scrollbar หลัก */ .elementor-135 .elementor-element.elementor-element-50f1816::-webkit-scrollbar { width: 6px; } /* พื้นหลัง track */ .elementor-135 .elementor-element.elementor-element-50f1816::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.04); border-radius: 10px; } /* ตัวเลื่อน */ .elementor-135 .elementor-element.elementor-element-50f1816::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, rgba(255,255,255,0.25), rgba(255,255,255,0.08) ); border-radius: 10px; border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 2px 6px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.2); } /* hover */ .elementor-135 .elementor-element.elementor-element-50f1816::-webkit-scrollbar-thumb:hover { background: linear-gradient( 180deg, rgba(255,255,255,0.4), rgba(255,255,255,0.12) ); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-39cb7fe0 */.elementor-135 .elementor-element.elementor-element-39cb7fe0{ background: #14171f; /* โปร่งนิดๆ */ border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); /* glass effect */ -webkit-backdrop-filter: blur(10px); transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.05) inset; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1aa79b04 */.elementor-135 .elementor-element.elementor-element-1aa79b04{ background: rgba(255, 255, 255, 0.03); /* โปร่งนิดๆ */ border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); /* glass effect */ -webkit-backdrop-filter: blur(10px); transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.05) inset; }/* End custom CSS */