PageSourceSearch

https://rmu.ac.th/

html rmu.ac.th collected 2026-10-02 12:19:07 UTC 132,968 bytes, 1,777 lines download raw bytes

1<!DOCTYPE html>
2<html lang="th">
3
4<head>
5    <title>มหาวิทยาลัยราชภัฏมหาสารคาม - Rajabhat Maha Sarakham University</title>
6    <meta charset="utf-8">
7    <meta name="stats-in-th" content="fe81" />
8    <meta name="description" content="มหาวิทยาลัยราชภัฏมหาสารคาม,rajabhat mahasarakham university">
9    <meta name="author" content="มหาวิทยาลัยราชภัฏมหาสารคาม" />
10    <meta name="keywords" content="มหาวิทยาลัยราชภัฏมหาสารคาม,rajabhat mahasarakham university,rmu,มรม" />
11    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
12
13    <meta property="og:title" content="มหาวิทยาลัยราชภัฏมหาสารคาม" />
14    <meta property="og:url" content="https://rmu.ac.th" />
15    <meta property="og:type" content="article" />
16    <meta property="og:site_name" content="rmu.ac.th" />
17    <meta property="og:image" content="https://rmu.ac.th/images/banner/std_banner01.jpg" />
18    <meta property="og:description" content="มหาวิทยาลัยราชภัฏมหาสารคาม" />
19    <meta property="og:locale" content="th" />
20    <meta property="fb:app_id" content="486206698189831">
21
22    <link rel="icon" href="https://rmu.ac.th/images/logo_rmu.png" type="image/png" />
23
24    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
25    <!-- CSRF Token -->
26    <meta name="csrf-token" content="MMOA1XZ6vUK1giR5N8JrN9otC3HuTXXYx1kp05iI">
27    <link rel="stylesheet" href="https://rmu.ac.th/css/bootstrap.css">
28    <link rel="stylesheet" href="https://rmu.ac.th/css/animate.css">
29    <link rel="stylesheet" href="https://rmu.ac.th/css/jquery-ui.css">
30    <link rel="stylesheet" href="https://rmu.ac.th/css/simple-line-icons.css">
31    <link rel="stylesheet" href="https://rmu.ac.th/css/font-awesome.min.css">
32    <link rel="stylesheet" href="https://rmu.ac.th/css/icon-font.css">
33    <link rel="stylesheet" href="https://rmu.ac.th/css/style.css">
34    <link rel="stylesheet" href="https://rmu.ac.th/rs-plugin/css/settings.css">
35    <!-- Memorial Mode - Black and White Theme -->
36    <link rel="stylesheet" href="https://rmu.ac.th/css/memorial.css">
37    <!-- <link rel="stylesheet" href="https://rmu.ac.th/css/owl.theme.default.min"> -->
38    <!--[if lt IE 9]>
39    
39<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
39
40    
40<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
40
41    <![endif]-->
42    
42<script>
vendor: 531 bytes, lines 42-55
42
43        (function(i, s, o, g, r, a, m) {
44            i['GoogleAnalyticsObject'] = r;
45            i[r] = i[r] || function() {
46                (i[r].q = i[r].q || []).push(arguments)
47            }, i[r].l = 1 * new Date();
48            a = s.createElement(o),
49                m = s.getElementsByTagName(o)[0];
50            a.async = 1;
51            a.src = g;
52            m.parentNode.insertBefore(a, m)
53        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
54
55        ga('create', '
55UA-68671814-1
vendor: 50 bytes, lines 55-57
55', 'auto');
56        ga('send', 'pageview');
57    
57</script>
57
58    </head>
59
60<body>
61    <!-- Memorial Ribbon -->
62    <div class="memorial-ribbon">
63        <img src="https://rmu.ac.th/images/black_ribbon_top_right.png" alt="Memorial Ribbon">
64    </div>
65
66    <div class="sidebar-menu-container" id="sidebar-menu-container">
67        <div class="sidebar-menu-push">
68            <div class="sidebar-menu-overlay"></div>
69            <div class="sidebar-menu-inner">
70                <header class="site-header">
71                    <div id="main-header" class="main-header header-sticky">
72                        <div class="inner-header container clearfix">
73                            <div class="logo" style="width:50px;">
74                                <a href="https://rmu.ac.th"><img src="https://rmu.ac.th/images/logo_rmu_web.png" alt=""></a>
75                            </div>
76                            <div class="header-right-toggle pull-right hidden-md hidden-lg">
77                                <a href="javascript:void(0)" class="side-menu-button"><i class="fa fa-bars"></i></a>
78                            </div>
79                            <div class="header-info hidden-sm hidden-xs">
80                                <ul>
81                                    <!-- <li><a href="https://line.rmu.ac.th"><i class="fa fa-envelope-o"></i>สายตรงอธิการบดี</a></li> -->
82                                    <li class="language">
83                                        <a href="https://rmu.ac.th/change/th">TH</a>
84                                    </li>
85                                    <li class="language">
86                                        <a href="https://rmu.ac.th/change/en">EN</a>
87                                    </li>
88                                    <li style="border-bottom: 4px solid #8DC63F;"><a href="https://e-admission.rmu.ac.th">สมัครเรียน</a></li>
89                                </ul>
90                            </div>
91                            <!-- <nav class="main-navigation text-left hidden-xs hidden-sm"> -->
92                            <nav class="main-navigation text-left hidden-xs hidden-sm">
93                                <ul>
94                                    <li><a href="https://rmu.ac.th"><i class="fa fa-home"></i></a></li>
95                                    <li><a href="https://rmu.ac.th/department">คณะและหน่วยงานภายใน</a></li>
96                                    <li><a href="#">หลักสูตร</a>
97                                        <ul class="sub-menu" style="width: 210px;">
98                                            <li><a href="http://regis.rmu.ac.th/registrar/program_info.asp?avs285316506=1">ปริญญาตรี</a></li>
99                                            <li><a href="http://gs.rmu.ac.th/index.php/master-curr">ปริญญาโท</a></li>
100                                            <li><a href="http://gs.rmu.ac.th/index.php/doctor-curr">ปริญญาเอก</a></li>
101                                            <li><a href="http://gs.rmu.ac.th/index.php?option=com_content&view=article&id=206">ประกาศนียบัตรบัณฑิต</a></li>
102                                            <li><a href="http://gs.rmu.ac.th">บัณฑิตวิทยาลัย</a></li>
103                                        </ul>
104                                    </li>
105                                    <li><a href="#">เกี่ยวกับมหาวิทยาลัยฯ</a>
106                                        <ul class="sub-menu" style="width: 210px;">
107                                            <li><a href="https://rmu.ac.th/about">ประวัติมหาวิทยาลัยฯ</a></li>
108                                            <li><a href="https://rmu.ac.th/symbolsandcolors">สัญลักษณ์และสี</a></li>
109                                            <li><a href="https://rmu.ac.th/vision">วิสัยทัศน์พันธกิจ</a></li>
110                                            <li><a href="https://rmu.ac.th/structure">
110โครงสร้างการบริหาร</a></li>
111                                            <li><a href="https://rmu.ac.th/management">ผู้บริหารมหาวิทยาลัย</a></li>
112                                            <!-- <li><a href="https://rmu.ac.th/council">ผู้บริหารมหาวิทยาลัย</a></li> -->
113                                            <li><a href="https://rmu.ac.th/objective">วัตถุประสงค์/เป้าประสงค์</a></li>
114                                            <li><a href="https://rmu.ac.th/strategic">ประเด็นยุทธศาสตร์</a></li>
115                                            <li><a href="https://rmu.ac.th/risk">แผนบริหารความเสี่ยง</a></li>
116                                            <li><a href="https://rmu.ac.th/action-plan">แผนปฏิบัติราชการ</a></li>
117                                            <li><a href="https://rmu.ac.th/strategic_plan">แผนยุทธศาสตร์</a></li>
118                                            <li><a href="https://rmu.ac.th/music">เพลงประจำมหาวิทยาลัยฯ</a></li>
119                                            <li><a href="https://rmu.ac.th/map">แผนที่มหาวิทยาลัยฯ</a></li>
120                                            <li><a href="https://rmu.ac.th/external-link">ลิงค์ภายนอก</a></li>
121                                            <li><a href="https://rmu.ac.th/command">พระราชบัญญัติว่าด้วยการกระทำผิดเกี่ยวกับคอมพิวเตอร์</a></li>
122                                        </ul>
123                                    </li>
124                                    <li><a href="https://rmu.ac.th/ita">ITA</a></li>
125                                    <li><a href="http://sdg.rmu.ac.th">SDG</a></li>
126                                    <!-- <li><a href="#">ITA</a>
127                                        <ul class="sub-menu" style="width: 210px;">
128                                            <li><a href="https://rmu.ac.th/basic_information">ข้อมูลพื้นฐาน</a></li>
129                                            <li><a href="https://rmu.ac.th/news">ข่าวประชาสัมพันธ์</a></li>
130                                            <li><a href="https://rmu.ac.th/work_manage">การบริหารงาน</a></li>
131                                            <li><a href="https://rmu.ac.th/budget_manage">การบริหารงบประมาณ</a></li>
132                                            <li><a href="https://rmu.ac.th/person_manage">การบริหารและพัฒนาทรัพยากรบุคคล</a></li>
133                                            <li><a href="https://rmu.ac.th/transparency">การส่งเสริมความโปร่งใส</a></li>
134                                            <li><a href="https://rmu.ac.th/corrupt_prevent">การป้องกันการทุจริต</a></li>
135                                            <li><a href="https://rmu.ac.th/corrupt_prevent_organization">การป้องกันการทุจริตภายในหน่วยงาน</a></li>
136                                        </ul>
137                                    </li> -->
138                                    <li><a href="https://rmu.ac.th/contact_rmu">ติดต่อเรา</a></li>
139                                    <li><a href="#search"></a></li>
140                                </ul>
141                            </nav>
142                        </div>
143                    </div>
144                </header>
145
146                
147    <style>
148        #owl-demo .item img {
149            display: block;
150            width: 100%;
151            height: auto;
152        }
153    </style>
154
155
156
157    <style>
158        /*                    ส่วนแสดงภาพหน้าแรก เต็มจอ     */
159
160        /*#fullscreen-notification {
161                                                                                                            position: fixed;
162                                                                                                            top: 0;
163                                                                                                            left: 0;
164                                                                                                            width: 100%;
165                                                                                                            height: 100%;
166                                                                                                            background: rgb(239 208 144);
167                                                                                                            display: flex;
168                                                                                                            align-items: center;
169                                                                                                            justify-content: center;
170                                                                                                            z-index: 9999;
171                                                                                                        }
172
173                                                                                                        #fullscreen-notification img {
174                                                                                                            max-width: 90%;
175                                                                                                            max-height: 90%;
176                                                                                                            box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
177                                                                                                        }
178
179                                                                                                        #close-fullscreen-notification {
180                                                                                                            position: absolute;
181                                                                                                            bottom: 20px;
182                                                                                                            left: 50%;
183                                                                                                            transform: translateX(-50%);
184                                                                                                            background-color: #997128;
185                                                                                                            color: white;
186                                                                                                            border: none;
187                                                                                                            padding: 10px 20px;
188                                                                                                            border-radius: 25px;
189                                                                                                            cursor: pointer;
190                                                                                                            box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
191                                                                                                        }*/
192
193
194        /*                    ส่วนตั้งค่าข่าวดึงมาจากประชาสัมพันธ์       */
195        .our-teachers .row {
196            display: flex;
197            flex-wrap: wrap;
198        }
199
200        .our-teachers .teacher-item {
201            display: flex;
202            flex-direction: column;
203            height: 100%;
204            border: 2px solid #ddd;
205            /* กรอบ */
206            border-radius: 10px;
207            /* มุมโค้ง */
208            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
209            /* เงา */
210            transition: transform 0.3s, box-shadow 0.3s;
211            /* การเคลื่อนไหว */
212        }
213
214        .our-teachers .teacher-item:hover {
215            transform: translateY(-5px);
216            /* ยกขึ้นเล็กน้อยเมื่อ hover */
217            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
218            /* เงาที่เด่นขึ้นเมื่อ hover */
219        }
220
221        .our-teachers .thumb-holder {
222            flex-grow: 1;
223            position: relative;
224            overflow: hidden;
225        }
226
227        .our-teachers .down-content {
228            margin-top: auto;
229        }
230
231        .our-teachers .teacher-item .down-content {
232            border-bottom: none;
233            /* ปิด border-bottom */
234        }
235    </style>
236
237
238
239    <section class="read-books books-read">
240        <div class="container">
241            <div class="row">
242                <div class="col-md-12">
243                    <div class="left-images">
244                        <div class="row">
245                            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
246                                <ol class="carousel-indicators">
247                                                                                                                <li data-target="#carousel-example-generic" data-sli
247de-to="0"
248                                            class="active"></li>
249                                                                            <li data-target="#carousel-example-generic" data-slide-to="1"
250                                            class=""></li>
251                                                                            <li data-target="#carousel-example-generic" data-slide-to="2"
252                                            class=""></li>
253                                                                            <li data-target="#carousel-example-generic" data-slide-to="3"
254                                            class=""></li>
255                                                                            <li data-target="#carousel-example-generic" data-slide-to="4"
256                                            class=""></li>
257                                                                            <li data-target="#carousel-example-generic" data-slide-to="5"
258                                            class=""></li>
259                                                                            <li data-target="#carousel-example-generic" data-slide-to="6"
260                                            class=""></li>
261                                                                            <li data-target="#carousel-example-generic" data-slide-to="7"
262                                            class=""></li>
263                                                                            <li data-target="#carousel-example-generic" data-slide-to="8"
264                                            class=""></li>
265                                                                            <li data-target="#carousel-example-generic" data-slide-to="9"
266                                            class=""></li>
267                                                                            <li data-target="#carousel-example-generic" data-slide-to="10"
268                                            class=""></li>
269                                                                            <li data-target="#carousel-example-generic" data-slide-to="11"
270                                            class=""></li>
271                                                                            <li data-target="#carousel-example-generic" data-slide-to="12"
272                                            class=""></li>
273                                                                            <li data-target="#carousel-example-generic" data-slide-to="13"
274                                            class=""></li>
275                                                                            <li data-target="#carousel-example-generic" data-slide-to="14"
276                                            class=""></li>
277                                                                    </ol>
278
279                                <div class="carousel-inner" role="listbox">
280
281                                                                            <div class="item active">
282
283                                                                                            <a href="https://e-admission.rmu.ac.th/news/153">
284                                                    <img width="100%" src="https://rmu.ac.th/uploads/sliders/Slider_2026-09-24179022065659215.png"
285                                                        alt="..." class="">
286                                                </a>
287                                                                                    </div>
288                                                                            <div class="item ">
289
290                                                                                            <a href="https://graduate.rmu.ac.th/">
291                                                    <img width="100%" src="https://rmu.ac.th/uploads/sliders/Slider_2026-09-08178885847465120.png"
292                                                        alt="..." class="">
293                                                </a>
294                                                                                    </div>
295                                                                            <div class="item ">
296
297                                                                                            <a href="https://e-admission.rmu.ac.th/register">
298                                                    <img width="100%" src="https://rmu.ac.th/uploads/sl
298iders/Slider_2026-09-04178849396321137.png"
299                                                        alt="..." class="">
300                                                </a>
301                                                                                    </div>
302                                                                            <div class="item ">
303
304                                                                                            <a href="https://rmu.ac.th/slider/955/post">
305                                                    <img width="100%" src="https://rmu.ac.th/uploads/sliders/Slider_2026-09-03178841027198185.jpg"
306                                                        alt="..." class="">
307                                                </a>
308                                                                                    </div>
309                                                                            <div class="item ">
310
311                                                                                            <a href="https://rmu.ac.th/slider/952/post">
312                                                    <img width="100%" src="https://rmu.ac.th/uploads/sliders/Slider_2026-08-18178702319621854.jpg"
313                                                        alt="..." class="">
314                                                </a>
315                                                                                    </div>
316                                                                            <div class="item ">
317
318                                                                                            <a href="https://rmu.ac.th/slider/951/post">
319                                                    <img width="100%" src="https://rmu.ac.th/uploads/sliders/Slider_2026-08-17178695410031439.jpg"
320                                                        alt="..." class="">
321                                                </a>
322                                                                                    </div>
323                                                                            <div class="item ">
324
325                                                                                            <a href="https://rmu.ac.th/slider/948/post">
326                                                    <img width="100%" src="https://rmu.ac.th/uploads/sliders/Slider_2026-08-11178644092047582.png"
327                                                        alt="..." class="">
328                                                </a>
329                                                                                    </div>
330                                                                            <div class="item ">
331
332                                                                                            <a href="https://rmu.ac.th/slider/946/post">
333                                                    <img width="100%" src="https://rmu.ac.th/uploads/sliders/Slider_2026-08-06178601026569711.jpg"
334                                                        alt="..." class="">
335                                                </a>
336                                                                                    </div>
337                                                                            <div class="item ">
338
339                                                                                            <a href="https://rmu.ac.th/slider/930/post">
340                                                    <img width="100%" src="https://rmu.ac.th/uploads/sliders/Slider_2026-06-12178123054293067.png"
341                                                        alt="..." class="">
342                                                </a>
343                                                                                    </div>
344                                                                            <div class="item ">
345
346                                                                                            <a href="https://rmu.ac.th/slider/902/post">
347                                                    <img width="100%" src="https://rmu.ac.th/uploads/sl
347iders/Slider_2026-04-02177509723569900.png"
348                                                        alt="..." class="">
349                                                </a>
350                                                                                    </div>
351                                                                            <div class="item ">
352
353                                                                                            <a href="https://rmu.ac.th/slider/860/post">
354                                                    <img width="100%" src="https://rmu.ac.th/uploads/sliders/Slider_2025-11-21176370695456356.jpg"
355                                                        alt="..." class="">
356                                                </a>
357                                                                                    </div>
358                                                                            <div class="item ">
359
360                                                                                            <a href="https://sdg.rmu.ac.th/">
361                                                    <img width="100%" src="https://rmu.ac.th/uploads/sliders/Slider_2025-09-25175878594417883.png"
362                                                        alt="..." class="">
363                                                </a>
364                                                                                    </div>
365                                                                            <div class="item ">
366
367                                                                                            <a href="https://rmu.ac.th/slider/830/post">
368                                                    <img width="100%" src="https://rmu.ac.th/uploads/sliders/Slider_2025-08-15175524411716970.png"
369                                                        alt="..." class="">
370                                                </a>
371                                                                                    </div>
372                                                                            <div class="item ">
373
374                                                                                            <a href="https://rmu.ac.th/slider/790/post">
375                                                    <img width="100%" src="https://rmu.ac.th/uploads/sliders/Slider_2025-04-09174421152255287.jpg"
376                                                        alt="..." class="">
377                                                </a>
378                                                                                    </div>
379                                                                            <div class="item ">
380
381                                                                                            <a href="https://rmu.ac.th/slider/789/post">
382                                                    <img width="100%" src="https://rmu.ac.th/uploads/sliders/Slider_2025-04-09174421149567247.jpg"
383                                                        alt="..." class="">
384                                                </a>
385                                                                                    </div>
386                                                                    </div>
387                                <a class="left carousel-control" href="#carousel-example-generic" role="button"
388                                    data-slide="prev">
389                                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
390                                    <span class="sr-only">Previous</span>
391                                </a>
392                                <a class="right carousel-control" href="#carousel-example-generic" role="button"
393                                    data-slide="next">
394                                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
395                                    <span class="sr-only">Next</span>
396                                </a>
397                            </div>
398                        </div>
399                    </div>
400                    <!-- <div class="col-md-12 col-xs-12"><br>
401                                                                                                                        <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fwww.rmu.ac.th%2F&width=365&layout=standard&action=like&size=small&show_faces=true&share=true&height=80&appId=1925285471068273" width="365" height="30" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
402                                                                                                                    </div> -->
403                </div>
404            </div>
405        </div>
406    </section>
407
408    <!-- <section class="read-books" style="background-color: #dddddd;">
409                                                                                                        
410                                                                                                        <br>
411                                                                                                                                                                                                                <div class="container">
412                                                                                                            <div class="row">
413                                                                                                            <div class="col-sm-12 col-md-4 text-center custom-box" style="background-color: red; border-radius: 20px; padding: 10px;">
414                                                                                                                <p style="font-size: 40px; color: white; font-weight: bold; line-height: 1;">เหลือเวลารับสมัครอีก</p>
415                                                                                                                <p class="text-center" style="font-size: 120px; color: white; font-weight: bold; line-height: 1;">
416                                                                                                                    0                                                                                                                </p>
417                                                                                                                <p style="font-size: 30px; color: white; font-weight: bold; line-height: 1;">วัน</p>
418                                                                                                            </div>
419
420                                                                                                            <div class="col-sm-12 col-md-8 text-center custom-box" style="background-color: none; border-radius: 20px; padding: 30px;">
421                                                                                                                <p class="text-center" style="font-size: 40px; color: black; font-weight: bold; line-height: 1;">
422                                                                                                                    การรับนักศึกษาใหม่ ปีการศึกษา 2567
423                                                                                                                </p>
424                                                                                                                <p class="text-center" style="font-size: 65px; color: black; font-weight: bold; line-height: 1;">
425                                                                                                                    โครงการเด็กดี (พัฒนาท้องถิ่น)
426                                                                                                                </p>
427                                                                                                                <p class="text-center" style="font-size: 25px; color: black; font-weight: bold; line-height: 1;">
428                                                                                                                    รับสมัครถึงวันที่ 16 มิถุนายน พ.ศ. 2567
429                                                                                                                </p>
430                                                                                                                <a href="https://e-admission.rmu.ac.th/plan-student/index/DEKDEE-RMU" style="display: inline-block; padding: 10px 20px; color: white; background-color: red; border: 2px solid red; border-radius: 25px; text-decoration: none; font-size: 16px; transition: background-color 0.3s ease, border-color 0.3s ease;" onmouseover="this.style.backgroundColor='green'; this.style.borderColor='green';" onmouseout="this.style.backgroundColor='red'; this.style.borderColor='red';">สมัครเรียน</a>
431                                                                                                            </div>
432                                                                                                        </div>
433                                                                                                        </div>
434                                                                                                    </section> -->
435
436    <section class="grid-news" style="padding-top: 0px;padding-bottom: 0px; background-color: #FFFFFF;">
437        <div class="container">
438            <div class="row">
439                <div class="col-md-12">
440                    <div class="section-heading" style="margin-top: 20px;">
441                        <h1>ข่าว - ประชาสัมพันธ์</h1>
442                        <hr style="border-bottom:4px solid #d62825;">
443                    </div>
444                </div>
445                <div class="col-md-5">
446
447                    <div id="owl-testimonials">
448                                                    <div class="item thumbnail">
449                                                                                                            <a href="https://rmu.ac.th/activity/212/post" class="">
450                                            <img src="https://rmu.ac.th/uploads/activity/activity_2026-09-25179030262121849.png" width="550px"
451                                                height="320px" />
452                                            <div class="caption">
453                                                <h4 style="padding: 0px 6px 4px 6px;color : #2D3639;">นัดหมายนักศึกษาใหม่ ชั้นปีที่ 1 ที่ยังไม่ได้รับเครื่องหมายนักศึกษา และยังไม่ได้รับชุดกีฬา
454                                                </h4>
455                                            </div>
456                                        </a>
457                                                                                                </div>
458                                                    <div class="item thumbnail">
459                                                                                                            <a href="https://rmu.ac.th/activity/191/post" class="">
460                                            <img src="https://rmu.ac.th/uploads/activity/activity_2025-06-30175126980225973.png" width="550px"
461                                                height="320px" />
462                                            <div class="caption">
463                                                <h4 style="padding: 0px 6px 4px 6px;color : #2D3639;">บำบัดรักษายาเสพติด &quot;ผู้เสพคือผู้ป่วย&quot; สายด่วน โทร. 1165
464                                                </h4>
465                                            </div>
466                                        </a>
467                                                                                                </div>
468                                                    <div class="item thumbnail">
469                                                                                                            <a href="https://rmu.ac.th/activity/190/post" class="">
470                                            <img src="https://rmu.ac.th/uploads/activity/activity_2025-06-30175126960823729.png" width="550px"
471                                                height="320px" />
472                                            <div class="caption">
473                                                <h4 style="padding: 0px 6px 4px 6px;color : #2D3639;">แจ้งเบาะแสยาเสพติด สายด่วน ป.ป.ส. โทร. 1386
474                                                </h4>
475                                            </div>
476                                        </a>
477                                                                                                </div>
478                                                    <div class="item thumbnail">
479                                                                                                            <a href="https://rmu.ac.th/activity/187/post" class="">
480                                            <img src="https://rmu.ac.th/uploads/activity/activity_2025-06-17175014554862866.jpg" width="550px"
481                                                height="320px" />
482                                            <div class="caption">
483                                                <h4 style="padding: 0px 6px 4px 6px;color : #2D3639;">ข่าวพระวรุณ
484                                                </h4>
485                                            </div>
486                                        </a>
487                                                                                                </div>
488                                                    <div class="item thumbnail">
489                                                                                                            <a href="https://rmu.ac.th/activity/185/post" class="">
490                                            <img src="https://rmu.ac.th/uploads/activity/activity_2025-06-30175126970341969.png" width="550px"
491                                                height="320px" />
492                                            <div class="caption">
493                                                <h4 style="padding: 0px 6px 4px 6px;color : #2D3639;">อีเมลมหาวิทยาลัย สำหรับนักศึกษา ปีการศึกษา 2568
494                                                </h4>
495                                            </div>
496                                        </a>
497                                                                                                </div>
498                                                    <div class="item thumbnail">
499                                                                                                            <a href="https://rmu.ac.th/activity/179/post" class="">
500                                            <img src="https://rmu.ac.th/uploads/activity/activity_2025-02-25174047083339856.png" width="550px"
501                                                height="320px" />
502                                            <div class="caption">
503                                                <h4 style="padding: 0px 6px 4px 6px;color : #2D3639;">คนไทยรวมพลัง ร่วมผลักดัน พรบ ควบคุมผลิตภัณฑ์ยาสูบ (ฉบับใหม่) เพื่อช่วยสกัดเด็กและเยาวชนไทยจากการเสพติดบุหรี่
504                                                </h4>
505                                            </d
505iv>
506                                        </a>
507                                                                                                </div>
508                        
509                    </div>
510                    <div class="row">
511                        <div class="section-heading text-center">
512                            <div class="col-md-12">
513                                <iframe
514                                    src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fwww.rmu.ac.th%2F&width=450&layout=standard&action=like&size=small&share=true&height=35&appId"
515                                    width="450" height="35" style="border:none;overflow:hidden" scrolling="no"
516                                    frameborder="0" allowfullscreen="true"
517                                    allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
518                            </div>
519                        </div>
520                    </div>
521
522                </div>
523                <div class="col-md-7">
524
525                    <section class="testimonials-news" style="padding-top: 0px;">
526
527                                                    <section class="articles" style="padding-top: 0px;">
528                                <div id="load" style="position: relative;">
529    
530    <div class="news-item">
531        <table>
532            <tr>
533                <td width="90px">02 ต.ค. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 9 ครั้ง</span></td>
534                <td style="text-align: left;">
535                                                            <a href="https://rmu.ac.th/single/4264/post">รายชื่อผู้มีสิทธิ์รับการคัดเลือกบุคคลผู้เกษียณอายุราชการหรือบุคคลภายนอกปฏิบัติงานในคณะพยาบาลศาสตร์ มหาวิทยาลัยราชภัฏมหาสารคาม ครั้งที่ 1/2569</a>
536                    
537                    
538                </td>
539
540            </tr>
541        </table>
542
543
544    </div>
545    
546    <div class="news-item">
547        <table>
548            <tr>
549                <td width="90px">02 ต.ค. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 26 ครั้ง</span></td>
550                <td style="text-align: left;">
551                                                            <a href="https://rmu.ac.th/single/4263/post">ประกาศคณะกรรมการสรรหาคณบดีคณะครุศาสตร์ มหาวิทยาลัยราชภัฏมหาสารคาม เรื่อง รายชื่อผู้มีคุณสมบัติครบถ้วนเป็นผู้สมควรดำรงตำแหน่งคณบดีคณะครุศาสตร์ มหาวิทยาลัยราชภัฏมหาสารคาม พ.ศ. 2569</a>
552                    
553                    
554                </td>
555
556            </tr>
557        </table>
558
559
560    </div>
561    
562    <div class="news-item">
563        <table>
564            <tr>
565                <td width="90px">01 ต.ค. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 4 ครั้ง</span></td>
566                <td style="text-align: left;">
567                                                            <a href="" target="_blank">จดหมายข่าวพระวรุณ ปีที่ 54 ฉบับที่ 15 ประจำวันพฤหัสบดีที่ 1 เดือน ตุลาคม พุทธศักราช 2569</a>
568                    
569                    
570                </td>
571
572            </tr>
573        </table>
574
575
576    </div>
577    
578    <div class="news-item">
579        <table>
580            <tr>
581                <td width="90px">29 ก.ย. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 211 ครั้ง</span></td>
582                <td style="text-align: left;">
583                                                            <a href="https://rmu.ac.th/single/4261/post">รับสมัครบุคคลเพื่อสรรหาและเลือกสรรเป็นพนักงานราชการทั่วไป ครั้งที่ 1 / 2569</a>
584                    
585                    
586                </td>
587
588            </tr>
589        </table>
590
591
592    </div>
593    
594    <div class="news-item">
595        <table>
596            <tr>
597                <td width="90px">25 ก.ย. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 285 ครั้ง</span></td>
598                <td style="text-align: left;">
599                                                            <a href="https://rmu.ac.th/single/4260/post">รับสมัครคัดเลือกบุคคลผู้เกษียณอายุราชการหรือบุคคลภายนอกปฏิบัติงานในคณะพยาบาลศาสตร์  มหาวิทยาลัยราชภัฏมหาสารคาม  ครั้งที่ 1/2569</a>
600                    
601                    
602                </td>
603
604            </tr>
605        </table>
606
607
608    </div>
609    
610    <div class="news-item">
611        <table>
612            <tr>
613                <td width="90px">24 ก.ย. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 156 ครั้ง</span></td>
614                <td style="text-align: left;">
615                                                            <a href="https://rmu.ac.th/single/4259/post">จดหมายข่าวพระวรุณ ปีที่ 54 ฉบับที่ 14 ประจำวันพฤหัสบดีที่ 24 เดือน กันยายน พุทธศักราช 2569</a>
616                    
617                    
618                </td>
619
620            </tr>
621        </table>
622
623
624    </div>
625    
626    <div class="news-item">
627        <table>
628            <tr>
629                <td width="90px">18 ก.ย. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 329 ครั้ง</span></td>
630                <td style="text-align: left;">
631                                                            <a href="https://rmu.ac.th/single/4257/post">ประกาศคณะกรรมการสรรหาคณบดีคณะรัฐศาสตร์และรัฐประศาสนศาสตร์ มหาวิทยาลัยราชภัฏมหาสารคาม เรื่อง รายชื่อผู้สมควรดำรงตำแหน่งคณบดีคณะรัฐศาสตร์และรัฐประศาสนศาสตร์ มหาวิทยาลัยราชภัฏมหาสารคาม พ.ศ. 2569</a>
632                    
633                    
634                </td>
635
636            </tr>
637        </table>
638
639
640    </div>
641    
642    <div class="news-item">
643        <table>
644            <tr>
645                <td width="90px">18 ก.ย. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 156 ครั้ง</span></td>
646                <td style="text-align: left;">
647                                                            <a href="https://rmu.ac.th/single/4256/post">จดหมายข่าวพระวรุณ ปีที่ 54 ฉบับที่ 13 ประจำวันพฤหัสบดีที่ 17 เดือน กันยายน พุทธศักราช 2569</a>
648                    
649                    
650                </td>
651
652            </tr>
653        </table>
654
655
656    </div>
657    
658    <div class="news-item">
659        <table>
660            <tr>
661                <td width="90px">16 ก.ย. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 328 ครั้ง</span></td>
662                <td style="text-align: left;">
663                                                            <a href="https://rmu.ac.th/single/4253/post">ประกาศคณะกรรมการสรรหาคณบดีคณะครุศาสตร์ มหาวิทยาลัยราชภัฏมหาสารคาม เรื่อง คุณสมบัติ หลักเกณฑ์ และวิธีการได้มาซึ่งคณบดีคณะครุศาสตร์ มหาวิทยาลัยราชภัฏมหาสารคาม  พ.ศ. 2569</a>
664                    
665                    
666                </td>
667
668            </tr>
669        </table>
670
671
672    </div>
673    
674    <div class="news-item">
675        <table>
676            <tr>
677                <td width="90px">10 ก.ย. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 177 ครั้ง</span></td>
678                <td style="text-align: left;">
679                                                            <a href="https://rmu.ac.th/single/4252/post">จดหมายข่าวพระวรุณ ปีที่ 54 ฉบับที่ 12 ประจำวันพฤหัสบดีที่ 10 เดือน กันยายน พุทธศักราช 2569</a>
680                    
681                    
682                </td>
683
684            </tr>
685        </table>
686
687
688    </div>
689    
690    <div class="news-item">
691        <table>
692            <tr>
693                <td width="90px">03 ก.ย. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 379 ครั้ง</span></td>
694                <td style="text-align: left;">
695                                                            <a href="https://rmu.ac.th/single/4250/post">จดหมายข่าวพระวรุณ ปีที่ 54 ฉบับที่ 11 ประจำวันพฤหัสบดีที่ 3 เดือน กันยายน พุทธศักราช 2569</a>
696                    
697                    
698                </td>
699
700            </tr>
701        </table>
702
703
704    </div>
705    
706    <div class="news-item">
707        <table>
708            <tr>
709                <td width="90px">28 ส.ค. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 389 ครั้ง</span></td>
710                <td style="text-align: left;">
711                                                            <a href="https://rmu.ac.th/single/4248/post">จดหมายข่าวพระวรุณ ปีที่ 54 ฉบับที่ 10 ประจำวันพฤหัสบดีที่ 27 เดือนสิงหาคม พุทธศักราช 2569</a>
712                    
713                    
714                </td>
715
716            </tr>
717        </table>
718
719
720    </div>
721    
722    <div class="news-item">
723        <table>
724            <tr>
725                <td width="90px">21 ส.ค. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 700 ครั้ง</span></td>
726                <td style="text-align: left;">
727                                                            <a href="https://rmu.ac.th/single/4246/post">ประกาศคณะกรรมการสรรหาคณบดีคณะรัฐศาสตร์และรัฐประศาสนศาสตร์ มหาวิทยาลัยราชภัฏมหาสารคาม เรื่อง รายชื่อผู้มีคุณสมบัติครบถ้วนเป็นผู้สมควรดำรงตำแหน่งคณบดีคณะรัฐศาสตร์และรัฐประศาสนศาสตร์ มหาวิทยาลัยราชภัฏมหาสารคาม พ.ศ. 2569</a>
728                    
729                    
730                </td>
731
732            </tr>
733        </table>
734
735
736    </div>
737    
738    <div class="news-item">
739        <table>
740            <tr>
741                <td width="90px">20 ส.ค. 2569<br><span style="color: #a8a8a8;font-size: 12px;text-align: center;">เปิดอ่าน 517 ครั้ง</span></td>
742                <td style="text-align: left;">
743                                                            <a href="https://rmu.ac.th/single/4245/post">จดหมายข่าวพระวรุณ ปีที่ 54 ฉบับที่ 9 ประจำวันพฤหัสบดีที่ 20 เดือนสิงหาคม พุทธศักราช 2569</a>
744                    
745                    
746                </td>
747
748            </tr>
749        </table>
750
751
752    </div>
753    </div>                            </section>
754                        
755                    </section>
756                    <div class="grid-item pull-right">
757                        <a href="https://rmu.ac.th/search" class="btn btn-default"><i class="fa fa-search"></i>
758                            ค้นหาข่าว</a>
759                        <a href="https://rmu.ac.th/waroon/3/category"
760                            class="btn btn-default">รับสมัครงาน</a>
761                        <a href="https://rmu.ac.th/waroon/4/category"
762                            class="btn btn-default">ข่าวประกวดราคา</a>
763                        <a href="https://rmu.ac.th/waroon/6/category" class="btn btn-default">ข่าวพระวรุณ</a>
764                        <a href="https://center.rmu.ac.th/?page_id=733" class="btn btn-default">ข่าวจากสื่อ</a>
765                        <a href="https://rmu.ac.th/waroon" class="btn btn-default">ข่าวทั้งหมด</a>
766                    </div>
767                </div>
768            </div>
769        </div>
770    </section>
771
772
773    <section class="read-books" style="background-color: #697b87;">
774        <br>
775        <div class="container">
776            <div class="row">
777                <div class="col-md-12">
778                    <div class="section-heading text-center">
779                        <h1>บริการสารสนเทศ</h1>
780                    </div>
781                </div>
782            </div>
783            <div class="row">
784                <a href="https://rmu.ac.th/forstudent">
785                    <div class="col-md-3 col-sm-6">
786                        <div class="books-item">
787                            <i class="fa fa-graduation-cap"></i>
788                            <h4>สารสนเทศนักศึกษา</h4>
789                        </div>
790                    </div>
791                </a>
792                <a href="https://rmu.ac.th/forperson_1">
793                    <div class="col-md-3 col-sm-6">
794                        <div class="books-item">
795                            <i class="fa fa-database"></i>
796                            <h4>สารสนเทศบุคลากร</h4>
797                        </div>
798                    </div>
799                </a>
800                <a href="https://rmu.ac.th/research">
801                    <div class="col-md-3 col-sm-6">
802                        <div class="books-item">
803                            <i class="fa fa-search"></i>
804                            <h4>วิจัย/บริการวิชาการ</h4>
805                        </div>
806                    </div>
807                </a>
808                <a href="https://e-admission.rmu.ac.th/">
809                    <div class="col-md-3 col-sm-6">
810                        <div class="books-item">
811                            <i class="fa fa-thumbs-up"></i>
812               
812             <h4>ผู้สนใจเข้าศึกษาต่อ</h4>
813                        </div>
814                    </div>
815                </a>
816            </div>
817            <br>
818            <div class="row">
819                <a href="http://personnel.rmu.ac.th/page/rules">
820                    <div class="col-md-3 col-sm-6">
821
822                        <div class="books-item">
823                            <i class="fa fa-list"></i>
824                            <h4>ระเบียบมหาวิทยาลัยฯ</h4>
825                        </div>
826
827                    </div>
828                </a>
829                <a href="https://regis.rmu.ac.th/registrar/home.asp">
830                    <div class="col-md-3 col-sm-6">
831
832                        <div class="books-item">
833                            <i class="fa fa-cloud"></i>
834                            <h4>ระบบบริการการศึกษา</h4>
835                        </div>
836                    </div>
837                </a>
838                <a href="https://slip.rmu.ac.th">
839                    <div class="col-md-3 col-sm-6">
840
841                        <div class="books-item">
842                            <i class="fa fa-file-pdf-o"></i>
843                            <h4>ระบบตรวจสอบสถานะหนี้เงินยืม</h4>
844                        </div>
845                    </div>
846                </a>
847                <a href="https://rmu.ac.th/cc_contact">
848                    <div class="col-md-3 col-sm-6">
849
850                        <div class="books-item">
851                            <i class="fa fa-envelope-o"></i>
852                            <h4>Email</h4>
853                        </div>
854                    </div>
855                </a>
856            </div>
857            <br>
858            <div class="row">
859                <a href="http://eval.rmu.ac.th/login">
860                    <div class="col-md-3 col-sm-6">
861                        <div class="books-item">
862                            <i class="fa fa-pie-chart"></i>
863                            <h4>ระบบประเมินการเรียนการสอน</h4>
864                        </div>
865                    </div>
866                </a>
867                <a href="https://activity.rmu.ac.th/">
868                    <div class="col-md-3 col-sm-6">
869
870                        <div class="books-item">
871                            <i class="fa fa-folder-open"></i>
872                            <h4>ระบบทะเบียนกิจกรรมนักศึกษา</h4>
873                        </div>
874
875                    </div>
876                </a>
877                <a href="https://promo-curriculum.rmu.ac.th">
878                    <!-- <a href="https://curriculum.rmu.ac.th/"> -->
879                    <div class="col-md-3 col-sm-6">
880                        <div class="books-item">
881                            <i class="fa fa-graduation-cap"></i>
882                            <h4>สารสนเทศหลักสูตร</h4>
883                        </div>
884                    </div>
885                </a>
886                <a href="https://finance.rmu.ac.th/?page_id=859">
887                    <div class="col-md-3 col-sm-6">
888                        <div class="books-item">
889                            <i class="fa fa-credit-card"></i>
890                            <h4>ข้อมูลการจัดซื้อจัดจ้าง</h4>
891                        </div>
892                    </div>
893                </a>
894            </div>
895            <br />
896            <div class="row">
897                <a href="https://drive.google.com/file/d/1VIvTq-ua7rye60xlYGDrfZZA7c3eMMZj/view?usp=sharing">
898                    <div class="col-md-3 col-sm-6">
899                        <div class="books-item">
900                            <i class="fa fa-pie-chart"></i>
901                            <h4>คู่มือผลประโยชน์ทับซ้อน</h4>
902                        </div>
903                    </div>
904                </a>
905                <a href="https://www.rmu.ac.th/file/jatjumnong_2.pdf">
906                    <div class="col-md-3 col-sm-6">
907                        <div class="books-item">
908                            <i class="fa fa-folder-open"></i>
909                            <h4>เจตจำนงสุจริตในการบริหารงาน</h4>
910                        </div>
911                    </div>
912                </a>
913
914                <a
915                    href="https://personnel.rmu.ac.th/complaint-statistics">
916                    <div class="col-md-3 col-sm-6">
917                        <div class="books-item">
918                            <i class="fa fa-align-justify"></i>
919                            <h4>สถิติเรื่องร้องเรียน</h4>
920                        </div>
921                    </div>
922                </a>
923                <a href="https://irie-learningcenter.com">
924                    <div class="col-md-3 col-sm-6">
925                        <div class="books-item">
926                            <i class="fa fa-graduation-cap"></i>
927                            <h4>อบรมภาษาอังกฤษสำหรับบุคลากร</h4>
928                        </div>
929                    </div>
930                </a>
931            </div>
932            <br />
933            <div class="row">
934                <a href="https://drive.google.com/file/d/1tCeZ7zco69l_PJ-oQxqrjirxEUI05d6p/view?usp=sharing">
935                    <div class="col-md-3 col-sm-6">
936                        <div class="books-item">
937                            <i class="fa fa-pie-chart"></i>
938                            <h4>คู่มือ 5ส มหาวิทยาลัยราชภัฏมหาสารคาม</h4>
939                        </div>
940                    </div>
941                </a>
942            </div>
943            <br />
944            <div class="row">
945                <a href="#" onclick="toggleCalendar(); return false;">
946                    <div class="col-md-12 col-sm-12">
947                        <div class="books-item">
948                            <i class="fa fa-calendar"></i>
949                            <h4>ปฏิทินกิจกรรม มหาวิทยาลัยราชภัฏมหาสารคาม</h4>
950                        </div>
951                    </div>
952                </a>
953            </div>
954            <br>
955            <div class="row" id="calendar-iframe" style="display: block;">
956                <div class="col-md-12">
957                    <iframe src="https://calendar.rmu.ac.th/embed?theme=light&view=dayGridMonth&header=true&height=600"
958                        title="RMU Events Calendar" style="width:100%; height:600px; border:none; border-radius:8px;">
959                    </iframe>
960                </div>
961            </div>
962            <br>
963        </div>
964    </section>
965
966    <section class="our-teachers">
967        <div class="container">
968            <div class="col-12" style="margin: 20px;">
969                <div class="section-heading text-center">
970                    <h1>ภาพกิจกรรม มหาวิทยาลัยราชภัฏมหาสารคาม</h1>
971                </div>
972            </div>
973
974            
975            
976            
977                            <div class="row">
978                                            <div class="col-md-3 col-sm-6" style="margin-bottom: 20px;">
979                            <a href="https://pr.rmu.ac.th/?p=35249" target="_blank">
980                                <div class="teacher-item">
981                                    <div class="thumb-holder">
982                                        <img src="https://pr.rmu.ac.th/wp-content/uploads/2026/09/814088576_1506152668212201_4815806871077601177_n-1024x684.jpg" alt="มหาวิทยาลัยราชภัฏมหาสารคาม สอบคัดเลือกนักเรียนโครงการรับตรงโดยคณะดำเนินการ ครั้งที่ 1 ภาคปกติ ระดับปริญญาตรี ประจำปีการศึกษา 2570"
983                                            class="img-fluid rounded shadow-sm">
984                                    </div>
985                                    <div class="down-content mt-2 text-center">
986                                        <h4>มหาวิทยาลัยราชภัฏมหาสารคาม สอบคัดเลือกนักเรียนโครงการรับตรงโ...</h4>
987                                    </div>
988                                </div>
989                            </a>
990                        </div>
991                                            <div class="col-md-3 col-sm-6" style="margin-bottom: 20px;">
992                            <a href="https://pr.rmu.ac.th/?p=35250" target="_blank">
993                                <div class="teacher-item">
994                                    <div class="thumb-holder">
995                                        <img src="https://pr.rmu.ac.th/wp-content/uploads/2026/09/813467474_1637979254705651_3889039960896525755_n-1024x684.jpg" alt="มหาวิทยาลัยราชภัฏมหาสารคาม เข้าร่วมพิธีบำเพ็ญกุศลในวาระครบ 100 วัน (สตมวาร) แห่งการสิ้นพระชนม์"
996                                            class="img-fluid rounded shadow-sm">
997                                    </div>
998                                    <div class="down-content mt-2 text-center">
999                                        <h4>มหาวิทยาลัยราชภัฏมหาสารคาม เข้าร่วมพิธีบำเพ็ญกุศลในวาระครบ 1...</h4>
1000                                    </div>
1001                                </div>
1002                            </a>
1003                        </div>
1004                                            <div class="col-md-3 col-sm-6" style="margin-bottom: 20px;">
1005                            <a href="https://pr.rmu.ac.th/?p=35248" target="_blank">
1006                                <div class="teacher-item">
1007                                    <div class="thumb-holder">
1008                                        <img src="https://pr.rmu.ac.th/wp-content/uploads/2026/09/795830813_1506253671535434_7735821754373523024_n-1024x684.jpg" alt="มหาวิทยาลัยราชภัฏมหาสารคาม รับการตรวจประเมินคุณภาพการศึกษาเพื่อการดำเนินงานที่เป็นเลิศ (EdPEx) ระดับสถาบัน ประจำปีการศึกษา 2568"
1009                                            class="img-fluid rounded shadow-sm">
1010                                    </div>
1011                                    <div class="down-content mt-2 text-center">
1012                                        <h4>มหาวิทยาลัยราชภัฏมหาสารคาม รับการตรวจประเมินคุณภาพการศึกษาเพ...</h4>
1013                                    </div>
1014                                </div>
1015                            </a>
1016                        </div>
1017                                            <div class="col-md-3 col-sm-6" style="margin-bottom: 20px;">
1018                            <a href="https://pr.rmu.ac.th/?p=35247" target="_blank">
1019                                <div class="teacher-item">
1020                                    <div class="thumb-holder">
1021                                        <img src="https://pr.rmu.ac.th/wp-content/uploads/2026/09/815018792_1671000574668382_2637897358254474653_n-1024x684.jpg" alt="สำนักงานอธิการบดี จัดประชุมเตรียมความพร้อม คณะกรรมการ ฝ่ายต่างๆ ในงานมุทิตาจิตแด่ผู้เกษียณอายุราชการ ประจำปี 2569"
1022                                            class="img-fluid rounded shadow-sm">
1023                                    </div>
1024                                    <div class="down-content mt-2 text-center">
1025                                        <h4>สำนักงานอธิการบดี จัดประชุมเตรียมความพร้อม คณะกรรมการ ฝ่ายต่...</h4>
1026                                    </div>
1027                                </div>
1028                            </a>
1029                        </div>
1030                                            <div class="col-md-3 col-sm-6" style="margin-bottom: 20px;">
1031                            <a href="https://pr.rmu.ac.th/?p=35251" target="_blank">
1032                                <div class="teacher-item">
1033                                    <div class="thumb-holder">
1034                                        <img src="https://pr.rmu.ac.th/wp-content/uploads/2026/09/803229095_1499900252170776_7745027095108249945_n-1-1024x684.jpg" alt="ประชุมคณะกรรมการบริหาร มหาวิทยาลัยราชภัฏมหาสารคาม ครั้งที่ 10/2569"
1035                                            class="img-fluid rounded shadow-sm">
1036                                    </div>
1037                                    <div class="down-content mt-2 text-center">
1038                                        <h4>ประชุมคณะกรรมการบริหาร มหาวิทยาลัยราชภัฏมหาสารคาม ครั้งที่ 1...</h4>
1039                                    </div>
1040                                </div>
1041                            </a>
1042                        </div>
1043                                            <div class="col-md-3 col-sm-6" style="margin-bottom: 20px;">
1044                            <a href="https://pr.rmu.ac.th/?p=35252" target="_blank">
1045                                <div class="teacher-item">
1046                                    <div class="thumb-holder">
1047                                        <img src="https://pr.rmu.ac.th/wp-content/uploads/2026/09/804878263_1381488560807810_1100018917527706414_n-1024x684.jpg" alt="คณะอาจารย์ประจำหลักสูตรรัฐศาสตรบัณฑิต คณะรัฐศาสตร์และรัฐประศาสนศาสตร์ มหาวิทยาลัยราชภัฏมหาสารคาม ในโอกาสที่ได้รับมอบ ใบประกาศเกียรติคุณ คัดเลือกให้เป็น DSI STATION ดีเด่น ด้านการเฝ้าระวังอาชญากรรมคดีพิเศษ ประจำปี 2569"
1048                                            class="img-fluid rounded shadow-sm">
1049                                    </div>
1050                                    <div class="down-content mt-2 text-center">
1051                                        <h4>คณะอาจารย์ประจำหลักสูตรรัฐศาสตรบัณฑิต คณะรัฐศาสตร์และรัฐประศ...</h4>
1052                                    </div>
1053                                </div>
1054                            </a>
1055                        </div>
1056                                            <div class="col-md-3 col-sm-6" style="margin-bottom: 20px;">
1057                            <a href="https://pr.rmu.ac.th/?p=34987" target="_blank">
1058                                <div class="teacher-item">
1059                                    <div class="thumb-holder">
1060                                        <img src="https://pr.rmu.ac.th/wp-content/uploads/2026/09/799149671_1418511740384896_4756657420147844934_n-1024x684.jpg" alt="ประชุมคณะกรรมการบริหาร มหาวิทยาลัยราชภัฏมหาสารคาม ครั้งที่ 9/2569"
1061                                            class="img-fluid rounded shadow-sm">
1062                                    </div>
1063                                    <div class="down-content mt-2 text-center">
1064                                        <h4>ประชุมคณะกรรมการบริหาร มหาวิทยาลัยราชภัฏมหาสารคาม ครั้งที่ 9...</h4>
1065                                    </div>
1066                                </div>
1067                            </a>
1068                        </div>
1069                                            <div class="col-md-3 col-sm-6" style="margin-bottom: 20px;">
1070                            <a href="https://pr.rmu.ac.th/?p=34986" target="_blank">
1071                                <div class="teacher-item">
1072                                    <div class="thumb-holder">
1073                                        <img src="https://pr.rmu.ac.th/wp-content/uploads/2026/09/793204127_1494715179355950_5826148520378524181_n-1024x684.jpg" alt="มหาวิทยาลัยราชภัฏมหาสารคาม  จัดโครงการถ่ายทอดภูมิปัญญาท้องถิ่นและส่งเสริมการมีส่วนร่วมของชุมชน เพื่อฟื้นฟูระบบนิเวศหนองแกดำ (สะพานไม้แกดำ) อำเภอแกดำ จังหวัดมหาสารคาม ณ วัดดาวดึงษ์แกดำ ตำบลแกดำ อำเภอแกดำ จังหวัดมหาสารคาม"
1074                                            class="img-fluid rounded shadow-sm">
1075                                    </div>
1076                                    <div class="down-content mt-2 text-center">
1077                                        <h4>มหาวิทยาลัยราชภัฏมหาสารคาม  จัดโครงการถ่ายทอดภูมิปัญญาท้องถิ...</h4>
1078                                    </div>
1079                                </div>
1080                            </a>
1081                        </div>
1082                                            <div class="col-md-3 col-sm-6" style="margin-bottom: 20px;">
1083                            <a href="https://pr.rmu.ac.th/?p=34988" target="_blank">
1084                                <div class="teacher-item">
1085                                    <div class="thumb-holder">
1086                                        <img src="https://pr.rmu.ac.th/wp-content/uploads/2026/09/794266111_2421945885003713_3356098498795963917_n-1024x684.jpg" alt="ประชุมเตรียมความพร้อม งานมุทิตาจิตแด่ผู้เกษียณอายุราชการ ประจำปี 2569 เพื่อยกย่องเชิดชูเà¸
1086à¸µà¸¢à¸£à¸•ิ และส่งมอบความรักความผูกพันแก่บุคลากรผู้ปฏิบัติหน้าที่จนครบวาระการทำงานในมหาวิทยาลัย"
1087                                            class="img-fluid rounded shadow-sm">
1088                                    </div>
1089                                    <div class="down-content mt-2 text-center">
1090                                        <h4>ประชุมเตรียมความพร้อม งานมุทิตาจิตแด่ผู้เกษียณอายุราชการ ประ...</h4>
1091                                    </div>
1092                                </div>
1093                            </a>
1094                        </div>
1095                                            <div class="col-md-3 col-sm-6" style="margin-bottom: 20px;">
1096                            <a href="https://pr.rmu.ac.th/?p=34989" target="_blank">
1097                                <div class="teacher-item">
1098                                    <div class="thumb-holder">
1099                                        <img src="https://pr.rmu.ac.th/wp-content/uploads/2026/09/793203902_1492122076281927_3078517586569323859_n-1024x684.jpg" alt="มหาวิทยาลัยราชภัฏมหาสารคาม จัดแสดงนิทรรศการผลงานนวัตกรรม ผ่านโครงการ Show &amp; Share มหาวิทยาลัยราชภัฏเพื่อการพัฒนาท้องถิ่น"
1100                                            class="img-fluid rounded shadow-sm">
1101                                    </div>
1102                                    <div class="down-content mt-2 text-center">
1103                                        <h4>มหาวิทยาลัยราชภัฏมหาสารคาม จัดแสดงนิทรรศการผลงานนวัตกรรม ผ่า...</h4>
1104                                    </div>
1105                                </div>
1106                            </a>
1107                        </div>
1108                                            <div class="col-md-3 col-sm-6" style="margin-bottom: 20px;">
1109                            <a href="https://pr.rmu.ac.th/?p=34995" target="_blank">
1110                                <div class="teacher-item">
1111                                    <div class="thumb-holder">
1112                                        <img src="https://pr.rmu.ac.th/wp-content/uploads/2026/09/790591041_1673471148114035_7064602628653091945_n-1024x684.jpg" alt="มหาวิทยาลัยราชภัฏมหาสารคาม รับบริจาคโลหิต ช่วยเหลือผู้ป่วยและสำรองโลหิตให้เพียงพอต่อความต้องการ"
1113                                            class="img-fluid rounded shadow-sm">
1114                                    </div>
1115                                    <div class="down-content mt-2 text-center">
1116                                        <h4>มหาวิทยาลัยราชภัฏมหาสารคาม รับบริจาคโลหิต ช่วยเหลือผู้ป่วยแล...</h4>
1117                                    </div>
1118                                </div>
1119                            </a>
1120                        </div>
1121                                            <div class="col-md-3 col-sm-6" style="margin-bottom: 20px;">
1122                            <a href="https://pr.rmu.ac.th/?p=34991" target="_blank">
1123                                <div class="teacher-item">
1124                                    <div class="thumb-holder">
1125                                        <img src="https://pr.rmu.ac.th/wp-content/uploads/2026/09/791453803_2207047809864773_4003591691935528357_n-1024x684.jpg" alt="คณะวิทยาการจัดการ มหาวิทยาลัยราชภัฏมหาสารคาม รณรงค์สร้างวินัยจราจร สวมหมวกกันน็อกเพื่อความปลอดภัย"
1126                                            class="img-fluid rounded shadow-sm">
1127                                    </div>
1128                                    <div class="down-content mt-2 text-center">
1129                                        <h4>คณะวิทยาการจัดการ มหาวิทยาลัยราชภัฏมหาสารคาม รณรงค์สร้างวินั...</h4>
1130                                    </div>
1131                                </div>
1132                            </a>
1133                        </div>
1134                                    </div>
1135            
1136                            <div class="col-12">
1137                    <div class="text-center mt-4">
1138                        <a href="https://pr.rmu.ac.th/?cat=34" target="_blank" class="btn btn-success px-4 py-2"
1139                            style="border-radius: 50px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);">
1140                            ดูข่าวทั้งหมด
1141                        </a>
1142                    </div>
1143                </div>
1144            
1145
1146        </div>
1147    </section>
1148
1149    
1150    <section class="memorial-music-player" style="background: linear-gradient(135deg, #0a4a21 0%, #0e5d2a 100%); padding: 40px 0;
1150 border-top: 4px solid #f40907;">
1151        <div class="container">
1152            <div class="row" style="align-items: center;">
1153
1154                
1155                <div class="col-md-5" style="color:#fff; margin-bottom:20px;">
1156                    <div style="display:flex; align-items:center; gap:12px; margin-bottom:16px;">
1157                        <span style="font-size:2rem;">🎵</span>
1158                        <div>
1159                            <h3 style="margin:0; font-weight:700; font-size:1.3rem;">เพลงประจำมหาวิทยาลัยฯ</h3>
1160                            <p style="margin:0; font-size:0.85rem; color:rgba(255,255,255,0.6);">มหาวิทยาลัยราชภัฏมหาสารคาม</p>
1161                        </div>
1162                    </div>
1163                    <ul id="home-track-list" style="list-style:none; padding:0; margin:0; max-height:200px; overflow-y:auto;">
1164                                                                        <li class="home-track-item"
1165                            data-url="https://rmu.ac.th/files/music/march-rajabhat-mahasarakham/01-march-rmu.mp3"
1166                            data-title="มาร์ชมหาวิทยาลัยราชภัฏมหาสารคาม"
1167                            style="display:flex; align-items:center; gap:10px; padding:7px 10px; border-radius:6px; cursor:pointer; transition:background .15s; margin-bottom:3px;">
1168                            <span class="ht-num" style="width:22px; text-align:center; color:rgba(255,255,255,0.45); font-size:0.8rem;">1</span>
1169                            <span class="ht-wave" style="display:none; align-items:flex-end; gap:2px; width:22px; height:16px;">
1170                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out infinite alternate;"></span>
1171                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out .15s infinite alternate;"></span>
1172                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out .3s infinite alternate;"></span>
1173                            </span>
1174                            <span style="flex:1; font-size:0.88rem; color:rgba(255,255,255,0.85); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">มาร์ชมหาวิทยาลัยราชภัฏมหาสารคาม</span>
1175                        </li>
1176                                                <li class="home-track-item"
1177                            data-url="https://rmu.ac.th/files/music/march-rajabhat-mahasarakham/02-rajabhat-thatsana.mp3"
1178                            data-title="วิทยาลัยราชภัฏทัศนา"
1179                            style="display:flex; align-items:center; gap:10px; padding:7px 10px; border-radius:6px; cursor:pointer; transition:background .15s; margin-bottom:3px;">
1180                            <span class="ht-num" style="width:22px; text-align:center; color:rgba(255,255,255,0.45); font-size:0.8rem;">2</span>
1181                            <span class="ht-wave" style="display:none; align-items:flex-end; gap:2px; width:22px; height:16px;">
1182                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out infinite alternate;"></span>
1183                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out .15s infinite alternate;"></span>
1184                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out .3s infinite alternate;"></span>
1185                            </span>
1186                            <span style="flex:1; font-size:0.88rem; color:rgba(255,255,255,0.85); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">วิทยาลัยราชภัฏทัศนา</span>
1187                        </li>
1188                                                <li class="home-track-item"
1189                            data-url="https://rmu.ac.th/files/music/march-rajabhat-mahasarakham/03-ramwong-rmu.mp3"
1190                            data-title="รำวงมหาวิทยาลัยราชภัฏมหาสารคาม"
1191                            style="display:flex; align-items:center; gap:10px; padding:7px 10px; border-radius:6px; cursor:pointer; transition:background .15s; margin-bottom:3px;">
1192                            <span class="ht-num" style="width:22px; text-align:center; color:rgba(255,255,255,0.45); font-size:0.8rem;">3</span>
1193                            <span class="ht-wave" style="display:none; align-items:flex-end; gap:2px; width:22px; height:16px;">
1194                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out infinite alternate;"></span>
1195                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out .15s infinite alternate;"></span>
1196                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out .3s infinite alternate;"></span>
1197                            </span>
1198                            <span style="flex:1; font-size:0.88rem; color:rgba(255,255,255,0.85); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">รำวงมหาวิทยาลัยราชภัฏมหาสารคาม</span>
1199                        </li>
1200                                                <li class="home-track-item"
1201                            data-url="https://rmu.ac.th/files/music/march-rajabhat-mahasarakham/04-rajabhat-mahasarakham-khuen-thin.mp3"
1202                            data-title="ราชภัฏมหาสารคามคืนถิ่น"
1203                            style="display:flex; align-items:center; gap:10px; padding:7px 10px; border-radius:6px; cursor:pointer; transition:background .15s; margin-bottom:3px;">
1204                            <span class="ht-num" style="width:22px; text-align:center; color:rgba(255,255,255,0.45); font-size:0.8rem;">4</span>
1205                            <span class="ht-wave" style="display:none; align-items:flex-end; gap:2px; width:22px; height:16px;">
1206                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out infinite alternate;"></span>
1207                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out .15s infinite alternate;"></span>
1208                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out .3s infinite alternate;"></span>
1209                            </span>
1210                            <span style="flex:1; font-size:0.88rem; color:rgba(255,255,255,0.85); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">ราชภัฏมหาสารคามคืนถิ่น</span>
1211                        </li>
1212                                                <li class="home-track-item"
1213                            data-url="https://rmu.ac.th/files/music/march-rajabhat-mahasarakham/05-rajabhat-roeng-rom.mp3"
1214                            data-title="ราชภัฏเริงรมย์"
1215                            style="display:flex; align-items:center; gap:10px; padding:7px 10px; border-radius:6px; cursor:pointer; transition:background .15s; margin-bottom:3px;">
1216                            <span class="ht-num" style="width:22px; text-align:center; color:rgba(255,255,255,0.45); font-size:0.8rem;">5</span>
1217                            <span class="ht-wave" style="display:none; align-items:flex-end; gap:2px; width:22px; height:16px;">
1218                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out infinite alternate;"></span>
1219                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out .15s infinite alternate;"></span>
1220                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out .3s infinite alternate;"></span>
1221                            </span>
1222                            <span style="flex:1; font-size:0.88rem; color:rgba(255,255,255,0.85); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">ราชภัฏเริงรมย์</span>
1223                        </li>
1224                                                <li class="home-track-item"
1225                            data-url="https://rmu.ac.th/files/music/march-rajabhat-mahasarakham/06-khiao-daeng-thi-rak.mp3"
1226                            data-title="เขียว - แดง ที่รัก"
1227                            style="display:flex; align-items:center; gap:10px; padding:7px 10px; border-radius:6px; cursor:pointer; transition:background .15s; margin-bottom:3px;">
1228                            <span class="ht-num" style="width:22px; text-align:center; color:rgba(255,255,255,0.45); font-size:0.8rem;">6</span>
1229                            <span class="ht-wave" style="display:none; align-items:flex-end; gap:2px; width:22px; height:16px;">
1230                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out infinite alternate;"></span>
1231                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out .15s infinite alternate;"></span>
1232                                <span style="display:block;width:3px;background:#f40907;border-radius:2px;animation:htwave .7s ease-in-out .3s infinite alternate;"></span>
1233                            </span>
1234                            <span style="flex:1; font-size:0.88rem; color:rgba(255,255,255,0.85); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">เขียว - แดง ที่รัก</span>
1235                        </li>
1236                                            </ul>
1237                    <a href="https://rmu.ac.th/music"
1238                       style="display:inline-block; margin-top:14px; font-size:0.82rem; color:rgba(255,255,255,0.55); text-decoration:none;">
1239                        ดูเพลงทั้งหมด →
1240                    </a>
1241                </div>
1242
1243                
1244                <div class="col-md-7" style="text-align:center;">
1245                    <div id="home-player-box" style="background:rgba(255,255,255,0.06); border-radius:16px; padding:28px 24px;">
1246                        <div id="home-disc" style="font-size:4rem; margin-bottom:12px; display:inline-block; transition:transform .3s;">🎵</div>
1247                        <div id="home-np-title" style="color:#fff; font-weight:600; font-size:1rem; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">— เลือกเพลงที่ต้องการ —</div>
1248                        <div id="home-np-sub"   style="color:rgba(255,255,255,0.5); font-size:0.8rem; margin-bottom:16px;">เพลงประจำมหาวิทยาลัยราชภัฏมหาสารคาม</div>
1249                        <audio id="home-audio" preload="none" style="width:100%; accent-color:#f40907; margin-bottom:14px;"></audio>
1250                        <div style="display:flex; justify-content:center; gap:12px;">
1251                            <button id="home-btn-prev" title="ก่อนหน้า"
1252                                style="background:rgba(255,255,255,0.12); border:none; color:#fff; width:40px; height:40px; border-radius:50%; font-size:1rem; cursor:pointer;">⏮</button>
1253                            <button id="home-btn-play" title="เล่น/หยุด"
1254                                style="background:#f40907; border:none; color:#fff; width:48px; height:48px; border-radius:50%; font-size:1.2rem; cursor:pointer;">▶</button>
1255                            <button id="home-btn-next" title="ถัดไป"
1256                                style="background:rgba(255,255,255,0.12); border:none; color:#fff; width:40px; height:40px; border-radius:50%; font-size:1rem; cursor:pointer;">⏭</button>
1257                        </div>
1258                    </div>
1259                </div>
1260
1261            </div>
1262        </div>
1263    </section>
1264    <style>
1265        @keyframes  htwave { 0%{height:3px} 100%{height:14px} }
1266        #home-track-list::-webkit-scrollbar { width:4px; }
1267        #home-track-list::-webkit-scrollbar-track { background:rgba(255,255,255,0.05); border-radius:4px; }
1268        #home-track-list::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.2); border-radius:4px; }
1269        .home-track-item:hover { background:rgba(255,255,255,0.08) !important; }
1270        .home-track-item.ht-active { background:rgba(233,69,96,0.18) !important; }
1271    </style>
1272    
1272<script>
1273    (function(){
1274        var items   = document.querySelectorAll('.home-track-item');
1275        var tracks  = Array.prototype.map.call(items, function(el) {
1276            return { url: el.getAttribute('data-url'), title: el.getAttribute('data-title') };
1277        });
1278        var audio   = document.getElementById('home-audio');
1279        var npTitle = document.getElementById('home-np-title');
1280        var disc    = document.getElementById('home-disc');
1281        var btnPlay = document.getElementById('home-btn-play');
1282        var btnPrev = document.getElementById('home-btn-prev');
1283        var btnNext = document.getElementById('home-btn-next');
1284        var current = -1;
1285
1286        function load(idx, autoplay) {
1287            if (idx < 0 || idx >= tracks.length) return;
1288            // deactivate previous
1289            if (current >= 0) {
1290                items[current].classList.remove('ht-active');
1291                items[current].querySelector('.ht-num').style.display = 'inline';
1292                items[current].querySelector('.ht-wave').style.display = 'none';
1293            }
1294            current = idx;
1295            audio.src = tracks[idx].url;
1296            npTitle.textContent = tracks[idx].title;
1297            items[idx].classList.add('ht-active');
1298            if (autoplay) {
1299                audio.play().catch(function(){});
1300                setPlaying(true);
1301            }
1302        }
1303
1304        function setPlaying(on) {
1305            btnPlay.textContent = on ? '⏸' : '▶';
1306            disc.style.animation = on ? 'htwave 0s' : ''; // just a flag
1307            // wave
1308            if (current >= 0) {
1309                items[current].querySelector('.ht-num').style.display  = on ? 'none'  : 'inline';
1310                items[current].querySelector('.ht-wave').style.display = on ? 'flex'  : 'none';
1311            }
1312        }
1313
1314        btnPlay.addEventListener('click', function(){
1315            if (current < 0) { load(0, true); return; }
1316            if (audio.paused) { audio.play().catch(function(){}); setPlaying(true); }
1317            else              { audio.pause(); setPlaying(false); }
1318        });
1319        btnNext.addEventListener('click', function(){
1320            load((current + 1) % tracks.length, !audio.paused || current < 0);
1321        });
1322        btnPrev.addEventListener('click', function(){
1323            load((current - 1 + tracks.length) % tracks.length, !audio.paused || current < 0);
1324        });
1325        items.forEach(function(item, idx){
1326            item.addEventListener('click', function(){
1327                if (current === idx && !audio.paused) { audio.pause(); setPlaying(false); }
1328                else { load(idx, true); }
1329            });
1330        });
1331        audio.addEventListener('ended', function(){
1332            load((current + 1) % tracks.length, true);
1333        });
1334        audio.addEventListener('pause', function(){ setPlaying(false); });
1335        audio.addEventListener('play',  function(){ setPlaying(true); });
1336    })();
1337    </script>
1337
1338    
1339
1340    <section class="popular-courses">
1341        <div class="container">
1342            <div class="row">
1343                <div class="col-xs-12">
1344                    <div style="display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:12px;">
1345                        <div style="flex: 1 1 160px; max-width:210px;">
1346                            <a href="https://line.rmu.ac.th">
1347                                <img src="https://rmu.ac.th/images/l_n.png" width="100%">
1348                            </a>
1349                        </div>
1350                        <div style="flex: 1 1 160px; max-width:210px;">
1351                            <a href="http://personnel.rmu.ac.th/complaint">
1352                                <img src="https://rmu.ac.th/images/c_p_1.png" width="100%">
1353                            </a>
1354                        </div>
1355                        <div style="flex: 1 1 160px; max-width:210px;">
1356                            <a href="https://rmu.ac.th/contact_rmu">
1357                                <img src="https://rmu.ac.th/images/q_a.png" width="100%">
1358                            </a>
1359                        </div>
1360                        <div style="flex: 1 1 160px; max-width:210px;">
1361                            <a href="https://www.nacc.go.th/allcomplaint">
1362                                <img src="https://rmu.ac.th/images/c_pps.png" width="100%">
1363                            </a>
1364                        </div>
1365                        <div style="flex: 1 1 160px; max-width:210px;">
1366                            <a href="https://www.pacc.go.th/e-service/index.html">
1367                                <img src="https://rmu.ac.th/images/c_ppt.png" width="100%">
1368                            </a>
1369                        </div>
1370                    </div>
1371                </div>
1372            </div>
1373        </div>
1374    </section>
1375
1376    <!-- <section class="popular-courses">
1377                                                                                                        <div class="container-fluid">
1378                                                                                                            <div class="row">
1379                                                                                                                <div class="section-heading text-center">
1380                                                                                                                    <h1>Popular Award</h1>
1381                                                                                                                    <p>ศิษย์เก่าที่ประสบความสำเร็จมากมายในทุกรุ่น ทุกวิชาชีพทั้งระดับประเทศและนานาชาติ</p>
1382                                                                                                                </div>
1383                                                                                                            </div>
1384                                                                                                            <div class="row">
1385                                                                                                                <div id="owl-courses-second">
1386                                                                                                                                                                                                            <div class="item course-item">
1387                                                                                                                        <a href="https://rmu.ac.th/awords/8/post"><img src="https://rmu.ac.th/uploads/aword/1548152798theerasak nnt rmu award.jpg" alt="" class="img-thumbnail"></a>
1388                                                                                                                        <div class="down-conten                                t">
1389                                                                                                                            <p>ธีระศักดิ์ เนตรหนองเทา<br>เหรียญทอง มวยไทยสมัครเล่น กีฬามหาวิทยาลัยแห่งประเทศไทย ครั้งที่ 46</p>
1390                                                                                                                        </div>
1391                                                                                                                    </div>
1392                                                                                                                                                                                <div class="item course-item">
1393                                                                                                                        <a href="https://rmu.ac.th/awords/9/
1393post"><img src="https://rmu.ac.th/uploads/aword/154829276943951457_479528885872242_3294397760375095296_nX11111.jpg" alt="" class="img-thumbnail"></a>
1394                                                                                                                        <div class="down-conten                                t">
1395                                                                                                                            <p>ธนวัตร ศรีภา<br>นักศึกษาพระราชทาน ระดับอุดมศึกษา ประจำปีการศึกษา ๒๕๖๐</p>
1396                                                                                                                        </div>
1397                                                                                                                    </div>
1398                                                                                                                                                                                <div class="item course-item">
1399                                                                                                                        <a href="https://rmu.ac.th/awords/10/post"><img src="https://rmu.ac.th/uploads/aword/1556520360221244.jpg" alt="" class="img-thumbnail"></a>
1400                                                                                                                        <div class="down-conten                                t">
1401                                                                                                                            <p>นางสาวธนิก ขันชารี<br>ชนะเลิศระดับชาติ การประกวดเล่านิทานและผลิตสื่อการเรียนรู้ 2562</p>
1402                                                                                                                        </div>
1403                                                                                                                    </div>
1404                                                                                                                                                                                <div class="item course-item">
1405                                                                                                                        <a href="https://rmu.ac.th/awords/11/post"><img src="https://rmu.ac.th/uploads/aword/1598520062Bundit_sungsanit_2563.jpg" alt="" class="img-thumbnail"></a>
1406                                                                                                                        <div class="down-conten                                t">
1407                                                                                                                            <p>บัณฑิต สูงสนิท<br>รางวัลพระราชทานเด็กและเยาวชนดีเด่นแห่งชาติ 2562</p>
1408                                                                                                                        </div>
1409                                                                                                                    </div>
1410                                                                                                                                                                                <div class="item course-item">
1411                                                                                                                        <a href="https://rmu.ac.th/awords/12/post"><img src="https://rmu.ac.th/uploads/aword/157949257180712147_2958919254127626_3597861535122194432_o_webrmu.jpg" alt="" class="img-thumbnail"></a>
1412                                                                                                                        <div class="down-conten                                t">
1413                                                                                                                            <p>รางวัลรองชนะเลิศ : รางวัล PopularVote<br>การประกวด Gold Bread First MV Contest 2019</p>
1414                                                                                                                        </div>
1415                                                                                                                    </div>
1416                                                                                                                                                                                <div class="item course-item">
1417                                                                                                                        <a href="https://rmu.ac.th/awords/13/post"><img src="https://rmu.ac.th/uploads/aword/1761899815ข่าวสารกองพัฒนานักศึกษา ปีการศึกษา 2568 (9).png" alt="" class="img-thumbnail"></a>
1418                                                                                                                        <div class="down-conten                                t">
1419                                                                                                                            <p>มหาวิทยาลัยราชภัฏมหาสารคาม คว้ารางวัลความถูกต้องเรียบร้อย/การอ่านจังหวะสม่ำเสมอ “รางวัลที่ ๑”<br>มหาวิทยาลัยราชภัฏมหาสารคาม คว้ารางวัลความถูกต้องเรียบร้อย/การอ่านจังหวะสม่ำเสมอ “รางวัลที่ ๑” มหาวิทยาลัยราชภัฏเขตภาคตะวันออกเฉียงเหนือ</p>
1420                                                                                                                        </div>
1421                                                                                                                    </div>
1422                                                                                                                                                                                                        </div>
1423                                                                                                            </div>
1424
1425                                                                                                            <div class="row">
1426                                                                                                                <div class="container">
1427                                                                                                                    <div class="col-md-12">
1428                                                                                                                        <div class="border-button-more text-center">
1429                                                                                                                            <a href="#">ดูเพิ่มเติม</a>
1430                                                                                                                        </div>
1431                                                                                                                    </div>
1432                                                                                                                </div>
1433                                                                                                            </div>
1434                                                                                                        </div>
1435                                                                                                    </section> -->
1436
1437
1438                <footer>
1439                    <div class="container">
1440    <div class="row">
1441
1442        <div class="col-md-3">
1443            <div class="footer-widget">
1444                <div class="featured-links">
1445                    <h2>บริการอื่นๆ</h2>
1446                    <ul>
1447                        <li><a href="http://eval.rmu.ac.th/login.php">ประเมินอาจารย์</a></li>
1448                        <li><a href="https://rmu.ac.th/survey">แบบประเมินเว็บไซต์</a></li>
1449                        <li><a href="https://rmu.ac.th/download">แบบฟอร์มดาวน์โหลด</a></li>
1450                        <li><a href="https://rmu.ac.th/faq">FAQ.</a></li>
1451                        <li><a href="https://rmu.ac.th/command">พรบ.ว่าด้วยการกระทำผิดเกี่ยวกับคอมพิวเตอร์</a></li>
1452                        <li><a href="https://council.rmu.ac.th/member/regularity.php">ระเบียบ</a></li>
1453                        <li><a href="https://council.rmu.ac.th/member/rules.php">ข้อบังคับ</a></li>
1454                        <li><a href="https://council.rmu.ac.th/member/announcements.php">ประกาศ</a></li>
1455                    </ul>
1456                </div>
1457            </div>
1458        </div>
1459
1460        <div class="col-md-3">
1461            <div class="footer-widget">
1462                <div class="featured-links">
1463                    <h2>ระเบียบอัตราค่าเล่าเรียน</h2>
1464                    <ul>
1465                        <li><a href="https://rmu.ac.th/regulations?tag=ค่าธรรมเนียม" style="color: #F9E157;">*อัตราค่าเล่าเรียน</a></li>
1466                    </ul>
1467                </div>
1468            </div>
1469            <div class="footer-widget">
1470                <div class="featured-links">
1471                    <h2>ร้องเรียนการทุจริต</h2>
1472                    <ul>
1473                        <li><a href="https://personnel.rmu.ac.th/complaint" >ร้องเรียนการทุจริตประพฤติมิชอบ มรม.</a></li>
1474                        <li><a href="https://www.nacc.go.th/allcomplaint" >สำนักงาน ป.ป.ช.</a></li>
1475                        <li><a href="https://www.pacc.go.th/e-service/index.html" >สำนักงาน ป.ป.ท.</a></li>
1476                    </ul>
1477                </div>
1478            </div>
1479        </div>
1480
1481        <div class="col-md-3">
1482            <div class="footer-widget">
1483                <div class="featured-links">
1484                    <h2>งานติดต่อ</h2>
1485                    <ul>
1486                        <li><a href="https://rmu.ac.th/map">แผนที่มหาวิทยาลัยฯ</a></li>
1487                        <li><a href="http://pr.rmu.ac.th">งานประชาสัมพันธ์</a></li>
1488                        <li><a href="http://std.rmu.ac.th">กองพัฒนานักศึกษา</a></li>
1489                        <li><a href="https://www.facebook.com/profile.php?id=61581602243755">โครงการผลิตบัณฑิตพันธุ์ใหม่</a></li>
1490                    </ul>
1491                </div>
1492            </div>
1493        </div>
1494
1495        <div class="col-md-3">
1496            <div class="footer-widget">
1497                <div class="featured-links">
1498                    <h2>ติดตามเราได้ที่</h2>
1499                    <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fwww.rmu.ac.th%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=false&hide_cover=false&show_facepile=false&appId" width="340" height="300" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
1500                </div>
1501            </div>
1502        </div>
1503
1504    </div>
1505    <div class="row">
1506        <div class="col-md-12">
1507            <div class="copyright-menu">
1508                <div class="row">
1509                    <div class="col-md-6">
1510                        <div class="copyright-text" id="app">
1511                            <h4>มหาวิทยาลัยราชภัฏมหาสารคาม  80 ถนนนครสวรรค์ ต.ตลาด อ.เมือง จ.มหาสารคาม 44000 <br />
1512                            โทรศัพท์ : 08-1747-8385 , 08-0837-6075 , 06-1404-2390 | อีเมล [email protected]</h4>
1513                            <h4>เลขประจำตัวผู้เสียภาษี มหาวิทยาลัยราชภัฏมหาสารคาม 0-9940-00401-50-7</h4><br>
1514                            <span><a href="https://rmu.ac.th/login" style="color:#F9E157;font-size: 18px;">ประกาศข่าวที่นี่</a></span> | <span><a href="https://cc.rmu.ac.th" style="color: #d4dee1;font-size: 18px;">แจ้งปัญหาเว็บไซต์</a></span> | <span><a href="https://cc.rmu.ac.th" style="color: #d4dee1;font-size: 18px;">ติดต่อผู้พัฒนา</a></span> | <span><a href="http://202.29.22.23/rmu/" style="color: #d4dee1;font-size: 18px;">เว็บไซต์เก่า</a> | <a href="https://rmu.ac.th/disclaimer_website_policy" style="color: #d4dee1;font-size: 18px;">Disclaimer & Website Policy</a></span>
1515                        </div>
1516                    </div>
1517                    <div class="col-md-3">
1518                        <span>view <a href="" style="color:#ffffff;font-size: 18px;">12,426,882</a><br />ข้อมูลการเยี่ยมชมเว็บไซต์(Google Analytics)</span>
1519                    </div>
1520                    <div class="col-md-3 pull-right">
1521                        <div class="menu">
1522                            <ul style="text-align: center;">
1523                                <li><a href="https://rmu.ac.th/rss.xml"><img src="https://rmu.ac.th/images/rss.png" width="30px" height="20px"></a></li>
1524                                <li><img src="https://rmu.ac.th/images/w3c.png" width="30px" height="20px"></li>
1525                            </ul>
1526                        </div>
1527                    </div>
1528                </div>
1529            </div>
1530        </div>
1531    </div>
1532    <div class="row">
1533        <div class="col-md-12">
1534            <div class="copyright-menu">
1535                <div class="row">
1536                    <div class="col-md-6">
1537                        <div class="copyright-text">
1538                            <p>@ Copyright 2018 RMU. All Rights Reserved</p>
1539                        </div>
1540                    </div>
1541                    <div class="col-md-6">
1542                        <div class="menu">
1543                            <ul>
1544                                <li><a href="https://rmu.ac.th">หน้าหลัก </a></li>
1545                                <li><a href="https://rmu.ac.th/about">ประวัติมหาวิทยาลัยฯ</a></li>
1546                                <li><a href="https://rmu.ac.th/department">คณะและหน่วยงานภายใน</a></li>
1547                                <li><a href="https://rmu.ac.th/map">แผนที่มหาวิทยาลัยฯ</a></li>
1548                            </ul>
1549                        </div>
1550                    </div>
1551                </div>
1552            </div>
1553        </div>
1554    </div>
1555</div>
1556                </footer>
1557                <a href="#" class="go-top"><i class="fa fa-angle-up"></i></a>
1558            </div>
1559        </div>
1560
1561        <nav class="sidebar-menu slide-from-left">
1562    <div class="nano">
1563        <div class="content">
1564            <nav class="responsive-menu" style="background-color: #db3d09;">
1565                <ul>
1566                    <li><a href="https://rmu.ac.th">Home</a></li>
1567                    <li><a href="https://e-admission.rmu.ac.th/" target="_blank">สมัครเรียน</a></li>
1568                    <li><a href="https://rmu.ac.th/department">คณะและหน่วยงาน</a></li>
1569                    <li class="menu-item-has-children"><a href="#">หลักสูตร</a>
1570                        <ul class="sub-menu">
1571                            <li><a href="">ปริญญาตรี</a></li>
1572                            <li><a href="">ปริญญาโท</a></li>
1573                            <li><a href="">ปริญญาเอก</a></li>
1574                            <li><a href="">ประกาศนียบัตรบัณทิต</a></li>
1575                            <li><a href="http://gs.rmu.ac.th" target="_blank">บัณฑิตวิทยาลัย</a></li>
1576                        </ul>
1577                    </li>
1578                    <li class="menu-item-has-children"><a href="#">เกี่ยวกับมหาวิทยาลัย</a>
1579                        <ul class="sub-menu">
1580                            <li><a href="https://rmu.ac.th/about">ประวัติมหาวิทยาลัยฯ</a></li>
1581                            <li><a href="https://rmu.ac.th/symbolsandcolors">สัญลักษณ์และสี</a></li>
1582                            <li><a href="https://rmu.ac.th/vision">วิสัยทัศน์พันธกิจ</a></li>
1583                            <li><a href="https://rmu.ac.th/structure">
1583โครงสร้างการบริหาร</a></li>
1584                            <li><a href="https://rmu.ac.th/management">ผู้บริหารมหาวิทยาลัย</a></li>
1585                            <!-- <li><a href="https://rmu.ac.th/council">ผู้บริหารมหาวิทยาลัย</a></li> -->
1586                            <li><a href="https://rmu.ac.th/objective">วัตถุประสงค์/เป้าประสงค์</a></li>
1587                            <li><a href="https://rmu.ac.th/strategic">ประเด็นยุทธศาสตร์</a></li>
1588                            <li><a href="https://rmu.ac.th/risk">แผนบริหารความเสี่ยง</a></li>
1589                            <li><a href="https://rmu.ac.th/action-plan">แผนปฏิบัติราชการ</a></li>
1590                            <li><a href="https://rmu.ac.th/strategic_plan">แผนยุทธศาสตร์</a></li>
1591                            <li><a href="https://rmu.ac.th/music">เพลงประจำมหาวิทยาลัยฯ</a></li>
1592                            <li><a href="https://rmu.ac.th/map">แผนที่มหาวิทยาลัยฯ</a></li>
1593                            <li><a href="https://rmu.ac.th/external-link">ลิงค์ภายนอก</a></li>
1594                            <li><a href="https://rmu.ac.th/command">พระราชบัญญัติว่าด้วยการกระทำผิดเกี่ยวกับคอมพิวเตอร์</a></li>
1595                        </ul>
1596                    </li>
1597                    <li><a href="https://rmu.ac.th/ita">ITA</a></li>
1598                    <li><a href="http://sdg.rmu.ac.th">SDG</a></li>
1599                    <!-- <li class="menu-item-has-children"><a href="#">ITA</a>
1600                        <ul class="sub-menu">
1601                            <li><a href="https://rmu.ac.th/basic_information">ข้อมูลพื้นฐาน</a></li>
1602                            <li><a href="https://rmu.ac.th/news">ข่าวประชาสัมพันธ์</a></li>
1603                            <li><a href="https://rmu.ac.th/work_manage">การบริหารงาน</a></li>
1604                            <li><a href="https://rmu.ac.th/budget_manage">การบริหารงบประมาณ</a></li>
1605                            <li><a href="https://rmu.ac.th/person_manage">การบริหารและพัฒนาทรัพยากรบุคคล</a></li>
1606                            <li><a href="https://rmu.ac.th/transparency">การส่งเสริมความโปร่งใส</a></li>
1607                            <li><a href="https://rmu.ac.th/corrupt_prevent">การป้องกันการทุจริต</a></li>
1608                            <li><a href="https://rmu.ac.th/corrupt_prevent_organization">การป้องกันการทุจริตภายในหน่วยงาน</a></li>
1609                        </ul>
1610                    </li> -->
1611                    <li><a href="https://rmu.ac.th/contact_rmu">ติดต่อเรา</a></li>
1612                </ul>
1613            </nav>
1614        </div>
1615    </div>
1616</nav>
1617    </div>
1618    <!-- </div> -->
1619
1620
1621    
1621<script type="text/javascript" src="https://rmu.ac.th/js/jquery-1.11.1.min.js"></script>
1621
1622    
1622<script type="text/javascript" src="https://rmu.ac.th/js/bootstrap.min.js"></script>
1622
1623
1624    <!-- 
1624<script src="https://unpkg.com/vue"></script>
1624 -->
1625    <!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
1626    
1626<script src="https://rmu.ac.th/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
1626
1627    
1627<script src="https://rmu.ac.th/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
1627
1628    
1628<script src="https://rmu.ac.th/js/owl.carousel.min.js"></script>
1628
1629
1630    
1630<script type="text/javascript" src="https://rmu.ac.th/js/plugins.js"></script>
1630
1631    
1631<script type="text/javascript" src="https://rmu.ac.th/js/custom.js"></script>
1631
1632    
1633    
1633<script type="text/javascript">
1634        function toggleCalendar() {
1635            var calendarDiv = document.getElementById('calendar-iframe');
1636            if (calendarDiv.style.display === 'none') {
1637                calendarDiv.style.display = 'block';
1638            } else {
1639                calendarDiv.style.display = 'none';
1640            }
1641        }
1642        $(document).ready(function () {
1643            $('#myModal').modal('hide');
1644            $(document).on('click', '.pagination a', function (e) {
1645                e.preventDefault();
1646
1647                $('#load a').css('color', '#dfecf6');
1648                $('#load').append(
1649                    '<img style="position: absolute; left: 0; top: 0; z-index: 100;" src="/images/loading.gif" />'
1650                );
1651
1652                var url = $(this).attr('href');
1653                getArticles(url);
1654                window.history.pushState("", "", url);
1655            });
1656
1657            function getArticles(url) {
1658                $.ajax({
1659                    url: url
1660                }).done(function (data) {
1661                    $('.articles').html(data);
1662                }).fail(function () {
1663                    alert('Post could not be loaded.');
1664                });
1665            }
1666
1667            // ส่วนแสดงภาพหน้าแรก เต็มจอ 
1668            // Fullscreen Notification
1669
1670            //         $('body').append(`
1671            //     <div id="fullscreen-notification">
1672            //         <img src="https://www.rmu.ac.th/images/Slider_04_04_2025.jpg" alt="Fullscreen Notification">
1673            //         <button id="close-fullscreen-notification">เข้าสู่เว็บไซต์มหาวิทยาลัยราชภัฏมหาสารคาม</button>
1674            //     </div>
1675            // `);
1676
1677            //         $('#close-fullscreen-notification').click(function() {
1678            //             $('#fullscreen-notification').fadeOut();
1679            //         });
1680
1681        });
1682    </script>
1682
1683
1684
1685    
1685<script>
1686        $(document).ready(function() {
1687
1688
1689            $("#owl-demo").owlCarousel({
1690                loop: true,
1691                margin: 10,
1692                nav: true,
1693                navigation: true, // Show next and prev buttons
1694
1695                slideSpeed: 300,
1696                paginationSpeed: 400,
1697
1698                items: 1,
1699                itemsDesktop: false,
1700                itemsDesktopSmall: false,
1701                itemsTablet: false,
1702                itemsMobile: false
1703
1704            });
1705
1706        });
1707    </script>
1707
1708    
1708<script>
1709        var app = new Vue({
1710            el: '#app',
1711            data: {
1712                sitename: 'มหาวิทยาลัยราชภัฏมหาสารคาม'
1713            }
1714        });
1715    </script>
1715
1716
1717    <!-- Facebook Chat Button -->
1718    <a id="fb-chat-btn" href="https://m.me/www.rmu.ac.th" target="_blank" rel="noopener"
1719       title="แชทกับเราทาง Messenger" aria-label="Messenger Chat">
1720        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" fill="none">
1721            <circle cx="18" cy="18" r="18" fill="#0866FF"/>
1722            <path d="M18 5C10.82 5 5 10.6 5 17.5c0 3.9 1.85 7.37 4.75 9.7V31l4.25-2.34A13.8 13.8 0 0018 30c7.18 0 13-5.6 13-12.5S25.18 5 18 5z" fill="#fff"/>
1723            <path d="M19.04 21.1l-3.3-3.52-6.44 3.52 7.08-7.52 3.38 3.52 6.36-3.52-7.08 7.52z" fill="#0866FF"/>
1724        </svg>
1725        <span>แชทกับเรา</span>
1726    </a>
1727    <style> 
1728        #fb-chat-btn {
1729            position: fixed !important;
1730            bottom: 132px !important;
1731            right: 30px !important;
1732            left: auto !important;
1733            z-index: 99999 !important;
1734            display: flex !important;
1735            align-items: center !important;
1736            gap: 8px !important;
1737            background: #0866FF !important;
1738            color: #fff !important;
1739            text-decoration: none !important;
1740            padding: 10px 16px 10px 10px !important;
1741            border-radius: 50px !important;
1742            box-shadow: 0 4px 16px rgba(8,102,255,0.45) !important;
1743            font-size: 0.88rem !important;
1744            font-weight: 600 !important;
1745            transition: transform 0.2s, box-shadow 0.2s !important;
1746            border: none !important;
1747            -webkit-filter: none !important;
1748            filter: none !important;
1749        }
1750        #fb-chat-btn svg {
1751            width: 32px !important;
1752            height: 32px !important;
1753            flex-shrink: 0 !important;
1754            -webkit-filter: none !important;
1755            filter: none !important;
1756        }
1757        #fb-chat-btn:hover {
1758            transform: translateY(-3px) !important;
1759            box-shadow: 0 8px 24px rgba(8,102,255,0.55) !important;
1760            color: #fff !important;
1761            text-decoration: none !important;
1762            background: #0553d4 !important;
1763        }
1764        #fb-chat-btn span {
1765            color: #fff !important;
1766        }
1767        @media (max-width: 991px) {
1768            #fb-chat-btn { bottom: 72px !important; right: 20px !important; }
1769        }
1770        @media (max-width: 576px) {
1771            #fb-chat-btn span { display: none !important; }
1772            #fb-chat-btn { padding: 10px !important; border-radius: 50% !important; }
1773        }
1774    </style>
1775<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=321961471" async></script>
1775</body>
1776
1777</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.