PageSourceSearch

https://account.moc.go.th/auth/login?client_id=2921178826400&retur…untcallback%2526client_id%253D2921178826400

html moc.go.th collected 2026-09-24 08:50:43 UTC 42,845 bytes, 1,413 lines download raw bytes

1<!DOCTYPE html>
2<html lang="th">
3
4<head>
5	<meta charset="utf-8">
6	<title>Login - MOC Account</title>
7	
8	<meta property="fb:app_id" content="174402864516642" />
9
10	<meta name="viewport" content="width&#x3D;device-width,&#x20;initial-scale&#x3D;1.0">
11<meta http-equiv="X-UA-Compatible" content="IE&#x3D;edge">
12	<link href="&#x2F;css&#x2F;bootstrap.min.css" media="screen" rel="stylesheet" type="text&#x2F;css">
13<link href="&#x2F;css&#x2F;font-awesome.min.css" media="screen" rel="stylesheet" type="text&#x2F;css">
14<link href="&#x2F;plugins&#x2F;slick&#x2F;slick-theme.css" media="screen" rel="stylesheet" type="text&#x2F;css">
15<link href="&#x2F;plugins&#x2F;iCheck&#x2F;minimal&#x2F;blue.css" media="screen" rel="stylesheet" type="text&#x2F;css">
16<link href="&#x2F;plugins&#x2F;datepicker&#x2F;datepicker3.css" media="screen" rel="stylesheet" type="text&#x2F;css">
17<link href="&#x2F;plugins&#x2F;lightbox&#x2F;css&#x2F;lightbox.css" media="screen" rel="stylesheet" type="text&#x2F;css">
18<link href="&#x2F;plugins&#x2F;bootstrap-dialog&#x2F;bootstrap-dialog.min.css" media="screen" rel="stylesheet" type="text&#x2F;css">
19<link href="&#x2F;plugins&#x2F;sweetalert2&#x2F;sweetalert2.min.css" media="screen" rel="stylesheet" type="text&#x2F;css">
20<link href="&#x2F;css&#x2F;style.css" media="screen" rel="stylesheet" type="text&#x2F;css">
21<link href="&#x2F;plugins&#x2F;fancybox&#x2F;jquery.fancybox-1.3.4.css" media="screen" rel="stylesheet" type="text&#x2F;css">
22<link href="&#x2F;img&#x2F;logos&#x2F;favicon.ico" rel="shortcut&#x20;icon" type="image&#x2F;vnd.microsoft.icon">
23	
23<script type="text&#x2F;javascript" src="&#x2F;js&#x2F;jquery-3.7.1.min.js"></script>
vendor: 1 bytes, line 23
23
24<script type="text&#x2F;javascript" src="&#x2F;js&#x2F;bootstrap.min.js"></script>
vendor: 1 bytes, line 24
24
25<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;jssor-slider&#x2F;jssor.slider.min.js"></script>
vendor: 1 bytes, line 25
25
26<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;slick&#x2F;slick.min.js"></script>
vendor: 1 bytes, line 26
26
27<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;datepicker&#x2F;bootstrap-datepicker-th.min.js"></script>
vendor: 1 bytes, line 27
27
28<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;datepicker&#x2F;locales&#x2F;bootstrap-datepicker.th.js"></script>
vendor: 1 bytes, line 28
28
29<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;slimScroll&#x2F;jquery.slimscroll.min.js"></script>
vendor: 1 bytes, line 29
29
30<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;iCheck&#x2F;icheck.min.js"></script>
vendor: 1 bytes, line 30
30
31<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;bootpag&#x2F;jquery.bootpag.min.js"></script>
vendor: 1 bytes, line 31
31
32<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;noty&#x2F;packaged&#x2F;jquery.noty.packaged.min.js"></script>
vendor: 1 bytes, line 32
32
33<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;lightbox&#x2F;js&#x2F;lightbox.js"></script>
vendor: 1 bytes, line 33
33
34<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;bootstrap-dialog&#x2F;bootstrap-dialog.min.js"></script>
vendor: 1 bytes, line 34
34
35<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;sweetalert2&#x2F;sweetalert2.min.js"></script>
vendor: 1 bytes, line 35
35
36<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;lightbox2&#x2F;js&#x2F;lightbox.min.js"></script>
vendor: 1 bytes, line 36
36
37<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;jQueryFiler&#x2F;js&#x2F;jquery.filer.js"></script>
vendor: 1 bytes, line 37
37
38<script type="text&#x2F;javascript" src="&#x2F;plugins&#x2F;moment&#x2F;moment.min.js"></script>
vendor: 1 bytes, line 38
38
39<script type="text&#x2F;javascript" src="&#x2F;js&#x2F;app.min.js"></script>
vendor: 1 bytes, line 39
39
40<script type="text&#x2F;javascript" src="&#x2F;js&#x2F;common.js&#x3F;v&#x3D;2"></script>
vendor: 1 bytes, line 40
40
41<script  src="&#x2F;plugins&#x2F;fancybox&#x2F;jquery.fancybox-1.3.4_patch.js"></script>
41
42	
42<script type="text/javascript">
43		$.ajaxSetup({
44			cache: false,
45			global: false
46		});
47	</script>
47
48
49	<style>
50		.bootstrap-dialog .modal-header {
51			border-top-left-radius: 0px;
52			border-top-right-radius: 0px;
53		}
54	</style>
55
56	<style>
57		nav.header-navbar {
58			min-height: unset;
59			margin: 0;
60			border: 0;
61			border-radius: 0;
62		}
63
64		nav.header-navbar .container-fluid {
65			padding: 0;
66		}
67
68		nav.header-navbar .navbar-brand .brand-box {
69			font-family: 'DB HelvethaicaX Med';
70			display: inline-block;
71			background: #00104C;
72			padding: 20px 15px 10px;
73		}
74
75		nav.header-navbar .navbar-brand .brand-box .brand-title1 {
76			display: inline-block;
77			font-size: 34px;
78			letter-spacing: 1px;
79			line-height: 1;
80			padding: 5px 15px 5px 0px;
81			color: #fff;
82		}
83
84		nav.header-navbar .navbar-brand .brand-box .brand-title2 {
85			display: inline-block;
86			font-size: 34px;
87			letter-spacing: 1px;
88			line-height: 1;
89			padding: 5px 15px;
90			color: #00104C;
91			background: #fff;
92		}
93
94		nav.header-navbar .navbar-header {
95			/*width:60%;*/
96		}
97
98		nav.header-navbar #bs-example-navbar-collapse-1 {
99			/*width: 40%;float: right;position: relative;*/
100		}
101
102		nav.header-navbar .top1 {
103			width: 28%;
104			float: left;
105			padding-top: 15px;
106			position: absolute;
107			right: 27%;
108		}
109
110		nav.header-navbar .nav>li>a {
111			padding: 11px 13px;
112		}
113
114		nav.header-navbar .navbar-nav {
115			padding-top: 10px;
116		}
117
118		nav.header-navbar .nav>li>a:focus,
119		nav.header-navbar .nav>li>a:hover {
120			background-color: transparent;
121			color: #fff !important;
122			border-bottom: 2px solid #730909;
123		}
124
125		nav.header-navbar .nav>li.active a {
126			border-bottom: 2px solid #730909;
127			padding-bottom: 3px;
128		}
129
130		nav.header-navbar .navbar-right a:hover {
131			border-bottom: none !important;
132		}
133
134		.switchlang-box {
135			font-size: 23px;
136			color: #fff;
137		}
138
139		.switchlang-box a {
140			color: #cbcbcb;
141		}
142
143		.switchlang-box a[data-lang="th"] {
144			color: #fff;
145		}
146
147		.navbar-right .li-registration a {
148			color: #fff !important
149		}
150
151		nav.header-navbar li a {
152			font-family: 'DB HelvethaicaX Med';
153			color: #999;
154			font-size: 22px;
155			letter-spacing: 1px;
156		}
157
158		nav.header-navbar li.active a {
159			color: #00104C;
160		}
161
162		.navbar-right .li-registration {
163			background: #337ab7 !important;
164			color: #fff;
165			border-radius: 20px;
166		}
167
168		nav.header-navbar .navbar-right {
169			padding-top: 10px;
170		}
171
172
173		@media screen and (max-width: 991px) {
174
175			/*body .row { margin: 0; margin-right: 0; margin-right: 0; }*/
176			.content-wrapper .section-2 .recommend-box-2 {
177				margin-bottom: 15px;
178			}
179
180			.content-wrapper .section-2 .recommend-box-3 {
181				margin-bottom: 15px;
182			}
183
184			.content-wrapper .section-3 .left-content {
185				padding-left: 0 !important;
186			}
187
188			.container-fluid>.navbar-header {
189				margin: unset;
190			}
191
192			nav.header-navbar li a {
193				font-size: 18px;
194			}
195
196			nav.header-navbar .navbar-brand .brand-box .brand-title1 {
197				font-size: 28px;
198			}
199
200			nav.header-navbar .navbar-brand .brand-box .brand-title2 {
201				font-size: 28px;
202			}
203
204			.main-header .logo .logo-lg {}
205		}
206
207		@media screen and (max-width: 600px) {
208			.header-first .container .row .col-md-12 .section-right a {
209				font-size: 18px;
210			}
211
212			.section-footer .footer-left-box .footer-title {
213				font-size: 18px;
214			}
215
216			.section-footer .footer-left-box:first-child {
217				display: none;
218			}
219		}
220	</style>
221
222	
223</head>
224
225<body class="hold-transition">
226
227	
228	<div class="wrapper">
229		<header class="main-header">
230			<div class="header-first">
231				<div class="container">
232					<nav class="navbar header-navbar">
233						<div class="navbar-header">
234
235							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
236								<span class="sr-only">Toggle navigation</span>
237								<span class="icon-bar"></span>
238								<span class="icon-bar"></span>
239								<span class="icon-bar"></span>
240							</button>
241							<a class="navbar-brand" href="/">
242								<div class="logo">
243									<div class="imglogo logo-lg">
244										<img src="/img/logos/logo.png" class="logo">
245									</div>
246									<div class="titlelogo">
247										<div class="brand-text1">MOC Account</div>
248										<div class="brand-text2">ระบบบัญชีผู้ใช้งานกลางกระทรวงพาณิชย์</div>
249									</div>
250								</div>
251							</a>
252						</div>
253						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
254							<ul class="nav navbar-nav navbar-right">
255																	<li class="li-registration">
256										<a href="/registration"><em class="fa fa-pencil-square-o"></em><span> สมัครสมาชิก / Register</span></a>
257									</li>
258									<li class="li-login">
259										<a href="/auth/login"><em class="fa fa-sign-in"></em> เข้าสู่ระบบ / Log In</a>
260									</li>
261															</ul>
262
263						</div>
264					</nav>
265				</div>
266			</div>
267		</header>
268		<div class="content-wrapper">
269			
270
271
272
273<style>
274	.dialogWelcomeWarning .result-close {
275		color: #999999;
276	}
277
278	.dialogWelcomeWarning .result-close em {
279		font-size: 36px;
280	}
281
282	.dialogWelcomeWarning .modal-dialog {
283		max-width: 1000px;
284	}
285
286	.dialogWelcomeWarning .modal-header {
287		display: none;
288	}
289
290	.dialogWelcomeWarning .modal-body {
291		font-family: 'Kanit';
292	}
293
294	.dialogWelcomeWarning .modal-footer {
295		display: none;
296	}
297
298	.dialogWelcomeWarning .result-title {
299		font-size: 32px;
300		margin: 15px 0px;
301		font-family: 'Kanit';
302	}
303
304	.dialogWelcomeWarning .result-body-1 {
305		font-size: 26px;
306		margin-bottom: 15px;
307	}
308
309	.dialogWelcomeWarning .result-body-2 {
310		font-size: 22px;
311		margin-bottom: 15px;
312		background: #1877F2;
313		cursor: pointer;
314		padding: 5px 30px;
315		border-radius: 10px;
316		color: #fff;
317		display: inline-block;
318	}
319
320	.dialogWelcomeWarning .result-body-3 {
321		font-size: 22px;
322		margin-bottom: 15px;
323		color: #1877F2;
324		cursor: pointer;
325	}
326
327	.dialogWelcomeWarning .result-body-3 span {
328		text-decoration: underline;
329	}
330
331	.dialogWelcomeWarning .result-body-4 {
332		font-size: 16px;
333		width: 300px;
334		max-width: 95%;
335		display: inline-block;
336		border-top: solid 1px #999;
337	}
338
339	.dialogWelcomeWarning .result-body-5 {
340		font-size: 20px;
341		margin-bottom: 15px;
342	}
343
344	.dialogWelcomeWarning .result-body-6 {
345		font-size: 22px;
346		margin-bottom: 15px;
347		background: #42B72A;
348		cursor: pointer;
349		padding: 5px 30px;
350		border-radius: 10px;
351		color: #fff;
352		display: inline-block;
353	}
354
355	@media screen and (max-width: 768px) {
356		.dialogWelcomeWarning .result-title {
357			font-size: 34px;
358		}
359
360		.dialogWelcomeWarning .result-body-1 {
361			font-size: 26px;
362		}
363
364		.dialogWelcomeWarning .result-body-2 {
365			font-size: 24px;
366		}
367
368		.dialogWelcomeWarning .result-body-3 {
369			font-size: 22px;
370		}
371
372		.dialogWelcomeWarning .result-body-5 {
373			font-size: 22px;
374		}
375
376		.dialogWelcomeWarning .result-body-6 {
377			font-size: 24px;
378		}
379	}
380
381	@media screen and (max-width: 425px) {
382		.dialogWelcomeWarning .result-title {
383			font-size: 32px;
384		}
385
386		.dialogWelcomeWarning .result-body-1 {
387			font-size: 24px;
388		}
389
390		.dialogWelcomeWarning .result-body-2 {
391			font-size: 22px;
392		}
393
394		.dialogWelcomeWarning .result-body-3 {
395			font-size: 20px;
396		}
397
398		.dialogWelcomeWarning .result-body-5 {
399			font-size: 20px;
400		}
401
402		.dialogWelcomeWarning .result-body-6 {
403			font-size: 22px;
404		}
405	}
406</style>
407
408<style>
409	#login-zone {
410		background-image: url('/img/other/home_login.png');
411		padding-top: 80px;
412		padding-bottom: 60px;
413		background-repeat: no-repeat;
414		background-position: center;
415		background-size: cover;
416	}
417
418	#login-zone .welcome-title {
419		color: #0B1546;
420		font-weight: bold;
421		font-family: 'Kanit';
422		font-size: 58px;
423		margin-bottom: 10px;
424		letter-spacing: 0px;
425		line-height: 80px;
426		padding-top: 10%;
427	}
428
429	#login-zone .welcome-button {
430		margin-bottom: 15px;
431	}
432
433	#login-zone .welcome-button .btn-more,
434	#login-zone .welcome-button .btn-more-officer {
435		text-align: left;
436		font-family: 'Kanit';
437		font-size: 16px;
438		text-decoration: none;
439		color: #fff;
440		padding: 10px 10px 10px 50px;
441		display: block;
442		border-radius: 5px;
443		width: 100%;
444	}
445
446	#login-zone .welcome-button .btn-more img,
447	#login-zone .welcome-button .btn-more-officer img {
448		width: 30px;
449		margin-right: 5px;
450		margin-left: -40px;
451	}
452
453	#login-zone .welcome-button .btn-more {
454		background-image: linear-gradient(to right, #3574DB, #072064);
455	}
456
457	#login-zone .welcome-button .btn-more-officer {
458		background-color: #0F1E47;
459	}
460
461	#login-zone .login-panel {
462		background-color: rgba(255, 255, 255, 0.9);
463		padding: 2% 3%;
464		box-shadow: 0px 0px 5px 5px #ccc;
465		border-radius: 5px;
466	}
467
468	#login-zone .login-title {
469		font-family: 'Kanit';
470		font-size: 22px;
471		margin-bottom: 15px;
472	}
473
474	#login-zone .login-panel .form-control-feedback {
475		color: #b9b9b9;
476		font-size: 24px;
477		top: 5px;
478	}
479
480	#login-zone .btn-regis {
481		background-color: #0ab2f3;
482		color: #fff;
483		font-size: 16px !important;
484	}
485
486	#login-zone .lnk-forgot-password {
487		color: #000;
488		font-family: 'Kanit';
489		font-size: 16px;
490		background-color: #9c3b93;
491		width: 100%;
492		padding: 5px;
493		display: block;
494		color: #fff;
495		border-radius: 5px;
496	}
497
498	#login-zone .login-warning {
499		color: #000;
500		font-family: 'Kanit';
501		font-size: 16px;
502		text-align: center;
503	}
504
505	#login-zone .login-choose {
506		color: #666666;
507		font-family: 'Kanit';
508		font-size: 20px;
509		text-align: center;
510		margin-right: -15px;
511		margin-left: -15px;
512		display: flex;
513		flex-direction: column;
514		justify-content: center;
515	}
516
517	#login-zone .login-choose .login-choose-label {}
518
519	#login-zone .app-form .form-control {
520		font-size: 13px;
521	}
522
523	#login-zone .welcome-notify {
524		font-family: 'Kanit';
525		font-size: 12px;
526		padding: 10px;
527		border-radius: 5px;
528		background-color: #9C3B93;
529		text-align: center;
530		color: #fff;
531		margin-bottom: 15px;
532	}
533
534	#login-zone .welcome-notify .welcome-notify-hotline {
535		font-size: 24px;
536		font-weight: bold;
537	}
538
539	#login-zone .app-form .has-feedback .form-control {
540		padding-right: 30px;
541	}
542
543	#login-zone .social-login-zone {}
544
545	#login-zone .social-login-zone .social-login {}
546
547	#login-zone .social-login-zone .social-login .social-login-btn {
548		background-color: #000;
549		color: #fff;
550		padding: 5px 15px 5px 39px;
551		display: block;
552		margin-bottom: 15px;
553		position: relative;
554		text-align: center;
555		line-height: 32px;
556		text-decoration: none;
557		font-size: 15px;
558	}
559
560	#login-zone .social-login-zone .social-login .social-login-icon {
561		position: absolute;
562		top: 5px;
563		left: 15px;
564		width: 32px;
565		font-size: 32px;
566	}
567
568	#login-zone .social-login-zone .social-login .social-login-btn-facebook {
569		background-color: #385499;
570	}
571
572	#login-zone .social-login-zone .social-login .social-login-btn-google {
573		background-color: #df4930;
574	}
575
576	#login-zone .social-login-zone .social-login .social-login-btn-line {
577		background-color: #00C300;
578	}
579
580	#login-zone .social-login-zone .social-login .social-login-btn-apple {
581		background-color: #000;
582		cursor: pointer;
583	}
584
585	.btn-thaid-login {
586		display: flex;
587		align-items: center;
588		justify-content: center;
589		gap: 8px;
590		width: 100%;
591		background-color: #1b52a4;
592		color: #fff !important;
593		transition: background-color .2s ease;
594	}
595
596	.btn-thaid-login:hover,
597	.btn-thaid-login:focus,
598	.btn-thaid-login:active {
599		background-color: #14417f;
600		color: #fff !important;
601		text-decoration: none;
602	}
603
604	.btn-thaid-login .btn-thaid-logo {
605		width: 20px;
606		height: 20px;
607		border-radius: 4px;
608		flex-shrink: 0;
609	}
610
611	.alert-danger {
612		font-family: tahoma;
613		font-size: 15px;
614		color: #a94442 !important;
615	}
616
617	#intro-zone {
618		background-color: #0B1546;
619		padding-top: 30px;
620		padding-bottom: 30px;
621	}
622
623	#intro-zone .title {
624		color: #fff;
625		font-weight: bold;
626		font-family: 'Kanit';
627		text-align: center;
628		font-size: 40px;
629		margin-bottom: 30px;
630	}
631
632	#intro-zone .intro {
633		background-color: #fff;
634		border-radius: 15px;
635		padding: 15px;
636		font-family: 'Kanit';
637		font-size: 22px;
638		margin-bottom: 30px;
639	}
640
641	#intro-zone .intro img.intro {
642		max-width: 100%;
643	}
644
645	#intro-zone .btn-zone .btn-more {
646		background-image: linear-gradient(to right, #3574DB, #072064);
647		font-family: 'Kanit';
648		font-size: 22px;
649		text-decoration: none;
650		color: #fff;
651		padding: 10px 30px;
652		display: inline-block;
653		border-radius: 5px;
654	}
655
656	#faq-zone {
657		background-image: url('/img/other/home_faq.png');
658		background-color: #F6F7F5;
659		padding-top: 30px;
660		padding-bottom: 30px;
661		background-repeat: no-repeat;
662		background-position: top center;
663		background-size: cover;
664	}
665
666	#faq-zone .title {
667		color: #0B1546;
668		font-weight: bold;
669		font-family: 'Kanit';
670		text-align: center;
671		font-size: 40px;
672		margin-bottom: 30px;
673	}
674
675	#faq-zone .body {
676		font-family: 'Kanit';
677	}
678
679	#faq-zone .body .faq-item {
680		margin-bottom: 30px;
681	}
682
683	#faq-zone .body .faq-item-inner {
684		margin-left: 25px;
685	}
686
687	#faq-zone .body .faq-item-question {
688		background-image: linear-gradient(to right, #3574DB, #072064);
689		color: #fff;
690		position: relative;
691		min-height: 50px;
692		font-size: 35px;
693		padding: 0px 50px;
694	}
695
696	#faq-zone .body .faq-item-number {
697		background-color: #072A59;
698		width: 50px;
699		display: block;
700		height: 50px;
701		line-height: 50px;
702		text-align: center;
703		font-weight: bold;
704		color: #fff;
705		border-radius: 50%;
706		position: absolute;
707		top: 0;
708		left: -25px;
709		font-family: 'tahoma';
710		font-size: 30px;
711	}
712
713	#faq-zone .body .faq-item-answer {
714		background-color: #fff;
715		color: #0B1546;
716		font-size: 35px;
717		padding: 10px 15px 10px 50px;
718	}
719
720	#faq-zone .body .faq-item-arrow {
721		position: absolute;
722		top: 5px;
723		right: 5px;
724		color: #fff;
725	}
726
727	#faq-zone .body .faq-item-label {
728		text-decoration: underline;
729	}
730
731	#registration-manual-zone {
732		background-image: url('/img/other/home_faq.png');
733		background-color: #F6F7F5;
734		padding-top: 30px;
735		padding-bottom: 30px;
736		background-repeat: no-repeat;
737		background-position: top center;
738		background-size: cover;
739	}
740
741	#registration-manual-zone .body {
742		text-align: center;
743	}
744
745	#registration-manual-zone .body .img-step {
746		max-width: 100%;
747	}
748
749	#dept-zone {
750		background-color: #0B1546;
751		padding-top: 30px;
752		padding-bottom: 30px;
753	}
754
755	#dept-zone .title {
756		color: #fff;
757		font-weight: bold;
758		font-family: 'Kanit';
759		text-align: center;
760		font-size: 40px;
761		margin-bottom: 30px;
762	}
763
764	.input-group-append {
765		width: 34px;
766		display: inline-block;
767		font-weight: 400;
768		color: #b9b9b9;
769		text-align: center;
770		vertical-align: middle;
771		-webkit-user-select: none;
772		-moz-user-select: none;
773		-ms-user-select: none;
774		user-select: none;
775		background-color: #b9b9b96e;
776		line-height: 1.5;
777		transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
778		height: 36px;
779		position: absolute;
780		top: 70%;
781		right: 0px;
782		transform: translateY(-50%);
783		background-color: #fff0;
784		cursor: pointer;
785	}
786
787	input::-ms-reveal,
788	input::-ms-clear {
789		display: none;
790	}
791
792	.alert.alert-ad {
793		background-color: #2277CA;
794		border-color: #2277CA;
795		color: #fff;
796		font-size: 12px;
797		font-family: tahoma;
798	}
799
800	.rdo-ad {
801		width: 100%;
802	}
803
804	.rdo-ad div[class^=icheckbox] {
805		vertical-align: top;
806		margin-top: 7px;
807	}
808
809	.rdo-ad span {
810		display: inline-block;
811		width: calc(100% - 25px);
812	}
813
814	.login-form-tabs {
815		display: flex;
816		width: 100%;
817		align-items: flex-end;
818	}
819
820	.login-form-tabs>li {
821		flex-grow: 1;
822		color: #fff;
823		text-align: center;
824	}
825
826	.login-form-tabs.nav-tabs>li.active>a {
827		border: none;
828		padding-top: 12px;
829		padding-bottom: 12px;
830	}
831
832	.login-form-tabs.nav-tabs>li>a {
833		border: none;
834		font-family: 'Kanit';
835		font-size: 15px;
836		padding-top: 7px;
837		padding-bottom: 7px;
838	}
839
840	.tab-mocaccount {}
841
842	.nav-tabs>li.tab-mocaccount>a,
843	.nav-tabs>li.tab-mocaccount>a:focus,
844	.nav-tabs>li.tab-mocaccount>a:hover,
845	.nav-tabs>li.tab-mocaccount.active>a,
846	.nav-tabs>li.tab-mocaccount.active>a:focus,
847	.nav-tabs>li.tab-mocaccount.active>a:hover,
848	.tab-mocaccount a,
849	.tab-mocaccount a:focus,
850	.tab-mocaccount a:hover {
851		background-color: #243F71;
852		color: #fff;
853	}
854
855	.tab-ops {}
856
857	.nav-tabs>li.tab-ops>a,
858	.nav-tabs>li.tab-ops>a:focus,
859	.nav-tabs>li.tab-ops>a:hover,
860	.nav-tabs>li.tab-ops.active>a,
861	.nav-tabs>li.tab-ops.active>a:focus,
862	.nav-tabs>li.tab-ops.active>a:hover,
863	.tab-ops a,
864	.tab-ops a:focus,
865	.tab-ops a:hover {
866		background-color: #9C3B93;
867		color: #fff;
868		margin-right: 0px;
869	}
870
871	.login-form-zone {
872		padding: 10px;
873		border-bottom-left-radius: 5px;
874		border-bottom-right-radius: 5px;
875	}
876
877	.login-form-zone.login-form-mocaccount {
878		background-color: #243F71;
879	}
880
881	.login-form-zone.login-form-ops {
882		background-color: #9C3B93;
883	}
884
885	.login-form-zone-inner {
886		padding: 10px;
887		background-color: #fff;
888		border-radius: 5px;
889	}
890
891	.login-form-zone.login-form-mocaccount .login-form-zone-addition {
892		display: block;
893	}
894
895	.login-form-zone.login-form-ops .login-form-zone-addition {
896		display: none;
897	}
898
899	.hint-username {
900		font-size: 12px;
901		font-family: 'Kanit';
902		text-align: center;
903		padding: 10px 10px 0;
904		color: #e00f0f;
905	}
906
907	.info-for-ad {
908		margin-bottom: 15px;
909		background-color: #de4d4d;
910		padding: 10px;
911		color: #fff;
912		font-family: 'Kanit';
913		font-size: 12px;
914	}
915
916	.login-form-mocaccount .info-for-ad {
917		display: none;
918	}
919
920	.nav-tabs>li>a {
921		margin-right: 0px;
922	}
923
924	@media screen and (max-width: 1199px) {
925
926		#login-zone .welcome-button .btn-more,
927		#login-zone .welcome-button .btn-more-officer {
928			text-align: left;
929		}
930	}
931
932	@media screen and (max-width: 991px) {
933
934		#login-zone .welcome-button .btn-more,
935		#login-zone .welcome-button .btn-more-officer {
936			text-align: center;
937		}
938	}
939
940	@media screen and (max-width: 400px) {
941
942		#login-zone .welcome-button .btn-more,
943		#login-zone .welcome-button .btn-more-officer {
944			text-align: left;
945		}
946	}
947</style>
948
949
950<div id="login-zone">
951	<div class="container">
952		<div class="row">
953			<div class="col-md-4">
954				<div class="welcome-title">
955					ยินดีต้อนรับสู่
956					<br />
957					MOC Account
958				</div>
959				<div class="welcome-button ">
960					<a href="/assets/registration/RegistrationManual.pdf" class="btn-more" target="_blank">
961						<img src="/assets/registration/icon-manual-public.png" alt="icon" />
962						คู่มือการสมัครสำหรับผู้ประกอบการและประชาชนทั่วไป
963					</a>
964				</div>
965				<div class="welcome-button ">
966					<a href="/assets/registration/RegistrationManualOfficer.pdf" class="btn-more-officer" target="_blank">
967						<img src="/assets/registration/icon-manual-officer.png" alt="icon" />
968						คู่มือการสมัครสำหรับบุคลากรกระทรวงพาณิชย์
969					</a>
970				</div>
971				<!-- <div class="welcome-notify">
972					หากติดขัดหรือ เกิดปัญหาการใช้งาน ติดต่อผู้พัฒนาระบบ <br />คุณณัฐพล 0982144842 หรือ คุณนิตยา 025077291
973				</div> -->
974				<div class="welcome-notify">
975					หากติดขัดหรือ เกิดปัญหาการใช้งาน<br>กรุณาติดต่อ ศูนย์เทคโนโลยีสารสนเทศและการสื่อสาร<br>สำนักงานปลัดกระทรวงพาณิชย์
976					<br />
977					<span class="welcome-notify-hotline">เบอร์ HOTLINE </span>
978					<span class="welcome-notify-hotline">094 981 1633</span>
979					<br />
980					<span class="welcome-notify-hotline">หรือเบอร์ภายใน 6363</span>
981					<br>
982				</div>
983			</div>
984			<div class="col-md-8">
985				<div class="login-panel">
986					<div class="row">
987													<div class="col-md-5">
988								<div class="login-title text-center">เข้าสู่ระบบด้วย</div>
989								<div class="social-login-zone">
990																			<div class="social-login">
991											<a id="btn-apple-login" href="/auth/appleredirect?return=eyJjbGllbnRfaWQiOiIyOTIxMTc4ODI2NDAwIiwicmV0dXJuX3RvIjoiJTJGYXV0aCUyRmF1dGhvcml6ZSUzRnN0YXRlJTNEZjEzMTdiMDdhZTc0NzlhODQ1ODgwMjg1MWY4ZWU1OTYlMjZyZXNwb25zZV90eXBlJTNEY29kZSUyNmFwcHJvdmFsX3Byb21wdCUzRGF1dG8lMjZyZWRpcmVjdF91cmklM0RodHRwcyUzQSUyRiUyRnd3dy5tb2MuZ28udGglMkZ0aCUyRmF1dGglMkZtb2NhY2NvdW50Y2FsbGJhY2slMjZjbGllbnRfaWQlM0QyOTIxMTc4ODI2NDAwIn0%3D" class="social-login-btn social-login-btn-apple"><em class="fa fa-apple social-login-icon"></em> Sign in with Apple</a>
992										</div>
993																												<div class="social-login">
994											<a href="/auth/facebooklogin?return=eyJjbGllbnRfaWQiOiIyOTIxMTc4ODI2NDAwIiwicmV0dXJuX3RvIjoiJTJGYXV0aCUyRmF1dGhvcml6ZSUzRnN0YXRlJTNEZjEzMTdiMDdhZTc0NzlhODQ1ODgwMjg1MWY4ZWU1OTYlMjZyZXNwb25zZV90eXBlJTNEY29kZSUyNmFwcHJvdmFsX3Byb21wdCUzRGF1dG8lMjZyZWRpcmVjdF91cmklM0RodHRwcyUzQSUyRiUyRnd3dy5tb2MuZ28udGglMkZ0aCUyRmF1dGglMkZtb2NhY2NvdW50Y2FsbGJhY2slMjZjbGllbnRfaWQlM0QyOTIxMTc4ODI2NDAwIn0%3D" class="social-login-btn social-login-btn-facebook"><em class="fa fa-facebook-square social-login-icon"></em> Facebook</a>
995										</div>
996																												<div class="social-login">
997											<a href="/auth/googlelogin?return=eyJjbGllbnRfaWQiOiIyOTIxMTc4ODI2NDAwIiwicmV0dXJuX3RvIjoiJTJGYXV0aCUyRmF1dGhvcml6ZSUzRnN0YXRlJTNEZjEzMTdiMDdhZTc0NzlhODQ1ODgwMjg1MWY4ZWU1OTYlMjZyZXNwb25zZV90eXBlJTNEY29kZSUyNmFwcHJvdmFsX3Byb21wdCUzRGF1dG8lMjZyZWRpcmVjdF91cmklM0RodHRwcyUzQSUyRiUyRnd3dy5tb2MuZ28udGglMkZ0aCUyRmF1dGglMkZtb2NhY2NvdW50Y2FsbGJhY2slMjZjbGllbnRfaWQlM0QyOTIxMTc4ODI2NDAwIn0%3D" class="social-login-btn social-login-btn-google"><em class="fa fa-google-plus-square social-login-icon"></em> Google+</a>
998										</div>
999																												<div class="social-login">
1000																							<a href="/auth/linelogin?return=eyJjbGllbnRfaWQiOiIyOTIxMTc4ODI2NDAwIiwicmV0dXJuX3RvIjoiJTJGYXV0aCUyRmF1dGhvcml6ZSUzRnN0YXRlJTNEZjEzMTdiMDdhZTc0NzlhODQ1ODgwMjg1MWY4ZWU1OTYlMjZyZXNwb25zZV90eXBlJTNEY29kZSUyNmFwcHJvdmFsX3Byb21wdCUzRGF1dG8lMjZyZWRpcmVjdF91cmklM0RodHRwcyUzQSUyRiUyRnd3dy5tb2MuZ28udGglMkZ0aCUyRmF1dGglMkZtb2NhY2NvdW50Y2FsbGJhY2slMjZjbGllbnRfaWQlM0QyOTIxMTc4ODI2NDAwIn0%3D" class="social-login-btn social-login-btn-line"><img src="/img/login/line_32.png" class="social-login-icon">
1000 Line</a>
1001																					</div>
1002									
1003									<div>
1004										<a href="/registration/selecttype" class="btn btn-regis btn-block btn-flat" style="font-family: 'Kanit'; margin-bottom: 15px; font-size: 15px;">
1005											สำหรับผู้ใช้งานที่ไม่เคยสมัครมาก่อน<br />
1006											<u>ลงทะเบียนคลิกที่นี่ / Register here</u>
1007										</a>
1008									</div>
1009
1010									<div class="login-warning">
1011										ทั้งนี้กระทรวงพาณิชย์ไม่มีนโยบายในการโทรศัพท์ติดต่อ <br />
1012										เพื่อขอข้อมูลกับผู้ประกอบการใด ๆ ทั้งสิ้น <br />
1013										ดังนั้นกระทรวงพาณิชย์จึงขอประกาศเตือน <br />
1014										เพื่อไม่ให้ผู้ใช้งานเว็บไซต์หลงเชื่อผู้ไม่หวังดี
1015									</div>
1016
1017								</div>
1018							</div>
1019							<div class="col-md-1">
1020								<div class="login-choose" id="login-choose">
1021									<div class="login-choose-label">หรือ</div>
1022								</div>
1023							</div>
1024												<div class="col-md-6">
1025							<div class="login-title text-center">เข้าสู่บัญชีของคุณ</div>
1026
1027
1028							<ul class="nav nav-tabs login-form-tabs" id="login-form-tabs">
1029								<li class="active tab-mocaccount"><a data-toggle="tab" data-type="mocaccount" href="#mocaccount">MOC Account</a></li>
1030							</ul>
1031							<div id="login-form-zone" class="login-form-zone login-form-mocaccount">
1032
1033								<div class="login-form-zone-inner">
1034
1035									<form action="/auth/login?client_id=2921178826400&return_to=%252Fauth%252Fauthorize%253Fstate%253Df1317b07ae7479a8458802851f8ee596%2526response_type%253Dcode%2526approval_prompt%253Dauto%2526redirect_uri%253Dhttps%253A%252F%252Fwww.moc.go.th%252Fth%252Fauth%252Fmocaccountcallback%2526client_id%253D2921178826400" method="post" class="app-form" id="login-form">
1036										<input type="hidden" name="csrf" value="df915a715044d6a8d75f3730927d0c1c-9890ef5752a50f4720830a8786779c50">										<input type="hidden" name="chkOpsOfficer" id="chkOpsOfficer" value="N">
1037										
1038										<div class="info-for-ad">
1039											ใช้ Log-in ในกรณีที่ท่านเป็นบุคลากรของ สป.พณ. และสมาชิก MOC Account และ ยืนยันเลขบัตรประจำตัวประชาชน 13 หลักผ่านระบบเรียบร้อยแล้วเท่านั้น
1040										</div>
1041
1042										<div class="form-group has-feedback">
1043											<input type="text" class="form-control" name="username" id="username" placeholder="อีเมล์ / เลขประจำตัว / เบอร์มือถือ / Username" autocomplete="off">
1044											<span class="fa fa-user form-control-feedback" style=""></span>
1045											<div class="hint-username login-form-zone-addition">
1046												ท่านสามารถใช้อีเมล์ที่ท่านเคยสมัครสมาชิก MOC Account เอาไว้เพื่อ Login เข้าใช้งาน เช่น @moc.go.th, @gmail.com, @hotmail.com
1047											</div>
1048										</div>
1049
1050										<div class="form-group has-feedback">
1051											<input type="password" class="form-control pass-swap" name="password" id="password" placeholder="กรุณากรอกรหัสผ่าน" title="รหัสผ่าน" autocomplete="off">
1052											<div class="input-group-append">
1053												<i class="glyphicon glyphicon-eye-open"></i>
1054											</div>
1055										</div>
1056																				<div class="row" style="margin-bottom: 15px;">
1057											<div class="col-xs-12">
1058												<button type="submit" class="btn btn-primary btn-block btn-flat btn-auth-submit" style="font-family: 'Kanit'; font-size: 15px !important; background-color: #243F71 !important; border: none;
1058" id="btnLogin">ลงชื่อเข้าใช้งาน / Log In</button>
1059											</div>
1060										</div>
1061									</form>
1062																													<div class="row" style="margin-bottom: 15px;">
1063											<div class="col-xs-12">
1064												<a href="/auth/thaidredirect?return=eyJjbGllbnRfaWQiOiIyOTIxMTc4ODI2NDAwIiwicmV0dXJuX3RvIjoiJTJGYXV0aCUyRmF1dGhvcml6ZSUzRnN0YXRlJTNEZjEzMTdiMDdhZTc0NzlhODQ1ODgwMjg1MWY4ZWU1OTYlMjZyZXNwb25zZV90eXBlJTNEY29kZSUyNmFwcHJvdmFsX3Byb21wdCUzRGF1dG8lMjZyZWRpcmVjdF91cmklM0RodHRwcyUzQSUyRiUyRnd3dy5tb2MuZ28udGglMkZ0aCUyRmF1dGglMkZtb2NhY2NvdW50Y2FsbGJhY2slMjZjbGllbnRfaWQlM0QyOTIxMTc4ODI2NDAwIn0%3D" class="btn btn-block btn-flat btn-thaid-login" style="font-family: 'Kanit'; font-size: 15px;">
1065													<img src="/img/login/thaid.png" alt="ThaID" class="btn-thaid-logo">
1066													<span>ลงชื่อเข้าใช้งานด้วยบัญชี ThaID</span>
1067												</a>
1068											</div>
1069										</div>
1070																		<div class="login-form-zone-addition">
1071																				<div class="divForgot text-center">
1072											<a class="lnk-forgot-password" href="/forgotpassword">ลืมรหัสผ่านคลิกที่นี่ / Forgot password?</a>
1073										<div class="divMfaNotice" style="margin-top: 12px; padding: 10px 10px; color: #d0021b; font-family: 'Kanit'; font-size: 12px; line-height: 1.6; text-align: left; border: 1px solid #f1b0b0; background-color: #fff5f5; border-radius: 6px; text-align: center;">
1074											<strong>โปรดอ่าน :</strong> ในกรณีที่ท่านใช้ระบบปฏิบัติการ iOS<br/>เพื่อยืนยันตัวตน (Multi-Factor Authentication) ให้ท่าน<br/>ใช้การยืนยันตัวตนด้วย Google Authenticator เท่านั้น
1075										</div>
1076										</div>
1077									</div>
1078
1079								</div>
1080							</div>
1081
1082						</div>
1083					</div>
1084
1085				</div>
1086			</div>
1087		</div>
1088	</div>
1089</div>
1090
1091
1092<div id="intro-zone">
1093	<div class="container">
1094		<div class="title">MOC Account คืออะไร ?</div>
1095		<div class="intro">
1096			<p class="text-center">
1097				MOC Account คือ ระบบบัญชีผู้ใช้งานกลางกระทรวงพาณิชย์ ซึ่งสมาชิกสามารถใช้งานบริการในภาพรวมของกระทรวงฯ
1098				<br />
1099				ได้ด้วยการ Log in เพียงครั้งเดียว ซึ่งระบบได้รวมบริการต่าง ๆ ของกรมไว้ เพื่อให้ประชาชนสามารถใช้ MOC Account เข้าใช้บริการต่าง ๆ ของกรมโดยใช้เทคนิค Single Sign-on
1100			</p>
1101			<div>
1102				<img src="/img/other/intro.png" class="intro" />
1103			</div>
1104		</div>
1105		<div class="text-center btn-zone">
1106			<a href="/registration/selecttype" class="btn-more">สมัครบัญชีใหม่ MOC ACCOUT...คลิก</a>
1107		</div>
1108	</div>
1109</div>
vendor: 119 bytes, lines 1109-1114
1109
1110
1111
1112
1113
1114<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
1115<script>
1116	var onSubmit = function(token) {
1117		$("#login-form").submit();
1118	};
1119
1120	var onloadCallback = function() {
1121		grecaptcha.render('btnLogin', {
1122			'sitekey': '6Lesxd4lAAAAAEMM8ev0cbjiRRRG_vDsS_K7GyCl',
1123			'callback': onSubmit
1124		});
1125	};
1126
1127	var dialogWelcomeWarning;
1128
1129	function closeMessageInfo() {
1130		$('#forgetPasswordModal').modal('hide');
1131	}
1132
1133	$(function() {
1134
1135		
1136		$(document.body).on("click", "[class*='glyphicon-eye-open']", function() {
1137			$(this).toggleClass("glyphicon-eye-close glyphicon-eye-open");
1138			$(this).toggleClass("glyphicon-eye-open glyphicon-eye-open-close");
1139			let ele = $(this).closest(".input-group-append").siblings(".pass-swap");
1140			let swap_attr = (ele.attr("type") == "password") ? "text" : "password";
1141			ele.attr("type", swap_attr);
1142		});
1143
1144		resizeLoginChoose();
1145
1146		function resizeLoginChoose() {
1147			var parentHeight = $("#login-choose").parents(".login-panel").height();
1148			if ($(window).width() <= 991) {
1149				$("#login-choose").css("height", "auto");
1150			} else {
1151				$("#login-choose").css("height", parentHeight + "px");
1152			}
1153		}
1154		$(window).resize(function() {
1155			resizeLoginChoose();
1156		});
1157		//$("input[type=checkbox],input[type=radio]").iCheck({checkboxClass: 'icheckbox_flat-blue',radioClass: 'iradio_flat-blue'});
1158
1159		$("input[type=checkbox],input[type=radio]").iCheck({
1160			checkboxClass: 'icheckbox_minimal-blue',
1161			radioClass: 'iradio_minimal-blue'
1162		});
1163
1164		function setUsernameLabel(isOfficer) {
1165			if (isOfficer) {
1166				$("#chkOpsOfficer").val('Y');
1167				$("#lblUsername").text("AD Username");
1168				$("#username").attr("placeholder", "AD Username");
1169				$("#login-form-zone").removeClass('login-form-ops').removeClass('login-form-mocaccount').addClass('login-form-ops');
1170				$(".btn-auth-submit").css({
1171					'background': '#9C3B93'
1172				});
1173			} else {
1174				$("#chkOpsOfficer").val('N');
1175				$("#lblUsername").text("อีเมล์ / เลขประจำตัว / เบอร์มือถือ / Username");
1176				$("#username").attr("placeholder", "อีเมล์ / เลขประจำตัว / เบอร์มือถือ / Username");
1177				$("#login-form-zone").removeClass('login-form-ops').removeClass('login-form-mocaccount').addClass('login-form-mocaccount');
1178				$(".btn-auth-submit").css({
1179					'background': '#243F71'
1180				});
1181			}
1182		}
1183		setUsernameLabel($("#chkOpsOfficer").val() == 'Y');
1184
1185		$('#login-form-tabs a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
1186			setUsernameLabel($(e.target).data('type') == 'ops');
1187		});
1188
1189		// Remove Facebook URL
1190		if (window.location.hash && window.location.hash == '#_=_') {
1191			if (window.history && history.pushState) {
1192				window.history.pushState("", document.title, window.location.pathname);
1193			} else {
1194				// Prevent scrolling by storing the page's current scroll offset
1195				var scroll = {
1196					top: document.body.scrollTop,
1197					left: document.body.scrollLeft
1198				};
1199				window.location.hash = '';
1200				// Restore the scroll offset, should be flicker free
1201				document.body.scrollTop = scroll.top;
1202				document.body.scrollLeft = scroll.left;
1203			}
1204		}
1205
1206		
1207			
1208				var warnningWelcomeStr = '\
1209				<div class="text-center" style="">\
1210					<div class="result-close text-right">\
1211						<em class="fa fa-window-close-o" onclick="closeWelcomeWarning()"></em>\
1212					</div>\
1213					<div class="result-title">\
1214						ท่านมีบัญชี MOC Account แล้วหรือยัง ?\
1215					</div>\
1216					<div class="result-body-2" onclick="closeWelcomeWarning()">\
1217						เข้าสู่ระบบ MOC Account คลิกที่นี่\
1218					</div>\
1219					<br>\
1220					<br>\
1221					<div class="result-body-4">\
1222						&nbsp;\
1223					</div>\
1224					<div class="result-body-5">\
1225						หากท่านยังไม่มีบัญชี MOC Account สามารถสมัครสมาชิกได้ทันที\
1226					</div>\
1227					<div class="result-body-6" onclick="goRegister()">\
1228						สมัครสมาชิก MOC Account ใหม่ คลิกที่นี่\
1229					</div>\
1230				</div>\
1231				';
1232				dialogWelcomeWarning = BootstrapDialog.show({
1233					title: 'แจ้งเตือน',
1234					message: $('<div id="dialogWelcomeWarning">' + warnningWelcomeStr + '</div>'),
1235					closable: true,
1236					closeByBackdrop: false,
1237					closeByKeyboard: false,
1238					autodestroy: true,
1239					cssClass: "dialogWelcomeWarning",
1240				});
1241				dialogWelcomeWarning.open();
1242
1243			
1244		
1245	});
1246
1247	
1248		function closeWelcomeWarning() {
1249			if (dialogWelcomeWarning) {
1250				dialogWelcomeWarning.close();
1251			}
1252		}
1253
1254		function goRegister() {
1255			window.location = "/registration/selecttype";
1256		}
1257
1258		function goForgetpassword() {
1259			window.location = "/forgotpassword";
1260		}
1261	</script>
1261
1262
1263
1264<style>
1265	#fancybox-wrap {
1266		top: 50px !important;
1267	}
1268
1269	#fancybox-content {
1270		border: 0px !important;
1271	}
1272
1273	#fancybox-close {
1274		right: -30px !important;
1275	}
1276
1277
1278	@media screen and (max-width: 991px) {
1279		.popup-container {
1280			width: 450px !important;
1281		}
1282	}
1283
1284	@media screen and (max-width: 768px) {
1285		.popup-container {
1286			width: 250px !important;
1287		}
1288	}
1289
1290	@media screen and (max-width: 400px) {
1291		.popup-container {
1292			width: 250px !important;
1293		}
1294	}
1295
1296	@media screen and (max-width: 300px) {
1297		.popup-container {
1298			width: 200px !important;
1299		}
1300	}
1301</style>
1302
1303	<a id="popup" href="/popup" title="popup" style="display: none;">popup</a>
1304	
1304<script type="text/javascript">
1305		jQuery(function() {
1306			$("#popup").fancybox({
1307				'modal': false,
1308				'titleShow': false,
1309				'scrolling': 'no'
1310			});
1311			$("#popup").click();
1312		});
1313	</script>
1313
1314		</div>
1315	</div>
1316
1317	
1318	<footer class="main-footer">
1319		<div class="section-footer" style="padding-top: 10px;z-index: 10;position: relative;">
1320			<div class="container">
1321				<div class="row">
1322					<div class="col-md-5" style="display: inline-flex; ">
1323						<div class="footer-left-box" style="display: block; ">
1324							<div class="col-md-3 imglogo">
1325								<img src="/img/logos/logo.png" alt="Logo">
1326							</div>
1327							<div class="col-md-7 col-md-offset-4" style="font-size: 22px;">
1328								กระทรวงพาณิชย์
1329							</div>
1330							<div class="col-md-7 col-md-offset-4" style="font-size: 14px; color: #019fe1; ">
1331								Ministry of Commerce
1332							</div>
1333							<div class="col-md-12 footer-sub-title">
1334								563 ถนนนนทบุรี ตำบลบางกระสอ อำเภอเมือง จังหวัดนนทบุรี 11000
1335								<br>
1336								E-mail: [email protected]
1337								<br>
1338								<br>
1339								สงวนลิขสิทธิ์ พ.ศ.2564 กระทรวงพาณิชย์ Ministry of Commerce
1340															</div>
1341						</div>
1342					</div>
1343					<div class="col-md-7">
1344						<div class="row">
1345							<div class="col-md-12 footer-right-box box1">
1346								<a href="https://www.facebook.com/MOCThailand/" target="_blank"><img src="/img/other/f-icon.png" alt="Facebook" style="width: 35px;"></a>
1347								<a href="https://twitter.com/ThailandMOC" target="_blank"><img src="/img/other/t-icon.png" alt="Line" style="width: 35px;"></a>
1348								<a href="https://www.youtube.com/channel/UCMJTbd89VSMouR9P3mko8Cw" target="_blank"><img src="/img/other/y-icon.png" alt="Youtube" style="width: 35px;"></a>
1349							</div>
1350														<div class="col-md-12 footer-right-box box4">
1351								<a href="/pdpa" style="margin-left: 0;">นโยบายการเปิดเผยข้อมูลส่วนบุคคลของกระทรวงพาณิชย์</a> |
1352								<a href="/general/pdpa" style="margin-left: 0;">คำขอเกี่ยวกับข้อมูลส่วนบุคคล</a>
1353							</div>
1354							<div class="col-md-12 footer-right-box box4">
1355								รองรับการทำงานบน Internet Explorer v.9+, Firefox v.20+, Safari v.5+, Chrome v.25+, Opera v.10+
1356							</div>
1357							<div class="col-md-12 footer-right-box box4">
1358								<div class="user-view">
1359									<p>จำนวนผู้เข้าชม : <span>4,384,047</span></p>
1360								</div>
1361							</div>
1362						</div>
1363					</div>
1364
1365				</div>
1366			</div>
1367		</div>
1368	</footer>
1369
1370	<style>
1371#lhc_status_container {
1372    background-color: #fecb01 !important;
1373    border-radius: 0px !important;
1374    border: none !important;
1375    padding: 5px 0px 3px 5px !important;
1376}
1377#lhc_status_container {
1378    width: 293px !important;
1379}
1380#lhc_status_container .status-icon {
1381    font-family: ThaiSans Neue !important;
1382    color: #000 !important;
1383    font-size: 18px !important;
1384    font-weight: normal !important;
1385}
1386#lhc_status_container .status-icon {
1387    padding: 10px 10px 10px 52px !important;
1388}
1389#lhc_status_container .status-icon {
1390    background: url(/img/icons/chat2.png) no-repeat 4% !important;
1391        background-size: auto;
1392    background-size: 10% !important;
1393}
1394@media screen and (max-width: 450px) {
1395	#lhc_status_container {
1396		display: none;
1397	}
1398}
1399</style>
1400<div class="custom"  >
1401<script>
1402var LHC_API = LHC_API||{};
1403LHC_API.args = {mode:'widget',lhc_base_url:'https://livechat2.emworkgroup.co.th/index.php/',wheight:570,wwidth:350,pheight:520,pwidth:500,fresh:false,leaveamessage:true,department:[26],theme:7,check_messages:false,lang:'tha/'};
1404(function() {
1405var po = document.createElement('script'); po.type = 'text/javascript'; po.setAttribute('crossorigin','anonymous'); po.async = true;
1406var date = new Date();po.src = 'https://livechat2.emworkgroup.co.th/design/defaulttheme/js/widgetv2/index.js?'+(""+date.getFullYear() + date.getMonth() + date.getDate());
1407var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
1408})();
1409</script>
1409
1410</div>
1411</body>
1412
1413</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.