html,body{
	border: 0;
	margin: 0;
	font: 14px "Microsoft Yahei", "΢微软雅黑", Tahoma, Arial, Helvetica, STHeiti;
	color: #333333;
	height: 100%;
}
.form-bigbox{
	width:342px;
	height:275px;
	position: absolute;
	right:0;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}
.index-top{
	width: 100%;
	height: 125px;
	background-color: #fff;
}
#account{
	width:100%;
	height:41px;
	border-radius:10px;
	outline:0;
	border:0;
	text-indent:10px;
}
#password{
	width:100%;
	height:41px;
	margin-top:25px;
	border-radius:10px;
	outline:0;
	border:0;
	text-indent:10px;
}
.sign-in{
	width:100%;
	height:38px;
	text-align: center;
	line-height:38px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	background: #56ca87;
	border:0;
	border-radius:10px;
}
.index-top-logo{
	width: 158px;
	height: 40px;
	background-image: url("../images/logo.png");
	float: left;
	margin-left: 20px;
	margin-top: 74px;
}
.index-bottom{
	width: 100%;
	background-color: #fff;
}

.index-middle{
	width: 100%;
	background-color: #287FCE;
	background-image: url("../images/heart_bg.png");
	background-repeat: no-repeat;
	background-position: center;
}
.index-middle-form{
	width: 342px;
	height: 275px;
}
.form-biaoy{
	width: 100%;
	height: 47px;
	background-image: url("../images/biaoy.png");
	background-repeat: no-repeat;
	background-position: center;
}
.form-account{
	width: 100%;
	height: 38px;
	margin-top: 36px;
}
.form-pwd{
	width: 100%;
	height: 38px;
	margin-top: 24px;
}
.form-checkbox{
	width: 100%;
	height: 14px;
	margin-top: 20px;
	color: #fff;
}
.form-submit{
	width: 100%;
	height: 38px;
	margin-top: 20px;
}


.form-input{
	display: block;
	width: 338px;
	height: 38px;
	color: #333;
	font: 16px "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti;
	text-indent: 10px;
	line-height: 38px;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
}
.form-input:FOCUS{
	outline: 0;
	background-color: #f8f8f8;
	border-color: #66afe9;
	box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	width: 268px;
	font: 18px/100% "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti;
	font-weight: bold; 
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-moz-text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.green {
	color: #fff;
	border: solid 1px #3cbe73;
	background: #56ca87;
}
.green:hover {
	background: #3cbe73;
}
.green:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#49c47d), to(#3cbe73));
	background: -moz-linear-gradient(top,  #49c47d,  #3cbe73);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49c47d', endColorstr='#3cbe73');
}
.icon{background: url("../images/icon.png") no-repeat;}
.rememberMeBox{
	height:25px;
	margin:20px 0  10px 0;
	font-size: 17px;
	color:#000;
	line-height: 25px;
}
.rememberMe{
	width:20px;
	height:20px;
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	cursor: pointer;
	background-position: -107px -229px;
}
.on_check {
	background-position:-107px -204px;
}
#rmbUser{
	width:20px;
	height:20px;
	opacity: 0;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.error{
	margin-left: 10px;
	color:red;
}