﻿
body{background:#6c9bfc url(../image/qdlgn/login_bg.jpg) no-repeat center center;}
#mainContainer{margin:0px auto;width:750px; border:0px solid red;height:504px; }
#main_top {
    background: url(../image/qdlgn/login_title.jpg?2) no-repeat;
    margin: 0px 0px 0px 75px;
    clear: both;
    width: 660px;
    height: 111px;
    _positon: static;
    _top: 100px;
    _border: 0px solid red;
}
#main_center{margin:0px;width:100%;height:313px;border:0px solid red;}         
#center_left{width:288px;height:100%;float:left;background:url(../image/qdlgn/login_01.jpg) no-repeat;border:0px solid red;}    
#center_middle{width:342px;padding:0px 60px 0px 55px;height:100%;float:left;background:url(../image/qdlgn/login_03.jpg) no-repeat;border:0px solid red;}    
#center_right{display:none;}
#center_middle #schoolInfo {
    display: none;
}

#center_middle #box_title {
    display: none;
}
#center_middle input
{
    border:0px solid #b6b6b6;
}
#center_middle #userid{margin:85px 60px 0px 0px;height:46px;line-height:46px;border:0px solid red;}
#center_middle #userid input{margin:0px;height:46px;line-height:46px;padding:0px 0px 0px 37px;width:300px;background:none;}
#center_middle #pwd{margin:28px 60px 0px 0px;height:46px;line-height:46px;border:0px solid red;}
#center_middle #pwd input{margin:0px;height:46px;line-height:46px;padding:0px 0px 0px 37px;width:300px;background:none;}

#center_middle .logincode{float:left;margin:20px 0px 0px 0px;height:35px;width:220px;}
#center_middle .logincode img{display:inline-block;float:left;width:100px;margin:8px 0px 0px 10px;height:20px;line-height:20px;border:1px solid red;}
#center_middle .logincode input{display:inline-block;float:left;width:57px;padding:0px 0px 0px 37px;background:url(../image/qdlgn/login_codetxt.jpg) no-repeat;height:35px;}
#center_middle .loginbtn{float:right;margin:20px 6px 0px 0px;background:url(../image/qdlgn/login_btn.jpg) no-repeat;height:35px;width:111px;text-align:center;}
#center_middle .loginbtn a,#center_middle .loginbtn a:link{display:inline-block;color:#fff;font-size:20px;width:111px;height:35px;line-height:35px;}
#center_middle .loginbtn a:hover{color:#f60;}

#center_middle .loginmsg{float:right;margin-top:10px;}

#main_bottom{margin:20px 0px 0px 0px;width:100%;height:60px;}
#main_bottom p{color:#fff;text-align:center;width:100%;font-size:12px;}

.inputButton12 
{
	color:#ffffff;cursor:pointer;line-height:25px; height:25px;
	font-size:12px;
	border:0px;
	border-color:#2592db;
	border-radius:3px;background-color:#2592db;
}

.inputText
{
	background:#ffffff;	border:1px solid #cccccc;font-size:13px; border-radius:4px;color:#555555;padding:3px 3px;	
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.inputText:focus
{
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.table-border 
{
	/*background-color: #F0F0F0;*/
	border-collapse:collapse;
	color:#ffffff; 
	font-weight:bold; 
	/*border:1px #c9defc solid;	*/
}
.table-border2
{
	/*background-color: #F0F0F0;*/
	border-collapse:collapse;
	color:#ffffff;
	font-weight:bold;	
	/*border:1px #b4bdc4 solid;*/
}
.table-header 
{
	color:#555555;
	/*background-color: #507CD1;*/
	height:28px; line-height:28px;
	/*background-color: #F0F7FA;*/
	font-weight:bold;
	font-size:16pt;
	text-align:center;
	padding:5px 0 5px 0;
	/*border:1px #c9defc solid;	*/
}
.table-titleTD 
{
	color:#555555;
	background-color: #eeeeee;
	font-size:13px;
	font-weight:bold ;
	padding:3px 6px 3px 6px;
	text-align:right;
	height:30px; line-height:24px;
	border:1px #cccccc solid;		
}
.table-contentTD {
	color:#555555;
	/*background-color: #ffffff;*/
	font-weight:normal;
	font-size:13px;
	padding:3px 6px 3px 6px;
	text-align:left;
	height:30px;line-height:24px;
	border:1px #cccccc solid;	
}

.pwd-eye {
    height: 20px;
    width: 20px;
    border: 0px solid red;
    position: absolute;
    right: 5px;
    top: 14px;
    cursor: pointer;
}
.pwd-eye-close {
    background: url(images/eye_close.png) no-repeat center center;
}
.pwd-eye-open{
    background:url(images/eye_open.png) no-repeat center center;
}



.motto1 {
    position: absolute;
    height: 40px;
    line-height: 40px;
    left: 100px;
    top: 200px;
    color: #ff006d;
    font-size: 30pt;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
}

.motto2 {
    position: absolute;
    height: 40px;
    line-height: 40px;
    left: 200px;
    top: 270px;
    color: #ff006d;
    font-size: 60px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
}

.loginMethod {
    width: 48px;
    height: 48px;
    float: right;
    cursor: pointer;
    background: url(images/qrCode.png) no-repeat center center;
}

.loginMethod_qrCode {
    background: url(images/pc.png) no-repeat center center;
}

.qrCode {
    display: none;
    height: 256px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0px;
    padding: 15px 0 0 15px;
    text-align: center;
}
