@charset "utf-8";

/*
|********************************************************************************************
| 															  					  Main Layout  
|********************************************************************************************
*/

body { 
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 11px;
	color: #FFF;
	background: url(../images/bg/bg_main.jpg) center top no-repeat #013974;
	
}

.container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 1000px;
	height: auto;
}

.div_container_header {
	position: relative;
	float: left;
	width: 100%;
	height: 159px;
}

.div_container_center{
	position: relative;
	float: left;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	top: -15px;
}

.div_container_footer {
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
	text-align: center;
	color: #28619d;
	font-size: 11px;
	margin-top: 100px;
}

/* hack for IE6 only */
* html .div_container_footer {
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
	text-align: center;
	color: #28619d;
	font-size: 11px;
	margin-top: 20px;
}

/*
|********************************************************************************************
| 															  					 Intro Layout  
|********************************************************************************************
*/

.div_container_center_colum {
	position: relative;
	float: left;
	width: 305px;
	height: 650px;
	margin: 15px 5px 0px;
}

.div_banner {
	position: relative;
	float: left;
	width: 100%;
	text-align: left;
	padding-top: 40px;
	margin-top: 10px;
}

.span_title_bold {
	position: relative;
	float: left;
	width: 85%;
	margin: -10px auto 0px;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	background-color: #c2c401;
	color: #154a4e;
	height: 20px;
	left: -15px;
}
/* hack for IE6 only */
* html .span_title_bold {
	position: relative;
	float: left;
	width: 100%;
	margin: 10px auto 10px;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	background-color: #c2c401;
	color: #154a4e;
	height: 20px;
	left: -20px;
}

.ul_container {
	position: relative;
	float: left;
	width: 100%;
	list-style: none;
}

/* hack for IE6 only */
* html .ul_container {
	position: relative;
	float: left;
	width: 90%;
	list-style: none;
	padding-left: -50px;
	margin-left: 20px;
}

.li_container {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	left: -15px;
}
/* hack for IE6 only */
* html .li_container {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#only_net {
	position: relative;	
	top: 70px;
}

.link {
	position: relative;
	float: left;
	margin-left: 3px;
}

.pdf {
	position: relative;
	float: left;
}

*:first-child+html .span_title_bold {	
	margin-top: 4px;
}

#div_ba {
	background: url(../images/bg/banner_ba.gif) no-repeat center top ;
}

#div_ma {
	background: url(../images/bg/banner_ma.gif) no-repeat center top ;
}

#div_phd {
	background: url(../images/bg/banner_phd.gif) no-repeat center top ;
}

#div_fo {
	background: url(../images/bg/banner_fo.gif) no-repeat center top ;
}

#div_net {
	background: url(../images/bg/banner_net.jpg) no-repeat center top;
	height: 800px;
}

/* hack for IE6 only */
* html #div_net {
	background: url(../images/bg/banner_net_ie6.jpg) no-repeat center top;
	height: 750px;
}

#div_do {
	background: url(../images/bg/banner_do.gif) no-repeat center top ;	
}

#div_info {
	background: url(../images/bg/banner_info.gif) no-repeat center top ;
}

.bt_cne {
	position: absolute;
	left: 220px;
	top: 275px;
	width: 65px;
	height: 23px;
	z-index: 1;
}

*:first-child+html .bt_cne {	
	top: 250px;
}

.bt_website {
	position: relative;
	width: 300px;
	text-align: center;
	height: 40px;
	top: -40px;
	left: 500px;
	font: 16px bold;
}

/* hack for IE6 only */
* html .bt_website {
	position: relative;
	width: 300px;
	text-align: center;
	height: 40px;
	top: -40px;
	left: 160px;
	font: 16px bold;
}

/* hack for IE7 only */
*:first-child+html .bt_website {
	position: absolute;
	margin-top: 580px;
	width: 300px;
	text-align: center;
	height: 40px;
	left: 500px;
	font: 16px bold;
}


*:first-child+html .bt_website {	
	top: 25px;
}

/*
|********************************************************************************************
| 															  					 		 LINK  
|********************************************************************************************
*/

/*
|--------------------------------------------------------------------------------------------
| 													            Link - [ Private Intro Page ]
|--------------------------------------------------------------------------------------------
*/

a:link {
	color: #FFF;
	text-decoration: none;
}

a:visited {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #FC0;
}

a:active {
	color: #FFF;
	text-decoration: none;
}


#chi:link {
	color: #FF0;
	text-decoration: none;
}

#chi:visited {
	color: #FF0;
	text-decoration: none;
}

#chi:hover {
	color: #FC0;
}

#chi:active {
	color: #FF0;
	text-decoration: none;
}
/*
|--------------------------------------------------------------------------------------------
| 													     Link Menu Footer - [ Used All Page ]
|--------------------------------------------------------------------------------------------
*/

.link_menu_footer:link {
	color: #28619d;
	text-decoration: none;
	font-size: 11px;
}

.link_menu_footer:visited{
	color: #28619d;
	text-decoration: none;
	font-size: 11px;
}
	
.link_menu_footer:hover {
	color: #0099FF;
	font-size: 11px;
}

.link_menu_footer:active {
	color: #28619d;
	text-decoration: none;
	font-size: 11px;
}

/*
|********************************************************************************************
| 															  Align  - [ Private Intro Page ] 
|********************************************************************************************
*/

.center {
	margin-left: auto;
	margin-right: auto;
}

.FontChi { font-size: 10px;}

/* hack for IE6 only */
* html .FontChi { font-size: 8.9px;}

/* hack for IE7 only */
*:first-child+html .FontChi { font-size: 9px;}
