PageSourceSearch

https://ebm.co.th/

html ebm.co.th collected 2026-10-02 14:32:54 UTC 34,314 bytes, 898 lines download raw bytes

1<!DOCTYPE html>
2<html lang="th">
3  <head>
4    <meta charset="UTF-8" />
5    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7    <meta
8      http-equiv="Cache-Control"
9      content="no-cache, no-store, must-revalidate"
10    />
11    <meta http-equiv="Pragma" content="no-cache" />
12    <meta http-equiv="Expires" content="0" />
13    <meta
14      http-equiv="Content-Security-Policy"
15      content="upgrade-insecure-requests"
16    />
17    <!-- SEO -->
18    <meta property="og:locale" content="th_TH" />
19    <meta property="og:type" content="website" />
20    <meta property="og:title" content="หน้าแรก | รถไฟฟ้าสายสีเหลือง EBM" />
21    <meta
22      property="og:description"
23      content="รถไฟฟ้ามหานคร สายนัคราพิพัฒน์ (สายสีเหลือง) - ข้อมูลเส้นทาง อัตราค่าโดยสาร โปรโมชัน ข่าวสาร และบริการของรถไฟฟ้าสายสีเหลือง EBM"
24    />
25    <meta property="og:url" content="https://ebm.co.th/" />
26    <meta
27      property="og:site_name"
28      content="รถไฟฟ้าสายสีเหลือง EBM"
29    />
30    <meta
31      property="og:image"
32      content="https://ebm.co.th/assets/images/logo/ebm-logofill.png"
33    />
34    <meta
35      property="og:image:secure_url"
36      content="https://ebm.co.th/assets/images/logo/ebm-logofill.png"
37    />
38
39    <meta name="twitter:card" content="summary" />
40    <meta name="twitter:site" content="@YellowLine_ebm" />
41    <meta
42      name="twitter:description"
43      content="รถไฟฟ้ามหานคร สายนัคราพิพัฒน์ (สายสีเหลือง) - ข้อมูลเส้นทาง อัตราค่าโดยสาร โปรโมชัน ข่าวสาร และบริการของรถไฟฟ้าสายสีเหลือง EBM"
44    />
45    <meta name="twitter:title" content="หน้าแรก | รถไฟฟ้าสายสีเหลือง EBM" />
46    <meta
47      name="twitter:image"
48      content="https://ebm.co.th/assets/images/logo/ebm-logofill.png"
49    />
50
51    <meta name="description" content="รถไฟฟ้ามหานคร สายนัคราพิพัฒน์ (สายสีเหลือง) - ข้อมูลเส้นทาง อัตราค่าโดยสาร โปรโมชัน ข่าวสาร และบริการของรถไฟฟ้าสายสีเหลือง EBM" />
52    <meta name="keywords" content="Yellow Line MRT, EBM, รถไฟฟ้าสายสีเหลือง, Bangkok Metro" />
53    <meta name="author" content="EBM" />
54    <meta name="robots" content="index, follow" />
55    <!-- SEO -->
56
57    <link rel="canonical" href="https://ebm.co.th/" />
58    <link rel="alternate" hreflang="th" href="https://ebm.co.th/th/" />
59    <link rel="alternate" hreflang="en" href="https://ebm.co.th/en/" />
60    <link rel="alternate" hreflang="x-default" href="https://ebm.co.th/th/" />
61
62    <link
63      rel="icon"
64      type="image/x-icon"
65      href="/assets/images/x-icon/favicon.ico"
66    />
67    <!-- Style -->
68    <link rel="stylesheet" href="/assets/styles/main.css" />
69    <link rel="stylesheet" href="/assets/styles/home/style.css" />
70    <link rel="stylesheet" href="/assets/styles/loader.css" />
71    <link rel="stylesheet" href="/assets/styles/styles.css" />
72    <!-- Jquery -->
73    
73<script
74      src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"
75      integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ=="
76      crossorigin="anonymous"
77      referrerpolicy="no-referrer"
78    ></script>
78
79    
79<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
79
80    
80<script
81      src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"
82      integrity="sha512-57oZ/vW8ANMjR/KQ6Be9v/+/h6bq9/l3f0Oc7vn6qMqyhvPd1cvKBRWWpzu0QoneImqr2SkmO4MSqU+RpHom3Q=="
83      crossorigin="anonymous"
84      referrerpolicy="no-referrer"
85    ></script>
85
86
87    <!-- Crypto -->
88    
88<script src="https://cdn.jsdelivr.net/npm/[email protected]/index.min.js"></script>
88
89
90    <!-- slick slider-->
91    
91<script src="
92        https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js
93    "></script>
93
94    <link
95      href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.css"
96      rel="stylesheet"
97    />
98    <!-- MY Script -->
99           
99<script  src="/assets/js/crypto-js.min.js"></script>
99
100    
100<script  src="/assets/js/jsencrypt.min.js"></script>
100
101    
101<script type="module" src="/assets/js/home/script.js"></script>
101
102    
102<script type="module" src="/utils/apis/home/apis.js"></script>
102
103    
103<script type="module" src="/utils/config/crypto.js"></script>
103
104    
104<script src="/utils/apis/actions_api.js" type="module"></script>
104
105    
105<script src="/utils/config/constant.js" type="module"></script>
105
106    <!-- Font -->
107    <link rel="preconnect" href="https://fonts.googleapis.com" />
108    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
109    <link
110      href="https://fonts.googleapis.com/css2?family=Sarabun:wght@100;200;300;400;500;600;700;800&display=swap"
111      rel="stylesheet"
112    />
113
114    <!-- Google tag (gtag.js) -->
vendor: 80 bytes, lines 114-117
114
115    <script
116      async
117      src="https://www.googletagmanager.com/gtag/js?id=
117G-DDHVKKE71Z
vendor: 21 bytes, lines 117-119
117"
118    ></script>
119    
119<script>
120      
vendor: 162 bytes, lines 120-125
120window.dataLayer = window.dataLayer || [];
121      function gtag() {
122        dataLayer.push(arguments);
123      }
124      gtag("js", new Date());
125      gtag("config", "
125G-DDHVKKE71Z
vendor: 8 bytes, lines 125-126
125");
126    
126</script>
126
127
128    <!-- Google Tag Manager -->
129    
129<script>
vendor: 493 bytes, lines 129-143
129
130      (function (w, d, s, l, i) {
131        w[l] = w[l] || [];
132        w[l].push({
133          'gtm.start': new Date().getTime(),
134          event: 'gtm.js'
135        });
136        var f = d.getElementsByTagName(s)[0],
137          j = d.createElement(s),
138          dl = l != 'dataLayer' ? '&l=' + l : '';
139        j.async = true;
140        j.src =
141          'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
142        f.parentNode.insertBefore(j, f);
143      })(window, document, 'script', 'dataLayer', '
143GTM-5BRR2575
vendor: 8 bytes, lines 143-144
143');
144    
144</script>
144
145    <!-- End Google Tag Manager -->
146
147<!-- Truehits -->
148    
148<script type="text/javascript">__th_page="Home";</script>
148
149    
149<script type="text/javascript">
150      (function() {
151      var ga1 = document.createElement('script'); ga1.type = 'text/javascript';
152      ga1.async = true;
153      ga1.src = "//lvs.truehits.in.th/dataa/t0032329.js";
154      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga1, s);
155      })();
156    </script>
156
157    <!-- End Truehits -->
158
159    <title>หน้าแรก | รถไฟฟ้าสายสีเหลือง EBM</title>
160
161    
161<script type="application/ld+json">
162      {
163        "@context": "https://schema.org",
164        "@type": "Organization",
165        "name": "รถไฟฟ้าสายสีเหลือง EBM",
166        "url": "https://ebm.co.th",
167        "logo": "https://ebm.co.th/assets/images/logo/ebm-logofill.png",
168        "sameAs": ["https://twitter.com/YellowLine_ebm"]
169      }
170    </script>
170
171    <style>
172        html{
173            filter: grayscale(100%);
174            -webkit-filter: grayscale(95%);
175        }
176</style>
177  </head>
178  <body>
179    <!-- LOADER -->
180    <!-- <div class="sls-loader-container loader">
181      <div class="sls-loader"></div>
182    </div> -->
183    <!-- HEADER -->
184    <header id="navbar-yl"></header>
185    <header id="navbar-yl-mb"></header>
186
187    <main id="main-content">
188    <!--? Banner -->
189    <div class="container-2">
190      <div class="main">
191        <div class="banner-homepage" id="banner-homepage"></div>
192        <button class="pp2">
193          <img
194            src="/assets/images/prev.png"
195            alt="สไลด์ก่อนหน้า"
196            width="50"
197            height="50"
198          />
199        </button>
200        <button class="nn2">
201          <img
202            src="/assets/images/next.png"
203            alt="สไลด์ถัดไป"
204            width="50"
205            height="50"
206          />
207        </button>
208      </div>
209    </div>
210
211    <!--? Content YL -->
212    <div class="container">
213      <div class="main">
214        <div class="content-ylline">
215          <div class="content-left">
216            <div class="head">
217              <h1>รถไฟฟ้ามหานคร สายนัคราพิพัฒน์ (สายสีเหลือง)</h1>
218            </div>
219            <div class="content">
220              <div class="sub-content">
221                <div class="sub-hand">วิสัยทัศน์</div>
222                <div class="details">
223                  เป็นผู้นำในการให้บริการระบบรถไฟฟ้าขนส่งมวลชนที่ดีที่สุด
224                </div>
225              </div>
226              <div class="sub-content">
227                <div class="sub-hand">ภารกิจ</div>
228                <div class="details">
229                  มุ่งพัฒนาระบบ การดำเนินการ และบุคลากร ตลอดจนการบริหาร
230                  ทรัพยากรอย่างมีประสิทธิภาพ
231                  เพื่อให้บริการระบบรถไฟฟ้าขนส่งมวลชนเป็นระบบที่ทันสมัย รวดเร็ว
232                  ปลอดภัย มีประสิทธิภาพ และเชื่อถือได้
233                  โดยให้ผลตอบแทนที่เหมาะสมแก่ผู้ที่เกี่ยวข้องและสังคม
234                </div>
235              </div>
236              <div class="sub-content">
237                <div class="sub-hand">ค่านิยมร่วม</div>
238                <div class="details">
239                  ยึดมั่นในบรรษัทภิบาล เชื่อมั่นในบุคลากร
240                  มุ่งมั่นสู่ความเป็นเลิศในการให้บริการ
241                  สร้างความพึงพอใจสูงสุดแก่ผู้โดยสาร
242                </div>
243              </div>
244            </div>
245          </div>
246          <div class="content-right">
247            <div class="content-img">
248              <img
249                src="/assets/images/home/caryl.png"
250                alt="รถไฟฟ้ามหานคร สายนัคราพิพัฒน์ (สายสีเหลือง)"
251                width="499"
252                height="374.55"
253              />
254            </div>
255          </div>
256        </div>
257      </div>
258    </div>
259
260    <!--? Route Map  -->
261    <div id="route-map" class="content-route-map">
262      <div class="container">
263        <div class="main">
264          <div class="content-route">
265            <div class="content-left">
266              <div class="head text-white">
267                <h1>เส้นทางและอัตราค่าโดยสาร</h1>
268              </div>
269              <div class="content-search-route" >
270                <div class="sub-head">ค้นหาสถานีและสถานที่</div>
271                <div class="input-origin top" id="input-searchorigin-elem">
272                  <label for="searchst-origin" id="islineselected">ต้นทาง</label>
273                  <input type="text" name="searchst-origin" id="searchst-origin" placeholder="เลือกสถานีต้นทาง">
274                  <ul class="suggest-station-lists station-top" data-type="origin"></ul>
275                </div>
276                <div class="input-destination bottom" id="input-searchdest-elem">
277                  <label for="searchst-destination" id="islineselected">ปลายทาง</label>
278                  <input type="text" name="searchst-destination" id="searchst-destination" placeholder="เลือกสถานีปลายทาง">
279                  <ul class="suggest-station-lists station-bottom" data-type="destination"></ul>
280                </div>
281                <div class="submit">
282                  <!-- <a href="/th/routemap/" class="btn-submit">เส้นทาง</a> -->
283                  <input type="button" id="goToRouteMap" value="เส้นทาง" class="btn-submit" />
284                </div>
285              </div>
286            </div>
287            <div class="content-right">
288              <div class="content-bt" id="route1">
289                <div class="bt-content">
290                  <a
291                    href="/th/routemap/"
292                    target="_blank"
293                    rel="noopener noreferrer"
294                    style="text-decoration: none; color: #3f3f3f"
295                  >
296                    <div class="sub-bt-content">
297                      <img
298                        src="/assets/images/home/button/bt1.png"
299                        alt="ไอคอนเส้นทางและอัตราค่าโดยสาร"
300                        width="40"
301                        height="40"
302                      />
303                      <p>เส้นทางและอัตราค่าโดยสาร</p>
304                    </div>
305                  </a>
306                </div>
307                <div class="bt-content">
308                  <a
309                    href="/th/areamap/"
310                    target="_blank"
311                    rel="noopener noreferrer"
312                    style="text-decoration: none; color: #3f3f3f"
313                  >
314                    <div class="sub-bt-content">
315                      <img
316                        src="/assets/images/home/button/bt2.png"
317                        alt="ไอคอนแผนที่บริเวณสถานี"
318                        width="40"
319                        height="40"
320                      />
321                      <p>แผนที่บริเวณสถานี</p>
322                    </div>
323                  </a>
324                </div>
325                <div class="bt-content">
326                  <a
327                    href="/th/traintime-frequency/"
328                    target="_blank"
329                    rel="noopener noreferrer"
330                    style="text-decoration: none; color: #3f3f3f"
331                  >
332                    <div class="sub-bt-content">
333                      <img
334                        src="/assets/images/home/button/bt3.png"
335                        alt="ไอคอนเวลาและความถี่การเดินทาง"
336                        width="40"
337                        height="40"
338                      />
339                      <p>เวลาและความถี่การเดินทาง</p>
340                    </div>
341                  </a>
342                </div>
343                <div class="bt-content">
344                  <a
345                    href="/th/lostfound/"
346                    target="_blank"
347                    rel="noopener noreferrer"
348                    style="text-decoration: none; color: #3f3f3f"
349                  >
350                    <div class="sub-bt-content">
351                      <img
352                        src="/assets/images/home/button/bt6.png"
353                        alt="ไอคอนทรัพย์สินสูญหาย"
354                        width="40"
355                        height="40"
356                      />
357                      <p>ทรัพย์สินสูญหาย</p>
358                    </div>
359                  </a>
360                </div>
361                <div class="bt-content">
362                  <a
363                    href="/th/parkandride/"
364                    target="_blank"
365                    rel="noopener noreferrer"
366                    style="text-decoration: none; color: #3f3f3f"
367                  >
368                    <div class="sub-bt-content">
369                      <img
370                        src="/assets/images/home/button/bt5.png"
371                        alt="ไอคอนที่จอดรถ"
372                        width="40"
373                        height="40"
374                      />
375                      <p>ที่จอดรถ</p>
376                    </div>
377                  </a>
378                </div>
379                <!-- <div class="bt-content">
380                  <a href="#" target="_blank" rel="noopener noreferrer" style="text-decoration: none;color: #3F3F3F;"
381                  >
382                  <div class="sub-bt-content">
383                    <img src="/assets/images/home/button/bt6.png" alt="ไอคอนสถานที่และกิจกรรม" width="40" height="40">
384                    <p>สถานที่และกิจกรรม</p>
385                  </div>
386                  </a>
387                </div> -->
388              </div>
389              <div class="content-bt" id="route2">
390                <select
391                  name="routemap"
392                  style="
393                    width: 100%;
394                    padding: 10px 10px;
395                    border: 1px solid #666666;
396                    border-radius: 8px;
397                  "
398                >
399                  <option selected disabled>เลือกเมนู</option>
400                  <option value="/th/routemap/">
401                    เส้นทางและอัตราค่าโดยสาร
402                  </option>
403                  <option value="/th/areamap/">แผนที่บริเวณสถานี</option>
404                  <option value="/th/traintime-frequency/">
405                    เวลาและความถี่การเดินทาง
406                  </option>
407                  <option value="/th/lostfound/">ทรัพย์สินสูญหาย</option>
408                  <option value="/th/parkandride/">ที่จอดรถ</option>
409                </select>
410              </div>
411            </div>
412          </div>
413        </div>
414      </div>
415    </div>
416
417    <!--? Content Promotions  -->
418    <div class="container content-promo">
419      <div class="main">
420        <div class="head">
421          <h1>โปรโมชัน</h1>
422        </div>
423
424        <div
425          id="promotion"
426          style="text-align: -webkit-center; padding-top: 40px"
427        ></div>
428        <button class="pp2-promo">
429          <img
430            src="/assets/images/prev.png"
431            alt="สไลด์ก่อนหน้า"
432            width="50"
433            height="50"
434          />
435        </button>
436        <button class="nn2-promo">
437          <img
438            src="/assets/images/next.png"
439            alt="สไลด์ถัดไป"
440            width="50"
441            height="50"
442          />
443        </button>
444
445        <div class="view-details">
446          <!-- <button type="button" class="sub-btn" onclick="">ดูเพิ่มเติม</button> -->
447          <a href="/th/YL_promotion/" class="sub-btn"
448            >ดูเพิ่มเติม
449            <img src="/assets/images/Vector.png" alt="ดูเพิ่มเติม" width="3" height="7"
450          /></a>
451        </div>
452      </div>
453    </div>
454
455    <!--? Content News -->
456    <div class="container content-news">
457      <div class="main">
458        <div class="head">
459          <h1>ข่าวสารและกิจกรรม</h1>
460        </div>
461
462        <div
463          id="news-list"
464          class="news-list"
465          style="
466            width: 100%;
467            display: inline-block;
468            padding-top: 40px;
469            text-align: -webkit-center;
470          "
471        ></div>
472        <button class="pp2-news">
473          <img
474            src="/assets/images/prev.png"
475            alt="สไลด์ก่อนหน้า"
476            width="50"
477            height="50"
478          />
479        </button>
480        <button class="nn2-news">
481          <img
482            src="/assets/images/next.png"
483            alt="สไลด์ถัดไป"
484            width="50"
485            height="50"
486          />
487        </button>
488
489        <div class="view-details">
490          <!-- <button type="button" class="sub-btn" onclick="">ดูเพิ่มเติม</button> -->
491          <a href="/th/news/" class="sub-btn"
492            >ดูเพิ่มเติม<img
493              src="/assets/images/Vector.png"
494              alt="ดูเพิ่มเติม"
495              width="3"
496              height="7"
497          /></a>
498        </div>
499      </div>
500    </div>
501
502    <!--? Content Article  -->
503    <div id="article" class="content-article">
504      <div class="container">
505        <div class="main">
506          <div class="head">
507            <h1>บทความ</h1>
508          </div>
509
510          <div
511            id="article-list"
512            class="article-list"
513            style="
514              width: 100%;
515              display: inline-block;
516              text-align: -webkit-center;
517              padding-top: 40px;
518            "
519          ></div>
520          <button class="pp2-art">
521            <img
522              src="/assets/images/prev.png"
523              alt="สไลด์ก่อนหน้า"
524              width="50"
525              height="50"
526            />
527          </button>
528          <button class="nn2-art">
529            <img
530              src="/assets/images/next.png"
531              alt="สไลด์ถัดไป"
532              width="50"
533              height="50"
534            />
535          </button>
536
537          <div class="view-details">
538            <a href="/th/article/" class="sub-btn"
539              >ดูเพิ่มเติม<img
540                src="/assets/images/Vector.png"
541                alt="ดูเพิ่มเติม"
542                width="3"
543                height="7"
544            /></a>
545          </div>
546        </div>
547      </div>
548    </div>
549
550    <!--? Content E-Library  -->
551    <div id="elibrary" class="content-elibrary">
552      <div class="container">
553        <div class="main">
554          <div class="head">
555            <h1>E-Library</h1>
556          </div>
557
558          <div
559            id="elibrary-list"
560            class="elibrary-list"
561            style="
562              width: 100%;
563              display: inline-block;
564              text-align: -webkit-center;
565              padding-top: 40px;
566            "
567          ></div>
568          <button class="pp2-elib">
569            <img
570              src="/assets/images/prev.png"
571              alt="สไลด์ก่อนหน้า"
572              width="50"
573              height="50"
574            />
575          </button>
576          <button class="nn2-elib">
577            <img
578              src="/assets/images/next.png"
579              alt="สไลด์ถัดไป"
580              width="50"
581              height="50"
582            />
583          </button>
584
585          <div class="view-details">
586            <!-- <button type="button" class="sub-btn" onclick="">ดูเพิ่มเติม</button> -->
587            <a href="/th/system-structuer/" class="sub-btn"
588              >ดูเพิ่มเติม<img
589                src="/assets/images/Vector.png"
590                alt="ดูเพิ่มเติม"
591                width="3"
592                height="7"
593            /></a>
594          </div>
595        </div>
596      </div>
597    </div>
598
599    <!--? Content Footer -->
600    <!-- <div class="container content-footer">
601      <div class="main">
602        <div id="" style="text-align: -webkit-center; padding-top: 40px">
603          <a target="_blank" href="https://recruitment.bts.co.th/#/home">
604            <img
605              src="/assets/images/home/image-footer.jpg"
606              alt="แบนเนอร์โปรโมชันรถไฟฟ้าสายสีเหลือง"
607              width="1076"
608            />
609          </a>
610        </div>
611      </div>
612    </div> -->
613
614    <div class="container contact-css">
615      <div class="main">
616        <div class="content-contact">
617          <div class="content-left">
618            <div class="head">
619              <h1>
620                ติดต่อสอบถาม <br />
621                และติดตามข่าวสาร
622              </h1>
623            </div>
624            <div class="content">
625              <div class="sub-content">
626                <div class="sub-hand">ศูนย์ลูกค้าสัมพันธ์</div>
627                <div class="details">
628                  ติดต่อ 0 2617 6111 ทุกวันเวลา : 06.00 - 24.00 น.
629                </div>
630              </div>
631            </div>
632          </div>
633          <div
634            class="content-right"
635            style="
636              display: flex;
637              flex-direction: row;
638              justify-content: center;
639              margin-top: 30px;
640            "
641          >
642            <div class="content-img sub-image-contact">
643              <div class="sub-contact figure" id="link-fb">
644                <a
645                  href="https://www.facebook.com/MRTYellowLine/"
646                  target="_blank"
647                  rel="noopener noreferrer"
648                  style="text-decoration: none; color: #3f3f3f"
649                >
650                  <img
651                    class="Sirv image-main"
652                    src="/assets/images/home/icon/fb.jpg"
653                    alt="Facebook รถไฟฟ้ามหานคร สายสีเหลือง"
654                    width="63"
655                  />
656                  <img
657                    class="Sirv image-hover"
658                    src="/assets/images/home/icon/Vector.png"
659                    alt="Facebook รถไฟฟ้ามหานคร สายสีเหลือง"
660                    width="63"
661                  />
662                </a>
663                <a
664                  href="https://www.facebook.com/MRTYellowLine/"
665                  target="_blank"
666                  rel="noopener noreferrer"
667                  style="text-decoration: none; color: #3f3f3f;text-align: -webkit-center;"
668                >
669                  รถไฟฟ้ามหานคร สายสีเหลือง
670                </a>
671              </div>
672              <div class="sub-contact figure" id="link-line">
673                <a
674                  href="https://lin.ee/cFw4cid"
675                  target="_blank"
676                  rel="noopener noreferrer"
677                  style="text-decoration: none; color: #3f3f3f"
678                >
679                  <img
680                    class="Sirv image-main"
681                    src="/assets/images/home/icon/Group 814.png"
682                    alt="LINE @PinkYellowLine"
683                    width="63"
684                  />
685                  <img
686                    class="Sirv image-hover"
687                    src="/assets/images/home/icon/line.jpg"
688                    alt="LINE @PinkYellowLine"
689                    width="63"
690                  />
691                </a>
692                <a
693                  href="https://lin.ee/cFw4cid"
694                  target="_blank"
695                  rel="noopener noreferrer"
696                  style="text-decoration: none; color: #3f3f3f;text-align: -webkit-center;"
697                  >@PinkYellowLine</a
698                >
699              </div>
700              <div class="sub-contact figure" id="link-yt">
701                <a
702                  href="https://www.youtube.com/channel/UC2ZS8J5rnnemZ_F1KMuV0iA"
703                  target="_blank"
704                  rel="noopener noreferrer"
705                  style="text-decoration: none; color: #3f3f3f;"
706                >
707                  <img
708                    class="Sirv image-main"
709                    src="/assets/images/home/icon/yt.jpg"
710                    alt="YouTube YellowLineofficial"
711                    width="63"
712                  />
713                  <img
714                    class="Sirv image-hover"
715                    src="/assets/images/home/icon/Group 360.png"
716                    alt="YouTube YellowLineofficial"
717                    width="63"
718                  />
719                </a>
720                <a
721                  href="https://www.youtube.com/channel/UC2ZS8J5rnnemZ_F1KMuV0iA"
722                  target="_blank"
723                  rel="noopener noreferrer"
724                  style="text-decoration: none; color: #3f3f3f;text-align: -webkit-center;"
725                  >YellowLineofficial</a
726                >
727              </div>
728              <div class="sub-contact figure" id="link-tw">
729                <a
730                  href="https://twitter.com/YellowLine_ebm"
731                  target="_blank"
732                  rel="noopener noreferrer"
733                  style="text-decoration: none; color: #3f3f3f"
734                >
735                  <img
736                    class="Sirv image-main"
737                    src="/assets/images/home/icon/tw.jpg"
738                    alt="Twitter YellowLine_ebm"
739                    width="63"
740                  />
741                  <img
742                    class="Sirv image-hover"
743                    src="/assets/images/home/icon/Group 361.png"
744                    alt="Twitter YellowLine_ebm"
745                    width="63"
746                  />
747                </a>
748                <a
749                  href="https://twitter.com/YellowLine_ebm"
750                  target="_blank"
751                  rel="noopener noreferrer"
752                  style="text-decoration: none; color: #3f3f3f;text-align: -webkit-center;"
753                  >@YellowLine_ebm</a
754                >
755              </div>
756            </div>
757          </div>
758        </div>
759      </div>
760    </div>
761    </main>
762
763    <!-- FOOTER -->
764    <footer id="footer-yl"></footer>
765
766<!-- Truehits -->
767    <div id="truehits_div"></div>
768
769    <div id="login-banner"></div>
770
771  </body>
772  
772<script type="module">
773    import { NAVBAR_ENGIN } from "/assets/js/navbar.js";
774    // Banner
775    $("#footer-yl").load("/components/th/footer/footer-yl.html", () => {
776      // Footer
777      $("#navbar-yl").load("/components/th/headers/navbar-yl.html", () => {
778        // Load Header Mobile
779        $("#navbar-yl-mb").load(
780          "/components/th/headers/navbar.yl-mb.html",
781          () => {
782            // Load Header Desktop
783            $("#login-banner").load(
784              "/components/float-banner/index.html",
785              async () => {
786                await NAVBAR_ENGIN.onNavbarReady();
787              }
788            );
789          }
790        );
791      });
792    });
793  
794  </script>
794
795  
795<script>
796    // Set Language
797    localStorage.setItem("LANGUAGE", "th");
798    async function openSubMenu(e) {
799      let elem = $(e.target);
800      let index = Number(elem.attr("data-index"));
801      let subMenuElem = $(`.submenu[data-index="${index}"]`);
802      let heightSubMenu = subMenuElem.height();
803      let heightItemSubMenu = await getHeightItemSubmenu(index);
804
805      if (heightSubMenu === 0) {
806        subMenuElem.css({ height: heightItemSubMenu });
807        elem.attr("data-status", "active");
808      } else {
809        subMenuElem.css({ height: 0 });
810        elem.attr("data-status", "inactive");
811      }
812    }
813    function getHeightItemSubmenu(index) {
814      return new Promise(async (resolve) => {
815        let subMenuItemsElem = $(`.submenu[data-index="${index}"] > li`);
816        let height = 0;
817        subMenuItemsElem.each((i, elem) => {
818          height += $(elem).innerHeight();
819
820          // last loop
821          if (i === subMenuItemsElem.length - 1) {
822            resolve(height);
823          }
824        });
825      });
826    }
827
828    // function goToRouteMap() {
829    //   location.href = `/th/routemap/`;
830    // }
831
832    $('select[name="routemap"]').on("change", function () {
833      let elem = $(this);
834      let src = elem.val();
835      window.location.href = src;
836    });
837    // function handleModalSuggestPlanDetail(status)
838    //     {
839    //         if(status === 'inactive') 
840    //         {
841    //             let modalElem = $('.modal-planjourney');
842    //             let mainContentElem = $('.modal-planjourney #main-content'); 
843                
844    //             modalElem.fadeOut(() => {
845    //                 mainContentElem.empty();
846    //             });
847    //         }else
848    //         {
849    //             mainContentElem.empty();
850    //             modalElem.fadeIn();
851    //         }
852    //     }
853    //     function handleModalFacilities(status)
854    //     {
855    //         if(status === 'inactive') 
856    //         {
857    //             let modalElem = $('.modal-facilities');
858
859    //             modalElem.fadeOut();
860    //         }else
861    //         {
862    //             modalElem.fadeIn();
863    //         }
864    //     }
865    //     function handleModalStationDetail(status)
866    //     {
867    //         if(status === 'inactive') 
868    //         {
869    //             let modalElem = $('.modal-station-detail');
870
871    //             modalElem.fadeOut();
872    //         }else
873    //         {
874    //             modalElem.fadeIn();
875    //         }
876    //     }
877    //     function handleModalTravelTimeDetail(status)
878    //     {
879    //         if(status === 'inactive') 
880    //         {
881    //             let modalElem = $('.modal-traveltime-detail');
882    //             let contentWrapElem = $('.modal-traveltime-detail #main-content');
883
884    //             modalElem.fadeOut(() => {
885    //                 contentWrapElem.empty();
886    //             });
887    //         }else
888    //         {
889    //             contentWrapElem.empty();
890    //             modalElem.fadeIn();
891    //         }
892    //     }
893  </script>
893
894   
894<script  src="/assets/js/crypto-js.min.js"></script>
894
895    
895<script  src="/assets/js/jsencrypt.min.js"></script>
895
896  
896<script src="/assets/js/navbar.js" type="module"></script>
896
897  
897<script src="/assets/js/script.js" type="module"></script>
897
898</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.