{"id":8111,"date":"2025-10-14T06:24:19","date_gmt":"2025-10-14T06:24:19","guid":{"rendered":"https:\/\/chetupon.ac.th\/?page_id=8111"},"modified":"2026-03-05T04:24:57","modified_gmt":"2026-03-05T04:24:57","slug":"ovec-%e0%b8%84%e0%b8%a5%e0%b8%b1%e0%b8%87%e0%b8%9b%e0%b8%b1%e0%b8%8d%e0%b8%8d%e0%b8%b2-%e0%b8%ad%e0%b8%b2%e0%b8%8a%e0%b8%b5%e0%b8%a7%e0%b8%a8%e0%b8%b6%e0%b8%81%e0%b8%a9%e0%b8%b2","status":"publish","type":"page","link":"https:\/\/chetupon.ac.th\/?page_id=8111","title":{"rendered":"OVEC \u0e04\u0e25\u0e31\u0e07\u0e1b\u0e31\u0e0d\u0e0d\u0e32 \u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8111\" class=\"elementor elementor-8111\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f27d0e e-flex e-con-boxed e-con e-parent\" data-id=\"9f27d0e\" 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-5012f8d elementor-widget elementor-widget-html\" data-id=\"5012f8d\" 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\/* === Reset \u0e41\u0e25\u0e30\u0e01\u0e31\u0e19\u0e18\u0e35\u0e21\u0e1a\u0e35\u0e1a === *\/\r\n:where(html, body) {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    width: 100%;\r\n    overflow-x: hidden;\r\n    background: #f5f5f5;\r\n        font-family: 'Prompt', 'Sarabun', 'Tahoma', sans-serif !important;\r\n}\r\n\r\n.wp-block-html,\r\n.wp-block-group,\r\n.entry-content,\r\n.elementor-widget-container {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    max-width: 100% !important;\r\n}\r\n\r\n\/* === \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e01 === *\/\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* === \u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e31\u0e27\u0e43\u0e2b\u0e0d\u0e48 === *\/\r\n.hero-section {\r\n    width: 100vw;\r\n    margin-left: calc(-50vw + 50%);\r\n    background: linear-gradient(135deg, #003d7a 0%, #001f3f 100%);\r\n    padding: 60px 40px 100px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* \u0e25\u0e32\u0e22\u0e40\u0e2a\u0e49\u0e19\u0e2a\u0e49\u0e21\u0e0b\u0e49\u0e32\u0e22 *\/\r\n.hero-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: -100px;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 150px;\r\n    background: #ff9800;\r\n    transform: skewX(-15deg);\r\n}\r\n\r\n\/* \u0e25\u0e32\u0e22\u0e40\u0e2a\u0e49\u0e19\u0e2a\u0e49\u0e21\u0e02\u0e27\u0e32 *\/\r\n.hero-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    right: -100px;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 200px;\r\n    background: #ff9800;\r\n    transform: skewX(-15deg);\r\n}\r\n\r\n.hero-content {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u0e42\u0e25\u0e42\u0e01\u0e49\u0e41\u0e25\u0e30\u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 *\/\r\n.college-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.college-logo {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: white;\r\n    border-radius: 50%;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.college-logo img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    border-radius: 50%;\r\n}\r\n\r\n.college-name {\r\n    color: white;\r\n    font-size: 1.2em;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e43\u0e2b\u0e0d\u0e48 *\/\r\n.hero-title {\r\n    color: white;\r\n    font-size: 4em;\r\n    font-weight: 800;\r\n    text-align: center;\r\n    margin-bottom: 20px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.hero-subtitle {\r\n    color: white;\r\n    font-size: 2.5em;\r\n    font-weight: 600;\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n\/* \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d *\/\r\n.contact-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 50px;\r\n    flex-wrap: wrap;\r\n    margin-top: 30px;\r\n}\r\n\r\n.contact-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: white;\r\n    font-size: 1.1em;\r\n}\r\n\r\n.contact-icon {\r\n    width: 30px;\r\n    height: 30px;\r\n    background: #ff9800;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: bold;\r\n}\r\n\r\n\/* === \u0e2a\u0e48\u0e27\u0e19\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32 === *\/\r\n.department-section {\r\n    width: 100vw;\r\n    margin-left: calc(-50vw + 50%);\r\n    background: white;\r\n    padding: 60px 40px;\r\n}\r\n\r\n.department-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.section-title {\r\n    text-align: center;\r\n    font-size: 2em;\r\n    font-weight: 700;\r\n    color: #1e293b;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n\/* \u0e1b\u0e38\u0e48\u0e21\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32 *\/\r\n.department-buttons {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.dept-btn {\r\n    background: linear-gradient(135deg, #0066cc 0%, #004d99 100%);\r\n    color: white;\r\n    padding: 25px 60px;\r\n    border-radius: 15px;\r\n    font-size: 2em;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    position: relative;\r\n    box-shadow: 0 10px 30px rgba(0, 102, 204, 0.3);\r\n    transition: all 0.3s ease;\r\n    min-width: 280px;\r\n    text-align: center;\r\n}\r\n\r\n.dept-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 10px;\r\n    width: 50px;\r\n    height: 50px;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    border-radius: 50%;\r\n}\r\n\r\n.dept-btn:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 40px rgba(0, 102, 204, 0.5);\r\n}\r\n\r\n\/* \u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e43\u0e19\u0e1b\u0e38\u0e48\u0e21 *\/\r\n.dept-icon {\r\n    position: absolute;\r\n    top: 15px;\r\n    left: 15px;\r\n    width: 40px;\r\n    height: 40px;\r\n    background: #ff9800;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.dept-icon::after {\r\n    content: '\u26a1';\r\n    font-size: 20px;\r\n    color: white;\r\n}\r\n\r\n\/* === Responsive === *\/\r\n@media (max-width: 768px) {\r\n    .hero-title {\r\n        font-size: 2.5em;\r\n    }\r\n    .hero-subtitle {\r\n        font-size: 1.8em;\r\n    }\r\n    .contact-info {\r\n        gap: 20px;\r\n        font-size: 0.9em;\r\n    }\r\n    .dept-btn {\r\n        font-size: 1.5em;\r\n        padding: 20px 40px;\r\n        min-width: 220px;\r\n    }\r\n    .department-buttons {\r\n        gap: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hero-title {\r\n        font-size: 1.8em;\r\n    }\r\n    .hero-subtitle {\r\n        font-size: 1.3em;\r\n    }\r\n    .college-header {\r\n        flex-direction: column;\r\n        text-align: center;\r\n    }\r\n    .contact-info {\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n    .dept-btn {\r\n        font-size: 1.3em;\r\n        width: 100%;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hero-section\">\r\n    <div class=\"hero-content\">\r\n        <div class=\"college-header\">\r\n            <div class=\"college-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/img5.pic.in.th\/file\/secure-sv1\/Che-Blue-Logo.png\" alt=\"Chetupon Logo\">\r\n            <\/div>\r\n            <div class=\"college-name\">\r\n                \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1e\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e15\u0e38\u0e1e\u0e19<br>\r\n                CHETUPON COMMERCIAL COLLEGE\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <h1 class=\"hero-title\">\u0e04\u0e25\u0e31\u0e07\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32<\/h1>\r\n        <h2 class=\"hero-subtitle\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1e\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e15\u0e38\u0e1e\u0e19<\/h2>\r\n\r\n        <div class=\"contact-info\">\r\n            <div class=\"contact-item\">\r\n                <div class=\"contact-icon\">\ud83d\udcde<\/div>\r\n                <span>02-427-3399<\/span>\r\n            <\/div>\r\n            <div class=\"contact-item\">\r\n                <div class=\"contact-icon\">\ud83c\udf10<\/div>\r\n                <span>www.chetupon.ac.th<\/span>\r\n            <\/div>\r\n            <div class=\"contact-item\">\r\n                <div class=\"contact-icon\">\ud83d\udccd<\/div>\r\n                <span>126 Pracha Uthit Road<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"department-section\">\r\n    <div class=\"department-container\">\r\n        <h2 class=\"section-title\">\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32<\/h2>\r\n\r\n        <div class=\"department-buttons\">\r\n            <a href=\"https:\/\/www.facebook.com\/profile.php?id=61558459076009\" class=\"dept-btn\">\r\n                <div class=\"dept-icon\"><\/div>\r\n                \u0e40\u0e25\u0e02\u0e32\u0e19\u0e38\u0e01\u0e32\u0e23\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/www.facebook.com\/profile.php?id=61558459076009\" class=\"dept-btn\">\r\n                <div class=\"dept-icon\"><\/div>\r\n                \u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\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>\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1e\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e15\u0e38\u0e1e\u0e19 CHETUPON COMMERCIAL COLLEGE \u0e04\u0e25\u0e31\u0e07\u0e1b\u0e31\u0e0d\u0e0d\u0e32\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 &#x1f4de; 02-427-3399 &#x1f310; www.chetupon.ac.th &#x1f4cd; 126 Pracha Uthit Road \u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32 \u0e40\u0e25\u0e02\u0e32\u0e19\u0e38\u0e01\u0e32\u0e23 \u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8111","page","type-page","status-publish","hentry"],"acf":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"akkarin","author_link":"https:\/\/chetupon.ac.th\/?author=5"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1e\u0e13\u0e34\u0e0a\u0e22\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e15\u0e38\u0e1e\u0e19 CHETUPON COMMERCIAL COLLEGE \u0e04\u0e25\u0e31\u0e07\u0e1b\u0e31\u0e0d\u0e0d\u0e32\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 &#x1f4de; 02-427-3399 &#x1f310; www.chetupon.ac.th &#x1f4cd; 126 Pracha Uthit Road \u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32 \u0e40\u0e25\u0e02\u0e32\u0e19\u0e38\u0e01\u0e32\u0e23 \u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35","_links":{"self":[{"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/8111","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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8111"}],"version-history":[{"count":16,"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/8111\/revisions"}],"predecessor-version":[{"id":13621,"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/8111\/revisions\/13621"}],"wp:attachment":[{"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}