/*----------------------------------------------------------
harold 20071228
��ǿƼ�
----------------------------------------------------------*/
body{font: 76% arial,sans-serif;text-align:center; color:#666;}
html,body{margin:0;padding:0}
*{
	padding: 0;
	margin: 0;
}
img{
	margin: 0;
	padding: 0;
	border: none;
}
input{
	line-height: 18px;
	height: 18px;}
form .buttom{
	line-height: 18px;
	height: 23px;}


a:link,a:visited,a:active { 
	color: #666; 
	border: none;
	text-decoration: none; 
} 
	a:hover { 
	color: #ff6600;
	border: none; 
	text-decoration:underline;
	}

/*-layout---------------------------------------------------------*/
div#container{width:780px;margin:0 auto;}
div#wrapper{float:left;width:100%;}
div.content{float:left;margin: 0px;}

div.threecol .content{width:224px;}
div.threecol .navigation{float:left;width:312px;}
div.threecol .extra{float:left;width:224px;}

div.twocol .content{width:623px;}
div.twocol .navigation{float:left;width:156px;border-right: 1px solid #e1e1e1;	}

div#footer{clear:left;width:100%;}
	/*-subpage--layout---------------------------------------------------------*/
	div.subpagetwocol .content{width:515px;}
	div.subpagetwocol .navigation{float:right;width:255px;border-left: 1px solid #e1e1e1;	}
	
	div.subpagetwocolavg .content{width:385px;}
	div.subpagetwocolavg .navigation{float:right;width:385px;}
/*----------------------------------------------------------*/
div#container{text-align:left;}
div#header{
	background: url(../images/bg_top.gif) repeat-x ;
	padding-top:5px; }
div#header form{
	float: left;
	line-height: 30px;
	height: 30px;}
div#header .function{
	float: right;
	margin: 5px 0 0 0;}
div#header .function span{
	background: url(../images/icon.gif) no-repeat 0px 3px ;
	padding: 0 2px 0 12px; }
div#header h1{
	float: left;
	background: url(../images/logo.gif) no-repeat;
	margin:10px 0 0 0; 
	width:169px;
	height:51px;
	text-indent: -888px;
	}
div#header .menu{
	float: left;
	margin:10px 0 0 20px; 
	list-style: none;
	}
div#header .menu li{
	float: left;
	margin: 0 5px 0 5px;
	}
div#header .submenu{
	float: left;
	background: url(../images/bg_submenu.jpg) repeat-x;
	margin:5px 0 0 20px;
	padding: 5px 0 0 0;
	height: 27px;
	width:580px; 
	list-style: none;
	}
div#header .submenu li{
	float: left;
	margin: 0 5px 0 5px;
	}
.onecol .search{
	padding: 5px 0;
	border-bottom: 1px solid #e1e1e1;	
	}
/*-----------------banner-and ad-----------------------*/
.bannertop{
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;	
	}
.bannertop img{
	margin: 4px 0 0 0;
	}
.admiddle{
	padding: 0 ;
	}
.admiddle img{
	margin: 3px 2px 0 0;
	}

.navmap{
	width:750px;
	line-height: 30px;
	padding-left:30px; 
	background: #FFE8D9;
	border-top:1px solid #ff6600;	 
	
}
	
.articlelist{
	padding: 0 ;
}
.articlelist h1{
	background: url(../images/icon_titl.gif) no-repeat 10px 8px;
	font-size: 14px;
	color:#ff6600;
	line-height: 30px;
	padding: 0 0 0 40px;
	border-bottom: 1px solid #e1e1e1;	
}
.articlelist h1 .more{
	float: right;
	margin: 8px 0 0 0;
}
.articlelist ul{
	list-style: none;
}
.articlelist ul li{
	background: url(../images/icon.gif) no-repeat 10px 10px;
	line-height: 25px;
	padding: 0 0 0 25px;
}
.articlelist ul .date{
	float: right;
}
.articlelist .page{
	text-align: center;
	margin: 20px 0 0 0;
}
.titlelist{
	padding: 0;
}
.titlelist h1{
	background: url(../images/icon_titl_green.gif) no-repeat 10px 8px;
	font-size: 14px;
	color:#ff6600;
	line-height: 30px;
	padding: 0 0 0 40px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;	
}
.titlelist h1 .more{
	float: right;
	margin: 8px 0 0 0;
}
.titlelist ul{
	padding:3px 0 ;
	list-style: none;
}
.titlelist ul li{
	line-height: 25px;
	height:25px;
	padding: 0 0 0 40px;
}
/*---------titlelist-----------------*/
.counseling ul li img{
	float: right;
	margin: 7px 10px 0 0 ;
}
.counseling ul li{
	line-height: 40px;
	height:40px;
	padding: 0 0 0 15px;
}

.onlinetel ul{
	background: url(../images/bg_onlinetel.gif) no-repeat 0px 20px;
}
.onlinetel ul li{
	padding: 0 0 0 50px;
}

.email ul{
	margin:10px 0;
}
/*---------articlelist-----------------*/
.affiche,.news,.graduate,.webjob{
	padding: 0 0 0 10px;
}
.graduate ul{
	background: #f9f9f9;
}
.webjob ul{
	width:290px;
}
.webjob ul li p{
	color:#999;
}
/*---------subpage-webjob-articlelist-----------------*/
div.subpagetwocol .content .webjob{
	padding:0;
	}
div.subpagetwocol .content .webjob ul{
	width:510px;
}
div.subpagetwocolavg .content .webjob{
	padding:0;
	}
div.subpagetwocolavg .content .webjob ul{
	width:385px;
}
div.subpagetwocolavg .navigation .webjob{
	padding:0;
}
div.subpagetwocolavg .navigation .webjob ul{
	width:385px;
}

.vipslink h1{
	margin:0 0 10px 0;
}
.vipslink img{
	margin: 2px 4px 0 25px;
}
/*---------subpage-loginhome------------------*/
.onecol.loginhome {
	width:500px;
	padding: 20px 0 0 160px;
}
.onecol.loginhome img{
	margin:10px;
}
/*---------subpage-loginagreement------------------*/
.onecol.agreement div{
	overflow: auto;
	width:600px;
	height: 400px;
	margin: 20px 0 0 100px;
	line-height: 30px;
}
.onecol.agreement div p{
	margin: 20px 0 0 0;
}
.onecol.agreement form{
	text-align: center;
	margin: 10px 0 0 0;
	border: none;
	width:780px;
}
/*---------subpage-loginregister------------------*/
.onecol .register form{
	width:600px;
	margin: 20px 0 0 100px;
	line-height: 30px;
	background: #FFF8F0;
	border: none;
}
/*---------subpage-loginregister------------------*/
.onecol .succeed{
	width:400px;
	height: 200px;
	margin: 20px 0 0 100px;
	padding: 40px 0 0 0;
	text-align: center;
	
	line-height: 30px;
	background: #FFF8F0;
}
/*---------subpage-loginindividual------------------*/
.onecol .loginindividual .left{
	float: left;
	margin: 20px 0 0 20px;
	padding:20px 0 ;
	background: #FFE8D9;
}
.onecol .loginindividual .right{
	float: left;
	margin: 20px  0 0 20px;
	width:450px;
	line-height: 30px;
}
/*---------subpage-webjob search------------------*/


.friendslink h1{
	background: url(../images/icon_titl.gif) no-repeat 10px 8px;
	font-size: 14px;
	color:#ff6600;
	line-height: 30px;
	padding: 0 0 0 40px;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #e1e1e1;	
}
.friendslink h1 .more{
	float: right;
	margin: 8px 0 0 0;
}
.friendslink img{
	display: inline;
	margin: 2px 2px 0 2px;
}
/*---------article-page------------------*/
.article {
	padding: 20px 10px 0;	
	line-height: 30px;
}
.article .date{
	text-align: right;
	border-bottom: 1px solid #e1e1e1;	
	margin: 0 0 20px 0;
}
.article h1{
	font-size:16px;
	text-align: center;
}
/*---------single-page  map------------------*/
div .mapmenu{
	float: left;
	margin:10px 0 0 20px; 
	line-height: 30px;
	list-style: none;
	}
div .mapmenu li{
	margin: 0 5px 0 5px;
	}
div .mapmenu li a{
	margin: 0 5px 0 5px;
	}
div .mapmenu li .primary{
	color:#ff6600;
	margin: 0 20px 0 0 ;
	}

div#footer{
	text-align: center;
	padding: 30px 0 20px 0;
	height: 150px;
	}
div#footer ul{
	background: #f9f9f9;
	line-height: 30px;
	list-style: none;
	width:780px;
	height: 30px;
	}
div#footer .bottommenu li{
	display: inline;
	margin: 0 5px 0 5px;
	}
div#footer p{
float: left;
width:780px;
	line-height: 25px;
	}
.clear{
	clear: both;
}

/*----the following is validation error message class----*/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}