body{margin: 0px;padding: 0px;}
#maindiv{background:url(../images/background.png) 0 0 no-repeat scroll transparent;
	width:100%;height:100%;
	background-size: 100% 100%;
	background-color: #00D9E8;
/* 	background-size: cover; 
	-webkit-background-size: cover; 
	-o-background-size: cover; */
	overflow-y:auto;}
.title{top:-100px; position:absolute; padding-top:30px;margin-left:70px;margin-bottom:10px;font-size:25px;color:#fafafa;text-shadow:0 1px #333;text-align: left;vertical-align: middle;}
.title img{width:380px;height:45px;}
.title span{color:#03ACC1;padding-top:10px;font-size:30px;line-height:25px;font-family:"Microsoft YaHei";}
.mid{position:relative; width:1100px;height:442px;margin:0 auto;text-align:center;}
.mid .tu{position: relative;width:1100px;height:442px;margin:0 auto;background: #014D6A;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);border-radius:10px;}
.mid ul{font-size:0;width:1060px;position: absolute;top:20px;left:20px;margin: 0px;padding: 0px;}
.mid ul li{}
.mid ul .left{width:660px;height: 405px;top: 0px;left: 0px;}
.mid ul .left img{width:660px;height:405px;}
.mid ul .right{width:400px;height:405px;background:#fff;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;}
.mid ul .right .userbg{margin-top:3px;width:370px;height:312px;margin-left: 10px;}

.mid ul .right .userbg>p{font-size:20px;font-weight:bold;line-height:10px;color:#666666;padding:15px 0 15px;}
.mid ul .right .userbg .userinf{text-align:left;margin:10px 0 20px 30px;}
.mid ul .right .userbg .userinf p{margin-top:1px;margin-bottom:1px;}
.mid ul .right .userbg .userinf p span{display:inline-block;*display:inline;zoom:1;margin:0 15px 0px 5px;font-size:20px;line-height:20px;color:#666;padding-bottom:10px;}
.mid ul .right .userbg .userinf input{
  				width: 280px;
                height: 38px;
                font-size:14px;
                line-height:20px;
                border-radius: 5px;
                margin: 10px 0;
                background-position: 3px;
                padding-left: 36px;
                border: 1px solid #d9d9d9;
                outline: none;
}

.mid ul .right .userbg .userinf .user input{background: url(../images/user.png) left center no-repeat;background-color: #FCFDFD;background-position:5px;}
.mid ul .right .userbg .userinf .user input:FOCUS{border: 1px solid #03acc1}
.mid ul .right .userbg .userinf .psw input{background: url(../images/psw.png) left center no-repeat;background-color: #FCFDFD;background-position:5px;}
.mid ul .right .userbg .userinf .psw input:FOCUS{border: 1px solid #03acc1}
.mid ul .right .userbg .userinf .yzm input{background: url(../images/yanzm.png) left center no-repeat;background-color: #FCFDFD;background-position:5px;float: left;}
.mid ul .right .userbg .userinf .yzm input:FOCUS{border: 1px solid #03acc1}
.mid ul .right .userbg .userinf .yzm img{border:1px solid #aaa;margin-left:5px;margin-top:10px;height:36px;float: left;}
.mid ul .right .userbg .userinf .last {text-align:left;margin-top:20px;margin-left:3px;}
.mid ul .right .userbg .userinf .last button{margin-top:20px;width:310px;height:36px;line-height:36px; border-radius:5px;background:#03ACC1;text-align: center;font-size:16px;color:#fafafa;border:none;outline:none;cursor:pointer;overflow:visible;}
.mid ul .right .userbg .userinf .last .btn{margin-left:20px;}
.mid ul .right .userbg .userinf .last button:hover{background:#0A8695;color:#f7f8f9;}
.mid ul .right .userbg .userinf .last button:active{background:#0F6F79;color:#f7f8f9;}
/*footer 鏍峰紡*/
.footer {font-size:14px;color:white;text-align:center;line-height: 14px;height:62px;margin-top: 20px;}
.footer p{margin:0 auto;display:inline;top:0;line-height: 62px;font-size:16px;}
.footer p span{margin-left:20px;font-size:16px;}