Image Hover Slide Up Effect<\/title>\r\n <style>\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c *\/\r\n .wp-slide-container {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 12px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e02\u0e2d\u0e07\u0e21\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n max-width: 500px; \/* \u0e02\u0e19\u0e32\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 *\/\r\n margin: 20px auto;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n .wp-slide-container img {\r\n width: 450px;\r\n height: 400px;\r\n display: block;\r\n transition: transform 0.4s ease, filter 0.4s ease;\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n .wp-slide-text {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n \/* \u0e0b\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e49\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 *\/\r\n transform: translateY(101%); \r\n background: #038D1C; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e15\u0e32\u0e21\u0e23\u0e2b\u0e31\u0e2a\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e38 *\/\r\n color: #ffffff;\r\n padding: 25px 15px;\r\n box-sizing: border-box;\r\n text-align: center; \/* \u0e08\u0e31\u0e14\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 *\/\r\n transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n border-bottom-left-radius: 12px;\r\n border-bottom-right-radius: 12px;\r\n }\r\n\r\n .wp-slide-text h {\r\n margin: 0 0 10px 0;\r\n font-size: 20px;\r\n color: #fff;\r\n font-weight: bold;\r\n line-height: 1.4;\r\n }\r\n\r\n .wp-slide-text p {\r\n margin: 0;\r\n font-size: 18px;\r\n font-weight: normal;\r\n color: #fff;\r\n }\r\n\r\n \/* \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49\u0e17\u0e35\u0e48\u0e01\u0e25\u0e48\u0e2d\u0e07 (Hover) *\/\r\n .wp-slide-container:hover .wp-slide-text {\r\n transform: translateY(0); \/* \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n }\r\n\r\n .wp-slide-container:hover img {\r\n transform: scale(1.05); \/* \u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e34\u0e14\u0e19\u0e36\u0e07 *\/\r\n filter: brightness(0.6); \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e21\u0e37\u0e14\u0e25\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e14\u0e48\u0e19\u0e02\u0e36\u0e49\u0e19 *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"wp-slide-container\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/lh3.googleusercontent.com\/d\/1StQBQnBaMBeSf4pXthBIIv25KpPP8JlX\" alt=\"\u0e23\u0e39\u0e1b\u0e42\u0e1b\u0e23\u0e44\u0e1f\u0e25\u0e4c\">\r\n \r\n <div class=\"wp-slide-text\">\r\n <h3>\u0e1c\u0e28.\u0e14\u0e23. \u0e2d\u0e31\u0e08\u0e09\u0e23\u0e32\u0e27\u0e14\u0e35 \u0e28\u0e23\u0e35\u0e22\u0e30\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c<\/h3>\r\n <p>\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/p>\r\n <p>\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1a\u0e23\u0e21\u0e23\u0e32\u0e0a\u0e0a\u0e19\u0e19\u0e35 \u0e22\u0e30\u0e25\u0e32<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1d977b elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"e1d977b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">\u0e1c\u0e28.\u0e14\u0e23. \u0e2d\u0e31\u0e08\u0e09\u0e23\u0e32\u0e27\u0e14\u0e35 \u0e28\u0e23\u0e35\u0e22\u0e30\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-641127d elementor-widget elementor-widget-text-editor\" data-id=\"641127d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p style=\"text-align: center;\"><strong>\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <br \/>\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1a\u0e23\u0e21\u0e23\u0e32\u0e0a\u0e0a\u0e19\u0e19\u0e35 \u0e22\u0e30\u0e25\u0e32<\/strong> <br \/>\u260e\ufe0f \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c = 073 – 222 – 010 \u0e15\u0e48\u0e2d 012 <br \/>\ud83d\udce7 E-mail : atcharawadee@bcnyala.ac.th<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02d6495 e-con-full e-flex e-con e-child\" data-id=\"02d6495\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3114068 e-con-full e-flex e-con e-parent\" data-id=\"3114068\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f1378cb e-con-full e-flex e-con e-child\" data-id=\"f1378cb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5e18e6 elementor-widget elementor-widget-html\" data-id=\"a5e18e6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Slide Up Effect<\/title>\r\n <style>\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c *\/\r\n .wp-slide-container {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 12px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e02\u0e2d\u0e07\u0e21\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n max-width: 500px; \/* \u0e02\u0e19\u0e32\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 *\/\r\n margin: 20px auto;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n .wp-slide-container img {\r\n width: 450px;\r\n height: 400px;\r\n display: block;\r\n transition: transform 0.4s ease, filter 0.4s ease;\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n .wp-slide-text {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n \/* \u0e0b\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e49\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 *\/\r\n transform: translateY(101%); \r\n background: #038D1C; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e15\u0e32\u0e21\u0e23\u0e2b\u0e31\u0e2a\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e38 *\/\r\n color: #ffffff;\r\n padding: 25px 15px;\r\n box-sizing: border-box;\r\n text-align: center; \/* \u0e08\u0e31\u0e14\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 *\/\r\n transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n border-bottom-left-radius: 12px;\r\n border-bottom-right-radius: 12px;\r\n .wp-slide-text h3 {\r\n margin: 0 0 10px 0;\r\n font-size: 18px; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e40\u0e1b\u0e47\u0e19 18px \u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 *\/\r\n color: #fff;\r\n font-weight: bold;\r\n line-height: 1.4;\r\n }\r\n\r\n .wp-slide-text p {\r\n margin: 0;\r\n font-size: 18px;\r\n font-weight: normal;\r\n color: #fff;\r\n }\r\n\r\n \/* \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49\u0e17\u0e35\u0e48\u0e01\u0e25\u0e48\u0e2d\u0e07 (Hover) *\/\r\n .wp-slide-container:hover .wp-slide-text {\r\n transform: translateY(0); \/* \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n }\r\n\r\n .wp-slide-container:hover img {\r\n transform: scale(1.05); \/* \u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e34\u0e14\u0e19\u0e36\u0e07 *\/\r\n filter: brightness(0.6); \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e21\u0e37\u0e14\u0e25\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e14\u0e48\u0e19\u0e02\u0e36\u0e49\u0e19 *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"wp-slide-container\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/lh3.googleusercontent.com\/d\/1X85clePJ0iOUFdHinQ9ZtoFS0h1wEMuK\" alt=\"\u0e23\u0e39\u0e1b\u0e42\u0e1b\u0e23\u0e44\u0e1f\u0e25\u0e4c\"\">\r\n <div class=\"wp-slide-text\">\r\n <h3>\u0e1c\u0e28.\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e04\u0e13\u0e31\u0e2a \u0e08\u0e31\u0e19\u0e17\u0e23\u0e28\u0e34\u0e23\u0e34\u0e1e\u0e38\u0e17\u0e18<\/h3>\r\n <p>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\r\n <p>\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/p>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ec828a elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"8ec828a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e1c\u0e28.\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e04\u0e13\u0e31\u0e2a \u0e08\u0e31\u0e19\u0e17\u0e23\u0e28\u0e34\u0e23\u0e34\u0e1e\u0e38\u0e17\u0e18<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08d749e elementor-widget elementor-widget-text-editor\" data-id=\"08d749e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/strong><br \/><\/strong>\u260e\ufe0f \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c = 073 – 222 – 010 \u0e15\u0e48\u0e2d 018<br \/>\ud83d\udce7 E-mail : Boonkanas@bcnyala.ac.th<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b3741a elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"9b3741a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e01\u0e32\u0e23\u0e01\u0e4d\u0e32\u0e01\u0e31\u0e1a\u0e14\u0e39\u0e41\u0e25<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00361c3 elementor-widget elementor-widget-text-editor\" data-id=\"00361c3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <br \/>\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/strong><\/p><ul><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/span><\/li><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25<\/span><\/li><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19<\/span><\/li><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/span><span class=\"fontstyle0\">\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e41\u0e25\u0e30\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2580a0 e-con-full e-flex e-con e-child\" data-id=\"a2580a0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-daf09a4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"daf09a4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Slide Up Effect<\/title>\r\n <style>\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c *\/\r\n .wp-slide-container {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 12px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e02\u0e2d\u0e07\u0e21\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n max-width: 500px; \/* \u0e02\u0e19\u0e32\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 *\/\r\n margin: 20px auto;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n .wp-slide-container img {\r\n width: 450px;\r\n height: 400px;\r\n display: block;\r\n transition: transform 0.4s ease, filter 0.4s ease;\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n .wp-slide-text {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n \/* \u0e0b\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e49\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 *\/\r\n transform: translateY(101%); \r\n background: #038D1C; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e15\u0e32\u0e21\u0e23\u0e2b\u0e31\u0e2a\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e38 *\/\r\n color: #ffffff;\r\n padding: 25px 15px;\r\n box-sizing: border-box;\r\n text-align: center; \/* \u0e08\u0e31\u0e14\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 *\/\r\n transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n border-bottom-left-radius: 12px;\r\n border-bottom-right-radius: 12px;\r\n }\r\n\r\n .wp-slide-text h3 {\r\n margin: 0 0 10px 0;\r\n font-size: 20px;\r\n color: #fff;\r\n font-weight: bold;\r\n line-height: 1.4;\r\n }\r\n\r\n .wp-slide-text p {\r\n margin: 0;\r\n font-size: 18px;\r\n font-weight: normal;\r\n color: #fff;\r\n }\r\n\r\n \/* \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49\u0e17\u0e35\u0e48\u0e01\u0e25\u0e48\u0e2d\u0e07 (Hover) *\/\r\n .wp-slide-container:hover .wp-slide-text {\r\n transform: translateY(0); \/* \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n }\r\n\r\n .wp-slide-container:hover img {\r\n transform: scale(1.05); \/* \u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e34\u0e14\u0e19\u0e36\u0e07 *\/\r\n filter: brightness(0.6); \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e21\u0e37\u0e14\u0e25\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e14\u0e48\u0e19\u0e02\u0e36\u0e49\u0e19 *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"wp-slide-container\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/lh3.googleusercontent.com\/d\/1o7Z2EWcVmhBTcIscY_UVcDhxLTbLQH2v\" alt=\"\u0e23\u0e39\u0e1b\u0e42\u0e1b\u0e23\u0e44\u0e1f\u0e25\u0e4c\"\">\r\n \r\n <div class=\"wp-slide-text\">\r\n <h3>\u0e14\u0e23.\u0e2a\u0e34\u0e23\u0e34\u0e19\u0e20\u0e23 \u0e28\u0e38\u0e01\u0e23\u0e27\u0e23\u0e23\u0e13<\/h>\r\n <p>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/p>\r\n <p>\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3c5546 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"d3c5546\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e14\u0e23.\u0e2a\u0e34\u0e23\u0e34\u0e19\u0e20\u0e23 \u0e28\u0e38\u0e01\u0e23\u0e27\u0e23\u0e23\u0e13<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53579fc elementor-widget elementor-widget-text-editor\" data-id=\"53579fc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/strong> <br \/>\u260e\ufe0f \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c = 073 – 222 – 010 \u0e15\u0e48\u0e2d 115<br \/>\ud83d\udce7 E-mail : sirinporn@bcnyala.ac.th\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09ea06c elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"09ea06c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e01\u0e32\u0e23\u0e01\u0e4d\u0e32\u0e01\u0e31\u0e1a\u0e14\u0e39\u0e41\u0e25<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e04701e elementor-widget elementor-widget-text-editor\" data-id=\"e04701e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/strong><\/p><ul><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/span><\/li><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/span><\/li><\/ul><div>\u00a0<\/div><div>\u00a0<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4aed7db e-con-full e-flex e-con e-child\" data-id=\"4aed7db\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8567efe elementor-widget elementor-widget-html\" data-id=\"8567efe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Slide Up Effect<\/title>\r\n <style>\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c *\/\r\n .wp-slide-container {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 12px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e02\u0e2d\u0e07\u0e21\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n max-width: 500px; \/* \u0e02\u0e19\u0e32\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 *\/\r\n margin: 20px auto;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n .wp-slide-container img {\r\n width: 450px;\r\n height: 400px;\r\n display: block;\r\n transition: transform 0.4s ease, filter 0.4s ease;\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n .wp-slide-text {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n \/* \u0e0b\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e49\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 *\/\r\n transform: translateY(101%); \r\n background: #038D1C; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e15\u0e32\u0e21\u0e23\u0e2b\u0e31\u0e2a\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e38 *\/\r\n color: #ffffff;\r\n padding: 25px 15px;\r\n box-sizing: border-box;\r\n text-align: center; \/* \u0e08\u0e31\u0e14\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 *\/\r\n transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n border-bottom-left-radius: 12px;\r\n border-bottom-right-radius: 12px;\r\n }\r\n\r\n .wp-slide-text h3 {\r\n margin: 0 0 10px 0;\r\n font-size: 20px;\r\n color: #fff;\r\n font-weight: bold;\r\n line-height: 1.4;\r\n }\r\n\r\n .wp-slide-text p {\r\n margin: 0;\r\n font-size: 18px;\r\n font-weight: normal;\r\n color: #fff;\r\n }\r\n\r\n \/* \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49\u0e17\u0e35\u0e48\u0e01\u0e25\u0e48\u0e2d\u0e07 (Hover) *\/\r\n .wp-slide-container:hover .wp-slide-text {\r\n transform: translateY(0); \/* \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n }\r\n\r\n .wp-slide-container:hover img {\r\n transform: scale(1.05); \/* \u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e34\u0e14\u0e19\u0e36\u0e07 *\/\r\n filter: brightness(0.6); \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e21\u0e37\u0e14\u0e25\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e14\u0e48\u0e19\u0e02\u0e36\u0e49\u0e19 *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"wp-slide-container\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/lh3.googleusercontent.com\/d\/1OQuMYDm9aatVNpC3mgJSHe2rq6ZGby8w\" alt=\"\u0e23\u0e39\u0e1b\u0e42\u0e1b\u0e23\u0e44\u0e1f\u0e25\u0e4c\"\">\r\n \r\n <div class=\"wp-slide-text\">\r\n <h3>\u0e14\u0e23.\u0e1e\u0e31\u0e0a\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e04\u0e21\u0e02\u0e33<\/h3\r\n <p>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\r\n <p>\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3e85c7 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"b3e85c7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e14\u0e23.\u0e1e\u0e31\u0e0a\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e04\u0e21\u0e02\u0e33<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ed653a elementor-widget elementor-widget-text-editor\" data-id=\"3ed653a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/strong> <br \/>\u260e\ufe0f \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c = 095 – 365 – 0386 <br \/>\ud83d\udce7 E-mail : patcharin@bcnyala.ac.th\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07d83b2 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"07d83b2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e01\u0e32\u0e23\u0e01\u0e4d\u0e32\u0e01\u0e31\u0e1a\u0e14\u0e39\u0e41\u0e25<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-216507a elementor-widget elementor-widget-text-editor\" data-id=\"216507a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/strong><\/p><ul><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e27\u0e34\u0e40\u0e17\u0e28\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/span><\/li><li><span class=\"fontstyle0\"> \u0e2b\u0e19\u0e48\u0e27\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/span><\/li><\/ul><div>\u00a0<\/div><div>\u00a0<\/div><div>\u00a0<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfa9416 e-con-full e-flex e-con e-child\" data-id=\"cfa9416\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adafdd6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"adafdd6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Slide Up Effect<\/title>\r\n <style>\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c *\/\r\n .wp-slide-container {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 12px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e02\u0e2d\u0e07\u0e21\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n max-width: 500px; \/* \u0e02\u0e19\u0e32\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 *\/\r\n margin: 20px auto;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n .wp-slide-container img {\r\n width: 450px;\r\n height: 400px;\r\n display: block;\r\n transition: transform 0.4s ease, filter 0.4s ease;\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n .wp-slide-text {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n \/* \u0e0b\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e49\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 *\/\r\n transform: translateY(101%); \r\n background: #038D1C; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e15\u0e32\u0e21\u0e23\u0e2b\u0e31\u0e2a\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e38 *\/\r\n color: #ffffff;\r\n padding: 25px 15px;\r\n box-sizing: border-box;\r\n text-align: center; \/* \u0e08\u0e31\u0e14\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 *\/\r\n transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n border-bottom-left-radius: 12px;\r\n border-bottom-right-radius: 12px;\r\n }\r\n\r\n .wp-slide-text h3 {\r\n margin: 0 0 10px 0;\r\n font-size: 20px;\r\n color: #fff;\r\n font-weight: bold;\r\n line-height: 1.4;\r\n }\r\n\r\n .wp-slide-text p {\r\n margin: 0;\r\n font-size: 18px;\r\n font-weight: normal;\r\n color: #fff;\r\n }\r\n\r\n \/* \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49\u0e17\u0e35\u0e48\u0e01\u0e25\u0e48\u0e2d\u0e07 (Hover) *\/\r\n .wp-slide-container:hover .wp-slide-text {\r\n transform: translateY(0); \/* \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n }\r\n\r\n .wp-slide-container:hover img {\r\n transform: scale(1.05); \/* \u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e34\u0e14\u0e19\u0e36\u0e07 *\/\r\n filter: brightness(0.6); \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e21\u0e37\u0e14\u0e25\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e14\u0e48\u0e19\u0e02\u0e36\u0e49\u0e19 *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"wp-slide-container\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/lh3.googleusercontent.com\/d\/1UbWHZhjfnxiBjP2UX_Wl5Ozvwe5zYoOS\" alt=\"\u0e23\u0e39\u0e1b\u0e42\u0e1b\u0e23\u0e44\u0e1f\u0e25\u0e4c\"\">\r\n \r\n <div class=\"wp-slide-text\">\r\n <h3>\u0e1c\u0e28.\u0e04\u0e2d\u0e25\u0e34\u0e14 \u0e04\u0e23\u0e38\u0e19\u0e31\u0e19\u0e17\u0e4c<\/h3>\r\n <p>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\r\n <p>\u0e14\u0e49\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7aa94c3 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"7aa94c3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e1c\u0e28.\u0e04\u0e2d\u0e25\u0e34\u0e14 \u0e04\u0e23\u0e38\u0e19\u0e31\u0e19\u0e17\u0e4c<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d09e3c elementor-widget elementor-widget-text-editor\" data-id=\"4d09e3c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/strong> <br \/>\u260e\ufe0f \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c = 095 – 071 – 0417 <br \/>\ud83d\udce7 E-mail : sewana@bcnyala.ac.th\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-735ac08 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"735ac08\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e01\u0e32\u0e23\u0e01\u0e4d\u0e32\u0e01\u0e31\u0e1a\u0e14\u0e39\u0e41\u0e25<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df87737 elementor-widget elementor-widget-text-editor\" data-id=\"df87737\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/strong><\/p><ul><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/span><\/li><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e17\u0e30\u0e19\u0e38\u0e1a\u0e4d\u0e32\u0e23\u0e38\u0e07\u0e28\u0e34\u0e25\u0e1b\u0e27\u0e31\u0e12\u0e19\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e40\u0e28\u0e29<\/span><\/li><\/ul><div>\u00a0<\/div><div>\u00a0<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c2a285 e-flex e-con-boxed e-con e-parent\" data-id=\"2c2a285\" 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-09f1425 elementor-pagination-position-outside elementor-widget__width-initial elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-widget elementor-widget-slides\" data-id=\"09f1425\" data-element_type=\"widget\" data-settings=\"{"navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","transition":"slide","transition_speed":500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor-pro - v3.21.0 - 24-04-2024 *\/\n.elementor-slides .swiper-slide-bg{background-size:cover;background-position:50%;background-repeat:no-repeat;min-width:100%;min-height:100%}.elementor-slides .swiper-slide-inner{background-repeat:no-repeat;background-position:50%;position:absolute;top:0;left:0;bottom:0;right:0;padding:50px;margin:auto}.elementor-slides .swiper-slide-inner,.elementor-slides .swiper-slide-inner:hover{color:#fff;display:flex}.elementor-slides .swiper-slide-inner .elementor-background-overlay{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0}.elementor-slides .swiper-slide-inner .elementor-slide-content{position:relative;z-index:1;width:100%}.elementor-slides .swiper-slide-inner .elementor-slide-heading{font-size:35px;font-weight:700;line-height:1}.elementor-slides .swiper-slide-inner .elementor-slide-description{font-size:17px;line-height:1.4}.elementor-slides .swiper-slide-inner .elementor-slide-description:not(:last-child),.elementor-slides .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:30px}.elementor-slides .swiper-slide-inner .elementor-slide-button{border:2px solid #fff;color:#fff;background:transparent;display:inline-block}.elementor-slides .swiper-slide-inner .elementor-slide-button,.elementor-slides .swiper-slide-inner .elementor-slide-button:hover{background:transparent;color:inherit;text-decoration:none}.elementor--v-position-top .swiper-slide-inner{align-items:flex-start}.elementor--v-position-bottom .swiper-slide-inner{align-items:flex-end}.elementor--v-position-middle .swiper-slide-inner{align-items:center}.elementor--h-position-left .swiper-slide-inner{justify-content:flex-start}.elementor--h-position-right .swiper-slide-inner{justify-content:flex-end}.elementor--h-position-center .swiper-slide-inner{justify-content:center}body.rtl .elementor-widget-slides .elementor-swiper-button-next{left:10px;right:auto}body.rtl .elementor-widget-slides .elementor-swiper-button-prev{right:10px;left:auto}.elementor-slides-wrapper div:not(.swiper-slide)>.swiper-slide-inner{display:none}@media (max-width:767px){.elementor-slides .swiper-slide-inner{padding:30px}.elementor-slides .swiper-slide-inner .elementor-slide-heading{font-size:23px;line-height:1;margin-bottom:15px}.elementor-slides .swiper-slide-inner .elementor-slide-description{font-size:13px;line-height:1.4;margin-bottom:15px}}<\/style>\t\t<div class=\"elementor-swiper\">\n\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-2f18d9f swiper-slide\"><div class=\"swiper-slide-bg\" role=\"img\"><\/div><a class=\"swiper-slide-inner\" href=\"https:\/\/www.yala-bcn.ac.th\/Home\/wp-content\/uploads\/2026\/05\/BCN-Y011.png\" target=\"_blank\"><div class=\"swiper-slide-contents\"><\/div><\/a><\/div><div class=\"elementor-repeater-item-ddb12f9 swiper-slide\"><div class=\"swiper-slide-bg\" role=\"img\"><\/div><a class=\"swiper-slide-inner\" href=\"https:\/\/www.yala-bcn.ac.th\/Home\/wp-content\/uploads\/2026\/05\/BCN-Y012.png\" target=\"_blank\"><div class=\"swiper-slide-contents\"><\/div><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t\t<span class=\"elementor-screen-only\">Previous slide<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t\t<span class=\"elementor-screen-only\">Next slide<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\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>Image Hover Slide Up Effect \u0e1c\u0e28.\u0e14\u0e23. \u0e2d\u0e31\u0e08\u0e09\u0e23\u0e32\u0e27\u0e14\u0e35 \u0e28\u0e23\u0e35\u0e22\u0e30\u0e28\u0e31\u0e01\u0e14\u0e34…<\/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-14804","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/pages\/14804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/comments?post=14804"}],"version-history":[{"count":72,"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/pages\/14804\/revisions"}],"predecessor-version":[{"id":15152,"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/pages\/14804\/revisions\/15152"}],"wp:attachment":[{"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/media?parent=14804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t

\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n Image Hover Slide Up Effect<\/title>\r\n <style>\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c *\/\r\n .wp-slide-container {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 12px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e02\u0e2d\u0e07\u0e21\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n max-width: 500px; \/* \u0e02\u0e19\u0e32\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 *\/\r\n margin: 20px auto;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n .wp-slide-container img {\r\n width: 450px;\r\n height: 400px;\r\n display: block;\r\n transition: transform 0.4s ease, filter 0.4s ease;\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n .wp-slide-text {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n \/* \u0e0b\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e49\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 *\/\r\n transform: translateY(101%); \r\n background: #038D1C; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e15\u0e32\u0e21\u0e23\u0e2b\u0e31\u0e2a\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e38 *\/\r\n color: #ffffff;\r\n padding: 25px 15px;\r\n box-sizing: border-box;\r\n text-align: center; \/* \u0e08\u0e31\u0e14\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 *\/\r\n transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n border-bottom-left-radius: 12px;\r\n border-bottom-right-radius: 12px;\r\n }\r\n\r\n .wp-slide-text h {\r\n margin: 0 0 10px 0;\r\n font-size: 20px;\r\n color: #fff;\r\n font-weight: bold;\r\n line-height: 1.4;\r\n }\r\n\r\n .wp-slide-text p {\r\n margin: 0;\r\n font-size: 18px;\r\n font-weight: normal;\r\n color: #fff;\r\n }\r\n\r\n \/* \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49\u0e17\u0e35\u0e48\u0e01\u0e25\u0e48\u0e2d\u0e07 (Hover) *\/\r\n .wp-slide-container:hover .wp-slide-text {\r\n transform: translateY(0); \/* \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n }\r\n\r\n .wp-slide-container:hover img {\r\n transform: scale(1.05); \/* \u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e34\u0e14\u0e19\u0e36\u0e07 *\/\r\n filter: brightness(0.6); \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e21\u0e37\u0e14\u0e25\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e14\u0e48\u0e19\u0e02\u0e36\u0e49\u0e19 *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"wp-slide-container\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/lh3.googleusercontent.com\/d\/1StQBQnBaMBeSf4pXthBIIv25KpPP8JlX\" alt=\"\u0e23\u0e39\u0e1b\u0e42\u0e1b\u0e23\u0e44\u0e1f\u0e25\u0e4c\">\r\n \r\n <div class=\"wp-slide-text\">\r\n <h3>\u0e1c\u0e28.\u0e14\u0e23. \u0e2d\u0e31\u0e08\u0e09\u0e23\u0e32\u0e27\u0e14\u0e35 \u0e28\u0e23\u0e35\u0e22\u0e30\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c<\/h3>\r\n <p>\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/p>\r\n <p>\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1a\u0e23\u0e21\u0e23\u0e32\u0e0a\u0e0a\u0e19\u0e19\u0e35 \u0e22\u0e30\u0e25\u0e32<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1d977b elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"e1d977b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">\u0e1c\u0e28.\u0e14\u0e23. \u0e2d\u0e31\u0e08\u0e09\u0e23\u0e32\u0e27\u0e14\u0e35 \u0e28\u0e23\u0e35\u0e22\u0e30\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-641127d elementor-widget elementor-widget-text-editor\" data-id=\"641127d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p style=\"text-align: center;\"><strong>\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <br \/>\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1a\u0e23\u0e21\u0e23\u0e32\u0e0a\u0e0a\u0e19\u0e19\u0e35 \u0e22\u0e30\u0e25\u0e32<\/strong> <br \/>\u260e\ufe0f \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c = 073 – 222 – 010 \u0e15\u0e48\u0e2d 012 <br \/>\ud83d\udce7 E-mail : atcharawadee@bcnyala.ac.th<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02d6495 e-con-full e-flex e-con e-child\" data-id=\"02d6495\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3114068 e-con-full e-flex e-con e-parent\" data-id=\"3114068\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f1378cb e-con-full e-flex e-con e-child\" data-id=\"f1378cb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5e18e6 elementor-widget elementor-widget-html\" data-id=\"a5e18e6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Slide Up Effect<\/title>\r\n <style>\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c *\/\r\n .wp-slide-container {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 12px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e02\u0e2d\u0e07\u0e21\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n max-width: 500px; \/* \u0e02\u0e19\u0e32\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 *\/\r\n margin: 20px auto;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n .wp-slide-container img {\r\n width: 450px;\r\n height: 400px;\r\n display: block;\r\n transition: transform 0.4s ease, filter 0.4s ease;\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n .wp-slide-text {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n \/* \u0e0b\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e49\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 *\/\r\n transform: translateY(101%); \r\n background: #038D1C; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e15\u0e32\u0e21\u0e23\u0e2b\u0e31\u0e2a\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e38 *\/\r\n color: #ffffff;\r\n padding: 25px 15px;\r\n box-sizing: border-box;\r\n text-align: center; \/* \u0e08\u0e31\u0e14\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 *\/\r\n transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n border-bottom-left-radius: 12px;\r\n border-bottom-right-radius: 12px;\r\n .wp-slide-text h3 {\r\n margin: 0 0 10px 0;\r\n font-size: 18px; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e40\u0e1b\u0e47\u0e19 18px \u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 *\/\r\n color: #fff;\r\n font-weight: bold;\r\n line-height: 1.4;\r\n }\r\n\r\n .wp-slide-text p {\r\n margin: 0;\r\n font-size: 18px;\r\n font-weight: normal;\r\n color: #fff;\r\n }\r\n\r\n \/* \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49\u0e17\u0e35\u0e48\u0e01\u0e25\u0e48\u0e2d\u0e07 (Hover) *\/\r\n .wp-slide-container:hover .wp-slide-text {\r\n transform: translateY(0); \/* \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n }\r\n\r\n .wp-slide-container:hover img {\r\n transform: scale(1.05); \/* \u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e34\u0e14\u0e19\u0e36\u0e07 *\/\r\n filter: brightness(0.6); \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e21\u0e37\u0e14\u0e25\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e14\u0e48\u0e19\u0e02\u0e36\u0e49\u0e19 *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"wp-slide-container\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/lh3.googleusercontent.com\/d\/1X85clePJ0iOUFdHinQ9ZtoFS0h1wEMuK\" alt=\"\u0e23\u0e39\u0e1b\u0e42\u0e1b\u0e23\u0e44\u0e1f\u0e25\u0e4c\"\">\r\n <div class=\"wp-slide-text\">\r\n <h3>\u0e1c\u0e28.\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e04\u0e13\u0e31\u0e2a \u0e08\u0e31\u0e19\u0e17\u0e23\u0e28\u0e34\u0e23\u0e34\u0e1e\u0e38\u0e17\u0e18<\/h3>\r\n <p>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\r\n <p>\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/p>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ec828a elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"8ec828a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e1c\u0e28.\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e04\u0e13\u0e31\u0e2a \u0e08\u0e31\u0e19\u0e17\u0e23\u0e28\u0e34\u0e23\u0e34\u0e1e\u0e38\u0e17\u0e18<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08d749e elementor-widget elementor-widget-text-editor\" data-id=\"08d749e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/strong><br \/><\/strong>\u260e\ufe0f \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c = 073 – 222 – 010 \u0e15\u0e48\u0e2d 018<br \/>\ud83d\udce7 E-mail : Boonkanas@bcnyala.ac.th<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b3741a elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"9b3741a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e01\u0e32\u0e23\u0e01\u0e4d\u0e32\u0e01\u0e31\u0e1a\u0e14\u0e39\u0e41\u0e25<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00361c3 elementor-widget elementor-widget-text-editor\" data-id=\"00361c3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <br \/>\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/strong><\/p><ul><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/span><\/li><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25<\/span><\/li><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19<\/span><\/li><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/span><span class=\"fontstyle0\">\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e41\u0e25\u0e30\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2580a0 e-con-full e-flex e-con e-child\" data-id=\"a2580a0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-daf09a4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"daf09a4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Slide Up Effect<\/title>\r\n <style>\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c *\/\r\n .wp-slide-container {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 12px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e02\u0e2d\u0e07\u0e21\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n max-width: 500px; \/* \u0e02\u0e19\u0e32\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 *\/\r\n margin: 20px auto;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n .wp-slide-container img {\r\n width: 450px;\r\n height: 400px;\r\n display: block;\r\n transition: transform 0.4s ease, filter 0.4s ease;\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n .wp-slide-text {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n \/* \u0e0b\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e49\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 *\/\r\n transform: translateY(101%); \r\n background: #038D1C; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e15\u0e32\u0e21\u0e23\u0e2b\u0e31\u0e2a\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e38 *\/\r\n color: #ffffff;\r\n padding: 25px 15px;\r\n box-sizing: border-box;\r\n text-align: center; \/* \u0e08\u0e31\u0e14\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 *\/\r\n transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n border-bottom-left-radius: 12px;\r\n border-bottom-right-radius: 12px;\r\n }\r\n\r\n .wp-slide-text h3 {\r\n margin: 0 0 10px 0;\r\n font-size: 20px;\r\n color: #fff;\r\n font-weight: bold;\r\n line-height: 1.4;\r\n }\r\n\r\n .wp-slide-text p {\r\n margin: 0;\r\n font-size: 18px;\r\n font-weight: normal;\r\n color: #fff;\r\n }\r\n\r\n \/* \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49\u0e17\u0e35\u0e48\u0e01\u0e25\u0e48\u0e2d\u0e07 (Hover) *\/\r\n .wp-slide-container:hover .wp-slide-text {\r\n transform: translateY(0); \/* \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n }\r\n\r\n .wp-slide-container:hover img {\r\n transform: scale(1.05); \/* \u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e34\u0e14\u0e19\u0e36\u0e07 *\/\r\n filter: brightness(0.6); \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e21\u0e37\u0e14\u0e25\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e14\u0e48\u0e19\u0e02\u0e36\u0e49\u0e19 *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"wp-slide-container\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/lh3.googleusercontent.com\/d\/1o7Z2EWcVmhBTcIscY_UVcDhxLTbLQH2v\" alt=\"\u0e23\u0e39\u0e1b\u0e42\u0e1b\u0e23\u0e44\u0e1f\u0e25\u0e4c\"\">\r\n \r\n <div class=\"wp-slide-text\">\r\n <h3>\u0e14\u0e23.\u0e2a\u0e34\u0e23\u0e34\u0e19\u0e20\u0e23 \u0e28\u0e38\u0e01\u0e23\u0e27\u0e23\u0e23\u0e13<\/h>\r\n <p>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/p>\r\n <p>\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3c5546 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"d3c5546\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e14\u0e23.\u0e2a\u0e34\u0e23\u0e34\u0e19\u0e20\u0e23 \u0e28\u0e38\u0e01\u0e23\u0e27\u0e23\u0e23\u0e13<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53579fc elementor-widget elementor-widget-text-editor\" data-id=\"53579fc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/strong> <br \/>\u260e\ufe0f \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c = 073 – 222 – 010 \u0e15\u0e48\u0e2d 115<br \/>\ud83d\udce7 E-mail : sirinporn@bcnyala.ac.th\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09ea06c elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"09ea06c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e01\u0e32\u0e23\u0e01\u0e4d\u0e32\u0e01\u0e31\u0e1a\u0e14\u0e39\u0e41\u0e25<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e04701e elementor-widget elementor-widget-text-editor\" data-id=\"e04701e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/strong><\/p><ul><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/span><\/li><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/span><\/li><\/ul><div>\u00a0<\/div><div>\u00a0<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4aed7db e-con-full e-flex e-con e-child\" data-id=\"4aed7db\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8567efe elementor-widget elementor-widget-html\" data-id=\"8567efe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Slide Up Effect<\/title>\r\n <style>\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c *\/\r\n .wp-slide-container {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 12px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e02\u0e2d\u0e07\u0e21\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n max-width: 500px; \/* \u0e02\u0e19\u0e32\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 *\/\r\n margin: 20px auto;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n .wp-slide-container img {\r\n width: 450px;\r\n height: 400px;\r\n display: block;\r\n transition: transform 0.4s ease, filter 0.4s ease;\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n .wp-slide-text {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n \/* \u0e0b\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e49\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 *\/\r\n transform: translateY(101%); \r\n background: #038D1C; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e15\u0e32\u0e21\u0e23\u0e2b\u0e31\u0e2a\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e38 *\/\r\n color: #ffffff;\r\n padding: 25px 15px;\r\n box-sizing: border-box;\r\n text-align: center; \/* \u0e08\u0e31\u0e14\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 *\/\r\n transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n border-bottom-left-radius: 12px;\r\n border-bottom-right-radius: 12px;\r\n }\r\n\r\n .wp-slide-text h3 {\r\n margin: 0 0 10px 0;\r\n font-size: 20px;\r\n color: #fff;\r\n font-weight: bold;\r\n line-height: 1.4;\r\n }\r\n\r\n .wp-slide-text p {\r\n margin: 0;\r\n font-size: 18px;\r\n font-weight: normal;\r\n color: #fff;\r\n }\r\n\r\n \/* \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49\u0e17\u0e35\u0e48\u0e01\u0e25\u0e48\u0e2d\u0e07 (Hover) *\/\r\n .wp-slide-container:hover .wp-slide-text {\r\n transform: translateY(0); \/* \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n }\r\n\r\n .wp-slide-container:hover img {\r\n transform: scale(1.05); \/* \u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e34\u0e14\u0e19\u0e36\u0e07 *\/\r\n filter: brightness(0.6); \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e21\u0e37\u0e14\u0e25\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e14\u0e48\u0e19\u0e02\u0e36\u0e49\u0e19 *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"wp-slide-container\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/lh3.googleusercontent.com\/d\/1OQuMYDm9aatVNpC3mgJSHe2rq6ZGby8w\" alt=\"\u0e23\u0e39\u0e1b\u0e42\u0e1b\u0e23\u0e44\u0e1f\u0e25\u0e4c\"\">\r\n \r\n <div class=\"wp-slide-text\">\r\n <h3>\u0e14\u0e23.\u0e1e\u0e31\u0e0a\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e04\u0e21\u0e02\u0e33<\/h3\r\n <p>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\r\n <p>\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3e85c7 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"b3e85c7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e14\u0e23.\u0e1e\u0e31\u0e0a\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e04\u0e21\u0e02\u0e33<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ed653a elementor-widget elementor-widget-text-editor\" data-id=\"3ed653a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/strong> <br \/>\u260e\ufe0f \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c = 095 – 365 – 0386 <br \/>\ud83d\udce7 E-mail : patcharin@bcnyala.ac.th\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07d83b2 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"07d83b2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e01\u0e32\u0e23\u0e01\u0e4d\u0e32\u0e01\u0e31\u0e1a\u0e14\u0e39\u0e41\u0e25<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-216507a elementor-widget elementor-widget-text-editor\" data-id=\"216507a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/strong><\/p><ul><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e27\u0e34\u0e40\u0e17\u0e28\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/span><\/li><li><span class=\"fontstyle0\"> \u0e2b\u0e19\u0e48\u0e27\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/span><\/li><\/ul><div>\u00a0<\/div><div>\u00a0<\/div><div>\u00a0<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfa9416 e-con-full e-flex e-con e-child\" data-id=\"cfa9416\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adafdd6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"adafdd6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Slide Up Effect<\/title>\r\n <style>\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c *\/\r\n .wp-slide-container {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 12px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e02\u0e2d\u0e07\u0e21\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n max-width: 500px; \/* \u0e02\u0e19\u0e32\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \u0e1b\u0e23\u0e31\u0e1a\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 *\/\r\n margin: 20px auto;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n .wp-slide-container img {\r\n width: 450px;\r\n height: 400px;\r\n display: block;\r\n transition: transform 0.4s ease, filter 0.4s ease;\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n .wp-slide-text {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n \/* \u0e0b\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e44\u0e27\u0e49\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 *\/\r\n transform: translateY(101%); \r\n background: #038D1C; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e15\u0e32\u0e21\u0e23\u0e2b\u0e31\u0e2a\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e38 *\/\r\n color: #ffffff;\r\n padding: 25px 15px;\r\n box-sizing: border-box;\r\n text-align: center; \/* \u0e08\u0e31\u0e14\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 *\/\r\n transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n border-bottom-left-radius: 12px;\r\n border-bottom-right-radius: 12px;\r\n }\r\n\r\n .wp-slide-text h3 {\r\n margin: 0 0 10px 0;\r\n font-size: 20px;\r\n color: #fff;\r\n font-weight: bold;\r\n line-height: 1.4;\r\n }\r\n\r\n .wp-slide-text p {\r\n margin: 0;\r\n font-size: 18px;\r\n font-weight: normal;\r\n color: #fff;\r\n }\r\n\r\n \/* \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49\u0e17\u0e35\u0e48\u0e01\u0e25\u0e48\u0e2d\u0e07 (Hover) *\/\r\n .wp-slide-container:hover .wp-slide-text {\r\n transform: translateY(0); \/* \u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 *\/\r\n }\r\n\r\n .wp-slide-container:hover img {\r\n transform: scale(1.05); \/* \u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e34\u0e14\u0e19\u0e36\u0e07 *\/\r\n filter: brightness(0.6); \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e21\u0e37\u0e14\u0e25\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e14\u0e48\u0e19\u0e02\u0e36\u0e49\u0e19 *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"wp-slide-container\">\r\n \r\n <img decoding=\"async\" src=\"http:\/\/lh3.googleusercontent.com\/d\/1UbWHZhjfnxiBjP2UX_Wl5Ozvwe5zYoOS\" alt=\"\u0e23\u0e39\u0e1b\u0e42\u0e1b\u0e23\u0e44\u0e1f\u0e25\u0e4c\"\">\r\n \r\n <div class=\"wp-slide-text\">\r\n <h3>\u0e1c\u0e28.\u0e04\u0e2d\u0e25\u0e34\u0e14 \u0e04\u0e23\u0e38\u0e19\u0e31\u0e19\u0e17\u0e4c<\/h3>\r\n <p>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\r\n <p>\u0e14\u0e49\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7aa94c3 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"7aa94c3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e1c\u0e28.\u0e04\u0e2d\u0e25\u0e34\u0e14 \u0e04\u0e23\u0e38\u0e19\u0e31\u0e19\u0e17\u0e4c<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d09e3c elementor-widget elementor-widget-text-editor\" data-id=\"4d09e3c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/strong> <br \/>\u260e\ufe0f \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c = 095 – 071 – 0417 <br \/>\ud83d\udce7 E-mail : sewana@bcnyala.ac.th\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-735ac08 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"735ac08\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e01\u0e32\u0e23\u0e01\u0e4d\u0e32\u0e01\u0e31\u0e1a\u0e14\u0e39\u0e41\u0e25<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df87737 elementor-widget elementor-widget-text-editor\" data-id=\"df87737\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 <\/strong><br \/><strong>\u0e14\u0e49\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/strong><\/p><ul><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/span><\/li><li><span class=\"fontstyle0\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e17\u0e30\u0e19\u0e38\u0e1a\u0e4d\u0e32\u0e23\u0e38\u0e07\u0e28\u0e34\u0e25\u0e1b\u0e27\u0e31\u0e12\u0e19\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e40\u0e28\u0e29<\/span><\/li><\/ul><div>\u00a0<\/div><div>\u00a0<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c2a285 e-flex e-con-boxed e-con e-parent\" data-id=\"2c2a285\" 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-09f1425 elementor-pagination-position-outside elementor-widget__width-initial elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-widget elementor-widget-slides\" data-id=\"09f1425\" data-element_type=\"widget\" data-settings=\"{"navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","transition":"slide","transition_speed":500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor-pro - v3.21.0 - 24-04-2024 *\/\n.elementor-slides .swiper-slide-bg{background-size:cover;background-position:50%;background-repeat:no-repeat;min-width:100%;min-height:100%}.elementor-slides .swiper-slide-inner{background-repeat:no-repeat;background-position:50%;position:absolute;top:0;left:0;bottom:0;right:0;padding:50px;margin:auto}.elementor-slides .swiper-slide-inner,.elementor-slides .swiper-slide-inner:hover{color:#fff;display:flex}.elementor-slides .swiper-slide-inner .elementor-background-overlay{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0}.elementor-slides .swiper-slide-inner .elementor-slide-content{position:relative;z-index:1;width:100%}.elementor-slides .swiper-slide-inner .elementor-slide-heading{font-size:35px;font-weight:700;line-height:1}.elementor-slides .swiper-slide-inner .elementor-slide-description{font-size:17px;line-height:1.4}.elementor-slides .swiper-slide-inner .elementor-slide-description:not(:last-child),.elementor-slides .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:30px}.elementor-slides .swiper-slide-inner .elementor-slide-button{border:2px solid #fff;color:#fff;background:transparent;display:inline-block}.elementor-slides .swiper-slide-inner .elementor-slide-button,.elementor-slides .swiper-slide-inner .elementor-slide-button:hover{background:transparent;color:inherit;text-decoration:none}.elementor--v-position-top .swiper-slide-inner{align-items:flex-start}.elementor--v-position-bottom .swiper-slide-inner{align-items:flex-end}.elementor--v-position-middle .swiper-slide-inner{align-items:center}.elementor--h-position-left .swiper-slide-inner{justify-content:flex-start}.elementor--h-position-right .swiper-slide-inner{justify-content:flex-end}.elementor--h-position-center .swiper-slide-inner{justify-content:center}body.rtl .elementor-widget-slides .elementor-swiper-button-next{left:10px;right:auto}body.rtl .elementor-widget-slides .elementor-swiper-button-prev{right:10px;left:auto}.elementor-slides-wrapper div:not(.swiper-slide)>.swiper-slide-inner{display:none}@media (max-width:767px){.elementor-slides .swiper-slide-inner{padding:30px}.elementor-slides .swiper-slide-inner .elementor-slide-heading{font-size:23px;line-height:1;margin-bottom:15px}.elementor-slides .swiper-slide-inner .elementor-slide-description{font-size:13px;line-height:1.4;margin-bottom:15px}}<\/style>\t\t<div class=\"elementor-swiper\">\n\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-2f18d9f swiper-slide\"><div class=\"swiper-slide-bg\" role=\"img\"><\/div><a class=\"swiper-slide-inner\" href=\"https:\/\/www.yala-bcn.ac.th\/Home\/wp-content\/uploads\/2026\/05\/BCN-Y011.png\" target=\"_blank\"><div class=\"swiper-slide-contents\"><\/div><\/a><\/div><div class=\"elementor-repeater-item-ddb12f9 swiper-slide\"><div class=\"swiper-slide-bg\" role=\"img\"><\/div><a class=\"swiper-slide-inner\" href=\"https:\/\/www.yala-bcn.ac.th\/Home\/wp-content\/uploads\/2026\/05\/BCN-Y012.png\" target=\"_blank\"><div class=\"swiper-slide-contents\"><\/div><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t\t<span class=\"elementor-screen-only\">Previous slide<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t\t<span class=\"elementor-screen-only\">Next slide<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\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>Image Hover Slide Up Effect \u0e1c\u0e28.\u0e14\u0e23. \u0e2d\u0e31\u0e08\u0e09\u0e23\u0e32\u0e27\u0e14\u0e35 \u0e28\u0e23\u0e35\u0e22\u0e30\u0e28\u0e31\u0e01\u0e14\u0e34…<\/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-14804","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/pages\/14804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/comments?post=14804"}],"version-history":[{"count":72,"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/pages\/14804\/revisions"}],"predecessor-version":[{"id":15152,"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/pages\/14804\/revisions\/15152"}],"wp:attachment":[{"href":"https:\/\/www.yala-bcn.ac.th\/Home\/index.php\/wp-json\/wp\/v2\/media?parent=14804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}