{"id":89,"date":"2026-04-22T11:01:31","date_gmt":"2026-04-22T04:01:31","guid":{"rendered":"http:\/\/localhost\/?page_id=89"},"modified":"2026-08-09T19:12:29","modified_gmt":"2026-08-09T12:12:29","slug":"%e0%b8%8a%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b9%80%e0%b8%9c%e0%b8%b7%e0%b8%ad%e0%b8%81","status":"publish","type":"page","link":"https:\/\/decor.soc.go.th\/?page_id=89","title":{"rendered":"\u0e0a\u0e49\u0e32\u0e07\u0e40\u0e1c\u0e37\u0e2d\u0e01"},"content":{"rendered":"\n<div class=\"royal-slider-container\" id=\"royalSliderArea\" aria-roledescription=\"carousel\" aria-label=\"\u0e20\u0e32\u0e1e\u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e0a\u0e2d\u0e34\u0e2a\u0e23\u0e34\u0e22\u0e32\u0e20\u0e23\u0e13\u0e4c\u0e2d\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e34\u0e14\u0e0a\u0e39\u0e22\u0e34\u0e48\u0e07\u0e0a\u0e49\u0e32\u0e07\u0e40\u0e1c\u0e37\u0e2d\u0e01\">\n    \n    <div class=\"royal-slide royal-fade\" aria-roledescription=\"slide\" aria-label=\"\u0e23\u0e39\u0e1b\u0e17\u0e35\u0e48 1 \u0e08\u0e32\u0e01 2\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e0a\u0e49\u0e32\u0e07\u0e40\u0e1c\u0e37\u0e2d\u0e011.png\" alt=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e0a\u0e2d\u0e34\u0e2a\u0e23\u0e34\u0e22\u0e32\u0e20\u0e23\u0e13\u0e4c\u0e2d\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e34\u0e14\u0e0a\u0e39\u0e22\u0e34\u0e48\u0e07\u0e0a\u0e49\u0e32\u0e07\u0e40\u0e1c\u0e37\u0e2d\u0e01 \u0e2b\u0e19\u0e49\u0e32 1\" class=\"royal-slider-img\">\n    <\/div>\n\n    <div class=\"royal-slide royal-fade\" aria-roledescription=\"slide\" aria-label=\"\u0e23\u0e39\u0e1b\u0e17\u0e35\u0e48 2 \u0e08\u0e32\u0e01 2\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e0a\u0e49\u0e32\u0e07\u0e40\u0e1c\u0e37\u0e2d\u0e012.png\" alt=\"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e0a\u0e2d\u0e34\u0e2a\u0e23\u0e34\u0e22\u0e32\u0e20\u0e23\u0e13\u0e4c\u0e2d\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e34\u0e14\u0e0a\u0e39\u0e22\u0e34\u0e48\u0e07\u0e0a\u0e49\u0e32\u0e07\u0e40\u0e1c\u0e37\u0e2d\u0e01 \u0e2b\u0e19\u0e49\u0e32 2\" class=\"royal-slider-img\">\n    <\/div>\n\n    <a class=\"royal-prev-btn\" tabindex=\"0\" role=\"button\" aria-label=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\" onclick=\"plusRoyalSlides(-1)\" onkeydown=\"if(event.key === 'Enter' || event.key === ' '){ event.preventDefault(); plusRoyalSlides(-1); }\">\u276e<\/a>\n    <a class=\"royal-next-btn\" tabindex=\"0\" role=\"button\" aria-label=\"\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e16\u0e31\u0e14\u0e44\u0e1b\" onclick=\"plusRoyalSlides(1)\" onkeydown=\"if(event.key === 'Enter' || event.key === ' '){ event.preventDefault(); plusRoyalSlides(1); }\">\u276f<\/a>\n<\/div>\n\n<div style=\"text-align:center; margin-top: 15px;\" aria-label=\"\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\">\n    <span class=\"royal-dot\" tabindex=\"0\" role=\"button\" aria-label=\"\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 1\" aria-current=\"true\" onclick=\"currentRoyalSlide(1)\" onkeydown=\"if(event.key === 'Enter' || event.key === ' '){ event.preventDefault(); currentRoyalSlide(1); }\"><\/span> \n    <span class=\"royal-dot\" tabindex=\"0\" role=\"button\" aria-label=\"\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 2\" aria-current=\"false\" onclick=\"currentRoyalSlide(2)\" onkeydown=\"if(event.key === 'Enter' || event.key === ' '){ event.preventDefault(); currentRoyalSlide(2); }\"><\/span> \n<\/div>\n\n\n<style>\n    \/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e04\u0e23\u0e2d\u0e1a\u0e2a\u0e44\u0e25\u0e14\u0e4c *\/\n    .royal-slider-container {\n        max-width: 1000px;\n        position: relative;\n        margin: 40px auto 0;\n        text-align: center;\n        \/* \u0e40\u0e27\u0e49\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e14\u0e49\u0e32\u0e19\u0e02\u0e49\u0e32\u0e07\u0e0b\u0e49\u0e32\u0e22-\u0e02\u0e27\u0e32 70px \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e25\u0e39\u0e01\u0e28\u0e23\u0e2d\u0e22\u0e39\u0e48\u0e14\u0e49\u0e32\u0e19\u0e19\u0e2d\u0e01\u0e23\u0e39\u0e1b \u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e25\u0e49\u0e19\u0e08\u0e2d *\/\n        padding: 0 70px;\n        box-sizing: border-box;\n    }\n\n    \/* \u0e0b\u0e48\u0e2d\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e48\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 *\/\n    .royal-slide {\n        display: none;\n    }\n\n    \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\n    .royal-slider-img {\n        max-width: 100%;\n        height: auto;\n        border-radius: 12px;\n        border: 4px solid #ffffff;\n        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);\n        transition: transform 0.4s ease, box-shadow 0.4s ease;\n    }\n\n    .royal-slider-img:hover {\n        transform: translateY(-5px) scale(1.01);\n        box-shadow: 0 20px 40px rgba(0, 51, 102, 0.2);\n    }\n\n    \/* \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e39\u0e01\u0e28\u0e23 \u0e0b\u0e49\u0e32\u0e22-\u0e02\u0e27\u0e32 (\u0e22\u0e49\u0e32\u0e22\u0e21\u0e32\u0e2d\u0e22\u0e39\u0e48\u0e02\u0e2d\u0e1a\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e40\u0e27\u0e49\u0e19 Padding \u0e44\u0e27\u0e49) *\/\n    .royal-prev-btn, .royal-next-btn {\n        cursor: pointer;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: auto;\n        padding: 12px 18px;\n        color: #003366;\n        font-weight: bold;\n        font-size: 24px;\n        transition: 0.3s ease;\n        border-radius: 50%;\n        background-color: rgba(255, 255, 255, 0.85);\n        box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n        user-select: none;\n        text-decoration: none !important; \/* \u0e40\u0e2d\u0e32\u0e02\u0e35\u0e14\u0e40\u0e2a\u0e49\u0e19\u0e43\u0e15\u0e49\u0e2d\u0e2d\u0e01 *\/\n    }\n\n    \/* \u0e27\u0e32\u0e07\u0e0a\u0e34\u0e14\u0e02\u0e2d\u0e1a\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07 Container \u0e0b\u0e49\u0e32\u0e22-\u0e02\u0e27\u0e32 *\/\n    .royal-prev-btn { left: 5px; }\n    .royal-next-btn { right: 5px; }\n\n    .royal-prev-btn:hover, .royal-next-btn:hover {\n        background-color: #003366;\n        color: white;\n        text-decoration: none !important;\n    }\n\n    \/* \u0e08\u0e38\u0e14\u0e44\u0e02\u0e48\u0e1b\u0e25\u0e32 (Dots) *\/\n    .royal-dot {\n        cursor: pointer;\n        height: 12px;\n        width: 12px;\n        margin: 0 4px;\n        background-color: #bbbbbb;\n        border-radius: 50%;\n        display: inline-block;\n        transition: background-color 0.3s ease;\n    }\n\n    .royal-active-dot, .royal-dot:hover {\n        background-color: #003366;\n    }\n\n    \/* \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e40\u0e27\u0e25\u0e32\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e04\u0e35\u0e22\u0e4c\u0e1a\u0e2d\u0e23\u0e4c\u0e14\u0e01\u0e14 Tab (Focus Visible) *\/\n    .royal-prev-btn:focus-visible, \n    .royal-next-btn:focus-visible, \n    .royal-dot:focus-visible {\n        outline: 3px solid #003366;\n        outline-offset: 2px;\n    }\n\n    .royal-fade {\n        animation-name: royalFadeAnim;\n        animation-duration: 0.8s;\n    }\n\n    @keyframes royalFadeAnim {\n        from {opacity: .4} \n        to {opacity: 1}\n    }\n\n    \/* ========================================== *\/\n    \/* \u0e42\u0e2b\u0e21\u0e14\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d (Mobile Responsive) *\/\n    \/* ========================================== *\/\n    @media (max-width: 768px) {\n        .royal-prev-btn, .royal-next-btn {\n            display: none; \/* \u0e0b\u0e48\u0e2d\u0e19\u0e25\u0e39\u0e01\u0e28\u0e23\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e43\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n        }\n        .royal-slider-container {\n            padding: 0 15px; \/* \u0e25\u0e14\u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e02\u0e49\u0e32\u0e07\u0e25\u0e07 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e44\u0e21\u0e48\u0e21\u0e35\u0e25\u0e39\u0e01\u0e28\u0e23\u0e41\u0e25\u0e49\u0e27 *\/\n        }\n    }\n<\/style>\n\n\n<script>\n    \/\/ \u0e2a\u0e48\u0e27\u0e19\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e2a\u0e44\u0e25\u0e14\u0e4c (\u0e43\u0e0a\u0e49 var \u0e15\u0e23\u0e27\u0e08\u0e08\u0e31\u0e1a\u0e27\u0e48\u0e32\u0e21\u0e35\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e41\u0e25\u0e49\u0e27\u0e2b\u0e23\u0e37\u0e2d\u0e22\u0e31\u0e07 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 error \u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e21\u0e35\u0e2b\u0e25\u0e32\u0e22\u0e2a\u0e44\u0e25\u0e14\u0e4c)\n    if (typeof royalSlideIndex === 'undefined') {\n        var royalSlideIndex = 1;\n    }\n    showRoyalSlides(royalSlideIndex);\n\n    function plusRoyalSlides(n) {\n        showRoyalSlides(royalSlideIndex += n);\n    }\n\n    function currentRoyalSlide(n) {\n        showRoyalSlides(royalSlideIndex = n);\n    }\n\n    function showRoyalSlides(n) {\n        let i;\n        let slides = document.getElementsByClassName(\"royal-slide\");\n        let dots = document.getElementsByClassName(\"royal-dot\");\n        \n        if (slides.length === 0) return;\n\n        if (n > slides.length) {royalSlideIndex = 1}    \n        if (n < 1) {royalSlideIndex = slides.length}\n        \n        for (i = 0; i < slides.length; i++) {\n            slides[i].style.display = \"none\";  \n            slides[i].setAttribute(\"aria-hidden\", \"true\"); \/\/ \u0e0b\u0e48\u0e2d\u0e19\u0e08\u0e32\u0e01 Screen reader\n        }\n        for (i = 0; i < dots.length; i++) {\n            dots[i].className = dots[i].className.replace(\" royal-active-dot\", \"\");\n            dots[i].setAttribute(\"aria-current\", \"false\"); \/\/ \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15 ARIA state\n        }\n        \n        slides[royalSlideIndex-1].style.display = \"block\";  \n        slides[royalSlideIndex-1].removeAttribute(\"aria-hidden\"); \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e43\u0e2b\u0e49 Screen reader \u0e40\u0e2b\u0e47\u0e19\n        dots[royalSlideIndex-1].className += \" royal-active-dot\";\n        dots[royalSlideIndex-1].setAttribute(\"aria-current\", \"true\"); \/\/ \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15 ARIA state\n    }\n\n    \/\/ ==========================================\n    \/\/ \u0e2a\u0e48\u0e27\u0e19\u0e15\u0e23\u0e27\u0e08\u0e08\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e31\u0e14\u0e19\u0e34\u0e49\u0e27 (Touch Swipe) \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\n    \/\/ ==========================================\n    let touchstartX = 0;\n    let touchendX = 0;\n    \n    const sliderBox = document.getElementById('royalSliderArea');\n\n    if(sliderBox) {\n        \/\/ \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e34\u0e48\u0e21\u0e41\u0e15\u0e30\u0e08\u0e2d\n        sliderBox.addEventListener('touchstart', function(event) {\n            touchstartX = event.changedTouches[0].screenX;\n        }, {passive: true});\n\n        \/\/ \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e19\u0e34\u0e49\u0e27\u0e08\u0e32\u0e01\u0e08\u0e2d\n        sliderBox.addEventListener('touchend', function(event) {\n            touchendX = event.changedTouches[0].screenX;\n            handleSwipeGesture();\n        }, {passive: true});\n    }\n\n    \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e04\u0e33\u0e19\u0e27\u0e13\u0e01\u0e32\u0e23\u0e1b\u0e31\u0e14\u0e0b\u0e49\u0e32\u0e22-\u0e02\u0e27\u0e32\n    function handleSwipeGesture() {\n        \/\/ \u0e16\u0e49\u0e32\u0e23\u0e30\u0e22\u0e30\u0e1b\u0e31\u0e14\u0e19\u0e34\u0e49\u0e27\u0e44\u0e1b\u0e17\u0e32\u0e07\u0e0b\u0e49\u0e32\u0e22\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 40px (\u0e1b\u0e31\u0e14\u0e14\u0e39\u0e23\u0e39\u0e1b\u0e16\u0e31\u0e14\u0e44\u0e1b)\n        if (touchendX < touchstartX - 40) {\n            plusRoyalSlides(1);\n        }\n        \/\/ \u0e16\u0e49\u0e32\u0e23\u0e30\u0e22\u0e30\u0e1b\u0e31\u0e14\u0e19\u0e34\u0e49\u0e27\u0e44\u0e1b\u0e17\u0e32\u0e07\u0e02\u0e27\u0e32\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 40px (\u0e1b\u0e31\u0e14\u0e14\u0e39\u0e23\u0e39\u0e1b\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32)\n        if (touchendX > touchstartX + 40) {\n            plusRoyalSlides(-1);\n        }\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u276e \u276f<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-89","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=89"}],"version-history":[{"count":5,"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":389,"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions\/389"}],"wp:attachment":[{"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}