* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px
}

html {
	height: 100%
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff
}

#oc {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden
}

#oc[id] {
	display: table;
	position: static
}

#mc {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center
}

#mc[id] {
	display: table-cell;
	vertical-align: middle;
	position: static
}

#ic {
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	height: 370px;
	background-color: #fff
}

#fc {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center
}

#fc p {
	font-size: 12px;
	font-weight: 400
}

#fc a {
	margin-left: 5px;
	margin-right: 5px;
	font-size: 12px;
	color: #666
}

#icon, #logo, #user, #pass, #login_btn, #license {
	position: relative;
	left: 0;
	top: auto
}

#icon {
	width: 64px;
	height: 72px;
	padding-bottom: 15px;
	display: block;
	margin: 0 auto
}

#logo {
	width: auto;
	height: 64px;
	margin-bottom: 32px
}

#user_lbl {
	position: absolute;
	top: 120px;
	left: 40px;
	color: #7e939b
}

#user {
	width: 275px;
	height: 28px;
	padding: 5px 5px 5px 10px;
	margin-bottom: 10px;
	border: 1px solid #dfdedd;
	border-radius: 0px;
	background: #fff;
	font-size: 13px;
	font-weight: 400;
	color: black
}

#pass_lbl {
	position: absolute;
	top: 120px;
	left: 215px;
	color: #7e939b
}

#pass {
	width: 275px;
	height: 28px;
	padding: 5px 5px 5px 10px;
	margin-bottom: 20px;
	border: 1px solid #dfdedd;
	border-radius: 0px;
	background: #fff;
	font-size: 13px;
	font-weight: 400;
	color: black
}

#login_btn {
	width: 292px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 0px;
	background: #f08200;
	font-size: 13px;
	font-weight: 400;
	color: white
}

#login_btn:hover {
	background: #11448d
}

#license {
	font-size: 11px;
	bottom: auto;
	padding-top: 40px;
	color: #555
}

#register {
	bottom: auto;
	padding-top: 40px;
	color: #555
}

.tbox {
	position: absolute;
	display: none;
	z-index: 900
}

.tinner {
	padding: 15px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.tmask {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 800
}

#error .tclose {
	position: absolute;
	top: 0;
	right: 2px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(/ui/login/res/img/close_error.png) no-repeat
}

#error .tclose:hover {
	background-position: 0 -30px
}

#error {
	background: #ff6969;
	padding: 0
}

#error .tcontent {
	color: #fff;
	padding: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center
}

#error .tcontent center {
	color: #fff
}

#warn {
	background: #ffe669;
	padding: 0
}

#warn .tcontent {
	color: #000;
	padding: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center
}

#warn .tcontent center {
	color: #000
}

#warn .tclose {
	position: absolute;
	top: 0;
	right: 2px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(/ui/login/res/img/close_warn.png) no-repeat
}

#warn .tclose:hover {
	background-position: 0 -30px
}

.msg_title_error {
	color: #fff
}

.msg_title_warn {
	color: #000
}

#temp {
	display: none
}

.motd {
    display: inline-block;
    font-size: 16px;
    width: auto;
    background: #F0F0F0;
    color: #F08200;
    height: auto;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}