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.