/*.Loginbody{background: #009999;}*/
/*.Loginbody{background: #2888b2;}*/
/*.Loginbody{background: #4A5B79;}*/
*{font-family: 'microsoft yahei',Verdana, Arial;}
.Loginbody{background: #2e3e4e;}
.logo{margin: auto; margin-top: 12%; width: 983px; height: 60px;}
.content{margin: auto; width: 983px; height: 332px; background: url(../images/loginbj1.png) top center no-repeat #fff; border-radius: 5px; box-shadow: 0 10px 20px rgba(0,0,0,.6);}
.Loginform{margin-top: 71px; float: right; width: 367px; height: 200px;}
.form-message{height:30px; width:60%; margin-left:auto; margin-right:auto;}
.form-login-text{ padding-left:10px; width:60%; margin-left:auto; margin-right:auto;text-align: center; color:#21A957;font-size: 13px; font-weight:bold; background:url('../images/loading.gif') center left no-repeat; background-position: 10px 3.5px; border-radius: 4px;}
.form-error-text{padding-left:35px;border:1px solid #ee86a4; color: #9d2a16;  height: 26px;font-size: 13px; line-height: 26px; background:#f8cad7 url('../images/validatebox_warning.png') center left no-repeat; background-position: 10px 5.5px; border-radius: 4px;}
.form-warning-text{padding-left:35px;border:1px solid #f8e144; color: #000;  height: 26px;font-size: 13px; line-height: 26px; background:#fdf7ce url('../images/bullet_error.png') center left no-repeat; background-position: 10px 5.5px; border-radius: 4px;}
.form-succeed-text{padding-left:35px; border-radius:3px; color: #fff;  border: 1px solid #5e8800;font-size: 13px; height: 26px; line-height: 26px; background:#62b600 url('../images/loading1.gif') center left no-repeat; background-position: 10px 5.5px;}
.form-account{margin-top: 16px; margin-left: 16px;  font-size: 13px; color: #999999;}
.form-password{margin-top: 38px; margin-left: 16px;  font-size: 13px; color: #999999;}
#txtLoginId{border: none; padding: 0px; height: 32px; line-height: 32px; width: 260px;  font-size: 11pt; color: #999999; background-color: #F0EEF1; padding-left: 5px;}
#txtPassword{border: none; padding: 0px; height: 32px; line-height: 32px; width: 260px;  font-size: 11pt; color: #999999; background-color: #F0EEF1; padding-left: 5px;}
.form-bottom{margin-top: 38px; margin-left: 16px; height:39px;line-height:39px;}
.btlogin{height:40px; width:100px; float:right; margin-right:12px; cursor:pointer;background:#2E425D;color:#fff;border:0;border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; }
.copyright{text-align: center; color: #fff; position: absolute; top: 100%; margin-top: -30px; width: 97%;  line-height:25px;}
.qqsign{margin-left: 20px; border: medium none; width: 63px; height: 24px; border-style: none; background: none; background-image: url("../images/Connect.png" ); cursor: pointer;}
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?7l0opz');
	src:url('fonts/icomoon.eot?#iefix7l0opz') format('embedded-opentype'),
		url('fonts/icomoon.woff?7l0opz') format('woff'),
		url('fonts/icomoon.ttf?7l0opz') format('truetype'),
		url('fonts/icomoon.svg?7l0opz#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
	content: "\e900";
}

.icon-home2:before {
	content: "\e901";
}

.icon-home3:before {
	content: "\e902";
}

.icon-images:before {
	content: "\e90e";
}

.icon-camera:before {
	content: "\e90f";
}

.icon-headphones:before {
	content: "\e910";
}

.icon-connection:before {
	content: "\e91b";
}

.icon-phone:before {
	content: "\e942";
}

.icon-phone-hang-up:before {
	content: "\e943";
}

.icon-location:before {
	content: "\e947";
}

.icon-location2:before {
	content: "\e948";
}

.icon-compass:before {
	content: "\e949";
}

.icon-bubble:before {
	content: "\e96b";
}

.icon-bubbles:before {
	content: "\e96c";
}

.icon-bubbles2:before {
	content: "\e96d";
}

.icon-bubble2:before {
	content: "\e96e";
}

.icon-bubbles3:before {
	content: "\e96f";
}

.icon-bubbles4:before {
	content: "\e970";
}

.icon-leaf:before {
	content: "\e9a4";
}

.icon-fire:before {
	content: "\e9a9";
}

.icon-shield:before {
	content: "\e9b4";
}

.icon-switch:before {
	content: "\e9b6";
}

.icon-radio-checked:before {
	content: "\ea54";
}

.icon-radio-checked2:before {
	content: "\ea55";
}

.icon-share2:before {
	content: "\ea82";
}

.icon-feed2:before {
	content: "\ea94";
}

.icon-dropbox:before {
	content: "\eaaf";
}

.icon-location3:before {
	content: "\e600";
}

.icon-news:before {
	content: "\e601";
}

.icon-note:before {
	content: "\e602";

}

.icon-1:before {
	content: "\e602";
	color: rgb(106, 203, 2);
	
}
.icon-2:before {
	content: "\e9a4";
	color: rgb(255, 165, 7);
}
.icon-3:before {
	content: "\e942";
	color: rgb(136, 218, 62);
}
.icon-4:before {
	content: "\eaaf";
	color: rgb(254, 130, 76);
}