@charset "utf-8";
html,body{width:100%;}
#global_container{text-align:center;}
#header{text-align:left;color:#1d5d92;background:url(images/header_bg.png) no-repeat left bottom;width:1000px;height:107px;margin:0 auto;overflow:hidden;position:relative;}
.topnav,.logo,.functionNav,#mainBav{position:absolute;}
.topnav{left:15px;top:4px;}
.topnav a,.functionNav a{margin:0 2px;}
.logo{width:300px;height:56px;left:8px;top:24px;}
.functionNav{right:14px;top:5px;}
.functionNav span{background:url(images/icon.gif) no-repeat -95px -39px;padding:3px 8px 3px 20px;}
#mainBav{background:url(images/main_bav_bg.png) no-repeat right top;width:647px;height:40px;padding-top:1px;top:45px;right:7px;}
#mainBav ul{background:url(images/main_bav_bg01.png) no-repeat right top;width:auto;height:30px;float:left;padding-right:20px;padding-left:8px;}
#mainBav ul li{line-height:30px;font-weight:bold;background:url(images/icon.gif) no-repeat -86px top;display:inline;text-align:center;width:86px;height:30px;float:left;padding-right:2px;}
#mainBav ul li a,#mainBav ul li a:hover{color:#fff;text-decoration:none;}
#mainBav ul li a:hover {background:url(images/icon.gif) no-repeat left top;cursor: pointer;display:block;width:86px;height:30px;overflow:hidden;}
#mainBav ul li.selected {font-weight:bold;color:#fff;background:url(images/icon.gif) no-repeat left top;width:86px;padding-right:2px;}
#mainBav ul li span{display:block;background:url(images/icon.gif) no-repeat -86px top;width:88px;height:30px;}
#mainBav ul li.line{background:none}
.help{line-height:28px;background:url(images/icon.gif) no-repeat left -33px;height:28px;float:right;padding-left:18px;margin-right:20px;_margin-right:10px}
.help a,.help a:visited,.help a:hover{color:#fff;text-decoration:underline}
#footer{text-align:left;clear:both;background:#4d95d3 url(images/footer_bg.gif) repeat-x left top;width:1000px;margin:0 auto;}
#footer a,#footer a:hover{color:#4d95d3;}
#footer ul{height:176px;width:100%;padding:10px;}
#footer ul li{display:inline;width:240px;height:auto;float:left;padding-left:20px;}
#footer ul li h2{font-weight:bold;color:#000;line-height:30px;}
#footer ul li h2.tools,#tools h3{padding-left:36px;background:url(images/footer_tools_header_bg.gif) no-repeat left center;}
#footer ul li h2.downloads,#downloads h3{padding-left:36px;background:url(images/footer_downloads_header_bg.gif) no-repeat left center;}

#footer ul li dl{padding:8px;}
#footer ul li dl dt{color:#5d727f;margin-bottom:10px;}
#footer ul li dl dd{line-height:22px;}

#footer ul li.contacts-tools{background:url(images/contact_tools_bg.gif) no-repeat left center;padding-left:40px;}
#footer ul li.contacts-tools dl{background:url(images/contact_tools_icons.gif) no-repeat left 8px;}
#footer ul li.contacts-tools dl dd{padding-left:30px;}


#myechinesePhone{background:url(images/myechinese.png) no-repeat left top;	width:174px;height:50px;float:right; margin:30px 40px 20px 0;}
#copyright{background:url(images/footer_quick_link_bg.gif) repeat-x left top ;color:#fafdff;text-align:center; width:1000px; height:47px;clear:both;padding-top:5px;}
#copyright a,#copyright a:hover{ margin:0; color:#fff;}
#copyright span{color:#2a567c; padding-left:20px;padding-right:10px;}		 
#container {width:1000px;clear: both;margin:0 auto;text-align:left;}
/*index styles*/
#banner{text-align:left;width:1000px;height:220px;margin:0 auto 15px auto;position:relative;}
.focus,.video,.focusList{position:absolute;overflow:hidden;}
.focus{width:715px;height:220px;left:0}
.focus a{position:absolute;display:inline-block;}
.focus a.tab{width:111px;height:41px;padding-left:10px;padding-top:10px;}
.focus a.tab img{border:1px solid #4d95d3;}
.focus a.selected,.focus a.tab:hover{background:url(images/focus_btn_bg.gif) no-repeat center center;}
.focusList{width:270px;height:194px;padding-top:30px;right:0;}
.focusList h2{font:200 16px/18px Arial;color:#fff;text-indent:-1000px;line-height:36px;background:url(images/start_learn_header_bg.jpg) no-repeat left center;}
.focusList p{line-height:30px;padding-left:6px;}.focusList p a,.focusList p a:visited,.focusList p a:hover{color:#e79118;text-decoration:underline}.focusList li{line-height:24px;padding-left:6px;}
.focusList li,.focusList li a,.focusList li a:visited,.focusList li a:hover{ color:#1d5d92;}
.focusList li span a,.focusList li span a:hover,.focusList li span a:visited{color:#e79118;}
.leftBox{
	display:inline;
	width:720px;
	height:auto!important;
	height:260px;
	min-height:260px;
	float:left;
	padding:10px 0 20px 0;
	}
	.leftBox h1{
		font:bold 16px/24px  Arial, Verdana, Helvetica,"宋体";
		color:#111;
		font-weight:bold;
		}
	.leftBox h2{
		font:bold 14px/24px  Arial, Verdana, Helvetica,"宋体";
		color:#333
		padding-left:10px;
		}
	.leftBox h3{
		font:bold 12px/34px  Arial, Verdana, Helvetica,"宋体";
		color:#1d5d92;
		padding-top:5px;
		}
	.listIndex{
		background:url(images/list_line.png) no-repeat right top;
		width:213px;
		_width:211px;
		height:auto;
		float:left;
		padding:0 15px 0 10px;
		overflow:auto;
		}
	.listIndex a,.listIndex li{
		color:#4d95d3
		}
		.listNone{background:none}
		.pic{
			background:#ececec url(images/pic_bg.png) no-repeat left bottom;
			width:180px;
			height:112px;
			padding-bottom:15px;
			}
			.pic img{
				width:174px;
			    height:109px;
				padding:3px;
				}
		.listIndex p{
			color:#6b6b6b;
			padding:0;
			margin:0
			}
			.listIndex p strong{
				line-height:26px;
				color:#1d5d92;
				display:block;
				}
.rightBox{
	background:url(images/bg02.png) no-repeat left center;
	width:250px;
	height:auto!important;
	height:260px;
	min-height:300px;
	float:right;
	padding-left:30px;
	}
	.rightBox a{
		color:#4d95d3;
		}
	.rightBox h3{
		font:bold 14px/24px  Arial, Verdana, Helvetica,"宋体";
		color:#333
		}
	
	#service ul{
		color:#4e5965;
		background:url(images/contact_tools_icons.gif) no-repeat left top;
		width:100%;
		height:auto;
		padding-left:28px;
		margin-bottom:10px;
		}
		#service a{
			line-height:24px;
			color:#4e5965
			}
		#service a:hover{
			color:#4e5965;
			text-decoration: underline;
			}
/*end index styles*/
/*framework left slidebar*/
#sidebar{
    background: url(images/sidebar_bot.gif) no-repeat left bottom;	
	width:150px;
	height:auto;
	float:left;
	padding-bottom:4px;
	margin-left:8px;
	overflow:auto;
	}
.sidebarTop{
    background: url(images/sidebar_top.gif) no-repeat left bottom;	
	padding:4px;	
	}
#sidebar ul{
    line-height: 24px;
    text-align:left;
    background: url(images/sidebar_bg.gif) repeat-y left top;	
    width:145px;
	height:auto!important;
	padding:0 3px 0 2px;
	margin:0 auto 0 auto;
	overflow:hidden;
}
/*一级目录*/
#sidebar li {
	 font-weight: bold;
	 color: black;
	 cursor: hand;
	 width:145px;
	 padding-top: 0px;
	 padding-bottom: 8px;
	 background-color:#fff;
}
#sidebar li.global{
	font-size:14px;
	background: url(images/sidebar_line01.png) no-repeat left bottom;	
	}
#sidebar a {
	 color:#1d5d92;
	 width: 115px;
	 display: block;
	 padding-left:30px;
}
#sidebar li a:hover{
	 color:#1d5d92;
	 text-decoration:none;
	}
#sidebar ul li a.icon01{
	background: url(images/icon.gif) no-repeat -163px -212px;	
	}
#sidebar ul li a.icon02{
	background: url(images/icon.gif) no-repeat -163px -260px;	
	}	
#sidebar ul li a.icon03{
	background: url(images/icon.gif) no-repeat -161px -299px;	
	}
#sidebar ul li a.icon04{
	background: url(images/icon.gif) no-repeat -161px -344px;	
	}
#sidebar ul li a.icon05{
	background: url(images/icon.gif) no-repeat -161px -387px;	
	}
#sidebar ul li a.icon06{
	background: url(images/icon.gif) no-repeat -161px -434px;	
	}	
/*二级目录*/
#sidebar li ul {
	list-style:none;
	text-align:left;
	background:#f3fbfe;
	height:auto!important;
	padding:0;
}
	#sidebar li ul li{ 
	     font-weight: 100;
		 fon-size:12px;
		 cursor:hand;
		 background: url(images/sidebar_line02.png) no-repeat left bottom;
         width:145px;
		 padding:0px;
		 margin-top:2px;
	}
	#sidebar li ul a{
		 font-size:12px;
		 color:#1d5d92;
		 width: 114px;
		 padding-left:30px;		 
	}
/*下面是二级目录的链接样式*/
	#sidebar li ul li a:hover,#sidebar li ul li.selected a {
		color:#1d5d92;
		background: url(images/icon.gif) no-repeat left -61px;
		text-decoration:none;
		font-weight:normal;
	}
	#sidebar li:hover ul {
		left: auto;
	}
	#sidebar li.sfhover ul {
		left: auto;
	}
	#content {
		clear: left;
	}
	#sidebar ul.collapsed {
		display:none
	}
/*end framework left slidebar*/
/*framework main content*/

#rightBox{
	width:813px;
	height:auto!important;
	height:260px;
	min-height:260px;
	float:right;
	margin-right:9px;
	}

/*end framework main content*/
/*resize buttons*/
#resize_btn{position:absolute;z-index:20;}
.resize-icon-max{width:10px;height:10px;border:none;background:url(images/resize_icon.gif) no-repeat left top;cursor:pointer;}
.resize-icon-normal{width:10px;height:10px;border:none;background:url(images/resize_icon.gif) no-repeat left bottom;cursor:pointer;}
/*end reisze buttons*/
/*course list*/
.course-list{
	width:700px;
	height:auto!important;
	/*height:220px;*/
	min-height:220px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:10px;
	overflow:auto;
    border-bottom:1px  dashed #6c7a8b;
	}
.course-list .pic{
			background:url(images/course_pic_bg01.png) no-repeat center top;
			text-align:center;
			width:180px;
			height:138px;
			float:left;
			padding:7px 11px 0 5px;
			}
.course-list .pic img{
			width:180px;
			height:124px;
}
.course-list .pic1{
			background:url(images/course_pic_bg02.png) no-repeat center top;
			text-align:center;
			width:164px;
			height:164px;
			float:left;
			padding:12px 11px 0 10px;
			}
.course-list .pic1 img{
			width:140px;
			height:140px;
}
.course-list .list{
		color:#5b6674;
		width:475px;
		height:auto;
	    float:left;
		margin-left:15px;	
		}
.course-list .list ul{
			height:auto;
			}
			.course-list .list ul li{
				line-height:22px;
				background: url(images/icon.gif) no-repeat -174px -508px;
				height:auto;
				overflow:auto;
				_overflow: visible;				
				padding-left:12px;
				}				
			.course-list .list ul li strong{
				line-height:22px;
				width:125px;
				height:22px;
				float:left;
				}
			.course-list .list ul li p{
				width:335px;
				height:auto;
				float:left;	
				padding-left:3px
				}
/*end course list*/
/*online user*/
#online_user_bar{background-color:#fff;bottom:1px;right:1px;position:absolute;border:1px solid #4d95d3;width:180px;z-index:20;}
#online_user_bar .header{cursor:pointer;height:30px;background-color:#ededed;padding-left:10px;font-size:14px;background:url(images/tab_bg.gif) repeat-x left bottom;}
#online_user_bar .header .title{height:30px;line-height:30px;display:block;float:left;font-size:14px;color:#fff;font-weight:bold;padding-left:18px;}
#online_user_bar .header .title em{color:#ff0000;}
#online_user_bar .header .status{float:right;margin-top:6px;}
#online_user_bar .body{font-size:12px;padding:4px;overflow:auto;}
/*end online user*/


/*sub menus */
.ui-sub-menu{text-align:left;display:none;position:absolute;z-index:1000;background:url(images/sub_menu_header_bg.gif) no-repeat center top;width:255px;padding-top:16px;}
.ui-sub-menu .footer{background:url(images/sub_menu_footer_bg.gif) no-repeat center bottom;height:8px;}
.ui-sub-menu ul{margin:0px;padding:8px;background-color:#f7af1c;}
.ui-sub-menu ul li{border-bottom:1px dashed #fff;color:#fff;}
.ui-sub-menu ul li a{color:#fff;}
.ui-sub-menu ul li:hover{background-color:#fad58b;}

/*feedback*/
.ui-feedback{margin:0;width:119px;height:39px;background:url(images/feedback_btn.gif) no-repeat right center;display:inline-block;text-align:center;float:right;}
.ui-feedback a{margin:0;line-height:36px;padding-left:26px;}

/*banner link*/
.banner-link{width:700px;float:left;margin-top:208px;padding-left:100px;}
.banner-link li{float:left;width:265px;font-size:14px;font-weight:bold;line-height:38px;}
.banner-link li a,.banner-link li a:hover,banner-link li a:visited{color:#fff;}
.banner-link li.free-trail{width:130px;}
.banner-link li.buy-courses{width:140px;}

/*content-intro*/
.content-intro{margin-bottom:30px;}
.content-intro h2{font-size:14px;color:#1d5d92;font-weight:bold;line-height:30px;}

/*ui-slide*/
.ui-slide{min-height:220px;}
.ui-slide h3{font-size:13px;color:#1d5d92;font-weight:bold;line-height:30px;}
.ui-slide .ui-button{border:none;width:16px;}
.ui-detail{padding-left:38px;display:inline-block;height:20px;padding-right:24px;background:url(images/detail_btn.gif) no-repeat right center;}
.ui-slide .ui-slid-content{height:220px;}
.ui-slide .ui-slid-content div{display:none;}
/*content-intro-am*/
.content-intro-am{width:506px;background:url(images/intro_em_header_bg.gif) no-repeat left top;padding-top:9px;}
.content-intro-am .content-intro-body{background:url(images/intro_em_body_bg.gif) repeat-y left top;}
.content-intro-am .content-intro-footer{height:33px;background:url(images/intro_em_footer_bg.gif) no-repeat left bottom;}

.teacher-list{clear:both;border-bottom:1px dashed #ccc;}
.teacher-list .pic{background:url(images/teacher_pic_bg.png) no-repeat left top;height:164px;width:136px;padding-top:4px;float:left;text-align:center;}
.teacher-list .pic img{width:120px;height:150px;}
.teacher-list .list{width:560px;float:right;}
.teacher-list .list h2{}

.course-merits li{background:url(images/list_icon.gif) no-repeat left center;line-height:30px;padding-left:30px;}