@charset "gb2312";
BODY {
	TEXT-ALIGN: left;
	MARGIN: 0px;
	PADDING: 0px; 
	SCROLLBAR-FACE-COLOR: #e7f0f6; 
	SCROLLBAR-ARROW-COLOR: #4f508b;
	SCROLLBAR-DARKSHADOW-COLOR: #b2b2b2; 
	SCROLLBAR-BASE-COLOR: #000000; 
	FONT-FAMILY: Simsun, Verdana, Tahoma, sans-serif; 
	BACKGROUND: #fff repeat-x 50% top; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	COLOR: #5C5C5C; 
	SCROLLBAR-SHADOW-COLOR: #ffffff; 
	FONT-SIZE: 12px; 
	SCROLLBAR-TRACK-COLOR: #e5edf2; 
	SCROLLBAR-3DLIGHT-COLOR: #cccccc; 
}
A {
	TEXT-DECORATION: none;
}
A:link {
	COLOR: #696c70; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #485560; TEXT-DECORATION: none;
}
A:active {
	COLOR: #043D78; TEXT-DECORATION: none;
}

#container {margin:0 auto; width:100%; LEFT: 0px;}
#navSite {
	MARGIN: 0px auto ; WIDTH: 100%;  HEIGHT: 30px; 
}
.csgHeader {
	MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 30px; CLEAR: both;BACKGROUND: url(../images/logo_banner.jpg) no-repeat;
}
.topline{
	MARGIN: 0 auto;
	width:100%;
	margin-top:0px;
	z-index:2;
	position: absolute;
	height:2px;
	border-bottom:1px solid #077ED0;
	}

.top{
	float:left;width:990px;
	height:30px;
	padding-top:10px;
	z-index:1;
	}
.topleft{
	float:left;
	width:360px;
	}
.topright{
	float:right;
	width:400px;
	}
.main {
	background-color:#0078CA;
}
.toplogo{
	MARGIN: auto;
	WIDTH: 960px; height:100px;
	}
.contents {
	POSITION: relative; MARGIN: auto; WIDTH: 960px; HEIGHT: 480px
}

.login-box {
	POSITION: absolute; WIDTH: 374px; BACKGROUND: #f6f6f6; HEIGHT: 508px; BORDER-TOP: #c0c0c0 1px solid; TOP: -9px; RIGHT: -7px;
}
.login-box .tblf {
	POSITION: absolute; WIDTH: 8px; BACKGROUND: url(../images/bg.png) 0px -194px; HEIGHT: 8px; TOP: 0px; LEFT: -8px
}
.login-box .tbrt {
	POSITION: absolute; WIDTH: 8px; BACKGROUND: url(../images/bg.png) -16px -184px; HEIGHT: 8px; TOP: 0px; RIGHT: -8px
}
.login-box DL.dx {
	LINE-HEIGHT: 2px; MARGIN: 10px 0px; WIDTH: 374px; BACKGROUND: url(../images/bg.png) 0px -271px; HEIGHT: 2px; FONT-SIZE: 0px
}
.login-box DL.ykdl {
	WIDTH: 300px; FONT: 14px/28px "ËÎÌå"; COLOR: #ff8018; MARGIN-LEFT: 40px
}
.login-box DL.ykdl A.ykbt {
	WIDTH: 130px; DISPLAY: inline-block; BACKGROUND: url(../images/bg.png) -145px 0px; HEIGHT: 28px; MARGIN-LEFT: 10px
}
.login-box DL.ykdl A.ykbt:hover {
	BACKGROUND: url(../images/bg.png) -140px -123px
}
.login-frm DT {
	LINE-HEIGHT: 40px; BACKGROUND-POSITION: 0px -12px; COLOR: #333; OVERFLOW: hidden
}
.login-frm DT {
	MARGIN-TOP: 30px; PADDING-LEFT: 75px; FONT: bold 14px/25px "ËÎÌå"; BACKGROUND: url(../images/bg.png) no-repeat -310px -190px
}
.login-frm DD {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-REPEAT: repeat-y; HEIGHT: auto; PADDING-TOP: 0px
}
.login-frm UL {
	PADDING-LEFT:0px;PADDING-TOP: 20px;width:290px;
}
.login-frm LI {
	POSITION: relative; HEIGHT: 50px; 
}
.login-frm LI LABEL {
	Z-INDEX: 2; POSITION: absolute; PADDING-BOTTOM: 13px; LINE-HEIGHT: 15px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; HEIGHT: 14px; COLOR: #bbb; FONT-SIZE: 14px; TOP: 0px; CURSOR: text; FONT-WEIGHT: bold; PADDING-TOP: 13px; LEFT: 0px
}
.login-frm LI .text {
	Z-INDEX: 1; FONT-SIZE: 14px; TOP: 0px; FONT-WEIGHT: bold; height:22px; width:140px;
}
.login-status {
	TEXT-ALIGN: right; LINE-HEIGHT: 22px; HEIGHT: 22px; COLOR: #666; FONT-SIZE: 14px; OVERFLOW: hidden
}
.login-status INPUT {
	MARGIN: 5px 5px 0px 0px; WIDTH: 12px; FLOAT: left; HEIGHT: 12px;cursor:pointer;
}
.login-status LABEL {
	FLOAT: left
}
.login-button {
	HEIGHT: 40px; PADDING-TOP: 15px
}
.login-button INPUT{
	cursor:pointer;
}
.login-button BUTTON {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 130px; BACKGROUND: url(../images/bg.png) no-repeat 0px 0px; FLOAT: left; HEIGHT: 40px; BORDER-TOP: 0px; 
	BORDER-RIGHT: 0px; border-radius: 0px;cursor:pointer;
}
.login-button .button {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 130px; BACKGROUND: url(../images/bg.png) no-repeat 0px 0px; FLOAT: left; HEIGHT: 40px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; 
	border-radius: 0px;cursor:pointer;
}
.login-button BUTTON:hover {
	BACKGROUND-POSITION: 0px -47px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}

.login-button .button {
	LINE-HEIGHT: 20; WIDTH: 130px; BACKGROUND-POSITION: 0px -147px; FLOAT: right; OVERFLOW: hidden
}
.login-button .button:hover {
	BACKGROUND-POSITION: 0px -147px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}
.login-button .button:active {
	BACKGROUND-POSITION: 0px -147px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}
.login-form P {
	POSITION: relative; TEXT-ALIGN: left; PADDING-BOTTOM: 10px; LINE-HEIGHT: 25px; MARGIN-TOP: -15px; PADDING-LEFT: 24px; WIDTH: auto; PADDING-RIGHT: 10px; DISPLAY: block; OVERFLOW: hidden; PADDING-TOP: 7px
}

.xc-box {
	BACKGROUND-REPEAT: no-repeat;
}
.xc-box {
	POSITION: absolute; WIDTH: 590px; BACKGROUND-POSITION: 0px 0px; HEIGHT: 460px; TOP: 0px; LEFT: 0px
}
.feature-text {
	POSITION: absolute; WIDTH: 212px; BACKGROUND-POSITION: 0px -480px; HEIGHT: 74px; OVERFLOW: hidden
}

.foot {
	TEXT-ALIGN: center; PADDING-BOTTOM: 15px; LINE-HEIGHT: 22px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: auto; COLOR: #888; PADDING-TOP: 15px
}
#foot {
	LINE-HEIGHT: 24px; MARGIN: 10px auto 0px; WIDTH: 980px; HEIGHT: auto; COLOR: #666; PADDING-TOP: 15px
}
#foot A {
	COLOR: #666
}
#foot A:hover {
	COLOR: #f00
}
.foot {
	TEXT-ALIGN: center; PADDING-BOTTOM: 15px; LINE-HEIGHT: 22px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: auto; COLOR: #888; PADDING-TOP: 15px
}