a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body, html {
	height: 100%
}
html {
	overflow-x: hidden
}
body {
	line-height: 1;
	background: url(../images/login/bg-page.jpg) 50% 50%/cover no-repeat;
	color: #666;
	font-family: Arial;
	font-size: 14px
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.row:after, .row:before {
	content: "";
	display: table
}
.row:after {
	clear: both
}
.hidden {
	display: none
}
#login .hero-banner img, .block {
	display: block
}
#login {
	background: url(../images/login/container.jpg) no-repeat;
	bottom: 0;
	height: 654px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 1039px
}
@media (max-height:654px) {
#login {
	bottom: auto;
	top: 0
}
}
#login .hero-banner {
	float: left;
	margin: 15px 0 0 13px;
	width: 559px
}
#login .bx-pager {
	height: 34px;
	padding-top: 10px;
	text-align: center
}
#login .bx-pager-item {
	display: inline-block;
	height: 12px;
	margin: 0 7px;
	width: 12px
}
#login .bx-pager-item a {
	background-color: #ddd;
	border-radius: 50%;
	display: block;
	height: 100%;
	text-indent: -777em
}
#login .bx-pager-item a.active {
	background-color: #08a5a3
}
#login .form-login {
	float: left;
	margin: 243px 0 0 88px
}
#login .form-login .select-menu {
	background: url(../images/login/dropdown.png) no-repeat;
	display: block;
	height: 47px;
	margin-left: -5px;
	position: relative;
	width: 342px
}
#login .form-login [class*=select-menu] select {
	background-color: #fff;
	border: 0;
	color: #3b3b3b;
	height: 100%;
	left: 5px;
	position: relative;
	top: -6px;
	width: 334px;
	z-index: 10
}
#login .form-login [class*=select-menu] .select-value {
	bottom: 0;
	color: #fff;
	cursor: default;
	height: 100%;
	left: 0;
	padding: 13px 17px;
	position: absolute;
	width: 100%;
	z-index: 1
}
#login .form-login ::-webkit-input-placeholder {
color:#a1a0a0
}
#login .form-login :-moz-placeholder {
color:#a1a0a0;
opacity:1
}
#login .form-login :-ms-input-placeholder {
color:#a1a0a0
}
#login .form-login input[type=text], #login .form-login input[type=password] {
	box-sizing: border-box;
	border: 0;
	display: block;
	height: 47px;
	margin: 0 0 0 -5px;
	padding: 0 0 0 95px;
	width: 342px
}
#login .form-login input[type=text]:focus, #login .form-login input[type=password]:focus {
	border: 0;
	outline: 0
}
#login .form-login input[type=text]:focus::-webkit-input-placeholder, #login .form-login input[type=password]:focus::-webkit-input-placeholder {
color:transparent
}
#login .form-login input[type=text]:focus:-moz-placeholder, #login .form-login input[type=password]:focus:-moz-placeholder {
color:transparent;
opacity:0
}
#login .form-login input[type=text]:focus:-ms-input-placeholder, #login .form-login input[type=password]:focus:-ms-input-placeholder {
color:transparent
}
#login .form-login input[type=text] {
	background: url(../images/login/input-user.png) no-repeat;
	margin-top: 18px
}
#login .form-login input[type=password] {
	background: url(../images/login/input-password.png) no-repeat;
	margin-top: 7px
}
#login .form-login input[type=button], #login .form-login input[type=submit] {
	background: url(../images/login/bt-login.png) no-repeat;
	border: 0;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 38px;
	margin: 20px auto 0;
	width: 174px
}
#login .group {
	height: 78px;
	margin-top: 34px;
	padding-left: 150px
}
#login .group>li {
	float: left;
	height: 100%
}
#login .group>li a {
	display: block;
	height: 100%
}
#login .group>li:nth-of-type(1) {
	margin-right: 26px;
	width: 60px
}
#login .group>li:nth-of-type(2) {
	margin-right: 34px;
	width: 39px
}
#login .group>li:nth-of-type(3) {
	margin-right: 27px;
	width: 28px
}
#login .group>li:nth-of-type(4) {
	margin-right: 24px;
	width: 65px
}
#login .group>li:nth-of-type(5) {
	width: 92px
}
#login .project {
  color: #333;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 55px;
  width: 397px;
}
#login .project h1 {
  margin-bottom: 15px;
}
#login .project h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
#login .project h3 {
  font-size: 14px;
}