{"id":1702,"date":"2024-01-29T11:31:56","date_gmt":"2024-01-29T04:31:56","guid":{"rendered":"https:\/\/bba.rmutsv.ac.th\/ruts\/?page_id=1702"},"modified":"2026-04-16T16:31:02","modified_gmt":"2026-04-16T09:31:02","slug":"history-and-general-information","status":"publish","type":"page","link":"https:\/\/bba.rmutsv.ac.th\/ruts\/history-and-general-information\/","title":{"rendered":"\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b"},"content":{"rendered":"\n\n\n<section class=\"ruts-history-section transparent-bg\">\n    <div class=\"history-container\">\n        \n        <div class=\"history-header\">\n            <span class=\"badge-title\">Our Heritage<\/span>\n            <h2>\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/h2>\n            <div class=\"heading-line\"><\/div>\n            <p>\u0e04\u0e13\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e23\u0e32\u0e0a\u0e21\u0e07\u0e04\u0e25\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e19\u0e31\u0e01\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e17\u0e35\u0e48\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e41\u0e25\u0e30\u0e20\u0e32\u0e04\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e21\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e32\u0e27\u0e19\u0e32\u0e19\u0e01\u0e27\u0e48\u0e32 6 \u0e17\u0e28\u0e27\u0e23\u0e23\u0e29<\/p>\n        <\/div>\n\n        <div class=\"info-bento-grid\">\n            <div class=\"info-card glass-panel\">\n                <div class=\"icon-circle\"><i class=\"fas fa-university\"><\/i><\/div>\n                <div class=\"info-text\">\n                    <h4>\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07<\/h4>\n                    <p>\u0e21\u0e17\u0e23.\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22 \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e07\u0e02\u0e25\u0e32<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"info-card glass-panel\">\n                <div class=\"icon-circle\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                <div class=\"info-text\">\n                    <h4>\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h4>\n                    <p>\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48 2\/3 \u0e2d\u0e32\u0e04\u0e32\u0e23 63 \u0e16.\u0e23\u0e32\u0e0a\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e19\u0e2d\u0e01<br>\u0e15.\u0e1a\u0e48\u0e2d\u0e22\u0e32\u0e07 \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e2a\u0e07\u0e02\u0e25\u0e32 90000<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"info-card glass-panel\">\n                <div class=\"icon-circle\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n                <div class=\"info-text\">\n                    <h4>\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h4>\n                    <p>\u0e42\u0e17\u0e23: 0-7431-7105<br>\u0e41\u0e1f\u0e01\u0e0b\u0e4c: 0-7431-7106<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-wrapper\">\n            <h3 class=\"timeline-heading\"><i class=\"fas fa-history\"><\/i> \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e04\u0e13\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/h3>\n            \n            <div class=\"modern-timeline\">\n                \n                <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content glass-panel\">\n                        <span class=\"year-badge\">5 \u0e21\u0e34\u0e16\u0e38\u0e19\u0e32\u0e22\u0e19 2498<\/span>\n                        <h4>\u0e08\u0e38\u0e14\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 &#8220;\u0e1d\u0e48\u0e32\u0e22\u0e1e\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e32\u0e23&#8221;<\/h4>\n                        <p>\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19 \u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e1e\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e32\u0e23 (\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 \u0e1b\u0e27\u0e0a. 3 \u0e1b\u0e35) \u0e42\u0e14\u0e22\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e0a\u0e32\u0e22 15 \u0e04\u0e19 \u0e41\u0e25\u0e30\u0e2b\u0e0d\u0e34\u0e07 15 \u0e04\u0e19 \u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e27\u0e23\u0e19\u0e32\u0e23\u0e35\u0e40\u0e09\u0e25\u0e34\u0e21\u0e2a\u0e07\u0e02\u0e25\u0e32 \u0e42\u0e14\u0e22\u0e21\u0e35\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e43\u0e2b\u0e0d\u0e48\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e27\u0e23\u0e19\u0e32\u0e23\u0e35\u0e40\u0e09\u0e25\u0e34\u0e21\u0e17\u0e33\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e1d\u0e48\u0e32\u0e22 (\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e04\u0e13\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e04\u0e19\u0e41\u0e23\u0e01)<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content glass-panel\">\n                        <span class=\"year-badge\">\u0e1e.\u0e28. 2504 &#8211; 2510<\/span>\n                        <h4>\u0e22\u0e38\u0e04\u0e02\u0e22\u0e32\u0e22\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e0a\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07<\/h4>\n                        <ul class=\"timeline-list\">\n                            <li><strong>2504:<\/strong> \u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19 \u0e1b\u0e27\u0e2a. (2 \u0e1b\u0e35) \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35<\/li>\n                            <li><strong>2506:<\/strong> \u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19 \u0e1b\u0e27\u0e2a. (2 \u0e1b\u0e35) \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e25\u0e02\u0e32\u0e19\u0e38\u0e01\u0e32\u0e23<\/li>\n                            <li><strong>2507:<\/strong> \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e0a\u0e37\u0e48\u0e2d\u0e08\u0e32\u0e01 \u0e1d\u0e48\u0e32\u0e22\u0e1e\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e32\u0e23 \u0e40\u0e1b\u0e47\u0e19 <strong>&#8220;\u0e04\u0e13\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08&#8221;<\/strong><\/li>\n                            <li><strong>2508 &#8211; 2510:<\/strong> \u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19 \u0e1b\u0e27\u0e2a. (3 \u0e1b\u0e35) \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35 \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e25\u0e02\u0e32\u0e19\u0e38\u0e01\u0e32\u0e23<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content glass-panel\">\n                        <span class=\"year-badge\">\u0e1e.\u0e28. 2526<\/span>\n                        <h4>\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19\u0e2a\u0e32\u0e02\u0e32\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14<\/h4>\n                        <p>\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e19\u0e35\u0e22\u0e1a\u0e31\u0e15\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e0a\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07 (\u0e1b\u0e27\u0e2a.) \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 2 \u0e1b\u0e35 \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content glass-panel\">\n                        <span class=\"year-badge\">\u0e1e.\u0e28. 2529 &#8211; 2532<\/span>\n                        <h4>\u0e01\u0e49\u0e32\u0e27\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35<\/h4>\n                        <ul class=\"timeline-list\">\n                            <li><strong>2529:<\/strong> \u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 2 \u0e1b\u0e35 \u0e2a\u0e32\u0e02\u0e32\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e28\u0e36\u0e01\u0e29\u0e32-\u0e1a\u0e31\u0e0d\u0e0a\u0e35<\/li>\n                            <li><strong>2532:<\/strong> \u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35 \u0e2a\u0e32\u0e02\u0e32\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e15\u0e47\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content glass-panel\">\n                        <span class=\"year-badge\">\u0e1e.\u0e28. 2538 &#8211; 2548<\/span>\n                        <h4>\u0e22\u0e38\u0e04\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/h4>\n                        <ul class=\"timeline-list\">\n                            <li><strong>2538:<\/strong> \u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19 \u0e1b\u0e27\u0e2a. \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e41\u0e25\u0e30 \u0e1b.\u0e15\u0e23\u0e35 \u0e2a\u0e32\u0e02\u0e32\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 (\u0e01\u0e25\u0e38\u0e48\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e41\u0e25\u0e30\u0e01\u0e25\u0e38\u0e48\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21)<\/li>\n                            <li><strong>2542:<\/strong> \u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35 \u0e2a\u0e32\u0e02\u0e32\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14<\/li>\n                            <li><strong>2548:<\/strong> \u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35 \u0e2a\u0e32\u0e02\u0e32\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30 <strong>\u0e2a\u0e32\u0e02\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e17\u0e32\u0e07\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c<\/strong><\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content glass-panel\">\n                        <span class=\"year-badge\">\u0e1e.\u0e28. 2550 &#8211; 2553<\/span>\n                        <h4>\u0e22\u0e38\u0e04\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e39\u0e48\u0e04\u0e27\u0e32\u0e21\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22<\/h4>\n                        <ul class=\"timeline-list\">\n                            <li><strong>2550:<\/strong> \u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35\u0e2a\u0e32\u0e02\u0e32\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35 \u0e40\u0e1b\u0e47\u0e19 <strong>&#8220;\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15&#8221;<\/strong> \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e21\u0e02\u0e49\u0e19\u0e17\u0e32\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e<\/li>\n                            <li><strong>2553:<\/strong> \u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35\u0e2a\u0e32\u0e02\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e17\u0e32\u0e07\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c \u0e40\u0e1b\u0e47\u0e19 <strong>&#8220;\u0e2a\u0e32\u0e02\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08&#8221;<\/strong><\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    \/* \u0e19\u0e33\u0e40\u0e02\u0e49\u0e32 Font Awesome \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e44\u0e2d\u0e04\u0e2d\u0e19 *\/\n    @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\n\n    .ruts-history-section {\n        padding: 60px 5%;\n        background: transparent !important;\n        font-family: 'Prompt', sans-serif !important;\n        color: #2d3436;\n    }\n\n    .history-container {\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    \/* -------------------------------------\n       Header \n       ------------------------------------- *\/\n    .history-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .badge-title {\n        background: rgba(0, 204, 255, 0.15);\n        color: #003366;\n        padding: 6px 18px;\n        border-radius: 30px;\n        font-size: 0.85rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        border: 1px solid rgba(0, 204, 255, 0.3);\n        backdrop-filter: blur(5px);\n    }\n\n    .history-header h2 {\n        color: #003366;\n        font-size: 2.5rem;\n        font-weight: 700;\n        margin: 20px 0 10px;\n        text-shadow: 0 2px 4px rgba(255, 255, 255, 0.5);\n    }\n\n    .heading-line {\n        width: 80px;\n        height: 4px;\n        background-color: #ffcc00;\n        margin: 0 auto 20px;\n        border-radius: 2px;\n    }\n\n    .history-header p {\n        color: #4a5568;\n        font-size: 1.1rem;\n        max-width: 750px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }\n\n    \/* -------------------------------------\n       Glass Panel Shared Style (\u0e01\u0e23\u0e30\u0e08\u0e01\u0e1d\u0e49\u0e32)\n       ------------------------------------- *\/\n    .glass-panel {\n        background: rgba(255, 255, 255, 0.7) !important;\n        backdrop-filter: blur(15px);\n        -webkit-backdrop-filter: blur(15px);\n        border: 1px solid rgba(255, 255, 255, 0.5) !important;\n        border-radius: 20px;\n        box-shadow: 0 8px 32px rgba(0, 51, 102, 0.04) !important;\n        transition: all 0.4s ease;\n    }\n\n    .glass-panel:hover {\n        background: rgba(255, 255, 255, 0.95) !important;\n        transform: translateY(-5px);\n        border-color: #ffcc00 !important;\n        box-shadow: 0 15px 30px rgba(0, 51, 102, 0.08) !important;\n    }\n\n    \/* -------------------------------------\n       Bento Grid for General Info \n       ------------------------------------- *\/\n    .info-bento-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 20px;\n        margin-bottom: 70px;\n    }\n\n    .info-card {\n        padding: 25px;\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n    }\n\n    .info-card .icon-circle {\n        width: 60px;\n        height: 60px;\n        background: #003366;\n        color: #ffcc00;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.5rem;\n        flex-shrink: 0;\n        box-shadow: 0 4px 15px rgba(0, 51, 102, 0.1);\n        transition: 0.3s;\n    }\n\n    .info-card:hover .icon-circle {\n        background: #ffcc00;\n        color: #003366;\n        transform: scale(1.1);\n    }\n\n    .info-text h4 {\n        color: #003366;\n        font-size: 1.1rem;\n        font-weight: 700;\n        margin: 0 0 8px 0;\n    }\n\n    .info-text p {\n        color: #4a5568;\n        font-size: 0.95rem;\n        margin: 0;\n        line-height: 1.6;\n    }\n\n    \/* -------------------------------------\n       Modern Timeline (\u0e44\u0e17\u0e21\u0e4c\u0e44\u0e25\u0e19\u0e4c\u0e41\u0e1a\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e1b\u0e4a\u0e30)\n       ------------------------------------- *\/\n    .timeline-wrapper {\n        position: relative;\n    }\n\n    .timeline-heading {\n        color: #003366;\n        font-size: 1.8rem;\n        font-weight: 700;\n        margin-bottom: 40px;\n        text-align: center;\n    }\n\n    .timeline-heading i {\n        color: #00ccff; \/* \u0e2a\u0e35\u0e1f\u0e49\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e04\u0e13\u0e30 *\/\n        margin-right: 10px;\n    }\n\n    \/* \u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e44\u0e17\u0e21\u0e4c\u0e44\u0e25\u0e19\u0e4c *\/\n    .modern-timeline {\n        position: relative;\n        max-width: 850px;\n        margin: 0 auto;\n    }\n\n    \/* \u0e40\u0e2a\u0e49\u0e19\u0e41\u0e01\u0e19\u0e01\u0e25\u0e32\u0e07\u0e41\u0e19\u0e27\u0e15\u0e31\u0e49\u0e07 (The Line) *\/\n    .modern-timeline::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 20px; \/* \u0e27\u0e32\u0e07\u0e40\u0e2a\u0e49\u0e19\u0e2b\u0e48\u0e32\u0e07\u0e08\u0e32\u0e01\u0e02\u0e2d\u0e1a\u0e0b\u0e49\u0e32\u0e22 20px *\/\n        width: 4px; \/* \u0e04\u0e27\u0e32\u0e21\u0e2b\u0e19\u0e32\u0e40\u0e2a\u0e49\u0e19 4px -> \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e40\u0e2a\u0e49\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e17\u0e35\u0e48 22px *\/\n        background: linear-gradient(to bottom, #003366 0%, #00ccff 50%, #ffcc00 100%);\n        border-radius: 2px;\n        z-index: 1;\n    }\n\n    \/* \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e40\u0e2b\u0e15\u0e38\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e41\u0e15\u0e48\u0e25\u0e30\u0e22\u0e38\u0e04 *\/\n    .timeline-item {\n        position: relative;\n        padding-left: 70px; \/* \u0e40\u0e27\u0e49\u0e19\u0e17\u0e35\u0e48\u0e27\u0e48\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e0b\u0e49\u0e32\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e2a\u0e49\u0e19\u0e41\u0e25\u0e30\u0e27\u0e07\u0e01\u0e25\u0e21 *\/\n        margin-bottom: 40px;\n    }\n\n    .timeline-item:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* \u0e08\u0e38\u0e14\u0e27\u0e07\u0e01\u0e25\u0e21 (The Dot) *\/\n    .timeline-dot {\n        position: absolute;\n        left: 10px; \/* \u0e02\u0e19\u0e32\u0e14 24px \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e17\u0e35\u0e48 10+12 = 22px (\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e40\u0e2a\u0e49\u0e19\u0e1e\u0e2d\u0e14\u0e35 100%) *\/\n        top: 30px;\n        width: 24px;\n        height: 24px;\n        background: #ffcc00;\n        border: 4px solid #003366;\n        border-radius: 50%;\n        z-index: 2; \/* \u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e40\u0e2a\u0e49\u0e19 *\/\n        box-shadow: 0 0 0 4px rgba(255, 204, 0, 0.2);\n        transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n\n    .timeline-item:hover .timeline-dot {\n        background: #ffffff;\n        border-color: #00ccff;\n        transform: scale(1.4);\n        box-shadow: 0 0 15px rgba(0, 204, 255, 0.5);\n    }\n\n    \/* \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 (Content Box) *\/\n    .timeline-content {\n        padding: 35px 30px;\n        position: relative;\n    }\n\n    \/* \u0e25\u0e39\u0e01\u0e28\u0e23\u0e0a\u0e35\u0e49\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e40\u0e2a\u0e49\u0e19 *\/\n    .timeline-content::before {\n        content: '';\n        position: absolute;\n        left: -10px;\n        top: 32px;\n        width: 20px;\n        height: 20px;\n        background: rgba(255, 255, 255, 0.8);\n        transform: rotate(45deg);\n        border-left: 1px solid rgba(255, 255, 255, 0.5);\n        border-bottom: 1px solid rgba(255, 255, 255, 0.5);\n        z-index: -1;\n        transition: 0.4s ease;\n    }\n    \n    .timeline-item:hover .timeline-content::before {\n         background: #ffffff;\n         border-left: 1px solid #ffcc00; \n         border-bottom: 1px solid #ffcc00;\n    }\n\n    .year-badge {\n        display: inline-block;\n        background: #003366;\n        color: #ffcc00;\n        padding: 6px 16px;\n        border-radius: 20px;\n        font-size: 0.95rem;\n        font-weight: 700;\n        margin-bottom: 15px;\n        box-shadow: 0 4px 10px rgba(0, 51, 102, 0.15);\n        letter-spacing: 0.5px;\n    }\n\n    .timeline-content h4 {\n        color: #003366;\n        font-size: 1.3rem;\n        font-weight: 700;\n        margin: 0 0 12px 0;\n    }\n\n    .timeline-content p {\n        color: #4a5568;\n        font-size: 1rem;\n        line-height: 1.7;\n        margin: 0;\n    }\n\n    \/* \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e22\u0e48\u0e2d\u0e22\u0e43\u0e19\u0e44\u0e17\u0e21\u0e4c\u0e44\u0e25\u0e19\u0e4c *\/\n    .timeline-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .timeline-list li {\n        color: #4a5568;\n        font-size: 0.95rem;\n        line-height: 1.6;\n        margin-bottom: 8px;\n        padding-left: 20px;\n        position: relative;\n    }\n\n    .timeline-list li::before {\n        content: '\\f105'; \/* FontAwesome arrow *\/\n        font-family: 'Font Awesome 5 Free';\n        font-weight: 900;\n        position: absolute;\n        left: 0;\n        top: 2px;\n        color: #00ccff;\n    }\n\n    .timeline-list li strong {\n        color: #003366;\n    }\n\n    \/* Responsive (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d) *\/\n    @media (max-width: 768px) {\n        .modern-timeline::before { left: 10px; } \/* \u0e02\u0e22\u0e31\u0e1a\u0e40\u0e2a\u0e49\u0e19\u0e40\u0e02\u0e49\u0e32\u0e21\u0e32\u0e0a\u0e34\u0e14\u0e0b\u0e49\u0e32\u0e22 *\/\n        .timeline-item { padding-left: 45px; } \/* \u0e25\u0e14\u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 *\/\n        .timeline-dot { left: 0px; width: 24px; height: 24px; } \/* \u0e08\u0e31\u0e14\u0e08\u0e38\u0e14\u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e40\u0e2a\u0e49\u0e19 *\/\n        .timeline-content { padding: 25px 20px; }\n        .timeline-content::before { left: -8px; top: 32px; }\n        .info-card { flex-direction: column; text-align: center; align-items: center; }\n        .year-badge { font-size: 0.85rem; }\n    }\n<\/style>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our Heritage \u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e04\u0e13\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e21\u0e2b\u0e32 [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":1771,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1702","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/1702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/comments?post=1702"}],"version-history":[{"count":9,"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/1702\/revisions"}],"predecessor-version":[{"id":25964,"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/1702\/revisions\/25964"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/media\/1771"}],"wp:attachment":[{"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/media?parent=1702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}