body {
	text-align:center;
}

.main {
	background:url(images/bg5.jpg) no-repeat -150px 0px;
	width: 1200px;
	height: 781px;
	margin: 0 auto;
}
.topbar {
	height:80px;
	width: 100%;
	min-width:1140px;
	margin:0px auto;
	background-color: rgb(255,255,255);
	overflow: hidden;
	alpha(opacity=90); 
	opacity: 0.9;
}
.toplogo {
	overflow: hidden;
	float:left;
}
.topimg{
	margin-left:80px;
	width: 121px;
	height:75px;
}
.toptitle {
	margin-top: 15px;
	margin-left: 115px;
	float:left;
	width:525px;
	height:50px;
	line-height:50px;
	font-weight: bold;
	font-family: "����������������";
	font-size: 27px;
	color:rgb(100,100,100);
}
.bodybox {
	height:600px;
	width: 100%;
	margin:0px auto;
}
.bleft {
	width: 300px;
    height: 300px;
    float: left;
    margin: 68px 0px 0px 210px;
    font-size: 15px;
}
.bright {
	float:right;
	width: 300px;
	margin: 80px 75px 0px;
	background-color: rgb(255,255,255);
	alpha(opacity=80); 
	opacity: 0.80;
	padding-bottom: 5px;
	box-shadow: 0px 1px 3px #cdcdcd;	
}
.btitle {
	height: 50px;
	margin: 0px 0px 20px 0px;
	font-weight: bold;
	font-family: "����������������";
	font-size: 14px;
	background-color: #1976d2;
	box-shadow: 0px 2px 5px 0px #bbb;
}
.btitle .leftdiv span,.btitle .rightdiv span {
	display:block;
	outline: none;
	text-align: center;
	line-height: 50px;
	margin-left: -2px;
}
.btitle .leftdiv {
	background-color: rgb(250,250,250);
	width: 50%;
	float: left;
	height: 100%;
	text-decoration: none;
	overflow: hidden;
	outline: none;
}
.btitle .rightdiv {
	background-color: rgb(250,250,250);
	width: 50%;
	height: 100%;
	float: left;
	text-decoration: none;
	overflow: hidden;
	outline: none;
}
.btitle .leftdiv:HOVER {
}
.btitle .rightdiv:HOVER {
}

.boxrow {
	display:block;
	width: 240px;
	height: 55px;
	margin: auto;
	overflow: hidden;
}
.boxrow:FOCUS {
	background:url(images/login.png) no-repeat -10 -10;
	outline: none;
}
.boxrow span {
	width:50px;
	line-height:30px;
	display:block;
	position: relative;
	top: -42px;
	left: 12px;
	color:gray;
	text-align:left;
	font-size: 14px;
	transition: top 0.4s;
}
.boxrow input {
	width: 90%;
	line-height:30px;
	font-size: 14px;
	border:0px;
	border-bottom: 1px solid #ddd;
	color:rgb(80,100,80);
	padding-left: 60px;
	transition: padding-left 0.4s;
	margin: 10px auto;
}
.boxrow input:hover {
	outline: none;
}
.boxrow input:focus {
	border-bottom: 2px solid #1976d2;
	padding-left: 0px;
	transform: translateY(10px);
}
.boxrow input:focus + span{
	top:-53px;
	color: #1976d2;
}
.boxrow input:focus + div.codeimg{
	top:-66px;
}
input:focus {
	outline: none;
}
.boxrow .codeimg {
	float:right;
	position: relative;
	top: -74px;
	left: -12px;
}
.boxmsg ul{
	margin: auto;
	padding: 6px;
	list-style: none;
	color: white;
	background-color: #666;
	width: 150px;
	border-radius: 4px;
}
.boxmsg li {
	list-style: none;
}


.boxbtn input {
	border: 0px;
	background: url(images/login.png) no-repeat 0px -90px;
	line-height: 35px;
	width: 92px;
	height: 35px; 
	color: #fff; 
	font-size: 14px; 
	cursor: pointer; 
	font-weight: bold; 
}
.boxbtm {
	margin-top:30px;
	font-size: 13px;
}
.boxbtm a {
	color:rgb(87,159,235);
	text-decoration: none;
}
.boxbtm a:HOVER {
	color:green;
}
.btmbar {
	height:20px;
	width:100%;
	line-height:20px;
	text-align: center;
	font-size: 12px;
	color: rgb(100,100,100);
}
.Tab{ border-collapse:collapse; width:1080px; margin-top:-140px; margin-left:60px;}
.Tab td{ border:solid 0px #EEE9E9; width:180px; height:70px; text-align:center; valign:center}
.img{max-height:80%; max-width:80%}
.btn-login{
	width: 60px;
	height: 32px;
	margin-left: 5px;
	background-color: #ffc107;
	font-weight: bold;
	box-shadow: 0px 2px 5px 0px #888888;
	margin-top: 10px; 
	border-radius: 3px;
}
.btn-wx{
	width: 156px;
	height: 32px;
	margin-top: 10px;
	box-shadow: 0px 2px 5px #888888;
    border-radius:3px;
}
.input-active{
	margin: 500px;
}
#norra-cloud{
	width: 340px;
}