<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <base href="https://api.cityvariety.com/introcenter/application/views/intro &agrave;&cedil;&agrave;&cedil;&yen;&agrave;&cedil;&sup2;&agrave;&cedil;‡/1/">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <link href="https://fonts.googleapis.com/css?family=Kanit:300,400" rel="stylesheet">
        <script src="https://api.cityvariety.com/introcenter/js/jquery-1.8.3.min.js" type="text/javascript">
        </script>
        <link href="https://api.cityvariety.com/introcenter/font.css" rel="stylesheet" type="text/css">
        <title>
            songkhlaimmigration.go.th
        </title>
        <style type="text/css">
            body {
                margin-left         : 0px;
                margin-top          : 0px;
                margin-right        : 0px;
                margin-bottom       : 0px;
                background          : #2292c2 url("image/pp.jpg") top center no-repeat;
            }
            img {
                border              : none;
                max-width           : 100%;
                height              : auto;
            }
            .btn-intro {
                text-decoration     : none;
                display             : inline-block;
                width               : 256px;
                height              : 65px;             /* margin:10px; */
                font                : 20px/55px "Kanit", Arial, sans-serif;
                color               : #FFFFFF;
                background          : url("image/F-1.png?v=1") top center no-repeat;
                background-size     : cover no-repeat;
            }
            .btn-intro1 {
                padding             : 0px 0px;
                margin              : 0px;
                font                : 20px / 30px "Kanit", Arial, sans-serif;
                color               : #ffffff;
            }
            .canvas-128-1 {
                margin              : 0;
                padding             : 0;
                z-index             : -1;
                position            : relative;
                width               : 1000px;
                min-height          : 650px;
                background          : url("image/pic1.png?v=1") top center no-repeat;             /* margin-top: -45px; */
            }
            @media (min-width: 375px) and (max-width: 419px) {
                .canvas-128-1 {
                    background-size     : cover;
                }
            }
        </style>
        <script>
            $(function() {
                resize_canvas();
            });
            function resize_canvas() {
                var canvas_width = 1920;
                var canvas_height = 650;
                var canvas_ratio = canvas_height / canvas_width;
                var windowWidth = $(window).width();
                var new_width = $(window).width();
                var new_height = new_width * canvas_ratio;
                if (new_width <= 360) {
                    new_width = 360;
                    new_height = new_width * canvas_ratio;
                } else {
                    new_width = new_width;
                    new_height = new_height;
                }
                if ($(window).width() >= 992) {
                    new_width = 1000;
                    new_height = 650;
                } else {
                    new_width = new_width;
                    new_height = canvas_height;
                }
                console.log("new_width : ", new_width);
                $('.canvas').css({
                    width: new_width,
                    height: new_height
                });
            }
            $(window).resize(function() {
                resize_canvas();
            });
        </script>
    </head>
    <body>
        <div class="py-0 canvas-128-1 canvas" style="margin-left:50%;transform:translateX(-50%);">
            &nbsp;
        </div>
        <table align="center" border="0" cellpadding="0" cellspacing="10" class="mt" width="1000">
            <!-- <tr>             <td align="center" valign="middle"><a class="btn-intro1">                     ด้วยเกล้าด้วยกระหม่อม ขอเดชะ <br>                     ข้าพระพุทธเจ้า ผู้บริหาร ข้าราชการ พนักงานและลูกจ้าง songkhlaimmigration.go.th</a></td>         </tr> -->
        </table>
        <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
                <tr>
                    <td align="center" valign="middle">
                        <table cellspacing="10" width="100%">
                            <tbody>
                                <tr>
                                    <td align="center">
                                        <a class="btn-intro" href="https://songkhlaimmigration.go.th/frontpage">
           &agrave;&sup1;€&agrave;&cedil;‚&agrave;&sup1;‰&agrave;&cedil;&sup2;&agrave;&cedil;&ordf;&agrave;&cedil;&sup1;&agrave;&sup1;ˆ&agrave;&sup1;€&agrave;&cedil;&sect;&agrave;&sup1;‡&agrave;&cedil;š&agrave;&sup1;„&agrave;&cedil;‹&agrave;&cedil;•&agrave;&sup1;Œ
                                        </a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>