1 2 3<!DOCTYPE html> 4<!-- This site was created in Webflow. http://www.webflow.com --> 5<!-- Last Published: Tue Apr 23 2019 03:33:16 GMT+0000 (UTC) --> 6<html data-wf-page="5c6d19fe6039e81b77ac8e63" data-wf-site="5c6d19fe6039e83dbfac8e62"> 7 8<head> 9 <meta charset="utf-8"> 10 <title>Panya Society | à¸à¸³à¸à¸§à¸²à¸¡à¸£à¸¹à¹à¸à¸±à¸ Panya Society</title> 11 <meta content="width=device-width, initial-scale=1" name="viewport" id="viewport"> 12 13 <link href="/static/css/normalize.css" rel="stylesheet" type="text/css"> 14 <link href="/static/css/webflow.css?v=1.2.2" rel="stylesheet" type="text/css"> 15 <link href="/static/css/prodev-square-8ee310.webflow.css?v=1.2.2" rel="stylesheet" type="text/css"> 16 17 <link href="/static/css/sweetalert2.css" rel="stylesheet" type="text/css"> 18 <link href="/static/css/animate.min.css" rel="stylesheet" type="text/css"> 19 <link href="/static/css/swiper-bundle.min.css" rel="stylesheet" type="text/css"> 20 <link href="/static/css/override_base.css?v=1.2.2" rel="stylesheet" type="text/css"> 21
21<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
21 22
22<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Prompt:300italic,regular,italic,500,500italic,600,600italic,700,700italic,900:latin,thai"] }});</script>
22 23 <!-- [if lt IE 9]>
23<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>
23<![endif] --> 24
24<script type="text/javascript"> 25 ! function (o, c) { 26 var n = c.documentElement, 27 t = " w-mod-"; 28 n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += 29 t + "touch") 30 }(window, document); 31 </script>
31 32 33 34 <link href="/static/images/favicon_logo32.png" rel="shortcut icon" type="image/x-icon"> 35 <link href="/static/images/favicon_logo256.png" rel="apple-touch-icon"> 36 37
37<script src="/static/js/jquery-3.3.1.min.js" type="text/javascript" 38 integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
38 39 40 41 <meta name="robots" content="index, follow" /> 42 43 44 <meta name="description" 45 content="à¹à¸£à¸µà¸¢à¸ à¸à¸´à¹à¸¨à¸© à¸à¸à¸à¹à¸¥à¸à¹ à¸à¸´à¸§ ม.à¸à¸¥à¸²à¸¢ ราà¸à¸²à¸à¸µà¸à¸µà¹à¸ªà¸¸à¸ à¸à¹à¸§à¸¢à¸à¸§à¸²à¸¡à¹à¸à¹à¸²à¹à¸à¸ªà¸¹à¸à¸ªà¸¸à¸ à¸à¸²à¸à¸à¸µà¸¡ Tutor ระà¸à¸±à¸à¹à¸à¸ | à¹à¸à¸£à¸µà¸¢à¸¡à¸ªà¸à¸ TCAS à¸à¸à¸´à¸à¸¨à¸²à¸ªà¸à¸£à¹ à¹à¸à¸¡à¸µ à¸à¸´à¸ªà¸´à¸à¸ªà¹ | 9 วิà¸à¸² สามัภ| PAT2"> 46 <meta name="keywords" 47 content="à¸à¸à¸£à¹à¸ªà¹à¸£à¸µà¸¢à¸à¸à¸à¸à¹à¸¥à¸à¹, à¹à¸à¸£à¸µà¸¢à¸¡à¸ªà¸à¸à¸à¸à¸à¹à¸¥à¸à¹, à¸à¸à¸´à¸à¸¨à¸²à¸ªà¸à¸£à¹, à¸à¸´à¸ªà¸´à¸à¸ªà¹, à¹à¸à¸¡à¸µ, สัà¸à¸à¸¡, ภาษาà¹à¸à¸¢, à¸à¸µà¸§à¸§à¸´à¸à¸¢à¸²,"> 48 49 50 51 52 <meta property="fb:app_id" content="313932915893649" /> 53 <meta property="og:type" content="website" /> 54 <meta property="og:title" content="Panya Society | à¸à¸à¸£à¹à¸ª à¹à¸£à¸µà¸¢à¸à¸à¸´à¹à¸¨à¸© à¸à¸à¸à¹à¸¥à¸à¹ ม.à¸à¸¥à¸²à¸¢" /> 55 <meta property="og:description" 56 content="à¹à¸£à¸µà¸¢à¸ à¸à¸´à¹à¸¨à¸© à¸à¸à¸à¹à¸¥à¸à¹ à¸à¸´à¸§ ม.à¸à¸¥à¸²à¸¢ ราà¸à¸²à¸à¸µà¸à¸µà¹à¸ªà¸¸à¸ à¸à¹à¸§à¸¢à¸à¸§à¸²à¸¡à¹à¸à¹à¸²à¹à¸à¸ªà¸¹à¸à¸ªà¸¸à¸ à¸à¸²à¸à¸à¸µà¸¡ Tutor ระà¸à¸±à¸à¹à¸à¸ | à¹à¸à¸£à¸µà¸¢à¸¡à¸ªà¸à¸ TCAS à¸à¸à¸´à¸à¸¨à¸²à¸ªà¸à¸£à¹ à¹à¸à¸¡à¸µ à¸à¸´à¸ªà¸´à¸à¸ªà¹ | 9 วิà¸à¸² สามัภ| PAT2" /> 57 <meta property="og:image" content="https://panyasociety.com/static/images/og_img.png" /> 58 <meta property="og:image:width" content="1200" /> 59 <meta property="og:image:height" content="600" /> 60 61 62 <meta name="twitter:card" content="summary_large_image" /> 63 <meta name="twitter:site" content="@panyasociety" /> 64 <meta name="twitter:creator" content="@panyasociety" /> 65 <meta property="twitter:title" content="Panya Society | à¸à¸à¸£à¹à¸ª à¹à¸£à¸µà¸¢à¸à¸à¸´à¹à¸¨à¸© à¸à¸à¸à¹à¸¥à¸à¹ ม.à¸à¸¥à¸²à¸¢" /> 66 <meta property="twitter:description" 67 content="à¹à¸£à¸µà¸¢à¸ à¸à¸´à¹à¸¨à¸© à¸à¸à¸à¹à¸¥à¸à¹ à¸à¸´à¸§ ม.à¸à¸¥à¸²à¸¢ ราà¸à¸²à¸à¸µà¸à¸µà¹à¸ªà¸¸à¸ à¸à¹à¸§à¸¢à¸à¸§à¸²à¸¡à¹à¸à¹à¸²à¹à¸à¸ªà¸¹à¸à¸ªà¸¸à¸ à¸à¸²à¸à¸à¸µà¸¡ Tutor ระà¸à¸±à¸à¹à¸à¸ | à¹à¸à¸£à¸µà¸¢à¸¡à¸ªà¸à¸ TCAS à¸à¸à¸´à¸à¸¨à¸²à¸ªà¸à¸£à¹ à¹à¸à¸¡à¸µ à¸à¸´à¸ªà¸´à¸à¸ªà¹ | 9 วิà¸à¸² สามัภ| PAT2" /> 68 <meta property="twitter:image" content="https://panyasociety.com/static/images/og_img.png"> 69 70 71 72 <!-- Google Tag Manager --> 73
73<script>
vendor: 335 bytes, lines 73-77
73(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 74 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 75 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 76 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 77 })(window,document,'script','dataLayer','
77GTM-T2WCCSW
vendor: 3 bytes, line 77
77');
77</script>
77 78 <!-- End Google Tag Manager --> 79 80 81 <!-- Global site tag (gtag.js) - Google Ads: 682660125 -->
vendor: 66 bytes, lines 81-82
81 82 <script async src="https://www.googletagmanager.com/gtag/js?id=
82AW-682660125
vendor: 14 bytes, lines 82-83
82"></script> 83
83<script> 84
vendor: 151 bytes, lines 84-89
84window.dataLayer = window.dataLayer || []; 85 86 function gtag(){dataLayer.push(arguments);} 87 gtag('js', new Date()); 88 89 gtag('config', '
89AW-682660125
vendor: 8 bytes, lines 89-90
89'); 90
90gtag('config', 'UA-144370210-1'); 91 92 (function(doc) { 93 var viewport = document.getElementById('viewport'); 94 if ( navigator.userAgent.match(/iPad/i) ) { 95 //viewport.setAttribute("content", "width=380"); 96 viewport.setAttribute("content", "initial-scale=0.5"); 97 } else if (screen.width > 479 && screen.width < 1200) { 98 //viewport.setAttribute("content", "width=380"); 99 viewport.setAttribute("content", "initial-scale=0.5"); 100 } 101 }(document)); 102 </script>
102 103 104 <!-- Google Tag Manager --> 105
105<script>
vendor: 335 bytes, lines 105-109
105(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 106 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 107 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 108 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 109 })(window,document,'script','dataLayer','
109GTM-T2WCCSW
vendor: 3 bytes, line 109
109');
109</script>
109 110 <!-- End Google Tag Manager --> 111 112 <!-- Matomo --> 113 <link rel="stylesheet" href="/static/css/consent_bar.css" /> 114
114<script src="/static/js/matomo.js"></script>
114 115 <!-- End Matomo Code -->
vendor: 82 bytes, lines 115-118
115 116 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 117 118
118<script src="/static/js/suggest_school.js"></script>
118 119 120</head> 121 122<body class="body"> 123 124 125<div id="popupchat" style=" z-index: 99991; position:relative;"> 126 <div id="as_head"> 127 <link rel="stylesheet" href="/static/css/popupchat.css?v=1.2.2"> 128 <link rel="preconnect" href="https://fonts.googleapis.com"> 129 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 130 <link href="https://fonts.googleapis.com/css2?family=Mitr&family=Sarabun&display=swap" rel="stylesheet"> 131 </div> 132 133 <div id="user_popup_chat"> 134 <div class="suggestChat"> 135 <div class="boxSuggestChat"> 136 <div class="line1" style="position: absolute;top: 85px;"></div> 137 <div style="position: absolute;top: 10px;left:10px;"> 138 <div class="headtextSuggestChat">สà¸à¸ªà¸±à¸¢à¸à¸£à¸à¹à¸«à¸à¸à¸²à¸¡à¹à¸à¹à¹à¸¥à¸¢!</div> 139 <div class="ptextSuggestChat">à¸à¸µà¸¡à¸à¸±à¸à¸à¸²à¸§à¸´à¸à¸²à¸à¸²à¸£à¸à¸²à¸£à¸±à¸à¸à¸µà¸à¸à¸à¸à¸¸à¸à¸à¸³à¸à¸²à¸¡ à¹à¸ 24 à¸à¸¡.</div> 140 <div class="textToChat">à¸à¸²à¸¡ PANYACHAT</div> 141 </div> 142 </div> 143 <div class="closeSuggestChat"> 144 <img src="/static/images/IconClose.png"> 145 </div> 146 </div> 147 148 149 150 151 152 153 154 155 <div class="chat-box" id="chat-box" style="display: none;"> 156 <div class="chat-box-header"> 157 <img src="/static/images/chatlogo.png" style="width: 43px; height: 43px; margin-left: 7px;"> 158 <div style="font-family: 'Mitr'; 159 font-style: normal; 160 font-weight: 500; 161 font-size: 16px; 162 margin-left: 13px;"> 163 PANYACHAT</div> 164 <span class="chat-box-toggle"> 165 <img src="/static/images/Group%205.png" id="expand"> 166 <img src="/static/images/Group%204.png" id="minimize"> 167 </span> 168 </div> 169 170 <div class="chat-box-body" id="chat-box-body"> 171 172 <div id="autoReplyContainer" class="autoReplyContainer"> 173 <div style=" 174 position: sticky; 175 left: 0; 176 align-self: baseline; 177 "> 178 <div id="closeAutoReplyContainerIcon" class="closeAutoReplyContainerIcon" onclick='$(".autoReplyContainer").hide()'>x</div> 179 </div> 180 181 <div id="auto_reply_4" class="autoReplyChat" onclick="sendAutoReply(this.id)"> 182 <p style="color: black;margin: 11px 9px 10px 12px;text-align: right;max-width: 208px;overflow: hidden;text-overflow: ellipsis;"> 183 à¸à¸à¸£à¹à¸ª à¸à¸´à¸ªà¸´à¸à¸ªà¹ à¹à¸à¸¡à¸µ à¸à¸à¸´à¸à¸¨à¸²à¸ªà¸à¸£à¹ A-Level NEW TCAS70 184 </p> 185 </div> 186 187 <div id="auto_reply_5" class="autoReplyChat" onclick="sendAutoReply(this.id)"> 188 <p style="color: black;margin: 11px 9px 10px 12px;text-align: right;max-width: 208px;overflow: hidden;text-overflow: ellipsis;"> 189 à¹à¸à¸£à¸µà¸¢à¸¡à¸ªà¸à¸à¸§à¸´à¸¨à¸§à¸° 190 </p> 191 </div> 192 193 <div id="auto_reply_6" class="autoReplyChat" onclick="sendAutoReply(this.id)"> 194 <p style="color: black;margin: 11px 9px 10px 12px;text-align: right;max-width: 208px;overflow: hidden;text-overflow: ellipsis;"> 195 à¹à¸à¸£à¸µà¸¢à¸¡à¸ªà¸à¸ à¹à¸à¸à¸¢à¸¨à¸²à¸ªà¸à¸£à¹ à¹à¸¥à¸° à¸à¸ªà¸à¸ 196 </p> 197 </div> 198 199 <div id="auto_reply_7" class="autoReplyChat" onclick="sendAutoReply(this.id)"> 200 <p style="color: black;margin: 11px 9px 10px 12px;text-align: right;max-width: 208px;overflow: hidden;text-overflow: ellipsis;"> 201 à¹à¸à¸°à¹à¸à¸§à¹à¸à¸£à¸µà¸¢à¸¡à¸ªà¸à¸ TCAS70 202 </p> 203 </div> 204 205 <div id="auto_reply_8" class="autoReplyChat" onclick="sendAutoReply(this.id)"> 206 <p style="color: black;margin: 11px 9px 10px 12px;text-align: right;max-width: 208px;overflow: hidden;text-overflow: ellipsis;"> 207 à¹à¸à¸°à¹à¸à¸§à¹à¸à¸´à¹à¸¡à¹à¸à¸£à¸ ม.4-ม.6 208 </p> 209 </div> 210 211 </div> 212 213 <div class="manageMessage"> 214 <div style="position: absolute; 215 width: 97px; 216 top: 50%; 217 left: 50%; 218 transform: translate(-50%, -50%); 219 margin-left: 5px;"> 220 <div> 221 <img src="/static/images/Group%2013.png">
222 <span style="color: #FF3D3D;">ลà¸à¸à¹à¸à¸à¸§à¸²à¸¡</span> 223 </div> 224 <div> 225 <img src="/static/images/Vectorcopy.png"> 226 à¸à¸±à¸à¸¥à¸à¸ 227 </div> 228 <div> 229 <img src="/static/images/Vectorshare.png"> 230 à¹à¸à¸£à¹à¸à¹à¸à¸à¸§à¸²à¸¡ 231 </div> 232 </div> 233 </div> 234 235 <div id="newMessage" 236 style="position: sticky; top:525px; left: 50%; cursor: pointer; display: none; justify-content: center;" 237 onclick="disappearAndScroll(this)"> 238 <div class="ownChat" 239 style="font-size: 12px; border-color: #A9A9A9; border-style: solid; border-width: 2px;"> 240 <div style="margin: 3px;">à¸à¹à¸à¸à¸§à¸²à¸¡à¹à¸«à¸¡à¹</div> 241 </div> 242 </div> 243 244 <div style="text-align: center; color: #A9A9A9; margin-top: 33px;">Chat started</div> 245 246 </div> 247 248 <div class="chat-input"> 249 <div style="width: 100%; 250 height: 0px; 251 border: 1px solid #ECECEC;"> 252 </div> 253 <div style="position:absolute; left: 7px; top: 20px;"> 254 <div class="image-upload"> 255 <img id="plusFile" src="/static/images/Group%2015.png" 256 style="width: 20px; height:20px; margin-top: 2px; cursor: pointer;"> 257 <label style="display:flex;align-items:center" for="pic-input"> 258 <img src="/static/images/Group%2014.png" 259 style="margin-left: 5px; width: 19px; height:19px; cursor: pointer;"> 260 </label> 261 <input id="pic-input" type="file" onchange="sendfile(this)" /> 262 </div> 263 </div> 264 <form> 265 <div class="textAndEmoji"> 266 <div style="position: relative;"> 267 <textarea type="text" id="chatTextArea" class="textInput" placeholder="à¸à¸²à¸¡à¸à¸³à¸à¸²à¸¡..." 268 onkeyup="syncText(this.value)" onkeypress="entersubmit(event)"></textarea> 269 <img src="/static/images/Vectorsmile.png" 270 style="position: absolute; top: 10px; right: 5px; cursor: pointer;" id="emojiIcon"> 271 </div> 272 </div> 273 <div class="emojiBlock"> 274 275<div id="firstRowEmoji" style="margin-left: 58px; display: flex;"> 276 <div onclick="sendEmoji('emojiSmile')" style="width: 24px; height: 24px; margin: 2px;"><img 277 src="/static/images/PanyaEmoji/emojiSmile.png" 278 style="width: 24px; height: 24px; margin: 2px;"> 279 </div> 280 <div onclick="sendEmoji('emojiHappy')" style="width: 24px; height: 24px; margin: 2px;"><img 281 src="/static/images/PanyaEmoji/emojiHappy.png" 282 style="width: 24px; height: 24px; margin: 2px;"> 283 </div> 284 <div onclick="sendEmoji('emojiLove')" style="width: 24px; height: 24px; margin: 2px;"><img 285 src="/static/images/PanyaEmoji/emojiLove.png" 286 style="width: 24px; height: 24px; margin: 2px;"> 287 </div> 288 <div onclick="sendEmoji('emojiKiss')" style="width: 24px; height: 24px; margin: 2px;"><img 289 src="/static/images/PanyaEmoji/emojiKiss.png" 290 style="width: 24px; height: 24px; margin: 2px;"> 291 </div> 292 <div onclick="sendEmoji('emojiFlushed')" style="width: 24px; height: 24px; margin: 2px;"><img 293 src="/static/images/PanyaEmoji/emojiFlushed.png" 294 style="width: 24px; height: 24px; margin: 2px;"> 295 </div> 296 <div onclick="sendEmoji('emojiInlove')" style="width: 24px; height: 24px; margin: 2px;"><img 297 src="/static/images/PanyaEmoji/emojiInlove.png" 298 style="width: 24px; height: 24px; margin: 2px;"> 299 </div> 300 <div onclick="sendEmoji('emojiLaugh')" style="width: 24px; height: 24px; margin: 2px;"><img 301 src="/static/images/PanyaEmoji/emojiLaugh.png" 302 style="width: 24px; height: 24px; margin: 2px;"> 303 </div> 304 <div onclick="sendEmoji('emojiSad')" style="width: 24px; height: 24px; margin: 2px;"><img 305 src="/static/images/PanyaEmoji/emojiSad.png" 306 style="width: 24px; height: 24px; margin: 2px;"> 307 </div> 308 <div onclick="sendEmoji('emojiDisappoint')" style="width: 24px; height: 24px; margin: 2px;"><img 309 src="/static/images/PanyaEmoji/emojiDisappoint.png" 310 style="width: 24px; height: 24px; margin: 2px;"></div> 311</div> 312<div id="secondRowEmoji" style="margin-left: 58px; display: flex;"> 313 <div onclick="sendEmoji('emojiWorry')" style="width: 24px; height: 24px; margin: 2px;"><img 314 src="/static/images/PanyaEmoji/emojiWorry.png" 315 style="width: 24px; height: 24px; margin: 2px;"> 316 </div> 317 <div onclick="sendEmoji('emojiScare')" style="width: 24px; height: 24px; margin: 2px;"><img 318 src="/static/images/PanyaEmoji/emojiScare.png" 319 style="width: 24px; height: 24px; margin: 2px;"> 320 </div> 321 <div onclick="sendEmoji('emojiCry')" style="width: 24px; height: 24px; margin: 2px;"><img 322 src="/static/images/PanyaEmoji/emojiCry.png" 323 style="width: 24px; height: 24px; margin: 2px;"> 324 </div> 325 <div onclick="sendEmoji('emojiSuspect')" style="width: 24px; height: 24px; margin: 2px;"><img 326 src="/static/images/PanyaEmoji/emojiSuspect.png" 327 style="width: 24px; height: 24px; margin: 2px;"> 328 </div> 329 <div onclick="sendEmoji('emojiWai')" style="width: 24px; height: 24px; margin: 2px;"><img 330 src="/static/images/PanyaEmoji/emojiWai.png" 331 style="width: 24px; height: 24px; margin: 2px;"> 332 </div> 333 <div onclick="sendEmoji('emojiLike')" style="width: 24px; height: 24px; margin: 2px;"><img 334 src="/static/images/PanyaEmoji/emojiLike.png" 335 style="width: 24px; height: 24px; margin: 2px;"> 336 </div> 337 <div onclick="sendEmoji('emojiDislike')" style="width: 24px; height: 24px; margin: 2px;"><img 338 src="/static/images/PanyaEmoji/emojiDislike.png" 339 style="width: 24px; height: 24px; margin: 2px;"> 340 </div> 341 <div onclick="sendEmoji('emojiVictory')" style="width: 24px; height: 24px; margin: 2px;"><img 342 src="/static/images/PanyaEmoji/emojiVictory.png" 343 style="width: 24px; height: 24px; margin: 2px;"> 344 </div> 345 <div onclick="sendEmoji('emojiOkay')" style="width: 24px; height: 24px; margin: 2px;"><img 346 src="/static/images/PanyaEmoji/emojiOkay.png" 347 style="width: 24px; height: 24px; margin: 2px;"> 348 </div> 349</div> 350 </div> 351 <div class="fileManage">
352 <span style="height: 0px;"> 353 <label for="file-input"> 354 <img src="/static/images/Group%2018file.png" 355 style="margin: 12px 17px 9px 17px; cursor: pointer;"> 356 <!-- <img src="/static/images/Group%2016microphone.png" 357 style="margin: 12px 17px 9px 17px"> --> 358 <img src="/static/images/Group%2017video.png" 359 style="margin: 12px 17px 9px 17px; cursor: pointer;"> 360 </label> 361 </span> 362 <input id="file-input" type="file" onchange="sendfile(this)" /> 363 </div> 364 <button type="button" class="sendMessageBTN" onclick="submitText()"></button> 365 </form> 366 </div> 367 </div> 368 369 370 371 372 <div style="width: 100%; height:100%; display: flex; justify-content: center;"> 373 <div class="large-chat-box" id="large-chat-box" style="display: none;"> 374 <div style="display:flex"> 375 <img src="/static/images/chatlogo.png" 376 style="width: 60px; height: 60px; margin: 28px 0 0 21px"> 377 <div style="font-family: 'Mitr'; 378 font-style: normal; 379 font-weight: 500; 380 font-size: 21.4916px; 381 line-height: 34px; 382 color: #062045; 383 width: 124px; 384 height: 34px; 385 margin: 45px 0 0 9px; 386 "> 387 PANYACHAT</div> 388 <img src="/static/images/Group%205.png" 389 style="width: 40px; height: 40px; margin: 15px 0 0 855px; transform: rotate(180deg); cursor: pointer;" 390 id="shrink"> 391 <img src="/static/images/Group%204.png" 392 style="width: 40 px; height: 40px; margin: 15px 0 0 10px; cursor: pointer;" id="large-minimize"> 393 </div> 394 <div style="width: 1177px; 395 height: 0px; 396 margin-top: 12px; 397 border: 2px solid #ECECEC;"> 398 </div> 399 <div class="large-chat-box-body" id="large-chat-box-body"> 400 <div class="manageMessage"> 401 <div style="position: absolute; 402 width: 97px; 403 top: 50%; 404 left: 50%; 405 transform: translate(-50%, -50%); 406 margin-left: 5px;"> 407 <div> 408 <img src="/static/images/Group%2013.png"> 409 <span style="color: #FF3D3D;">ลà¸à¸à¹à¸à¸à¸§à¸²à¸¡</span> 410 </div> 411 <div> 412 <img src="/static/images/Vectorcopy.png"> 413 à¸à¸±à¸à¸¥à¸à¸ 414 </div> 415 <div> 416 <img src="/static/images/Vectorshare.png"> 417 à¹à¸à¸£à¹à¸à¹à¸à¸à¸§à¸²à¸¡ 418 </div> 419 </div> 420 </div> 421 422 <div id="largeNewMessage" 423 style="position: sticky; top:525px; left: 50%; cursor: pointer; display: none; justify-content: center;" 424 onclick="disappearAndScroll(this)"> 425 <div class="ownChat" 426 style="font-size: 12px; border-color: #A9A9A9; border-style: solid; border-width: 2px;"> 427 <div style="margin: 3px;">à¸à¹à¸à¸à¸§à¸²à¸¡à¹à¸«à¸¡à¹</div> 428 </div> 429 </div> 430 431 <div style="text-align: center; color: #A9A9A9; margin: 33px 0 10px 0;">Chat started</div> 432 433 </div> 434 <div style="position: fixed; bottom: 13px;"> 435 <div style="width: 1177px; 436 height: 0px; 437 border: 2px solid #ECECEC;"> 438 </div> 439 <div style="display: flex;"> 440 <img src="/static/images/pic-profile.png" 441 style="margin: 20px 0 0 19px; width: 47px;height: 49px; border-radius: 50%;"> 442 <div class="greyArea"> 443 <textarea class="large-textInput" id="large-textInput" placeholder="à¸à¸¸à¸à¸à¸à¸à¸à¸¥à¸±à¸à¸à¹à¸à¸à¸§à¸²à¸¡..." 444 onKeyup="syncText(this.value)" onkeypress="entersubmit(event)"></textarea> 445 <div style="display: flex;"> 446 <img src="/static/images/Vectorsmile.png" id="largeEmojiIcon" 447 style="margin:0 10px 0 821px; width: 30.26px; height:30.26px; cursor: pointer;">
448 <span style="height: 0px;"> 449 <label for="file-input"> 450 <img src="/static/images/Group%2035.png" 451 style="margin-right: 10px; cursor: pointer;"> 452 <img src="/static/images/Group%2014.png" 453 style="margin-right: 10px; width: 28px; height:28px; cursor: pointer;"> 454 <img src="/static/images/Group%2037.png" 455 style="margin-right: 10px; cursor: pointer;"> 456 <!-- <img src="/static/images/Group%2036.png"> --> 457 </label> 458 </span> 459 </div> 460 <input id="file-input" type="file" onchange="sendfile(this)" /> 461 </div> 462 <button class="sendMessageLargeBTN" onclick="submitText()"> 463 </button> 464 </div> 465 </div> 466 <div class="largeEmojiBlock"> 467 <div> 468 469<div id="firstLargeEmojiRow" style="width: 285.86px; height:51px; display: flex; justify-content: center;"> 470 <div onclick="sendEmoji('emojiSmile')"><img src="/static/images/PanyaEmoji/emojiSmile.png" 471 style="width: 40.43px; height: 40.43px; margin: 3px;"> 472 </div> 473 <div onclick="sendEmoji('emojiHappy')"><img src="/static/images/PanyaEmoji/emojiHappy.png" 474 style="width: 40.43px; height: 40.43px; margin: 3px;"> 475 </div> 476 <div onclick="sendEmoji('emojiLove')"><img src="/static/images/PanyaEmoji/emojiLove.png" 477 style="width: 40.43px; height: 40.43px; margin: 3px;"> 478 </div> 479 <div onclick="sendEmoji('emojiKiss')"><img src="/static/images/PanyaEmoji/emojiKiss.png" 480 style="width: 40.43px; height: 40.43px; margin: 3px;"></div> 481 <div onclick="sendEmoji('emojiFlushed')"><img src="/static/images/PanyaEmoji/emojiFlushed.png" 482 style="width: 40.43px; height: 40.43px; margin: 3px;"></div> 483 <div onclick="sendEmoji('emojiInlove')"><img src="/static/images/PanyaEmoji/emojiInlove.png" 484 style="width: 40.43px; height: 40.43px; margin: 3px;"></div> 485</div> 486<div id="secondLargeEmojiRow" style="width: 285.86px; height:51px; display: flex; justify-content: center;"> 487 <div onclick="sendEmoji('emojiLaugh')"><img src="/static/images/PanyaEmoji/emojiLaugh.png" 488 style="width: 40.43px; height: 40.43px; margin: 3px;"></div> 489 <div onclick="sendEmoji('emojiSad')"><img src="/static/images/PanyaEmoji/emojiSad.png" 490 style="width: 40.43px; height: 40.43px; margin: 3px;"></div> 491 <div onclick="sendEmoji('emojiDisappoint')"><img src="/static/images/PanyaEmoji/emojiDisappoint.png" 492 style="width: 40.43px; height: 40.43px; margin: 3px;"></div> 493 <div onclick="sendEmoji('emojiWorry')"><img src="/static/images/PanyaEmoji/emojiWorry.png" 494 style="width: 40.43px; height: 40.43px; margin: 3px;"></div> 495 <div onclick="sendEmoji('emojiScare')"><img src="/static/images/PanyaEmoji/emojiScare.png" 496 style="width: 40.43px; height: 40.43px; margin: 3px;"></div> 497 <div onclick="sendEmoji('emojiCry')"><img src="/static/images/PanyaEmoji/emojiCry.png" 498 style="width: 40.43px; height: 40.43px; margin: 3px;"></div> 499</div> 500<div id="thirdLargeEmojiRow" style="width: 285.86px; height:51px; display: flex; justify-content: center;"> 501 <div onclick="sendEmoji('emojiSuspect')"><img src="/static/images/PanyaEmoji/emojiSuspect.png" 502 style="width: 40.43px; height: 40.43px; margin: 3px;"> 503 </div> 504 <div onclick="sendEmoji('emojiWai')"><img src="/static/images/PanyaEmoji/emojiWai.png" 505 style="width: 40.43px; height: 40.43px; margin: 3px;"></div> 506 <div onclick="sendEmoji('emojiLike')"><img src="/static/images/PanyaEmoji/emojiLike.png" 507 style="width: 40.43px; height: 40.43px; margin: 3px;"> 508 </div> 509 <div onclick="sendEmoji('emojiDislike')"><img src="/static/images/PanyaEmoji/emojiDislike.png" 510 style="width: 40.43px; height: 40.43px; margin: 3px;"></div> 511 <div onclick="sendEmoji('emojiVictory')"><img src="/static/images/PanyaEmoji/emojiVictory.png" 512 style="width: 40.43px; height: 40.43px; margin: 3px;"></div> 513 <div onclick="sendEmoji('emojiOkay')"><img src="/static/images/PanyaEmoji/emojiOkay.png" 514 style="width: 40.43px; height: 40.43px; margin: 3px;"></div> 515</div> 516 </div> 517 </div> 518 </div> 519 </div> 520 521 522 <div id="user_popup_chat_icon"> 523 524 525 <img src="/static/images/chatlogo.png" class="bottomLogo" id="bottomLogo"/> 526 527 528 </div> 529 530 531
531<script id="json-chatsocket" type="application/json">"anonymous13325761"</script>
531 532 533 534
534<script id="json-roomStatus" type="application/json">"finish"</script>
534 535 536
536<script id="json-roomID" type="application/json">"anonymous13325761"</script>
536 537 538 539 540 541 542 543 544
544<script id="json-websocket_protocal" type="application/json">"wss"</script>
544 545 546
546<script src="/static/js/popupchat.js"></script>
546 547 </div> 548 549 550</div> 551 552 553 554 555 556 <div class="login-background"> 557 <div class="login-container w-container"> 558 <div class="login-div w-clearfix"> 559 <div class="close-login w-clearfix" data-ix="close-login"><img src="/static/images/close.png" alt="" 560 class="image-2"> 561 </div> 562 <h1 class="heading">à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸</h1> 563 <div class="login-form w-form"> 564 <form class="w-clearfix" method="POST" action="/login"> 565 <a href="/auth/login/facebook/?next=" class="sign-up-facebook w-inline-block w-clearfix"> 566 <img src="/static/images/facebook-icon.png" alt="" class="image-44"> 567 <div class="text-block-82">Facebook</div> 568 </a> 569 570 <a href="/auth/login/google-oauth2/?next=" class="sign-up-google w-inline-block w-clearfix"> 571 <img src="/static/images/google.png" 572 srcset="/static/images/google-p-500.png 500w, /static/images/google.png 512w" 573 sizes="100vw" alt="" class="image-44"> 574 <div class="text-block-82">Google</div> 575 </a> 576 <input type="hidden" name="csrfmiddlewaretoken" value="BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p"> 577 578 <input type="text" name="username" class="text-field-8 w-input" maxlength="50" 579 placeholder="Username or Email" id="username-3" required=""> 580 581 <input type="password" name="password" class="text-field-9 w-input" maxlength="256" placeholder="Password" 582 id="password-3" required=""> 583 584 <a href="#" class="link-2" data-ix="forget-pass-on-login">ลืมรหัสà¸à¹à¸²à¸?</a> 585 586 <input type="submit" value="à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸" class="submit-button-2 w-button"> 587 </form> 588 </div><a href="#" class="button w-button" data-ix="signup-on-login">ลà¸à¸à¸°à¹à¸à¸µà¸¢à¸</a> 589 </div> 590 </div> 591 </div> 592 <div class="signup-background"> 593 <div class="signup-container w-container"> 594 <div class="signup-columns w-row"> 595 <div class="column-2 w-col w-col-6"> 596 <div class="img-signup"><img src="/static/images/signup-img.png" alt="" class="image-3"></div> 597 </div> 598 599 <!-- Modal Form Register --> 600 <div class="column w-col w-col-6 custom-scroll" style="height:500px; overflow-y: auto;"> 601 <div class="signup-div"> 602 <div class="signup-form w-form"> 603 <form class="form" method="POST" action="/account/register"> 604 605 <input type="hidden" name="csrfmiddlewaretoken" value="BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p"> 606 607 <div class="close-signup" data-ix="close-signup"> 608 <img src="/static/images/close.png" alt="" class="image"> 609 </div> 610 <h1 class="heading">ลà¸à¸à¸°à¹à¸à¸µà¸¢à¸</h1> 611 612 <input type="text" class="text-field w-input" maxlength="50" name="username" placeholder="Username" 613 id="register_username" required=""> 614 615 <input type="text" class="text-field-3 w-input" maxlength="50" name="first_name" placeholder="à¸à¸·à¹à¸" 616 id="register_first_name" required=""> 617 618 <input type="text" class="text-field-3 w-input" maxlength="50" name="last_name" placeholder="à¸à¸²à¸¡à¸ªà¸à¸¸à¸¥" 619 id="register_last_name" required=""> 620 621 <input type="text" class="text-field-4 w-input" maxlength="20" name="tel" placeholder="à¹à¸à¸à¸£à¹à¹à¸à¸£à¸¨à¸±à¸à¸à¹" 622 id="register_tel" required=""> 623 624 <input type="email" class="text-field-5 w-input" maxlength="256" name="email" placeholder="Email" 625 id="register_email" required=""> 626 627 <input type="text" maxlength="30" name="line" placeholder="LINE" id="register_line" 628 class="text-field-6 w-input"> 629 630 <input type="text" class="text-field w-input" maxlength="256" name="school" placeholder="à¹à¸£à¸à¹à¸£à¸µà¸¢à¸" 631 id="school" required="" onkeyup="suggestSchool(this.value)" list="suggestSchool"> 632 <datalist id="suggestSchool"> 633 </datalist> 634 635 <select name="province" id="province" class="year-class-select-1"> 636 <option value="N/A" disabled selected hidden>à¸à¸±à¸à¸«à¸§à¸±à¸</option> 637 <option value="à¸à¸£à¸°à¸à¸µà¹">à¸à¸£à¸°à¸à¸µà¹</option> 638 <option value="à¸à¸£à¸¸à¸à¹à¸à¸à¸¡à¸«à¸²à¸à¸à¸£">à¸à¸£à¸¸à¸à¹à¸à¸à¸¡à¸«à¸²à¸à¸à¸£</option> 639 <option value="à¸à¸²à¸à¸à¸à¸à¸¸à¸£à¸µ">à¸à¸²à¸à¸à¸à¸à¸¸à¸£à¸µ</option> 640 <option value="à¸à¸²à¸¬à¸ªà¸´à¸à¸à¸¸à¹">à¸à¸²à¸¬à¸ªà¸´à¸à¸à¸¸à¹</option> 641 <option value="à¸à¸³à¹à¸à¸à¹à¸à¸à¸£">à¸à¸³à¹à¸à¸à¹à¸à¸à¸£</option> 642 <option value="à¸à¸à¸à¹à¸à¹à¸">à¸à¸à¸à¹à¸à¹à¸</option> 643 <option value="à¸à¸±à¸à¸à¸à¸¸à¸£à¸µ">à¸à¸±à¸à¸à¸à¸¸à¸£à¸µ</option> 644 <option value="à¸à¸°à¹à¸à¸´à¸à¹à¸à¸£à¸²">à¸à¸°à¹à¸à¸´à¸à¹à¸à¸£à¸²</option> 645 <option value="à¸à¸¥à¸à¸¸à¸£à¸µ">à¸à¸¥à¸à¸¸à¸£à¸µ</option> 646 <option value="à¸à¸±à¸¢à¸à¸²à¸">à¸à¸±à¸¢à¸à¸²à¸</option> 647 <option value="à¸à¸±à¸¢à¸ ูมิ">à¸à¸±à¸¢à¸ ูมิ</option> 648 <option value="à¸à¸¸à¸¡à¸à¸£">à¸à¸¸à¸¡à¸à¸£</option> 649 <option value="à¹à¸à¸µà¸¢à¸à¸£à¸²à¸¢">à¹à¸à¸µà¸¢à¸à¸£à¸²à¸¢</option> 650 <option value="à¹à¸à¸µà¸¢à¸à¹à¸«à¸¡à¹">à¹à¸à¸µà¸¢à¸à¹à¸«à¸¡à¹</option> 651 <option value="à¸à¸£à¸±à¸">à¸à¸£à¸±à¸</option> 652 <option value="à¸à¸£à¸²à¸">à¸à¸£à¸²à¸</option> 653 <option value="à¸à¸²à¸">à¸à¸²à¸</option> 654 <option value="à¸à¸à¸£à¸à¸²à¸¢à¸">à¸à¸à¸£à¸à¸²à¸¢à¸</option> 655 <option value="à¸à¸à¸£à¸à¸à¸¡">à¸à¸à¸£à¸à¸à¸¡</option> 656 <option value="à¸à¸à¸£à¸à¸à¸¡">à¸à¸à¸£à¸à¸à¸¡</option> 657 <option value="à¸à¸à¸£à¸£à¸²à¸à¸ªà¸µà¸¡à¸²">à¸à¸à¸£à¸£à¸²à¸à¸ªà¸µà¸¡à¸²</option> 658 <option value="à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸">à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸</option> 659 <option value="à¸à¸à¸£à¸ªà¸§à¸£à¸£à¸à¹">à¸à¸à¸£à¸ªà¸§à¸£à¸£à¸à¹</option> 660 <option value="à¸à¸à¸à¸à¸¸à¸£à¸µ">à¸à¸à¸à¸à¸¸à¸£à¸µ</option> 661 <option value="à¸à¸£à¸²à¸à¸´à¸§à¸²à¸ª">à¸à¸£à¸²à¸à¸´à¸§à¸²à¸ª</option> 662 <option value="à¸à¹à¸²à¸">à¸à¹à¸²à¸</option> 663 <option value="à¸à¸¶à¸à¸à¸²à¸¬">à¸à¸¶à¸à¸à¸²à¸¬</option> 664 <option value="à¸à¸¸à¸£à¸µà¸£à¸±à¸¡à¸¢à¹">à¸à¸¸à¸£à¸µà¸£à¸±à¸¡à¸¢à¹</option> 665 <option value="à¸à¸à¸¸à¸¡à¸à¸²à¸à¸µ">à¸à¸à¸¸à¸¡à¸à¸²à¸à¸µ</option> 666 <option value="à¸à¸£à¸°à¸à¸§à¸à¸à¸µà¸£à¸µà¸à¸±à¸à¸à¹">à¸à¸£à¸°à¸à¸§à¸à¸à¸µà¸£à¸µà¸à¸±à¸à¸à¹</option> 667 <option value="à¸à¸£à¸²à¸à¸µà¸à¸à¸¸à¸£à¸µ">à¸à¸£à¸²à¸à¸µà¸à¸à¸¸à¸£à¸µ</option> 668 <option value="à¸à¸±à¸à¸à¸²à¸à¸µ">à¸à¸±à¸à¸à¸²à¸à¸µ</option> 669 <option value="à¸à¸£à¸°à¸à¸à¸£à¸¨à¸£à¸µà¸à¸¢à¸¸à¸à¸¢à¸²">à¸à¸£à¸°à¸à¸à¸£à¸¨à¸£à¸µà¸à¸¢à¸¸à¸à¸¢à¸²</option> 670 <option value="à¸à¸°à¹à¸¢à¸²">à¸à¸°à¹à¸¢à¸²</option> 671 <option value="à¸à¸±à¸à¸à¸²">à¸à¸±à¸à¸à¸²</option> 672 <option value="à¸à¸±à¸à¸¥à¸¸à¸">à¸à¸±à¸à¸¥à¸¸à¸</option> 673 <option value="à¸à¸´à¸à¸´à¸à¸£">à¸à¸´à¸à¸´à¸à¸£</option> 674 <option value="à¸à¸´à¸©à¸à¸¸à¹à¸¥à¸">à¸à¸´à¸©à¸à¸¸à¹à¸¥à¸</option> 675 <option value="à¹à¸à¸à¸£à¸à¸¸à¸£à¸µ">à¹à¸à¸à¸£à¸à¸¸à¸£à¸µ</option> 676 <option value="à¹à¸à¸à¸£à¸à¸¹à¸£à¸à¹">à¹à¸à¸à¸£à¸à¸¹à¸£à¸à¹</option> 677 <option value="à¹à¸à¸£à¹">à¹à¸à¸£à¹</option>
678 <option value="ภูà¹à¸à¹à¸">ภูà¹à¸à¹à¸</option> 679 <option value="มหาสารà¸à¸²à¸¡">มหาสารà¸à¸²à¸¡</option> 680 <option value="มุà¸à¸à¸²à¸«à¸²à¸£">มุà¸à¸à¸²à¸«à¸²à¸£</option> 681 <option value="à¹à¸¡à¹à¸®à¹à¸à¸à¸ªà¸à¸">à¹à¸¡à¹à¸®à¹à¸à¸à¸ªà¸à¸</option> 682 <option value="ยะลา">ยะลา</option> 683 <option value="ยà¹à¸ªà¸à¸£">ยà¹à¸ªà¸à¸£</option> 684 <option value="ระà¸à¸à¸">ระà¸à¸à¸</option> 685 <option value="ระยà¸à¸">ระยà¸à¸</option> 686 <option value="ราà¸à¸à¸¸à¸£à¸µ">ราà¸à¸à¸¸à¸£à¸µ</option> 687 <option value="รà¹à¸à¸¢à¹à¸à¹à¸">รà¹à¸à¸¢à¹à¸à¹à¸</option> 688 <option value="ลà¸à¸à¸¸à¸£à¸µ">ลà¸à¸à¸¸à¸£à¸µ</option> 689 <option value="ลำà¸à¸²à¸">ลำà¸à¸²à¸</option> 690 <option value="ลำà¸à¸¹à¸">ลำà¸à¸¹à¸</option> 691 <option value="à¹à¸¥à¸¢">à¹à¸¥à¸¢</option> 692 <option value="ศรีสะà¹à¸à¸©">ศรีสะà¹à¸à¸©</option> 693 <option value="สà¸à¸¥à¸à¸à¸£">สà¸à¸¥à¸à¸à¸£</option> 694 <option value="สà¸à¸à¸¥à¸²">สà¸à¸à¸¥à¸²</option> 695 <option value="สà¸à¸¹à¸¥">สà¸à¸¹à¸¥</option> 696 <option value="สมุà¸à¸£à¸à¸£à¸²à¸à¸²à¸£">สมุà¸à¸£à¸à¸£à¸²à¸à¸²à¸£</option> 697 <option value="สมุà¸à¸£à¸ªà¸à¸à¸£à¸²à¸¡">สมุà¸à¸£à¸ªà¸à¸à¸£à¸²à¸¡</option> 698 <option value="สมุà¸à¸£à¸ªà¸²à¸à¸£">สมุà¸à¸£à¸ªà¸²à¸à¸£</option> 699 <option value="สระà¸à¸¸à¸£à¸µ">สระà¸à¸¸à¸£à¸µ</option> 700 <option value="สระà¹à¸à¹à¸§">สระà¹à¸à¹à¸§</option> 701 <option value="สิà¸à¸«à¹à¸à¸¸à¸£à¸µ">สิà¸à¸«à¹à¸à¸¸à¸£à¸µ</option> 702 <option value="สุà¸à¸£à¸£à¸à¸à¸¸à¸£à¸µ">สุà¸à¸£à¸£à¸à¸à¸¸à¸£à¸µ</option> 703 <option value="สุราษà¸à¸£à¹à¸à¸²à¸à¸µ">สุราษà¸à¸£à¹à¸à¸²à¸à¸µ</option> 704 <option value="สุริà¸à¸à¸£à¹">สุริà¸à¸à¸£à¹</option> 705 <option value="สุà¹à¸à¸à¸±à¸¢">สุà¹à¸à¸à¸±à¸¢</option> 706 <option value="หà¸à¸à¸à¸à¸²à¸¢">หà¸à¸à¸à¸à¸²à¸¢</option> 707 <option value="หà¸à¸à¸à¸à¸±à¸§à¸¥à¸³à¸ ู">หà¸à¸à¸à¸à¸±à¸§à¸¥à¸³à¸ ู</option> 708 <option value="à¸à¸³à¸à¸²à¸à¹à¸à¸£à¸´à¸">à¸à¸³à¸à¸²à¸à¹à¸à¸£à¸´à¸</option> 709 <option value="à¸à¸¸à¸à¸£à¸à¸²à¸à¸µ">à¸à¸¸à¸à¸£à¸à¸²à¸à¸µ</option> 710 <option value="à¸à¸¸à¸à¸£à¸à¸´à¸à¸à¹">à¸à¸¸à¸à¸£à¸à¸´à¸à¸à¹</option> 711 <option value="à¸à¸¸à¸à¸±à¸¢à¸à¸²à¸à¸µ">à¸à¸¸à¸à¸±à¸¢à¸à¸²à¸à¸µ</option> 712 <option value="à¸à¸¸à¸à¸¥à¸£à¸²à¸à¸à¸²à¸à¸µ">à¸à¸¸à¸à¸¥à¸£à¸²à¸à¸à¸²à¸à¸µ</option> 713 <option value="à¸à¹à¸²à¸à¸à¸à¸">à¸à¹à¸²à¸à¸à¸à¸</option> 714 </select> 715 716 <select name="year_class" id="year_class" class="year-class-select-1"> 717 <option value="N/A" disabled selected hidden>à¸à¸¸à¸à¹à¸à¹à¸à¹à¸à¹à¸ TCAS à¸à¸µà¹à¸«à¸?</option> 718 <option value="Dek66">Dek66</option> 719 <option value="Dek67">Dek67</option> 720 <option value="Dek68">Dek68</option> 721 <option value="Dek69">Dek69</option> 722 <option value="Dek70">Dek70</option> 723 <option value="Dek71">Dek71</option> 724 <option value="Dek72">Dek72</option> 725 <option value="Dek73">Dek73</option> 726 <option value="Dek74">Dek74</option> 727 <option value="Dek75">Dek75</option> 728 <option value="N/A">à¸à¸·à¹à¸à¹</option> 729 </select> 730 731 <input type="password" class="text-field-7 w-input" maxlength="256" name="password" 732 placeholder="Password" id="register_password" required=""> 733 734 <div class="g-recaptcha" data-sitekey="6LdK-5QnAAAAAOfmz6bq1PK4kmilEZmRdNy8XIn7" style="margin-bottom:10px"></div> 735 736 <input type="submit" value="ลà¸à¸à¸°à¹à¸à¸µà¸¢à¸" class="submit-button w-button" onclick="register_index()"> 737 738 739 740 <a href="/auth/login/facebook/?next=" class="sign-up-facebook w-inline-block w-clearfix"> 741 <img src="/static/images/facebook-icon.png" alt="" class="image-44"> 742 <div class="text-block-82">Facebook</div> 743 </a> 744 745 <a href="/auth/login/google-oauth2/?next=" class="sign-up-google w-inline-block w-clearfix"> 746 <img src="/static/images/google.png" 747 srcset="/static/images/google-p-500.png 500w, /static/images/google.png 512w" 748 sizes="100vw" alt="" class="image-44"> 749 <div class="text-block-82">Google</div> 750 </a> 751 752 </form> 753 </div> 754 </div> 755 </div><!-- Modal Form Register --> 756 757 </div> 758 </div> 759 </div> 760 <div class="forget-password"> 761 <div class="forget-container w-container"> 762 <div class="forget-div w-clearfix"> 763 <div class="close-login w-clearfix" data-ix="close-forget"><img src="/static/images/close.png" alt="" 764 class="image-2"> 765 </div> 766 <h1 class="heading">ลืมรหัสà¸à¹à¸²à¸</h1> 767 <div class="w-form"> 768 <form id="email-form-3" method="POST" action="/account/reset_password"> 769 770 <input type="hidden" name="csrfmiddlewaretoken" value="BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p"> 771 772 <input type="email" class="text-field-10 w-input" name="email" placeholder="Email" id="forgot_email"> 773 <input type="submit" value="à¸à¸³à¹à¸à¸´à¸à¸à¸²à¸£à¸à¹à¸" class="submit-button-3 w-button"> 774 <p class="paragraph-5">หรืภ<a href="#" class="link-6" data-ix="login-on-fprget-pass">à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸</a></p> 775 </form> 776 </div> 777 </div> 778 </div> 779 </div> 780 <div data-collapse="medium" data-animation="over-left" data-duration="600" class="navbar-phone w-nav"> 781 <div class="container-8 w-container"> 782 <a href="/" class="brand-2 w-nav-brand w--current"> 783 <img src="/static/images/big_logo.svg" height="30" alt="" class="image-27"> 784 </a> 785 <nav role="navigation" class="nav-menu-2 w-nav-menu"> 786 787 <div class="profile-phone-div"> 788 789 790 <a href="/course/list" class="nav-link-2 w-nav-link">à¸à¸à¸£à¹à¸ª</a> 791 792 793 794 <div data-hover="" data-delay="0" class="nav-mobile-dropdown w-dropdown"> 795 <div class="dropdown-toggle-4 w-dropdown-toggle"> 796 <div class="w-icon-dropdown-toggle"></div> 797 <div>à¹à¸à¸£à¹à¸¡à¸à¸±à¹à¸</div> 798 </div> 799 <nav class="nav-mobile-dropdown-list w-dropdown-list"> 800 801 <a href="https://panyasociety.com/pages/course-tcas-a-level-tgat-tpat/" class="nav-mobile-dropdown-item w-dropdown-link">
801Promotion NEW TCAS 70 à¸à¸´à¸ªà¸´à¸à¸ªà¹ à¹à¸à¸¡à¸µ à¸à¸à¸´à¸à¸¨à¸²à¸ªà¸à¸£à¹ A-Level</a> 802 803 <a href="https://panyasociety.com/pages/course-a-level-physics-tpat3/" class="nav-mobile-dropdown-item w-dropdown-link">Promotion à¸à¸´à¸§à¸ªà¸à¸à¸§à¸´à¸¨à¸§à¸° à¹à¸à¸¢ วิศวà¸à¸£à¸à¸±à¸§à¸à¸£à¸´à¸</a> 804 805 <a href="https://panyasociety.com/pages/physics-chem-math-term2/" class="nav-mobile-dropdown-item w-dropdown-link">Pack à¹à¸à¸´à¹à¸¡à¹à¸à¸£à¸ à¹à¸à¸à¸¡ 2 à¸à¸´à¸ªà¸´à¸à¸ªà¹ à¹à¸à¸¡à¸µ à¸à¸à¸´à¸à¸¨à¸²à¸ªà¸à¸£à¹</a> 806 807 <a href="https://panyasociety.com/pages/course-for-med/" class="nav-mobile-dropdown-item w-dropdown-link">à¸à¸´à¸§à¸ªà¸à¸à¸à¸à¸°à¹à¸à¸à¸¢à¹ à¹à¸¥à¸°à¸ªà¸²à¸¢à¸§à¸´à¸à¸¢à¹à¸ªà¸¸à¸à¸ าà¸</a> 808 809 <a href="https://panyasociety.com/pages/course-for-engineer/" class="nav-mobile-dropdown-item w-dropdown-link">à¸à¸´à¸§à¸ªà¸à¸à¸à¸à¸°à¸§à¸´à¸¨à¸§à¸à¸£à¸£à¸¡à¸¨à¸²à¸ªà¸à¸£à¹</a> 810 811 <a href="https://panyasociety.com/pages/course-for-social-science/" class="nav-mobile-dropdown-item w-dropdown-link">à¸à¸´à¸§à¸ªà¸à¸à¸à¸à¸°à¸à¸±à¸à¸à¸µ à¸à¸£à¸´à¸«à¸²à¸£ à¹à¸¨à¸£à¸©à¸à¸¨à¸²à¸ªà¸à¸£à¹</a> 812 813 </nav> 814 </div> 815 816 817 <a href="/instructors.html" class="nav-link-2 w-nav-link">à¸à¸µà¸¡à¸ªà¸à¸</a> 818 <a href="/pages/%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1/" class="nav-link-2 w-nav-link">à¸à¸à¸à¸§à¸²à¸¡</a> 819 <div data-hover="" data-delay="0" class="nav-dropdown w-dropdown"> 820 <div class="nav-dropdown-toggle w-dropdown-toggle"> 821 <div class="w-icon-dropdown-toggle"></div> 822 <div>à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸</div> 823 </div> 824 <nav class="nav-dropdown-list w-dropdown-list"> 825 <a href="/pages/congratulations-engineer/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ สà¸à¸à¸à¸´à¸à¸§à¸´à¸¨à¸§à¸°</a> 826 <a href="/pages/success_posn/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ สà¸à¸§à¸.</a> 827 <a href="/pages/panya-society-congratulations-dek69/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ Dek69</a> 828 <a href="/pages/panya-society-congratulations-dek68/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ Dek68</a> 829 <a href="/pages/congratulations-dek67/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ Dek67</a> 830 <a href="/pages/congratulations_dek66/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ Dek66</a> 831 <a href="/pages/congratulations_dek65/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ Dek65</a> 832 <a href="/pages/congratulations/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ Dek64</a> 833 <a href="/pages/panya-reviews/" class="nav-dropdown-item w-dropdown-link">รีวิวà¸à¸à¸£à¹à¸ªà¸à¸à¸à¹à¸¥à¸à¹</a> 834 </nav> 835 </div> 836 <div data-hover="" data-delay="0" class="nav-mobile-dropdown w-dropdown"> 837 <div class="dropdown-toggle-4 w-dropdown-toggle"> 838 <div class="w-icon-dropdown-toggle"></div> 839 <div>à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²</div> 840 </div> 841 <nav class="nav-mobile-dropdown-list w-dropdown-list"> 842 <a href="/about.html" class="nav-mobile-dropdown-item w-dropdown-link">à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²</a> 843 <a href="/faq.html" class="nav-mobile-dropdown-item w-dropdown-link">FAQ</a> 844 </nav> 845 </div> 846 847 848 <a href="/register" class="signup-phone w-nav-link" data-ix="">ลà¸à¸à¸°à¹à¸à¸µà¸¢à¸</a> 849 <a href="/login" class="login-phone w-nav-link" data-ix="">à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸</a> 850 851 852 853 </div> 854 <div class="profile-phone-back-div"> 855 <a href="#" class="profile-phone-back-link w-inline-block" data-ix="close-meu-phone"> 856 <p class="back-menu-phone"><strong>Back</strong></p><img src="/static/images/left.png" alt="" 857 class="image-33"> 858 </a> 859 <a href="/course/mine" class="nav-link-2-copy w-nav-link">à¸à¸à¸£à¹à¸ªà¸à¸à¸à¸à¸±à¸</a> 860 <a href="/course/report-all" class="nav-link-2-copy w-nav-link">รายà¸à¸²à¸à¸à¸¥à¸à¸²à¸£à¹à¸£à¸µà¸¢à¸</a> 861 <a href="/transfer/my" class="nav-link-2-copy w-nav-link">à¸à¸²à¸£à¸ªà¸±à¹à¸à¸à¸·à¹à¸à¸à¸à¸à¸à¸±à¸</a> 862 863 864 865 <a href="/account/setting" class="nav-link-2-copy w-nav-link">à¸à¸²à¸£à¸à¸±à¹à¸à¸à¹à¸²</a> 866 <a href="#" class="signup-phone w-nav-link" data-ix="signup-phone">ลà¸à¸à¸°à¹à¸à¸µà¸¢à¸</a> 867 <a href="#" class="login-phone w-nav-link" data-ix="login-phone">à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸</a> 868 </div> 869 </nav> 870 <div class="menu-button-2 w-nav-button" data-ix="menu-phone-close"> 871 <div class="w-icon-nav-menu"></div> 872 </div> 873 </div> 874 <div class="div-menu-background-phone"></div> 875 876 877 </div> 878 879 <div> 880 881 882 883 <div class="use-coupon"> 884 <div class="div-block-171 w-clearfix">
885 <div id="btn-close-first-coupon" class="close-login-copy w-clearfix" data-ix="close-forget"> 886 <img src="/static/images/close.png" alt="" class="image-2"> 887 </div> 888 <div class="text-block-127">à¹à¸à¹à¸à¸¹à¸à¸à¸à¹à¸à¹à¸</div> 889 <div class="text-block-128">รัà¸à¸ªà¹à¸§à¸à¸¥à¸à¸à¸±à¸à¸à¸µ 500 à¸à¸²à¸ à¹à¸¡à¸·à¹à¸à¸à¸£à¸à¸à¹à¸à¹à¸ <span 890 class="text-span-28">"PANYASOCIETY500"</span></div> 891 <div class="form-block-7 w-form"> 892 <form id="email-form-4" name="email-form-4" data-name="Email Form 4" class="form-8"> 893 <input id="main_coupon_code" type="text" class="text-field-20 w-input" maxlength="256" name="name-3" 894 data-name="Name 3" placeholder="à¸à¸£à¸à¸à¹à¸à¹à¸à¸à¸µà¹à¸à¸µà¹" id="name-3"><label for="email-5" 895 class="field-label-7">*à¸à¹à¸²à¸à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸à¹à¸à¸¹à¸à¸à¸à¹à¸à¹à¸à¸à¸·à¹à¸à¹à¸à¸·à¹à¸à¸¥à¸à¸£à¸²à¸à¸²à¹à¸à¹</label> 896 <input id="btn-check-coupon" type="submit" value="à¹à¸à¹à¸à¸¹à¸à¸à¸" class="submit-button-9 w-button"> 897 </form> 898 </div> 899 </div> 900 </div> 901 902 903 904<div class="section-10"> 905 <div class="div-block-148 w-clearfix"> 906 <div class="div-block-149"> 907 <h1 class="heading-33"><span class="text-span-20">Panya 908 Society</span><br>à¸à¸·à¸à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸²à¸£à¹à¸£à¸µà¸¢à¸à¸£à¸¹à¹<br>สำหรัà¸à¸à¸à¸¢à¸¸à¸à¹à¸«à¸¡à¹</h1> 909 <div class="text-block-112">à¸à¸¸à¸à¸¡à¸¸à¹à¸à¸«à¸¡à¸²à¸¢à¸à¸à¸à¹à¸£à¸²à¸à¸·à¸à¸à¸²à¸£à¸à¸³à¹à¸à¸²à¹à¸à¸à¹à¸à¹à¸¥à¸¢à¸µ<br>à¸à¸±à¸à¸à¸²à¸à¸£à¸°à¸à¸´à¸©à¸à¹ (Artificial Intelligence) 910 <br>à¹à¸à¹à¸²à¸¡à¸²à¸à¸¥à¸´à¸à¹à¸à¸¡à¸à¸²à¸£à¹à¸£à¸µà¸¢à¸à¸£à¸¹à¹à¹à¸à¸·à¹à¸à¸ªà¸£à¹à¸²à¸à¸à¸±à¸à¸à¸²à¸à¸§à¸²à¸¡à¸£à¸¹à¹<br>à¸à¸µà¹à¸¢à¸±à¹à¸à¸¢à¸·à¸à¹à¸«à¹à¸à¸±à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸à¸à¸¸à¸à¸à¸</div> 911 </div> 912 <div class="div-block-150"><img src="/static/images/about1.png" 913 srcset="/static/images/about1-p-500.png 500w, /static/images/about1.png 842w" 914 sizes="(max-width: 479px) 330px, (max-width: 767px) 100vw, (max-width: 991px) 400px, 600px" alt="" 915 class="image-52"></div> 916 </div> 917 <div class="div-block-152-copy"></div> 918 <div class="div-block-151"> 919 <div class="text-block-113"><span class="text-span-18">Panya Society</span> 920 à¹à¸à¸´à¸à¸à¸¶à¹à¸à¸à¸²à¸à¸à¸²à¸£à¸£à¸§à¸¡à¸à¸±à¸§à¸à¸à¸à¸à¸à¸£à¸¸à¹à¸à¹à¸«à¸¡à¹à¸à¸µà¹à¹à¸à¹à¸²à¹à¸à¹à¸à¸à¹à¸à¹à¸¥à¸¢à¸µà¹à¸¥à¸°à¸¡à¸µ passion à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¸à¸²à¸£à¸¨à¸¶à¸à¸©à¸² à¸à¸£à¸±à¸à¸à¸²à¸à¸²à¸£à¸ªà¸à¸à¸à¸à¸à¹à¸£à¸²à¸à¸·à¸</div> 921 <div class="text-block-114">âสà¸à¸à¹à¸«à¹à¹à¸à¹à¸²à¹à¸à¹à¸à¸·à¹à¸à¸à¸³à¹à¸à¹à¸à¹à¹à¸à¹â</div> 922 <div class="text-block-115">à¹à¸£à¸²à¹à¸à¸·à¹à¸à¸§à¹à¸²à¸à¸§à¸²à¸¡à¹à¸à¹à¸²à¹à¸à¹à¸à¹à¸à¸·à¹à¸à¸«à¸²à¸à¸µà¹à¹à¸£à¸µà¸¢à¸à¸à¸°à¹à¸«à¹à¸à¸²à¸£à¹à¸£à¸µà¸¢à¸à¸à¹à¸²à¸ªà¸à¹à¸à¹à¸¥à¸°à¸ªà¸à¸¸à¸ 923 à¹à¸¥à¸°à¸à¸°à¸à¸³à¹à¸«à¹à¸à¸§à¸²à¸¡à¸£à¸¹à¹à¸à¸´à¸à¸à¸±à¸§à¸à¸±à¸à¹à¸£à¸µà¸¢à¸à¹à¸à¹à¸¡à¹à¹à¸à¹à¹à¸à¹à¸à¸à¸à¸µà¹à¸«à¹à¸à¸à¸ªà¸à¸ à¹à¸à¹à¸à¸±à¹à¸à¸à¹à¹à¸¡à¹à¹à¸à¹à¹à¸à¸¥à¸§à¹à¸²à¹à¸£à¸²à¸à¸°à¸¥à¸°à¹à¸¥à¸¢à¸à¸§à¸²à¸¡à¸ªà¸³à¸à¸±à¸à¸à¸à¸à¸à¸²à¸£à¸ªà¸à¸ <span 924 class="text-span-19">à¸à¸²à¸£à¸ªà¸à¸à¸à¸µà¹à¸à¸µà¸à¹à¸à¸à¸à¸³à¹à¸«à¹à¸à¸±à¸à¹à¸£à¸µà¸¢à¸à¸à¸³à¸à¹à¸à¸ªà¸à¸à¹à¸à¹à¹à¸¥à¸°à¸à¹à¸§à¸¢à¹à¸«à¹à¸à¸±à¸à¹à¸£à¸µà¸¢à¸à¸à¸£à¸£à¸¥à¸¸à¹à¸à¹à¸²à¸«à¸¡à¸²à¸¢à¸à¸µà¹à¸à¸±à¹à¸à¹à¸§à¹</span> 925 à¹à¸¡à¹à¸§à¹à¸²à¸à¸°à¹à¸à¹à¸à¸à¸²à¸£à¸ªà¸à¸à¹à¸à¹à¸²à¸à¸à¸°à¸à¸µà¹à¸à¹à¸à¸à¸à¸²à¸£à¸«à¸£à¸·à¸à¸à¸±à¸à¸à¸²à¸à¸¥à¸à¸²à¸£à¹à¸£à¸µà¸¢à¸à¹à¸à¹à¸£à¸à¹à¸£à¸µà¸¢à¸</div> 926 <div class="div-block-152"></div> 927 </div> 928 <div class="div-block-153 w-clearfix"> 929 <div class="div-block-154"><img src="/static/images/about2.png" 930 srcset="/static/images/about2-p-800.png 800w, /static/images/about2.png 842w" 931 sizes="(max-width: 479px) 330px, (max-width: 767px) 100v
931w, (max-width: 991px) 500px, 600px" alt="" 932 class="image-53"></div> 933 <div class="text-block-116">à¸à¸²à¸£à¹à¸£à¸µà¸¢à¸à¸à¸à¸à¹à¸¥à¸à¹à¹à¸à¸à¹à¸à¸´à¸¡ ๠à¸à¸±à¹à¸à¹à¸à¹à¸à¸à¸²à¸£à¹à¸£à¸µà¸¢à¸à¸à¸²à¸à¹à¸à¸µà¸¢à¸§ à¸à¸·à¸à¸à¸·à¹à¸à¸à¸à¸£à¹à¸ªà¹à¸¥à¹à¸§à¸à¹à¸à¸±à¹à¸à¸à¸¹à¸§à¸´à¸à¸µà¹à¸ à¸à¸µà¹ 934 Panya Society à¸à¸±à¸à¹à¸£à¸µà¸¢à¸à¸¥à¸·à¸¡à¸à¸²à¸£à¹à¸£à¸µà¸¢à¸à¹à¸à¸à¹à¸à¹à¸² ๠à¹à¸à¹à¸à¹à¹à¸¥à¸¢ à¸à¸à¸£à¹à¸ªà¸à¸¸à¸à¸à¸à¸£à¹à¸ªà¸à¸à¸à¹à¸£à¸²à¸à¸à¸à¸à¸²à¸à¸à¸°à¸ªà¸à¸à¸à¹à¸§à¸¢à¸à¸²à¸à¸²à¸£à¸¢à¹à¸à¸µà¹à¸¡à¸µà¸à¸§à¸²à¸¡à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸¥à¹à¸§ 935 <span class="text-span-21">à¹à¸£à¸²à¸¢à¸±à¸à¸¡à¸µà¸£à¸°à¸à¸ à¸à¸±à¸à¸à¸² AI 936 à¸à¸à¸¢à¸à¹à¸§à¸¢à¹à¸à¹à¸à¹à¸à¹à¸à¹à¸«à¹à¸à¸±à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸à¹à¸à¸·à¹à¸à¸§à¸´à¹à¸à¸£à¸²à¸°à¸«à¹à¸à¸¸à¸à¸à¹à¸à¸à¸à¸¸à¸à¹à¸à¹à¸à¹à¸¥à¸°à¸§à¸±à¸à¸à¸¥à¹à¸à¸£à¸µà¸¢à¸à¹à¸à¸µà¸¢à¸à¸à¸±à¸à¹à¸à¸·à¹à¸à¸ ๠à¸à¸à¸à¸·à¹à¸ ๠937 à¸à¸±à¹à¸§à¸à¸£à¸°à¹à¸à¸¨</span> 938 </div> 939 </div> 940</div> 941 942 943 </div> 944 945 946 <div class="contact-section content-section-taplet"> 947 948 949 <div class="div-block-14"> 950 <div class="div-block-15 w-clearfix"> 951 <h1 class="heading-9">สรà¹à¸²à¸à¸à¸±à¸à¸à¸µ </h1> 952 <br /> 953 <br /> 954 <br /> 955 <p class="paragraph">à¹à¸à¹à¸à¸ªà¸¡à¸²à¸à¸´à¸à¸à¸¢à¸¹à¹à¹à¸¥à¹à¸§? 956 <a href="/login" class="link-3" data-ix="">à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸</a> 957 </p> 958 </div> 959 <a href="/register" class="button-3 w-button" data-ix="">ลà¸à¸à¸°à¹à¸à¸µà¸¢à¸</a> 960 </div> 961 962 963 <div class="div-block-16"> 964 <a href="/course/list" class="link-block-5 foot-courses w-inline-block"> 965 <div class="text-block-8">à¸à¸à¸£à¹à¸ª</div> 966 </a> 967 968 969 970 <a href="/instructors.html" class="link-block-5 w-inline-block"> 971 <div class="text-block-8">à¸à¸µà¸¡à¸ªà¸à¸</div> 972 </a> 973 <a href="/pages/%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1/" class="link-block-5 w-inline-block"> 974 <div class="text-block-8">à¸à¸à¸à¸§à¸²à¸¡</div> 975 </a> 976 <a href="/faq.html" class="link-block-5 w-inline-block"> 977 <div class="text-block-8">FAQ</div> 978 </a> 979 <a href="/pages/?page_id=390" class="link-block-5 w-inline-block"> 980 <div class="text-block-8">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸</div> 981 </a> 982 <a href="/about.html" class="link-block-5 w-inline-block"> 983 <div class="text-block-8">à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²</div> 984 </a> 985 </div> 986 <div class="div-contact"> 987 <h1 class="heading-10">à¸à¸´à¸à¸à¹à¸à¹à¸£à¸²</h1> 988 </div> 989 <div class="div-contact"> 990 <p class="paragraph-12">Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b0d3dfdec4d1d3c4f0c0d1dec9d1c3dfd3d9d5c4c99ed3dfdd">[email protected]</a> 991 <br>LINE: @panyasociety 992 </p> 993 </div> 994 995 <div class="div-contact"> 996 997 <a href="https://www.facebook.com/panyasociety/" target="_BLANK" class="link-block-6 w-inline-block"> 998 <img src="/static/images/facebook.png" alt=""> 999 </a> 1000 1001 <a href="https://x.com/Panya_Society" target="_BLANK" class="link-block-6 w-inline-block"> 1002 <img src="/static/images/X_logo.jpg" style="border-radius: 50px;" alt=""> 1003 </a> 1004 1005 <a href="https://www.instagram.com/panya_society/" target="_BLANK" class="link-block-6 w-inline-block"> 1006 <img src="/static/images/ig.png" alt=""> 1007 </a> 1008 1009 <a href="https://www.youtube.com/channel/UC-07GNaLGj76woXdKQK9csw" target="_BLANK" 1010 class="link-block-6 w-inline-block"> 1011 <img src="/static/images/youtube.png" alt=""> 1012 </a> 1013 <a href="http://line.me/ti/p/~@panyasociety" target="_BLANK" class="link-block-6 w-inline-block"> 1014 <img src="/static/images/line.png" alt=""> 1015 </a> 1016 1017 </div> 1018 </div> 1019 <div class="div-block-12"> 1020 <div class="text-block-5">COPYRIGHT © 2019 Panya Society All rights reserved.</div> 1021 </div> 1022 <div class="section-landscape"> 1023 <div class="landscape"><img src="/static/images/landscaoe.png" alt="" class="image-29"></div> 1024 <div class="text-block-48">This website is not optimal to be displayed on a landscape screen. Please view in 1025 portrait.</div> 1026 </div> 1027 <div data-collapse="medium" data-animation="default" data-duration="400" class="nav-login w-nav"> 1028 <div class="nav-container nav-taplet w-container"> 1029 <a href="/" class="brand brand-taplet w-nav-brand w--current"> 1030 <img src="/static/images/big_logo.svg" alt="" class="image-28"> 1031 </a> 1032 <nav role="navigation" class="nav-menu w-nav-menu"> 1033 1034 <a href="/course/list" class="nav-link w-nav-link">à¸à¸à¸£à¹à¸ª</a> 1035 1036 1037 1038 1039 <div data-hover="" data-delay="0" class="nav-dropdown w-dropdown"> 1040 <div class="nav-dropdown-toggle w-dropdown-toggle"> 1041 <div class="w-icon-dropdown-toggle"></div> 1042 <div>à¹à¸à¸£à¹à¸¡à¸à¸±à¹à¸</div> 1043 </div> 1044 <nav class="nav-dropdown-list w-dropdown-list"> 1045 1046 <a href="https://panyasociety.com/pages/course-tcas-a-level-tgat-tpat/" class="nav-dropdown-item w-dropdown-link">
1046Promotion NEW TCAS 70 à¸à¸´à¸ªà¸´à¸à¸ªà¹ à¹à¸à¸¡à¸µ à¸à¸à¸´à¸à¸¨à¸²à¸ªà¸à¸£à¹ A-Level</a> 1047 1048 <a href="https://panyasociety.com/pages/course-a-level-physics-tpat3/" class="nav-dropdown-item w-dropdown-link">Promotion à¸à¸´à¸§à¸ªà¸à¸à¸§à¸´à¸¨à¸§à¸° à¹à¸à¸¢ วิศวà¸à¸£à¸à¸±à¸§à¸à¸£à¸´à¸</a> 1049 1050 <a href="https://panyasociety.com/pages/physics-chem-math-term2/" class="nav-dropdown-item w-dropdown-link">Pack à¹à¸à¸´à¹à¸¡à¹à¸à¸£à¸ à¹à¸à¸à¸¡ 2 à¸à¸´à¸ªà¸´à¸à¸ªà¹ à¹à¸à¸¡à¸µ à¸à¸à¸´à¸à¸¨à¸²à¸ªà¸à¸£à¹</a> 1051 1052 <a href="https://panyasociety.com/pages/course-for-med/" class="nav-dropdown-item w-dropdown-link">à¸à¸´à¸§à¸ªà¸à¸à¸à¸à¸°à¹à¸à¸à¸¢à¹ à¹à¸¥à¸°à¸ªà¸²à¸¢à¸§à¸´à¸à¸¢à¹à¸ªà¸¸à¸à¸ าà¸</a> 1053 1054 <a href="https://panyasociety.com/pages/course-for-engineer/" class="nav-dropdown-item w-dropdown-link">à¸à¸´à¸§à¸ªà¸à¸à¸à¸à¸°à¸§à¸´à¸¨à¸§à¸à¸£à¸£à¸¡à¸¨à¸²à¸ªà¸à¸£à¹</a> 1055 1056 <a href="https://panyasociety.com/pages/course-for-social-science/" class="nav-dropdown-item w-dropdown-link">à¸à¸´à¸§à¸ªà¸à¸à¸à¸à¸°à¸à¸±à¸à¸à¸µ à¸à¸£à¸´à¸«à¸²à¸£ à¹à¸¨à¸£à¸©à¸à¸¨à¸²à¸ªà¸à¸£à¹</a> 1057 1058 </nav> 1059 </div> 1060 1061 1062 <a href="/instructors.html" class="nav-link w-nav-link">à¸à¸µà¸¡à¸ªà¸à¸</a> 1063 <a href="/pages/%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1/" class="nav-link w-nav-link">à¸à¸à¸à¸§à¸²à¸¡</a> 1064 <div data-hover="" data-delay="0" class="nav-dropdown w-dropdown"> 1065 <div class="nav-dropdown-toggle w-dropdown-toggle"> 1066 <div class="w-icon-dropdown-toggle"></div> 1067 <div>à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸</div> 1068 </div> 1069 <nav class="nav-dropdown-list w-dropdown-list"> 1070 <a href="/pages/congratulations-engineer/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ สà¸à¸à¸à¸´à¸à¸§à¸´à¸¨à¸§à¸°</a> 1071 <a href="/pages/success_posn/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ สà¸à¸§à¸.</a> 1072 <a href="/pages/panya-society-congratulations-dek69/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ Dek69</a> 1073 <a href="/pages/panya-society-congratulations-dek68/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ Dek68</a> 1074 <a href="/pages/congratulations-dek67/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ Dek67</a> 1075 <a href="/pages/congratulations_dek66/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ Dek66</a> 1076 <a href="/pages/congratulations_dek65/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ Dek65</a> 1077 <a href="/pages/congratulations/" class="nav-dropdown-item w-dropdown-link">à¸à¸¥à¸à¸²à¸à¸à¸±à¸à¹à¸£à¸µà¸¢à¸ Dek64</a> 1078 <a href="/pages/panya-reviews/" class="nav-dropdown-item w-dropdown-link">รีวิวà¸à¸à¸£à¹à¸ªà¸à¸à¸à¹à¸¥à¸à¹</a> 1079 </nav> 1080 </div> 1081 <div data-hover="" data-delay="0" class="nav-dropdown w-dropdown"> 1082 <div class="nav-dropdown-toggle w-dropdown-toggle"> 1083 <div class="w-icon-dropdown-toggle"></div> 1084 <div>à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²</div> 1085 </div> 1086 <nav class="nav-dropdown-list w-dropdown-list"> 1087 <a href="/about.html" class="nav-dropdown-item w-dropdown-link">à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²</a> 1088 <a href="/faq.html" class="nav-dropdown-item w-dropdown-link">FAQ</a> 1089 </nav> 1090 </div> 1091 <a href="#" class="nav-link my-courses-link w-nav-link">à¸à¸à¸£à¹à¸ªà¸à¸à¸à¸à¸±à¸</a> 1092 1093 </nav> 1094 1095 1096 1097 1098 <div class="div-block-5 w-clearfix"> 1099 <a href="#" class="login w-nav-link" data-ix="login">à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸</a> 1100 <a href="#" class="signup w-nav-link" data-ix="sign-up">ลà¸à¸à¸°à¹à¸à¸µà¸¢à¸</a> 1101 </div> 1102 1103 1104 </div> 1105 1106 1107 1108 1109 </div> 1110 1111 <div id="panya-loading"> 1112 1113 <div id="panya-loading-bg"> 1114 <img src="/static/images/panya_loading.gif" /> 1115 <div id="panya-loading-text">Loading</div> 1116 </div> 1117 1118 </div>
vendor: 113 bytes, lines 1118-1121
1118 1119 1120 1121 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1121<script src="/static/js/webflow.js?v=1.2.2" type="text/javascript"></script>
1121 1122
1122<script src="/static/js/sweetalert2.js" type="text/javascript"></script>
1122 1123
1123<script src="/static/js/swiper-bundle.min.js" type="text/javascript"></script>
1123 1124 <!-- [if lte IE 9]>
1124<script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
1124<![endif] --> 1125 <!--
1125<script src="/static/js/promotion.js" type="text/javascript"></script>
1125 --> 1126
1126<script src="/static/js/mainmodal.js" type="text/javascript"></script>
1126 1127 1128 1129
1129<script> 1130 1131 var NOTIFIACTION_CURRENT_PAGE = 1; 1132 $(document).ready(function () { 1133 1134 $('#btn-close-first-coupon').click(function () { 1135 $('.use-coupon').hide(); 1136 }); 1137 1138 $('#btn-check-coupon').click(checkCoupon); 1139 1140 1141 1142 initNotification(); 1143 }); 1144 1145 function initNotification() { 1146 1147 $('.btn-menu-notification').click(function() { 1148 // Hide notification badge 1149 $('.menu-notification-badge').hide(); 1150 notificationSeen(); 1151 }); 1152 1153 loadNotification(); 1154 } 1155 1156 function loadNotification() { 1157 $.ajax({ 1158 url: '/notification/?format=json', 1159 method: 'GET', 1160 data: {page: NOTIFIACTION_CURRENT_PAGE}, 1161 dataType: 'JSON', 1162 beforeSend: function(xhr) { 1163 1164 }, 1165 success: function(data) { 1166 1167 if (data.status == false) { 1168 return; 1169 } 1170 1171 $('.menu-notification-container').append(data.html); 1172 1173 var unread_count = data.unread_count; 1174 1175 if (unread_count > 0) { 1176 $('.menu-notification-badge').html(unread_count).css({display: 'flex'}); 1177 } else { 1178 $('.menu-notification-badge').hide(); 1179 } 1180 1181 } 1182 }); 1183 } 1184 1185 function notificationSeen() { 1186 $.ajax({ 1187 url: '/notification/seen', 1188 method: 'POST', 1189 data: {}, 1190 dataType: 'JSON', 1191 beforeSend: function (xhr) { 1192 xhr.setRequestHeader('X-CSRFToken', 'BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p'); 1193 }, 1194 success: function(data) { 1195 $('.menu-notification-badge').hide(); 1196 } 1197 }); 1198 } 1199 1200 function showLoading() { 1201 $('#panya-loading').fadeIn('fast'); 1202 } 1203 1204 function hideLoading() { 1205 $('#panya-loading').hide(); 1206 } 1207 1208 function showPopupCoupon(cb) { 1209 $('.use-coupon').show(); 1210 if (typeof (cb) == 'function') { 1211 cb(); 1212 } 1213 } 1214 1215 function checkCoupon() { 1216 1217 var coupon_code = $('#main_coupon_code').val(); 1218 1219 $.ajax({ 1220 url: '/transfer/use_global_coupon', 1221 beforeSend: function (xhr) { 1222 xhr.setRequestHeader('X-CSRFToken', 'BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p'); 1223 }, 1224 method: 'POST', 1225 data: { 1226 coupon_code: coupon_code 1227 }, 1228 dataType: 'JSON', 1229 error: function (xhr) { 1230 Swal.fire({ 1231 type: 'error', 1232 title: 'à¹à¸à¸´à¸à¸à¹à¸à¸à¸´à¸à¸à¸¥à¸²à¸ à¸à¸£à¸¸à¸à¸²à¸¥à¸à¸à¹à¸«à¸¡à¹à¸à¸µà¸à¸à¸£à¸±à¹à¸', 1233 }); 1234 }, 1235 success: function (data) { 1236 1237 if (data.status == false) { 1238 Swal.fire( 1239 '', 1240 data.description, 1241 'error' 1242 ); 1243 return; 1244 } 1245 1246 $('.use-coupon').hide(); 1247 location.reload(); 1248 1249 } 1250 }); 1251 1252 } 1253 1254 function pingShowPopupCoupon() { 1255 $.ajax({ 1256 url: '/transfer/ping_show_popup_coupon', 1257 beforeSend: function (xhr) { 1258 xhr.setRequestHeader('X-CSRFToken', 'BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p'); 1259 }, 1260 method: 'POST', 1261 data: {}, 1262 dataType: 'JSON', 1263 error: function (xhr) {}, 1264 success: function (data) {} 1265 }); 1266 } 1267 1268 function getVideoThumbnail(videoElement){ 1269 const videoUrl = videoElement.data('video_url') 1270 const thunbnailApiUrl = '/course/load_video_thumbnail/' 1271 $.ajax({ 1272 url: thunbnailApiUrl+"?video_url="+videoUrl, 1273 method: 'GET', 1274 success: function (data) { 1275 const imgElement = videoElement.find("img") 1276 if (imgElement) { 1277 const keys = Object.keys(data); 1278 const lastKey = keys[keys.length - 1]; 1279 const lastValue = data[lastKey]; 1280 if (lastValue) { 1281 imgElement.attr("src",lastValue) 1282 imgElement.attr("style","width: 100%; height: 100%;") 1283 } 1284 } 1285 } 1286 }) 1287 } 1288 1289 function showPreviewVideo(course_id) { 1290 1291 $.ajax({ 1292 url: '/course/load_video_preview', 1293 beforeSend: function (xhr) { 1294 xhr.setRequestHeader('X-CSRFToken', 'BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p'); 1295 showLoading(); 1296 }, 1297 method: 'POST', 1298 data: { 1299 course_id: course_id 1300 }, 1301 dataType: 'JSON', 1302 error: function (xhr) { 1303 hideLoading(); 1304 Swal.fire({ 1305 type: 'error', 1306 title: 'à¸à¸à¸à¸ ัย à¹à¸¡à¹à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸ªà¸à¸à¸§à¸µà¸à¸µà¹à¸à¸à¸±à¸§à¸à¸¢à¹à¸²à¸à¹à¸à¹à¹à¸à¸à¸à¸°à¸à¸µà¹', 1307 }); 1308 }, 1309 success: function (data) { 1310 hideLoading(); 1311 if (data.data.length == 0) { 1312 Swal.fire({ 1313 type: 'error', 1314 title: 'à¸à¸à¸à¸ ัย ยัà¸à¹à¸¡à¹à¸¡à¸µà¸§à¸µà¸à¸µà¹à¸à¸à¸±à¸§à¸à¸¢à¹à¸²à¸à¹à¸à¸à¸à¸°à¸à¸µà¹', 1315 }); 1316 return; 1317 } 1318 1319 var title = 'วิà¸à¸µà¹à¸à¸à¸±à¸§à¸à¸¢à¹à¸²à¸ : ' + data.course_name; 1320 1321 Swal.fire({ 1322 width: 800, 1323 title: title, 1324 html: data.html, 1325 showCloseButton: true, 1326 confirmButtonText: 'à¸à¸´à¸', 1327 customClass: { 1328 'container': 'popup-preview-video' 1329 }, 1330 onOpen: function () { 1331 var child = $(swal.getContent()); 1332 $(child).find('.popup-preview-video-item').click(function () { 1333 var video_url = $(this).data('video_url'); 1334 $(child).find('#popup-preview-video').html('<iframe class="iframe-preview-video" src="'+video_url+(video_url.includes("?")?"&":"?")+'autoplay=1" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>'); 1335 $(child).find('.popup-preview-video-item').removeClass('active'); 1336 $(this).addClass('active'); 1337 }); 1338 1339 } 1340 }); 1341 $('#list_preview_video').ready(function(){ 1342 $('#list_preview_video').children().each(function(index){ 1343 getVideoThumbnail($(this)) 1344 }) 1345 }); 1346 } 1347 }); 1348 } 1349 </script>
1349 1350
1350<script> 1351 function register_index(){ 1352 var email = document.getElementById("register_email").value; 1353 dataLayer.push({ 1354 'event': 'register_success', 1355 'email': email 1356 }); 1357 console.log(dataLayer); 1358 } 1359 </script>
1359 1360
1360<script> 1361 function showPromotionHeadBanner(){ 1362 var navbarHeight = 0; 1363 if (window.innerWidth <= 480) { 1364 const navbars = document.getElementsByClassName("navbar-phone"); 1365 if (navbars.length > 0) { 1366 navbarHeight = navbars[0].offsetHeight; 1367 } 1368 } else { 1369 const navbars = document.getElementsByClassName("nav-login"); 1370 if (navbars.length > 0) { 1371 navbarHeight = navbars[0].offsetHeight; 1372 } 1373 } 1374 fetch(`/home/promotion_head_banner/?top=${navbarHeight}`).then( 1375 (res) => res.json()) 1376 .then((data) => { 1377 if (data.banner_exists) { 1378 document.body.insertAdjacentHTML("beforeend", data.html); 1379 } 1380 }) 1381 .catch((err) => { 1382 console.error("Error:", err); 1383 }); 1384 } 1385 document.addEventListener("DOMContentLoaded", function() { 1386 showPromotionHeadBanner(); 1387 }); 1388 </script>
1388 1389 1390 1391 1392 <!-- Facebook Pixel Code --> 1393
1393<script>
vendor: 416 bytes, lines 1393-1402
1393 1394 !function(f,b,e,v,n,t,s) 1395 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 1396 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 1397 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 1398 n.queue=[];t=b.createElement(e);t.async=!0; 1399 t.src=v;s=b.getElementsByTagName(e)[0]; 1400 s.parentNode.insertBefore(t,s)}(window,document,'script', 1401 'https://connect.facebook.net/en_US/fbevents.js'); 1402 fbq('init', '
1402474724799786784
vendor: 35 bytes, lines 1402-1404
1402'); 1403 fbq('track', 'PageView'); 1404
1404</script>
1404 1405 <noscript> 1406 <img height="1" width="1" 1407 src="https://www.facebook.com/tr?id=474724799786784&ev=PageView 1408 &noscript=1"/> 1409 </noscript> 1410 <!-- End Facebook Pixel Code --> 1411 1412 1413 1414 1415 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 1415-1416
1415 1416 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1416GTM-T2WCCSW
vendor: 87 bytes, lines 1416-1418
1416" 1417 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1418
1418<!-- End Google Tag Manager (noscript) --> 1419 1420 1421
1422<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"69116a1342c748cdb2da852cf1f0e3a0","r":1,"spa":2}' crossorigin="anonymous"></script>
1422 1423</body> 1424 1425</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.