<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="MTCUN.Mobile.Login" %>

<%@ Import Namespace="MTCUN" %>
<%@ Register Src="../UserCol/ValidateCode.ascx" TagName="ValidateCode" TagPrefix="uc1" %>
<!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 id="Head1" runat="server">
    <title><%=swq.SystemName%></title>
    <link href="Themes/mobile.css" rel="stylesheet"
        type="text/css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <script type="text/javascript">

        function l_mouseover(the) {
            l_currentClass = the.className;
            if (l_currentClass == 'login_button') the.className = 'login_button login_button_selected';
        }

        function l_mouseout(the) {
            the.className = l_currentClass;
        }

        function nav_mouseover(the) {
            _l_currentClass = the.className;
            if (_l_currentClass == 'navbutton') the.className = 'navbutton navbutton_selected';
        }

        function nav_mouseout(the) {
            the.className = _l_currentClass;
        }

    </script>

    <style type="text/css">
        #login_header {
            background: rgb(28, 38, 40);
            height: 40px;
            position: fixed;
            width: 100%;
            z-index: 10000;
            color: wheat;
            box-shadow: 0 4px 10px rgba(0,102,153,0.4);
        }


        .login_menu {
            height: 40px;
        }

            .login_menu ul {
                list-style: none;
                margin: 0px;
                padding: 0px;
                vertical-align: middle;
                height: 100%;
                text-align: right;
                font-size: 0px;
            }

                .login_menu ul li {
                    margin: 0px;
                    padding: 0px;
                    display: inline-block;
                    height: 100%;
                    vertical-align: middle;
                    background-color: dimgray;
                    line-height: 40px;
                    text-align: center;
                    border-left: 2px solid rgb(28, 38, 40);
                }

                    .login_menu ul li a, .login_menu ul li {
                        color: lightcyan;
                        font-size: 14px;
                        font-family: 微软雅黑, Arial, 宋体;
                        padding-left: 10px;
                        padding-right: 10px;
                        cursor: pointer;
                    }

                        .login_menu ul li input {
                            height: 100%;
                            background-color: dimgray;
                            border-width: 0px;
                            color: lightcyan;
                            font-size: 14px;
                            font-family: 微软雅黑, Arial, 宋体;
                        }

        .online_num, online_num a {
            color: lightpink;
        }

        .poweredby, poweredby a {
            font-size: 10px;
            color: dimgray;
            position: fixed;
            right: 5px;
            bottom: 10px;
        }

        .poweredby2, poweredby2 a {
            font-size: 10px;
            color: dimgray;
            text-align:right;
            right: 5px;
            bottom: 10px;
        }

        .navbutton_selected {
            box-shadow: 0 0 20px rgba(0,102,153,0.5);
            background-color: dodgerblue !important;
        }

            .navbutton_selected input {
                background-color: dodgerblue !important;
            }

        .auto-style1 {
            width: 100%;
        }

        table td {
            font-family: 微软雅黑, Arial, 宋体;
        }

        input {
            font-family: 微软雅黑, Arial, 宋体 !important;
        }
    </style>

    <script type="text/javascript">
        function onFocus()
        {
            var poweredby = document.getElementById("poweredby");
            poweredby.className = "poweredby2";
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">

        <div id="login_header" style="position: relative">
            <table style="width: 100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td></td>
                    <td style="text-align: right; height: 30px; background-image: url(''); background-position: 3px center; background-repeat: no-repeat" title="麦田出品">
                        <div class="login_menu">
                            <ul>
                                <li id="liConsult" runat="server" onmouseover="nav_mouseover(this)" onmouseout="nav_mouseout(this)" class="navbutton">咨询</li>
                                <li id="liReg" runat="server" onmouseover="nav_mouseover(this)" onmouseout="nav_mouseout(this)" class="navbutton">报名</li>
                                <li style="cursor: text"><%=ViewState["Online"] %></li>                                <li onmouseover="nav_mouseover(this)" onmouseout="nav_mouseout(this)" class="navbutton">
                                    <asp:LinkButton ID="lbnPC" runat="server" Text="传统版" CausesValidation="False" OnClick="lbnPC_Click"></asp:LinkButton></li>
  <%--                              <li style="color: #c0c0c0; cursor: no-drop">小微版</li>--%>


                            </ul>
                        </div>
                    </td>
                </tr>
            </table>
        </div>

        <div style="position: absolute; top: 45px; left: 10px;"></div>
        <div id="web_page_contents">
            <div class="search biao_zhun_suo_jin">
                <div class="kuai_show">
                    <table class="auto-style1">
                        <tr>
                            <td style="text-align: right">
                                <div class="title inline_block" style="background-image: url('../<%=swq.LoginLogo%>'); background-size: cover; width: 35px; height: 35px">
                                </div>
                            </td>
                            <td>
                                <div class="name inline_block" style="font-size: 1.2em">
                                    <%=swq.SystemName%>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right">帐号：</td>
                            <td>
                                <asp:TextBox ID="tbxUserName" runat="server" AutoCompleteType="Disabled"
                                    Font-Size="Larger" Height="29px"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right">密码：</td>
                            <td>
                                <asp:TextBox ID="tbxPassword" runat="server" Height="29px" AutoCompleteType="Disabled"
                                    Font-Size="Larger" TextMode="Password"></asp:TextBox>
                            </td>
                        </tr>
                        <tr id="validateNum" runat="server">
                            <td style="text-align: right">验证码：</td>
                            <td>
                                <uc1:ValidateCode ID="ValidateCode1" runat="server" />
                            </td>
                        </tr>

                        <tr>
                            <td>&nbsp;</td>
                            <td style="vertical-align: middle">
                                <label class="lab_button_kuan" style="max-width: 80%">
                                    <asp:Button ID="btnPost" runat="server" OnClick="btnPost_Click"
                                        Text="登录" />
                                </label>
                                <div class="inline_block" style="padding-bottom: 4px; margin-left: 4px">

                                    <asp:Image ID="imgLogo" runat="server" ToolTip="查看二维码" Height="32px" Width="32px" ImageAlign="Top" />
                                </div>
                            </td>
                        </tr>
                    </table>

                    <asp:HiddenField ID="hfdLoginType" runat="server" Value="1" />
                </div>
            </div>
        </div>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <div class="poweredby" id="poweredby"><%=ViewState["PoweredBy"] %></div>
    </form>
</body>
</html>
