{"id":1165,"date":"2024-08-08T05:38:38","date_gmt":"2024-08-08T05:38:38","guid":{"rendered":"https:\/\/chetupon.ac.th\/?page_id=1165"},"modified":"2025-10-14T06:52:31","modified_gmt":"2025-10-14T06:52:31","slug":"cvm-%e0%b9%81%e0%b8%9c%e0%b8%99%e0%b8%81%e0%b8%a7%e0%b8%b4%e0%b8%8a%e0%b8%b2%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%9a%e0%b8%b1%e0%b8%8d%e0%b8%8a%e0%b8%b5","status":"publish","type":"page","link":"https:\/\/chetupon.ac.th\/?page_id=1165","title":{"rendered":"CVM \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1165\" class=\"elementor elementor-1165\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c81415 e-flex e-con-boxed e-con e-parent\" data-id=\"6c81415\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d60a30e elementor-widget elementor-widget-html\" data-id=\"d60a30e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700;800&display=swap');\r\n\r\n\/* === \u0e23\u0e35\u0e40\u0e0b\u0e47\u0e15\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 === *\/\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\nhtml, body {\r\n    width: 100%;\r\n    height: 100%;\r\n    font-family: 'Prompt', 'Sarabun', 'Tahoma', sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* === \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e43\u0e2b\u0e49\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d (\u0e17\u0e30\u0e25\u0e38\u0e2d\u0e2d\u0e01\u0e21\u0e32\u0e44\u0e14\u0e49\u0e43\u0e19 WordPress\/Elementor) === *\/\r\nbody {\r\n    background: linear-gradient(135deg, #3BA7FF 0%, #0041A8 100%);\r\n    background-attachment: fixed;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n}\r\n\r\n\/* === \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e01 === *\/\r\n.cvm-section {\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    padding: 80px 20px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n\/* \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e20\u0e32\u0e22\u0e43\u0e19 *\/\r\n.cvm-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    border-radius: 30px;\r\n    padding: 60px 50px;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n    backdrop-filter: blur(4px);\r\n}\r\n\r\n\/* === \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d === *\/\r\n.cvm-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.cvm-header h1 {\r\n    font-size: 2.5em;\r\n    color: #1e293b;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* === \u0e1b\u0e38\u0e48\u0e21 === *\/\r\n.cvm-btn {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, #3BA7FF 0%, #0041A8 100%);\r\n    color: white;\r\n    padding: 16px 45px;\r\n    border-radius: 50px;\r\n    font-size: 1.2em;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 10px 25px rgba(0, 65, 168, 0.4);\r\n}\r\n\r\n.cvm-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 35px rgba(0, 65, 168, 0.6);\r\n}\r\n\r\n\/* === \u0e01\u0e32\u0e23\u0e4c\u0e14 === *\/\r\n.cvm-cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n    gap: 40px;\r\n    margin-top: 50px;\r\n}\r\n\r\n.cvm-card {\r\n    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);\r\n    border-radius: 25px;\r\n    padding: 50px 40px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.4s ease;\r\n    cursor: pointer;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n    min-height: 300px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    text-decoration: none;\r\n}\r\n\r\n.cvm-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\r\n    transform: rotate(45deg);\r\n    transition: all 0.6s ease;\r\n}\r\n\r\n.cvm-card:hover::before {\r\n    top: -60%;\r\n    right: -60%;\r\n}\r\n\r\n.cvm-card:hover {\r\n    transform: translateY(-10px) scale(1.02);\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n\/* === \u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e43\u0e19\u0e27\u0e07\u0e01\u0e25\u0e21 === *\/\r\n.cvm-badge {\r\n    width: 80px;\r\n    height: 80px;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 25px;\r\n    border: 3px solid rgba(255, 255, 255, 0.3);\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.cvm-badge svg {\r\n    width: 45px;\r\n    height: 45px;\r\n    fill: white;\r\n}\r\n\r\n\/* === \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23 === *\/\r\n.cvm-logo {\r\n    color: #ffdf5e;\r\n    font-size: 1.1em;\r\n    font-weight: 600;\r\n    margin-bottom: 20px;\r\n    letter-spacing: 2px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.cvm-title {\r\n    color: white;\r\n    font-size: 3em;\r\n    font-weight: 700;\r\n    margin: 0 0 15px 0;\r\n    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.cvm-subtitle {\r\n    color: rgba(255, 255, 255, 0.9);\r\n    font-size: 1em;\r\n    margin-top: 15px;\r\n    font-weight: 500;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* === Responsive === *\/\r\n@media (max-width: 768px) {\r\n    .cvm-container {\r\n        padding: 40px 25px;\r\n    }\r\n    .cvm-header h1 { font-size: 1.8em; }\r\n    .cvm-btn { padding: 14px 35px; font-size: 1.1em; }\r\n    .cvm-cards { grid-template-columns: 1fr; gap: 30px; }\r\n    .cvm-title { font-size: 2.5em; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .cvm-header h1 { font-size: 1.5em; }\r\n    .cvm-card { padding: 40px 30px; }\r\n    .cvm-title { font-size: 2.2em; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cvm-section\">\r\n    <div class=\"cvm-container\">\r\n        <div class=\"cvm-header\">\r\n            <h1>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e41\u0e25\u0e30<br>\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32<\/h1>\r\n            <a href=\"https:\/\/chetupon.ac.th\/\" class=\"cvm-btn\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1e\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e15\u0e38\u0e1e\u0e19<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"cvm-cards\">\r\n            <!-- \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35 - \u0e41\u0e01\u0e49\u0e44\u0e02 href \u0e15\u0e23\u0e07\u0e19\u0e35\u0e49 -->\r\n            <a href=\"https:\/\/www.facebook.com\/profile.php?id=61558459076009\" class=\"cvm-card\">\r\n                <div class=\"cvm-badge\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5zm0 2.18l8 3.96v8.36c0 4.37-2.89 8.6-7 9.96V4.18z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"cvm-logo\">CVM \u00b7 \u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32<\/div>\r\n                <h2 class=\"cvm-title\">\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35<\/h2>\r\n                <p class=\"cvm-subtitle\">CHETUPON COMMERCIAL COLLEGE<\/p>\r\n            <\/a>\r\n\r\n            <!-- \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e40\u0e25\u0e02\u0e32\u0e19\u0e38\u0e01\u0e32\u0e23 - \u0e41\u0e01\u0e49\u0e44\u0e02 href \u0e15\u0e23\u0e07\u0e19\u0e35\u0e49 -->\r\n            <a href=\"https:\/\/www.facebook.com\/profile.php?id=61555826525839\" class=\"cvm-card\">\r\n                <div class=\"cvm-badge\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"cvm-logo\">CVM \u00b7 \u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32<\/div>\r\n                <h2 class=\"cvm-title\">\u0e40\u0e25\u0e02\u0e32\u0e19\u0e38\u0e01\u0e32\u0e23<\/h2>\r\n                <p class=\"cvm-subtitle\">CHETUPON COMMERCIAL COLLEGE<\/p>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1e\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e15\u0e38\u0e1e\u0e19 CVM \u00b7 \u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32 \u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35 CHETUPON COMMERCIAL COLLEGE CVM \u00b7 \u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32 \u0e40\u0e25\u0e02\u0e32\u0e19\u0e38\u0e01\u0e32\u0e23 CHETUPON COMMERCIAL COLLEGE<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1165","page","type-page","status-publish","hentry"],"acf":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/chetupon.ac.th\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1e\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e15\u0e38\u0e1e\u0e19 CVM \u00b7 \u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32 \u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35 CHETUPON COMMERCIAL COLLEGE CVM \u00b7 \u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32 \u0e40\u0e25\u0e02\u0e32\u0e19\u0e38\u0e01\u0e32\u0e23 CHETUPON COMMERCIAL COLLEGE","_links":{"self":[{"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/1165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1165"}],"version-history":[{"count":35,"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/1165\/revisions"}],"predecessor-version":[{"id":8142,"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/1165\/revisions\/8142"}],"wp:attachment":[{"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}