/*---------------------------------------------------------
    // Copyright (C) 2015 欣创摩尔电子科技有限公司      
    // 版权所有。                                         
    //                                                    
    // 文件名：login.css                       
    // 文件功能描述：登录界面样式 
    // 作者：方艺伟                           
    //                                                    
    // 创建标识：研发一部--yiwei fang   2015.11.14                     
    //                                                    
    // 修改标识：                                         
    // 修改描述：                                         
    //                                                    
    // 修改标识：                                         
    // 修改描述：                                         
----------------------------------------------------------*/

/***********************引入公共样式************************/
@import url("../common.css");

/**********************设置全屏背景图***********************/
.div_container
{
    /*使用滤镜filter 解决背景图片拉伸自适应浏览器大小，全浏览器兼容start*/
    background:url(login/login_bg.png) no-repeat center;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
    -moz-background-size:100% 100%;  
    background-size:100% 100%;  
    /*使用滤镜filter 解决背景图片拉伸自适应浏览器大小，全浏览器兼容end*/
	width:100%;
	height:100%;
	border:0px none;
	z-index:1;
	position:absolute;
    top:0px;
	left:0px;
}

/************设置div_content层和div_login层样式************/
/**********使div_login层中的logo与登录框垂直居中**********/
.div_content
{
    width:0;
    height:0;
    position:fixed;
    left:50%;
    right:50%;
    top:50%;
    bottom:50%;
}

.div_login /*margin-left要为width一半的负值；margin-top要为height一半的负值,这样才能垂直居中*/
{
    width:992px;
    height:611px;
    margin-left:-496px;
    margin-top:-305px;
}

/***********************设置logo样式**********************/
.logo
{
    z-index:2;
    background:url(login/logo.png) no-repeat left center;
    width:893px;
    height:133px;
    margin:0 auto;  /***设置div水平居中对齐**/
}

/***********************设置登录框样式**********************/
.div_loginbox
{
    z-index:2;
    background:url(login/login_box.png) no-repeat left center;
    width:992px;
    height:478px;
    margin:0 auto;  /***设置div水平居中对齐**/  
}

.div_loginbox ul
{
    width:425px;
    padding-top:115px;
    padding-left:560px;
}

.div_loginbox ul li
{
    height:60px;
    line-height:60px;
    text-align:center;
}

.text_fontcolor
{
    font:normal normal 14px "微软雅黑";
	color: #898989;
}

.text
{
	width:260px;
	height:28px;
	border:0px;
	background-color: transparent;
	font-size:14px;
	margin-top:15px;
}

.checkbox 
{
    vertical-align:middle; 
    margin-top:-2px; 
    margin-bottom:1px;
    padding-top:-8px;
}

#li_Rememberpwd
{
    text-align:left;
    padding-left:53px;
    margin-top:-5px;
    color:#687f92;
}

#btnLogin 
{
    display:block;
    cursor:pointer;
    background:url(login/login_btn.gif) no-repeat right center;
    width:306px;
    height:44px;
    line-height:44px;
    margin-left:56px;
}

#btnLogin:hover    /***设置鼠标悬停按钮时，更换背景图**/  
{
    display:block;
    cursor:pointer;
    background:url(login/login_btn_m.gif) no-repeat right center;
    width:306px;
    height:44px;
    margin-left:56px;
}

/*******************设置透明度为25%的div层******************/
.div_bottom
{
    z-index:3;
    width:100%;
    height:34px;
    line-height:34px; /**设置垂直居中**/
    position:fixed;
    bottom:0px;
    /*background-color:#000;
    filter: alpha(opacity=25); opacity:0.25;*/
    text-align:center;
}

/***********设置底部文字样式（该div与透明层重叠）************/
.div_bottombar
{
    z-index:4;
    width:100%;
    height:34px;
    line-height:34px; /**设置垂直居中**/
    position:fixed;
    bottom:0px;
    text-align:center;
    color:#619d35;
}

.div_bottombar ul
{
    width:100%;
}

.div_bottombar #liLeft
{
    position:absolute;
	left:10px;
	bottom:0px;
}

.div_bottombar #liLeft a
{
    text-decoration:none;
    color: #619d35;
}

.div_bottombar #liLeft a:hover
{
    text-decoration:underline;
    color: #619d35;
}

.div_bottombar #liLeft span
{
    display:inline-block;
    background:url(login/icon_yx.png) no-repeat center;
    width:20px;
    height:18px;
    vertical-align:middle;
}

.div_bottombar #liRight
{
    position:absolute;
	right:10px;
	bottom:0px;
}