﻿#banner .article
{
	height: 107px;
	width: 941px;
	float: left;
	margin-left: 5px;
}
#main .catalog
{
	float: left;
	background: url(../images/consu_12.jpg) repeat-y left;
	width: 163px;
	height: auto;
	margin-left: 5px;
	_margin-left: 3px;
}
#main .catalog .title
{
	background: url(../images/consu_06.jpg) no-repeat top left;
	width: 163px;
	height: auto;
	text-align: left;
	font: bold 12px/36px Arial;
	color: #4d5faa;
	text-indent: 20px;
}
#main .catalog .cataloglist
{
	background: url(../images/dot2.gif) no-repeat left 3px;
	font: bold 12px/22px Arial;
	text-align: left;
	float: right;
	margin-right: 10px;
	width: 130px;
	padding-left: 9px;
}
#main .catalog .cataloglist_l2 ul
{
	list-style-image: none;
	list-style-type: none;
	font: normal 12px/22px Arial;
	text-align: left;
	float: right;
	margin-right: 10px;
	width: 130px;
}
#main .catalog .cataloglist_l2 ul li
{
	background: url(../images/dot1.gif) no-repeat left 3px;
	padding-left: 9px;
}

#main .catalog ul
{
	list-style-image: none;
	list-style-type: none;
	font: normal 12px/22px Arial;
	text-align: left;
	float: right;
	margin-right: 10px;
	_margin-left:6px;
	width: 140px;
}
#main .catalog ul li
{
	background: url(../images/dot2.gif) no-repeat left 3px;
	padding-left: 9px;
}
#main .catalog ul li ul
{
	list-style-image: none;
	list-style-type: none;
	font: normal 12px/22px Arial;
	text-align: left;
	float: right;
	margin-right: 15px;
	width: 120px;
}
#main .catalog ul li ul li
{
	background: url(../images/dot1.gif) no-repeat left 3px;
	padding-left: 14px;
}
#main .catalog .footer
{
	background: url(../images/consu_22.jpg) no-repeat bottom left;
	width: 163px;
	height: 5px;
	margin-top: 30px;
}
#main .article
{
	background: url(../images/education_14.jpg) repeat-y left;
	float: left;
	width: 772px;
	height: auto;
	margin-left: 8px;
	_margin-left: 2px;
}
#main .article .location
{
	background: url(../images/education_09.jpg) repeat-x top;
	height: 34px;
	width: 772px;
	font: normal 12px/34px Arial;
	text-align: left;
	color: #454545;
}
#main .article .location .left
{
	background: url(../images/education_08.jpg) no-repeat top left;
	height: 34px;
	width: 720px;
	float: left;
	text-indent: 20px;
}
#main .article .location .right
{
	background: url(../images/education_11.jpg) no-repeat top right;
	height: 34px;
	width: 8px;
	float: right;
}
#main .article .title
{
	font: bold 14px/30px Arial;
	color: #dd860a;
	text-align: left;
	width: 700px;
	border-bottom: solid 4px #dd860a;
}
#main .article .content
{
	width: 680px;
	text-align: left;
	font: normal 12px/22px Arial;
	margin-top: 10px;
	text-indent: 24px;
}
#main .article .footer
{
	background: url(../images/education_18.jpg) no-repeat left bottom;
	width: 772px;
	height: 10px;
}
#main .article .content .title
{
	font: bold 14px/30px 黑体;
	color: #306b9c;
	border: 0px;
}
#main .article .content .content-li
{
	font: bold 12px/30px 宋体;
	display: block;
	background: #ddd;
	padding: 4px;
	color: #454545;
}
#main .article .content .sort
{
	background: url(../images/consu_18.jpg) repeat-x top;
	width: 330px;
	height: 219px;
	float: left;
	margin: 6px 6px 0 0;
}
#main .article .content .sort .left
{
	background: url(../images/consu_17.jpg) no-repeat top left;
	float: left;
	width: 4px;
	height: 219px;
}
#main .article .content .sort .right
{
	background: url(../images/consu_20.jpg) no-repeat top right;
	float: right;
	width: 5px;
	height: 219px;
}
#main .article .content .sort .articlelist
{
	float: left;
	width: 300px;
	height: 219px;
}
#main .article .content .sort .articlelist .title
{
	font: bold 12px/28px 宋体;
	text-align: left;
	text-indent: 10px;
}
#main .article .content .sort .articlelist ul
{
	list-style-image: url(../images/dot2.gif);
	margin: 6px;
	height: 150px;
}
#main .article .content .sort .articlelist .more
{
	text-align: right;
	font: Verdana;
}
#main .article .content .sort .articlelist .more a
{
	color: #306b9c;
}
.article_list
{
	width: 750px;
	height: auto;
	float: left;
}
.article_list ul
{
	text-align: left;
	list-style-image: url(../images/dot1.gif);
	padding-left: 60px;
	font: normal 12px/26px Arial;
}
.article_list ul li
{
	margin-top: 6px;
	border-bottom: dotted 1px #00aad9;
	width: 500px;
}
.table_header, .course
{
	text-align: left;
	list-style-image: url(../images/dot1.gif);
	padding-left: 60px;
	font: normal 12px/26px Arial;
}
.t_h_title
{
	float: left;
	width: 360px;
	font: bold 12px/26px Arial;
	color: #b85b09;
	text-align: left;
}
.t_h_trainer, .t_h_date, .t_h_city
{
	float: left;
	width: 100px;
	font: bold 12px/26px Arial;
	color: #b85b09;
	text-align: left;
}
.t_h_trainername
{
	float: left;
	width: 100px;
	font: bold 12px/26px Arial;
	color: #b85b09;
	text-align: left;
}
.t_h_trainertitle
{
	float: left;
	width: 300px;
	font: bold 12px/26px Arial;
	color: #b85b09;
	text-align: left;
}
.t_h_trainerfield
{
	float: left;
	width: 260px;
	font: bold 12px/26px Arial;
	color: #b85b09;
	text-align: left;
}
.trainername, .trainername_g
{
	float: left;
	width: 100px;
	font: normal 12px/26px Arial;
	color: #454545;
	text-align: left;
	text-indent: 6px;
}
.trainertitle, .trainertitle_g
{
	float: left;
	width: 300px;
	font: normal 12px/26px Arial;
	color: #454545;
	text-align: left;
}
.trainerfield, .trainerfield_g
{
	float: left;
	width: 260px;
	font: normal 12px/26px Arial;
	color: #454545;
	text-align: left;
}
.trainername_g, .trainertitle_g, .trainerfield_g
{
	background: #eee;
}

.article_list .course .course_title
{
	float: left;
	width: 360px;
	font: normal 12px/26px Arial;
	color: #454545;
	text-align: left;
}
.article_list .course .course_trainer, .article_list .course .course_date, .article_list .course .course_city
{
	float: left;
	width: 100px;
	font: normal 12px/26px Arial;
	color: #454545;
	text-align: left;
}
#main .article .heightcontrol
{
	width: 2px;
	height: 392px;
	float: right;
}
#main .article .table_back
{
	width: 600px;
	font: normal 12px/18px Arial;
	text-align: left;
	border: solid 1px #454545;
	color: #454545;
	margin-top: 20px;
}
#main .article .table_back table
{
	width: 600px;
	font: normal 12px/18px Arial;
	text-align: left;
	background: #454545;
}
#main .article .table_back table tr td
{
	background: white;
	padding: 4px;
}
#main .article .table_back table tr td.table_title
{
	background: #ffb471;
	font-weight: bold;
	padding: 0 4px;
}
.courselist
{
	list-style-image: url(../images/dot2.gif);
	margin: 6px 0 6px 20px;
}
.article .l1
{
	height: 360px;
}
.article .l1 #testcourse
{
	float: left;
	width: 300px;
	margin-left: 16px;
	_margin-left: 8px;
	border: solid 1px #ffb471;
}
.article .l1 #testcourse .title
{
	background-color: #ffb471;
	font: bold 12px/26px Arial;
	width: 300px;
	color: #4f4f4f;
	border: 0;
	text-indent: 10px;
}
.article .l1 #testcourse .first
{
	width: 290px;
	margin-left: 0px;
	font: normal 12px Arial;
}
.article .l1 #testcourse .first img
{
	width: 100px;
	float: left;
	margin: 4px 8px 8px 4px;
	_margin: 2px 4px 4px 2px;
}
.article .l1 #testcourse .first .name
{
	font-weight: bold;
	float: left;
	width: 290px;
	color: #4f4f4f;
	text-align: left;
	line-height: 30px;
}
.article .l1 #testcourse .first .introduce
{
	text-indent: 0px;
}
.article .l1 #testcourse ul.otherlist
{
	font: normal 12px/20px Arial;
	text-align: left;
	width: 280px;
	list-style-image: url(../images/dot2.gif);
	margin: 8px 0 8px 24px;
	_margin: 4px 0 4px 12px;
}
.article .l1 #testcourse ul li
{
	width: 280px;
}

.article .l2 #recommendtrainer
{
	float: left;
	width: 300px;
	margin-left: 16px;
	_margin-left: 8px;
	border: solid 1px #ffb471;
}
.article .l2 #recommendtrainer .title
{
	background-color: #ffb471;
	font: bold 12px/26px Arial;
	width: 300px;
	color: #4f4f4f;
	border: 0;
	text-indent: 10px;
}
.article .l2 #recommendtrainer .content
{
	width:300px;
}
.article .l2 #recommendtrainer .content .first
{
	width: 290px;
	margin-left: 10px;
	_margin-left: 5px;
}
.article .l2 #recommendtrainer .content .first .photo
{
	width: 105px;
	height:80px;
	float: left;
	margin: 4px 8px 8px 0px;
	_margin: 2px 2px 4px 0px;
	}
.article .l2 #recommendtrainer .content .first .photo img
{
	width: 100px;
	height:80px;
	margin-left:8px;
	_margin-left: 4px;
	float:left;
}
.article .l2 #recommendtrainer .content .first .name
{
	font-weight: bold;
	float: right;
	width: 176px;
	_width:160px;
	text-indent:5px;
}
.article .l2 #recommendtrainer .content .first .introduce
{
	width:160px;
	_width:158px;
	text-indent:0;
	text-align:left;
	float:right;
}
.article .l2 #recommendtrainer .content ul
{
	list-style-image: url(../images/dot1.gif);
	margin: 8px 0 8px 8px;
	width:300px;
}
.article .l2 #recommendtrainer .content ul li
{
	}
.article .l2 #recommendtrainer .more
{
	width: 200px;
	text-align: right;
	float: right;
	font: normal 12px/34px Arial;
	margin-right: 10px;
}
.l2
{
	border-top: dashed 1px #ffb471;
	margin: 10px;
	padding: 10px;
}
.article .l1 #educationIntroduce
{
	width: 400px;
	float: left;
	margin-left: 20px;
}
.article .l1 #educationIntroduce .title
{
	width: 420px;
}
.article .l1 #educationIntroduce .content
{
	width: 420px;
	height: 300px;
	line-height: 24px;
}
.article .l2 #recommendcourse
{
	width: 400px;
	float: left;
	margin-right: 20px;
}
.article .l2 #recommendcourse .title
{
	width: 400px;
}
.article .l2 #recommendcourse .content
{
	width: 420px;
}
.article .l2 #recommendcourse .recommend_course_list
{
	width: 400px;
}
.article .l2 #recommendcourse .recommend_course_list .table_header
{
	width: 400px;
	padding: 0;
}
.article .l2 #recommendcourse .recommend_course_list .table_header .t_h_title
{
	float: left;
	width: 220px;
	font: bold 12px/26px Arial;
	color: #b85b09;
	text-align: left;
	text-indent: 6px;
}
.article .l2 #recommendcourse .recommend_course_list .table_header .t_h_trainer, .article .l2 #recommendcourse .recommend_course_list .table_header .t_h_date
{
	float: left;
	width: 90px;
	font: bold 12px/26px Arial;
	color: #b85b09;
	text-align: left;
}
.article .l2 #recommendcourse .recommend_course_list .courselist
{
	font: normal 12px/24px Arial;
	width: 400px;
	margin: 0;
}
.article .l2 #recommendcourse .recommend_course_list .courselist .course_title
{
	float: left;
	width: 220px;
	text-align: left;
	text-indent: 0px;
}
.article .l2 #recommendcourse .recommend_course_list .courselist .course_trainer, .article .l2 #recommendcourse .recommend_course_list .courselist .course_date
{
	float: left;
	width: 90px;
	text-align: left;
}
.operation
{
	width:600px;
	text-align:right;
	margin-top:10px;
	}