body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background:url(../bg/body_l.gif) repeat-x;
}

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


h3 {
	margin: 0;
	padding: 5px 0 5px 40px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background:url(../tittle/298px.jpg) no-repeat;
}

h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

h5 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #FF9933;
}


ul{margin:0; padding:0;}
li{
	list-style:none;}

p{
	margin: 0 0 15px 0;
	font-size:12px;
	color:#333; height:auto;
}

img {
	border: none;
	margin: 0;
}

.cleaner {
	clear: both;
}

.cleaner_with_height {
	clear: both;
	width: 100%;
	height: 10px;
}

#container {
	margin: auto;
	width: 900px;
	background:#FFFFFF;
}

/* top panel */
#top_panel {
	width: 900px;
	height: 120px;
	margin: 0;
	padding: 0;
	background-image: url(../banner/banner.jpg);
	background-repeat: no-repeat;
}

#header {
	float: left;
	display: inline;
	margin: 40px 0 0 30px;
}

#header #site_title{
	padding: 10px 0 8px 0;
	margin: 0;
	color: #FFF;
	font-size: 50px;
	font-weight: bold;
	background: none;
}

#header #slogan{
	padding-left: 3px;
	margin: 10px 0 0 0;
	color: #CCC;
	font-size: 16px;
	font-weight: bold;
}


/* end of top panel */

/*------------- Menu ------------------*/
#menu {
	width: 900px;
	height: 35px;
	border-bottom: 1px solid #333;
	background-image: url(../tittle/900px.jpg);
	background-repeat: no-repeat;
}

#menu ul {
	float: left;
	width: 900px;
	margin: 0;
	list-style: none;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#menu ul li{
	display: inline;
}

#menu ul li a{
	float: left;
	font-size: 13px;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
}

#menu ul li .lastmenu{
	border-right: none;
}

#menu li a:hover, #menu li .current{
	color: #0099FF;
}


#sub_search {
	width: 900px;
	height: 36px;
	background-image: url(../bg/search_sub.gif);
	background-repeat: repeat-x;
}
form{
	margin-top:2px;
	padding:0;
	float:left;
	margin-left:25px;
	margin-right:2px;
}
.tb2{
	margin-top:7px;
	margin-left:10px;
}
/* ----------------- end of menu----------------*/

#content {
	width: 900px; height:auto;
	margin-bottom: 10px;
}

#content #content_left {
	float:left;
	width: 627px;
	padding:0;
	border-right:solid 1px #CCCCCC;
}

#content #content_right {
	float: right;
	width: 260px;
}

#content #content_show_left {
	float: left;
	width: 260px;
}

#content_left .tempaltemo_content_left_section_01 {
	width: 627px;
	float: left;
	height: auto;
	margin-bottom: 10px;
}

.tempaltemo_content_left_section_01  .section_01_two_col {
	float: left;
	width: 300px;
	height:auto;
	margin-top: 0;
	margin-right: 13px;
	margin-bottom: 0;
	margin-left: 0;
}

.section_01_two_col .section_01_box {
	clear: both;
	width: 100%;
	height: 149px;
	padding: 15px 0 0 0;
	border-bottom: 1px solid #CCCCCC;
}
.section_01_box .section_01_box_title{
	font-weight: bold;
	font-size: 14px;
}

.section_01_box img{
	float: left;
	margin: 3px 15px 0 0;
}

#content_left .tempaltemo_content_left_section_02{
	width: 627px;
	float: left;
	height:auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.tempaltemo_content_left_section_02  .section_02_box {
	float: left;
	width: 298px;
	height:auto;
	border: 1px solid #CCCCCC;
	margin-top: 0;
	margin-right: 13px;
	margin-bottom: 0;
	margin-left: 0;
}

.section_02_box .section_02_box_content{
	float: left;
	padding: 15px;
	margin-bottom: 10px;
}

.section_02_box_content .section_02_box_content_title {
	font-weight: bold;
}

.section_02_box_content ul{
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}

.section_02_box_content ul li{
	padding: 0 0 5px 15px;
	margin: 0;	
	background: url(../icons/listicon.gif) top left no-repeat;
}



#content_left .tempaltemo_content_left_section_03 {
	width: 614px;
	height: auto;
	float: left;
}



/*--------------------right------------------------------------*/
#content_right .content_right_section_01 {
	width: 260px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
}
.content_right_section_01 ul{padding: 5px 0 0 10px;}
.content_right_section_01 ul li{ background:url(../icons/listicon.gif) no-repeat; padding:0 0 5px 15px;} 
.content_right_section_01 .blog_box {
	margin-bottom: 5px;
	line-height: 22px;
}

.content_right_section_01 .blog_box h5 a{
	color: #195fff;	
}

.content_right_section_01 .blog_box span{
	color: #ff366f;
	float:right;
}


.content_right_section_01 .sister_links_box {
	float: left;
	width: 120px;
	padding-right: 10px;
}
.sister_links_box span{
	margin-left:20px;
}
#notice{
	height:95px;
	padding:0;
	margin:0; height:auto;
}
/* ----- Footer ----- */
#footer {
	clear: both;
	width: 850px;
	text-align: center;
	background: #DDD;
	text-align: center;
	font-size: 12px;
	color: #666;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}

#footer p{
	margin-bottom: 10px;
	padding: 0;
	text-align: justify;
	text-align:center;
}



/* ----- End of Footer ----- */
#tittles{height:30px;}
#tittles span,#pic span{float:right; padding:5px;}
#tittles span a,#pic span a{ color:#FFFFFF; font-size:14px; font-weight:bold;}
#pic{
	background:url(../tittle/620.jpg) no-repeat;
	height:28px;
	margin: 0;
	padding: 7px 0 0 50px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

/*--------------------------------gallery-------------------------------------*/
#gallerys{
	width:602px;
	height:91px;
	padding: 5px 4px 0 5px;
	border-bottom: 1px #CCCCCC solid;
	border-left:#CCCCCC 1px  solid;
	border-right:#CCCCCC 1px  solid; 
}
#gallerys img{
	padding:2px 2px 2px 2px;
	border:1px #CCCCCC solid;
	margin: 1px 5px 0 0;
	background-color:#FFFFFF;
}
#main_l{ width:638px;}
/*--------------------------------ÄÚÈÝÒ³-------------------------------------*/    
h1{font-size:26px;font-weight:normal;}
h2{font-size:18px;margin-top:10px;}
.courseType{background:#C4EFA4;}
.schoolName{text-align:center;border-right:1px dotted #ccc;}
.courseName{text-align:center;font-size:16px;border-right:1px dotted #ccc;}
.courseNameSub{background:#31829F;color:#fff;padding:2px;line-height:20px;font-size:12px;font-weight:normal;}
.totalMonth{border-right:1px dotted #ccc;}
.totalFee{border-right:1px dotted #ccc;}
.tl{background:#999;color:#fff;}
.currency{font-size:12px;color:#999;}
.note{color:#118F3A}
.arrow{line-height:25px;}
.tool{margin-bottom:5px;padding:5px 10px;background:#f2f2f2;border:1px solid #ccc;}                                                       
.textfield{margin:2px 0;line-height:22px;}



<!--#ÄÚÈÝ------------------------->
#show_main{height:auto; margin:8px 5px 6px; float:right;width: 627px;padding:0;border-right:solid 1px #CCCCCC;}
#show_daohang{font-size:12px; margin-left:10px;}
#show_title{font-size:12px; font-weight:bold; text-align:center; height:25px; border-bottom:#CCC 1px dotted; margin:10px 10px 10px;}
#show_from{font-size:12px; text-align:center; color:#999}
#show_xx{font-size:12px; line-height:18px; width:600px; height:auto; margin:10px 10px 10px 10px;}
#show_next{font-size:12px; text-align:center}
#show_online{width:500px; text-align:center; height:auto; margin-top:20px; text-align:left}
#show_content_main{font-size:12px; line-height:15px; margin-left:8px; margin-top:18px;}