﻿body {
    text-align: center;
    border: 0;
    font-family: Arial, 微软雅黑;
    background: url('../images/bg.jpg') center 30% no-repeat;
    color: #fff;
}
body, div, form, h1, h2 
{
    padding:0;
    margin:0;
}
img 
{
    border:0;
    padding:0;
    margin:0;
}
.syx-container 
{
    width:1000px;
    margin:0 auto;
}
.login-content 
{
    padding-top:135px;
}
.clear{clear:both;}
.login-infor 
{
    width:500px;
    float:left;
    text-align:left;
    position:relative;
    color:#fff;        

}
.login-infor .logo 
    {
        position:absolute;
        top:0px;
        left:0px;
    }
    .login-infor h2 
    {
        font-size:26px;
        font-weight:normal;
        padding-left:80px;
    }
    .login-infor p 
    {
        line-height:40px;
        font-size:16px;
        margin-top:30px;
    }
.login-box 
{
    width:270px;
    height:auto;
    float:right;
    padding:40px 35px 40px 50px;
    position:relative;
    text-align:left;
    background:#021A2A;
}
            
/*.box-bg 
{
    position:absolute;
    top:0;
    left:0;
    width:350px;
    height:420px;
    background:#000;
    filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

            
}*/
.form
{ 
    
}
.form h1
{ 
    font-size:18px;
}
.form p
{ 
    font-size:14px; 
    color:#e9e9e9; 
    margin-top:15px;
}

.form .item
{ 
    margin-top:20px; 
    width:255px;
    float:left;
    display:inline;
}
.form .item label
{ 
    width:44px;
    height:44px; 
    background:#1679DC url(../images/icologin.png) center 10px no-repeat; 
    border:0;  
    float:left;
    display:inline;
}
    .form .itempass label
    { 
        background-position:center -28px;
    }
    .form .item input
    { 
        width:205px; 
        height:30px; 
        padding:7px 0; 
        border:none; 
        outline:none;
        font-size:14px; 
        line-height:30px;
        text-indent:5px; 
        float:left; 
        color:#333; 
        font-weight:bold;
        display:inline;
    }
    .form .remember input
    { 
        width:16px; 
        margin:0 10px 0 0; 
        height:16px; 
        line-height:16px; 
        font-size:14px; 
        float:none;
        vertical-align:middle;
    }
        .form .remember span
        { 
            line-height:16px;
        }
        .form .item button
        { 
            width:250px; 
            height:46px; 
            background:#1679DC; 
            border:none; cursor:pointer; 
            text-align:center; 
            line-height:46px; 
            font-size:16px; 
            font-weight:bold; 
            color:#FFF;}
.error
{
    padding:10px;
    background:#F3DDE0 url(../images/icon.png) 12px 10px no-repeat;
    font-size:14px;
    color:#E44149;
    width:205px;
    padding-left:35px;
}
.form .item input:focus 
{
    background:#D1E6F9;
}

.form .error-box input 
{
    width:135px;
    height:15px;
    line-height:15px;
}

.form .error-input 
{
    float:left;
    width:140px;
    font-size:13px;
    line-height:1.5;
}
    .form .error-input a:link,  .form .error-input a:visited
    {
        text-decoration:underline;
        color:#e9e9e9;
    }

.form .code 
{
    float:left;
    width:110px;
    
}