/* CSS Document */
@charset "utf-8";
/***********************CSS RESET*********************/

#user-form{
	margin-left:950px;
	margin-top:520px;
}

img{
	vertical-align:middle;
	max-width:100%;
	height:auto; 
} 

#pic{                               
    width: 80px;
}

input{	
	margin-left:0px;
	width:350px;
	height:25px; 
	padding:5px 5px 5px 5px;
	background:#FFFFFF;
	
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;
	font-size: 13px;
}

input:focus {
	background-color: #FFFFFF;
	border-color: #87CEFA;
	box-shadow: 0 0 0 1px #87CEFA inset;
	outline: medium none;
}


#login_btn {    
   
    background-size:100%;
    float: right;
    width: 70px;
    height: 40px;
	margin-top: 20px;
    padding: 0;      
}

/********************************************************/

 .login_container{
	width:910px !important;
	height:auto;
	margin:6.5% auto 0;
	text-align: center;
	border-radius: 5px 10px 3px 5px;
	box-shadow: 1px 2px 4px rgba(0,0,0,0.6);
	-webkit-user-select:none;
	-ms-user-select:none;
	background-image:url('../images/login/loginbg.png');
}

.content{
	margin:0;
	padding:0;
   	background: -webkit-gradient(linear, 0% 0%, 0% 80%, from(#FFFFFF), to(#F2F2F201));
    background: -moz-linear-gradient(#FFF,#F2F2F201 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F2F2F201',80%);
	width: auto;
	height:450px;	
	border: 1px solid #dedede;
	border-radius: 5px 10px 3px 5px;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}

.content:hover{
	border-bottom-left-radius:120px 30px;
	border-bottom-right-radius:120px 30px;
	box-shadow:6px 6px 6px rgba(0,0,0,0.7);
}
.s_left{
	position: relative;
	margin-top:29px;
	margin-left:61px;
	float:left;
	width:417px;
	height:82px;
	cursor:pointer;
}
.s_right {
	position: relative;
	margin:15px 30px 5px 5px;
	padding: 10px 5px;
	width:350px;
	height:320px;
	float:right;
	
    background: -webkit-gradient(linear, 0% 0%, 0% 80%, from(#FFF), to(#EEE));
    background: -moz-linear-gradient(#FFF,#EEE);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
	
	border-radius: 3px 3px 3px 3px;
	border-right:5px;
	z-index: 0;
      
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2),
	 0 1px 1px rgba(0, 0, 0, 0.2), 0 3px 0 #FFFFFF,
	  0 4px 0 rgba(0, 0, 0, 0.2), 0 6px 0 #FFFFFF,
	   0 7px 0 rgba(0, 0, 0, 0.2);    
}

.s_right:before {
    border: 1px dashed #CCCCCC;
    bottom: 5px;
    box-shadow: 0 0 0 1px #FFFFFF;
    content: "";
    left: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: -1;
}

#user-form{
	width:300px;
	height:300px;
	margin-left:25px;
	margin-top:10px;
}

h1 {
    color: #666666;
    font: 26px/1 Verdana,Helvetica;
	width:100%;
	margin-top:25px
	text-align:center;	
}
 

.inputrow {
	display: table;
	content: "";
	line-height: 0;
	width: 100%;
	height: 50px;
	 
}
.firstrow{
	margin-top:20px;
}

.lastrow{
	margin-top:5px;
}
.rowdiv {
	position:relative;
	margin-top:15px;
	margin:5px 0 0 0;
}

.input-icon{
	background: url('../images/login/uer-sprite.png') no-repeat;
	position:absolute;
	width: 26px;
	height: 23px;
	top: 10px;
	left: 5px;
}
input{
	float:left;	
	margin-left:0px;
	width:260px;
	height:30px;
	padding:5px 5px 5px 33px;
	background:#F2F2F2;
	
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;
	font-size: 13px;
}
input:focus {
	background-color: #FFFFFF;
	border-color: #E8C291;
	box-shadow: 0 0 0 1px #E8C291 inset;
	outline: medium none;
}

.input-icon-email {
	top:33px;
	background-position: 0 -69px;
}

.input-icon-passwd{
	background-position: 0 -92px;
}


.input-icon-msg{
	background: url('../images/login/uer-sprite.png') no-repeat;
	position:absolute;
	width: 26px;
	height: 23px;
	top: 10px;
	left: 270px;
	display: none;
}

.input-icon-msg-email{
	top:44px;
	background-position: 0 0;
}

.input-icon-msg-passwd{
	background-position: 0 0;
}

.input-msg{
	float:left;
	width:280px;
	height:15px;
	margin:2px 0px 2px 3px;
	padding-top:10px;
	padding-left:5px;
	text-align:left;
	vertical-align:middle;
	
	font-family: "Microsoft YaHei";
	font-size: 10px;
	color: red;
}

.input-msg::after {
	clear: both;
}

.input-msg-email{
	
}

.input-msg-passwd{
	
}

.input-msg-db{
	
}

#login_btn {
    background-color: #FFB94B;
    background-image: -moz-linear-gradient(center top , #FDDB6F, #FFB94B);
    border-color: #D69E31 #E3A037 #D5982D;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #8F5A0A;
    cursor: pointer;
    float: left;
    font: bold 15px Arial,Helvetica;
    height: 35px;
	margin:0px;
    padding: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    width: 120px;
}

#login_btn:hover, #login_btn:focus {
    background-color: #FDDB6F;
    background-image: -moz-linear-gradient(center top , #FFB94B, #FDDB6F);
}

#login_btn:active {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    outline: medium none;
}

#login_btn::-moz-focus-inner {
    border: medium none;
}

#register {
    color: #8F5A0A;
	margin:27px 20px 0px 0px;
    font-family:"Microsoft YaHei";
	font-size:11px;
    padding:0;
	float: right;
}