@import url("../../Css/Common.css");
body{
	margin: 0;
	padding:0;
	background: #FFFFFF url("../Image/BodyHeaderBg.jpg") no-repeat center top;
	text-align: center;
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, PMingLiU;
	word-wrap: break-word;
}
img{
	border:0;
}
a{
	text-decoration:none;
}
a:link {
	color: #095C83;
}
a:visited {
	color: #095C83;
}
a:hover {
	color: #DC143C;
	text-decoration: underline;
}
a:active {
	color: #DC143C;
	text-decoration: underline;
}
ul{
	list-style-type:none;
	list-style-position : outside;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size: 12px;
}
li{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
p{
	margin:0 0 0 0;
	padding:0 0 0 0;
}


/*------*/
#MainBox{
	margin-right: auto;
	margin-left: auto;
	font: 12px Verdana, PMingLiU;
	line-height: 24px;
}
#Header{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#TopBar{
	position: absolute;
	top: 0;
	width: 755px;
	margin-left: 10px;
	font: 12px Verdana, PMingLiU;
	line-height: 24px;
	color: #fff;
}
#TopBar span{
	float: right;
}
#TopBar a{
	text-decoration:none;
}
#TopBar a:link {
	color: #000;
}
#TopBar a:visited {
	color: #000;
}
#TopBar a:hover {
	color: #DC143C;
	text-decoration: underline;
}
#TopBar a:active {
	color: #DC143C;
	text-decoration: underline;
}
#Nav{
	margin-top: 90px !important;
	margin-bottom: -90px;
	height: 40px;
	width: 778px;
	text-align: center;
}
#Nav a{
	text-decoration: none;
}
#Nav a:link{
	color: #183B89;
}
#Nav a:visited {
	color: #183B89;
}
#Nav a:hover {
	color: #DC143C;
	text-decoration: none;
}
#Nav a:active {
	color: #DC143C;
	text-decoration: none;
}
#Nav ul{
	list-style: none;
	margin-left: 25px;
}
#Nav li{
	float: left;
	width: 120px;
	margin-left: 1px;
	margin-right: 1px;
	text-indent: 35px;
	font: bolder 12px Verdana, PMingLiU;
	color: #183B89;
	line-height:40px;
}
#Nav #MainPage{
	background:  url("../Image/NavIcon_MainPage.gif") no-repeat 12px -2px;
}
#Nav #Apply{
	background:  url("../Image/NavIcon_Apply.gif") no-repeat 5px -2px;
}
#Nav #CourseIntro{
	background:  url("../Image/NavIcon_CourseIntro.gif") no-repeat 0px -3px;
}
#Nav #EC{
	background:  url("../Image/NavIcon_EC.gif") no-repeat 0px -3px;
}
#Nav #Download{
	background:  url("../Image/NavIcon_Download.gif") no-repeat 2px -3px;
}
#Nav #Help{
	background:  url("../Image/NavIcon_Help.gif") no-repeat 7px -5px;
}
#Login{
	font: 12px Verdana, PMingLiU;
}
#Login #TextLabel_User{
   vertical-align: -1px !important;
	vertical-align: -3px;
	margin-left:91px;
}
#Login #TextLabel_Password{
  vertical-align: -1px !important;
	vertical-align: -3px;
	margin-left:21px;
}
#Login .Input{
	margin-bottom: 7px !important;
   margin-bottom: 7px;
	padding: 3px 2px 3px 4px;
	height:22px;
	width: 130px;
	border: solid 1px #3379D4;
	background: #D1E2F2;
	font: 12px Verdana, PMingLiU;
	color: #000000;
	text-decoration: none;
}
#Login #Button_Login{
	vertical-align: 1px !important;
	vertical-align: -2px;
	margin-left:30px;
}
#Login #Button_GetPassword{
	vertical-align: 5px !important;
    vertical-align: 0px;
	margin-left: 10px;
}
#MainContent{
	text-align:center;
}
#MainContent h1{
	font: bolder 12px;
	color: #2158A5;
	line-height: 12px; Verdana, PMingLiU
}
#MainContent .TextContent{
	margin: 10px 40px 10px 40px;
	text-align: left;
	line-height: 24px;
	font-size: 12px;
}
#MainContent .TextContent br{
	line-height: 6px;
}
#MainContent #Switch{
	float:right;
	width:113px;
	height:21px;
	background: url(../Image/Button_Switch.gif);
	font: bolder 12px Verdana, PMingLiU;
	color: #508819;
	line-height:21px;
	margin-bottom: 10px;
	margin-right:25px !important;
	margin-right: 10px;
}
#MainContent .ModuleHeader{
	margin-right: auto;
	margin-left: auto;
	width: 742px;
	height: 22px;
	background: url(../Image/ModuleHeader.gif) no-repeat 0px 0px;
	font: bolder 14px Verdana, PMingLiU;
	color: #549317;
	text-align: left;
	padding-left: 10px;
	padding-top:3px;
	clear: both;

}
#MainContent .ModuleHeader span{
	float:right;
	font: 12px Verdana, PMingLiU;
	margin-right: 20px;
	margin-top:-0.5px;
}
#MainContent .ModuleHeader img{
	margin-bottom:-2px;
	margin-right: 5px;
}
#MainContent .ContentTable{
	text-align:left;
	margin-left: 53px !important;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 24px;
	font-size: 12px;
}
#MainContent .ContentTable img{
	margin-right:5px;
}
#MainContent .Title1{
	margin-left: 35px;
	margin-top: 20px;
	text-align: left;
	line-height: 24px;
	color: #549317;
	font: bolder 14px Verdana, PMingLiU;
}
#MainContent .Title1 span{
	float:right;
	font: 12px Verdana, PMingLiU;
	margin-right:35px;
	margin-top:-0.5px;
}
#MainContent .Title1 img{
	margin-bottom:-2px;
	margin-right:5px;
}
#MainContent .Title2{
	line-height: 24px;
	text-align: left;
	color: #3390B3;
	font: bolder 14px Verdana, PMingLiU;
}
#MainContent .Download{
	text-align: left;
	margin: 20px 30px 80px 30px;
	font: 12px Verdana, PMingLiU;
	line-height: 24px;
}
#MainContent .Download h1{
	font: bolder 22px Verdana, PMingLiU;
	color: #2158A5;
	line-height: 30px;
}
#MainContent .Download .Button1{
	text-indent: 25px;
	margin-top: 10px;
	margin-left: 0px !important;
	margin-left: -20px;
	width:187px;
	height:39px;
	background: url(../Image/Button_Download.gif) no-repeat;
	font: bolder 12px Verdana, PMingLiU;
	color: #508819;
	line-height:48px;
}
#MainContent .Download .Button2{
	text-indent: 25px;
	margin-top: 0px;
	margin-left: 20px;
	width:136px;
	height:39px;
	background: url(../Image/Button_View.gif) no-repeat;
	font: bolder 12px Verdana, PMingLiU;
	color: #508819;
	line-height:48px;
}
#MainContent .Download img{
	float: left;
	margin-right: 20px;
}
/*#MainContent .Course{
	width: 100%;
	text-align: left;
	margin-left: 50px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 25px;
	line-height: 22px;
}
#MainContent .Course li{
	float: left;
	width: 175px;
}*/
#MainContent #left{
	width: 24%;
	text-align:center;
}
/*#MainContent #left #ModuleHeader{
	margin-right: auto;
	margin-left: auto;
	width: 151px;
	height: 22px;
	background: url(../Image/ModuleHeader_Left.gif) no-repeat 0px 0px;
	font: bolder 14px Verdana, PMingLiU;
	padding-top:3px;
	padding-left:100px;
}*/
#MainContent #left ul{
	text-align: left;
	margin-left: 35px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 40px;
	line-height: 20px;
}
#MainContent #Right{
	width: 76%;
	text-align: center;
}
#MainContent #Right h1{
	font: bolder 12px Verdana, PMingLiU;
	color: #2158A5;
	line-height: 12px;
}
#MainContent #Right .TextContent{
	margin: 10px 30px 10px 40px;
	text-align: left;
	line-height: 24px;
	font-size: 12px;
}
#MainContent #Right .TextContent br{
	line-height: 6px;
}
/*#MainContent #Right #ModuleHeader{
	margin-right: auto;
	margin-left: auto;
	width: 151px;
	height: 22px;
	background: url(../Image/ModuleHeader_Right.gif) no-repeat 0px 0px;
	font: bolder 14px Verdana, PMingLiU;
	padding-top:3px;
	padding-left:100px;
}
#MainContent #Right #ModuleHeader span{
	font: bolder 12px Verdana, PMingLiU;
	margin-top:3px;
	text-indent:100px;
}*/
#MainContent #Right #ModuleHeader_News{
	margin-right: auto;
	margin-left: auto;
	width: 568px;
	height: 22px;
	background:  url("../Image/ModuleHeader_News.gif") no-repeat 0px 0px;
	font: bolder 12px Verdana, PMingLiU;
	padding-top:3px;
	text-indent:500px;
}
#MainContent #Right #ModuleHeader_DepartmentList{
	margin-right: auto;
	margin-left: auto;
	width:568px;
	height:22px;
	background:  url("../Image/ModuleHeader_DepartmentList.gif") no-repeat 0px 0px;
	font: bolder 12px Verdana, PMingLiU;
	padding-top:3px;
	text-indent:500px;
}
#MainContent #Right #ModuleHeader_EC{
	margin-right: auto;
	margin-left: auto;
	width:568px;
	height:22px;
	background:  url("../Image/ModuleHeader_EC.gif") no-repeat 0px 0px;
	font: bolder 12px Verdana, PMingLiU;
	padding-top:3px;
	text-indent:500px;
}
#MainContent #Right .ModuleHeader{
	margin-right: auto;
	margin-left: auto;
	width: 568px;
	height: 22px;
	background: url(../Image/ModuleHeader_Right.gif) no-repeat 0px 0px;
	font: bolder 14px Verdana, PMingLiU;
	color: #549317;
	text-align: left;
	padding-left: 10px;
	padding-top:3px;
	clear: both;
}
#MainContent #Right .ModuleHeader span{
	float:right;
	font: 12px Verdana, PMingLiU;
	margin-right:20px;
	margin-top:-0.5px;
}
#MainContent #Right .ModuleHeader img{
	margin-bottom:-2px;
	margin-right:5px;
}
#MainContent #Right .ContentTable{
	text-align:left;
	margin-left: 23px !important;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 24px;
	font-size: 12px;
}
#MainContent #Right .ContentTable img{
	margin-right:5px;
}
/*#MainContent #Right ul{
	text-align: left;
	margin-left: 23px;
	margin-right: 35px;
	margin-top: 10px;
	margin-bottom: 25px;
	line-height: 22px;
}
#MainContent #Right #News li{
	background: url(../Image/ListIcon_Orange.gif) no-repeat 0px 2px;
	text-indent: 20px;
}
#MainContent #Right #News li span{
	float: right;
	text-align: right;
}
#MainContent #Right #DepartmentList{
	width:100%;
	margin-bottom: 25px;
}
#MainContent #Right #DepartmentList li{
	background: url(../Image/ListIcon_Blue.gif) no-repeat 0px 2px;
	text-indent: 20px;
	float: left;
	width: 177px;
}
/*#MainContent #Right #EC li{
	background: url(../Image/ListIcon_Green.gif) no-repeat 0px 2px;
	text-indent: 20px;
}*/
#Footer{
	font-size: 12px;
	font-family: Verdana, PMingLiU;
	text-shadow: 5px 5px 10px blue;
}
.Button{
	text-align: center;
	margin: 0px 0px 0px 0px;
	width:72px;
	height:21px;
	background: url(../Image/Button.gif) no-repeat;
	font: bolder 12px Verdana, PMingLiU;
	color: #508819;
	line-height:21px;
}
.Button a{
	text-decoration:none;
}
.Button a:link {
	color: #095C83;
}
.Button a:visited {
	color: #095C83;
}
.Button a:hover {
	color: #DC143C;
	text-decoration: underline;
}
.Button a:active {
	color: #DC143C;
	text-decoration: underline;
}