<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="TW.UI.login" %>


<!DOCTYPE html>
<html>
<head lang="en">
	
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv=X-UA-Compatible content=IE=EmulateIE9 />
<script type="text/javascript" src="/static/card/js/configweb.js"></script>
    <title>登录_<%=config.SiteName %></title>
    <link rel="stylesheet" href="/static/card/css/public.css" />
    <link rel="stylesheet" href="/static/card/css/login.css" />
    <script type="text/javascript" src="/static/card/js/jquery-1.11.3.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#checkIcon .icon').click(function () {
                var className = $('#checkIcon i').attr('class');
                if (className.indexOf("icon-no-check-green") >= 0) {
                    $('#checkIcon i').attr('class', 'icon icon-checked-green');
                    $("#hidMemory").val("1");
                } else {
                    $('#checkIcon i').attr('class', 'icon icon-no-check-green');
                    $("#hidMemory").val("0");
                }
            });
        });
        function chksub() {
            if ($.trim($("#loginId").val()) == "") {
                $("#loginId").focus();
                alert("请输入用户名");
                return false;
            }
            if ($.trim($("#password").val()) == "") {
                $("#password").focus();
                alert("请输入密码");
                return false;
            }
            if ($.trim($("#vcode").val()) == "") {
                $("#vcode").focus();
                alert("请输入验证码");
                return false;
            }
        }
    </script>
</head>
<body>
<form id="form1" runat="server">
<TW:HeaderSP ID="HeaderSP1" runat="server" />
<div class="content">
    <div class="container clearfix">
    	<img src="/static/card/css/files/login-bg.png" class="pull-left" style="margin-left: 100px;">
        <div class="login-box pull-right">
            <div class="friend">
                <div class="title">
                    <br>
                    <p>您也可以使用</p>
                    <p>合作账号登录</p>
                    <i class="icon icon-down-white"></i>
                </div>
                <ul class="friend-link">
                    <li>
                        <a href="/API/QQ/">
                            <i class="icon icon-qq-grey"></i>
                            <p>腾讯QQ登录</p>
                        </a>
                    </li>
                    <li>
                        <a href="/API/Weibo/">
                            <i class="icon icon-weibo-grey"></i>
                            <p>微博登录</p>
                        </a>
                    </li>
                    <li>
                        <a href="/API/Weixin/">
                            <i class="icon icon-weChat-grey"></i>
                            <p>微信登录</p>
                        </a>
                    </li>
                    <li>
                        <a href="/API/Baidu/">
                            <i class="icon icon-baidu-grey"></i>
                            <p>百度登录</p>
                        </a>
                    </li>
                </ul>
            </div>
            <h3 class="login-title">用户登录</h3>
            <div class="tips" id="tipbox" runat="server" visible="false">
                <asp:Label ID="lblNickName" runat="server" Text="" Font-Bold="true"></asp:Label>：第三方登录接入后<br />
                如果是注册新的用户，请【<a href="reg.aspx?data=<%=dataStr %>">注册新用户</a>】
            </div>
            <input type="password" style="display: none;">
            <ul class="login-form">
                <li>
                    <label>用户名：</label>
                    <div class="inp pull-left">
                        <i class="icon icon-login-user"></i>
                        <input class="input-text" type="text" placeholder="用户名" id="loginId" name="loginId"/>
                    </div>
                </li>
                <li>
                    <label>密码：</label>
                    <div class="inp pull-left">
                        <i class="icon icon-login-pwd"></i>
                        <input class="input-text" type="password" placeholder="密码" id="password" name="password"/>
                    </div>
                </li>
                <li>
                    <label>验证码：</label>
                     <div class="inp pull-left">
                        <input type="text" id="vcode" name="vcode" class="input-text check" />
                        <img class="check-img" id="checkImg" src="/inc/GetCode.aspx" style="width:100px;height:40px;" title="看不清？点击换张图片" onclick="this.src=this.src + '?'" border="0" style="cursor:pointer;"/>
                    </div>
                </li>
                <li>
                    <label></label>
                    <div class="inp pull-left" id="checkIcon">
                        <i class="icon icon-no-check-green"></i>
                        &nbsp;记住密码<asp:HiddenField ID="hidMemory" runat="server" Value="0" />
                        &nbsp;&nbsp;&nbsp;&nbsp;<a href="/getpass.aspx">忘记密码？</a>
                    </div>
                </li>
                <li>
                    <label></label>
                    <div class="inp pull-left">
                        <asp:Button ID="btnLogin" CssClass="login-btn" runat="server" Text="登录" OnClientClick="return chksub();"
                            onclick="btnLogin_Click" />
                    </div>
                </li>
            </ul>
            <div class="login-bottom">
                已有账号？&nbsp;<i class="icon icon-right-red"></i>&nbsp;<a href="/jihuo.aspx">去激活</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                还没账号？&nbsp;<i class="icon icon-right-red"></i>&nbsp;<a href="/reg.aspx">去注册</a>
            </div>
        </div>
    </div>
</div>
<TW:FooterSP ID="FooterSP1" runat="server" />
</form>
</body>
</html>

