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=device-width, initial-scale=1.0"> 11<meta http-equiv="X-UA-Compatible" content="IE=edge"> 12 <link href="/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css"> 13<link href="/css/font-awesome.min.css" media="screen" rel="stylesheet" type="text/css"> 14<link href="/plugins/slick/slick-theme.css" media="screen" rel="stylesheet" type="text/css"> 15<link href="/plugins/iCheck/minimal/blue.css" media="screen" rel="stylesheet" type="text/css"> 16<link href="/plugins/datepicker/datepicker3.css" media="screen" rel="stylesheet" type="text/css"> 17<link href="/plugins/lightbox/css/lightbox.css" media="screen" rel="stylesheet" type="text/css"> 18<link href="/plugins/bootstrap-dialog/bootstrap-dialog.min.css" media="screen" rel="stylesheet" type="text/css"> 19<link href="/plugins/sweetalert2/sweetalert2.min.css" media="screen" rel="stylesheet" type="text/css"> 20<link href="/css/style.css" media="screen" rel="stylesheet" type="text/css"> 21<link href="/plugins/fancybox/jquery.fancybox-1.3.4.css" media="screen" rel="stylesheet" type="text/css"> 22<link href="/img/logos/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"> 23
23<script type="text/javascript" src="/js/jquery-3.7.1.min.js"></script>
vendor: 1 bytes, line 23
23
24<script type="text/javascript" src="/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 24
24
25<script type="text/javascript" src="/plugins/jssor-slider/jssor.slider.min.js"></script>
vendor: 1 bytes, line 25
25
26<script type="text/javascript" src="/plugins/slick/slick.min.js"></script>
vendor: 1 bytes, line 26
26
27<script type="text/javascript" src="/plugins/datepicker/bootstrap-datepicker-th.min.js"></script>
vendor: 1 bytes, line 27
27
28<script type="text/javascript" src="/plugins/datepicker/locales/bootstrap-datepicker.th.js"></script>
vendor: 1 bytes, line 28
28
29<script type="text/javascript" src="/plugins/slimScroll/jquery.slimscroll.min.js"></script>
vendor: 1 bytes, line 29
29
30<script type="text/javascript" src="/plugins/iCheck/icheck.min.js"></script>
vendor: 1 bytes, line 30
30
31<script type="text/javascript" src="/plugins/bootpag/jquery.bootpag.min.js"></script>
vendor: 1 bytes, line 31
31
32<script type="text/javascript" src="/plugins/noty/packaged/jquery.noty.packaged.min.js"></script>
vendor: 1 bytes, line 32
32
33<script type="text/javascript" src="/plugins/lightbox/js/lightbox.js"></script>
vendor: 1 bytes, line 33
33
34<script type="text/javascript" src="/plugins/bootstrap-dialog/bootstrap-dialog.min.js"></script>
vendor: 1 bytes, line 34
34
35<script type="text/javascript" src="/plugins/sweetalert2/sweetalert2.min.js"></script>
vendor: 1 bytes, line 35
35
36<script type="text/javascript" src="/plugins/lightbox2/js/lightbox.min.js"></script>
vendor: 1 bytes, line 36
36
37<script type="text/javascript" src="/plugins/jQueryFiler/js/jquery.filer.js"></script>
vendor: 1 bytes, line 37
37
38<script type="text/javascript" src="/plugins/moment/moment.min.js"></script>
vendor: 1 bytes, line 38
38
39<script type="text/javascript" src="/js/app.min.js"></script>
vendor: 1 bytes, line 39
39
40<script type="text/javascript" src="/js/common.js?v=2"></script>
vendor: 1 bytes, line 40
40
41<script src="/plugins/fancybox/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 \ 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.