@charset "utf-8";

body {
	font-size:12px;
	width:900px;
	margin:0 auto;
	line-height:19px;
	background-color:#FFFFFF;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.pagebg{background-image: url(../images/bg1.jpg);
	background-repeat: no-repeat;
	background-position: center top;}
h1,h2,h3 { font-size:12px; margin:0; padding:0; }
a:link,a:visited,a:active { color:#505050; text-decoration:none; }
a:hover { color:#CC0000; text-decoration:underline; }
input { font-size:12px; }
ul,li { list-style:none; margin:0; padding:0; }
p,form { margin:0; padding:0; }
img { border:0px; }
.vTop { vertical-align:top; }
.more { float:right; }
.imgValign { vertical-align:middle; }
.imgValignT { vertical-align:top; }

/* 漂浮元件高度修复 */
.clearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearFix { display:inline-block; }
.clear { clear:both; }


/* 头图 */
#topArea {
	background-image: url(../images/top_bg.png);
	text-align: right;
}

#topArea #login_form {
	margin: 56px 8px 0 0;
	float: right;
}
#topArea #login_form p {
	display: inline-block; padding:0 0 0 14px;
	float: left;
}
#topArea #login_form p a { color:#7c7c7c;text-decoration:none;
}
#topArea #login_form p a:hover{ color:#CC0000; text-decoration:underline;}
#topArea #logo {
	float: left;
	padding: 10px 0 0 12px; border:0;
}
#topArea {
	width: 900px;
	height: 80px;
}

#topArea .input_top { border:1px #CCCCCC solid; WIDTH: 140px; HEIGHT: 16px }


/* 导航区 */
#navArea {
	width:900px;
	height:30px;
	position:relative;
	clear: both;
	margin: 0;
}
#navArea ul { margin:0; padding:0; list-style:none; }
#navArea li { display:inline; }
#navArea li a { float:left; height:30px; text-indent:-3000em; background:url(../images/navAreabg.png) no-repeat; }

#navArea li#shouye a { background-position:0 0; width:74px; }
#navArea li#ppkc a { background-position:-74px 0; width:105px; }
#navArea li#cbw a { background-position:-179px 0; width:87px; }
#navArea li#alk a { background-position:-266px 0; width:89px; }
#navArea li#xxfc a { background-position:-355px 0; width:103px; }
#navArea li#jtjs a { background-position:-458px 0; width:104px; }
#navArea li#jtdt a { background-position:-562px 0; width:105px; }
#navArea li#dljm a { background-position:-667px 0; width:102px; }
#navArea li#jxzx a { background-position:-769px 0; width:131px; }

#navArea li#shouye a:hover { background-position:0 -30px; }
#navArea li#ppkc a:hover { background-position:-74px -30px; }
#navArea li#cbw a:hover { background-position:-179px -30px; }
#navArea li#alk a:hover { background-position:-266px -30px; }
#navArea li#xxfc a:hover { background-position:-355px -30px; }
#navArea li#jtjs a:hover { background-position:-458px -30px; }
#navArea li#jtdt a:hover { background-position:-562px -30px; }
#navArea li#dljm a:hover { background-position:-667px -30px; }
#navArea li#jxzx a:hover { background-position:-769px -30px; }

#navArea.shouye li#shouye a { background-position:0 -60px; }
#navArea.ppkc li#ppkc a { background-position:-74px -60px; }
#navArea.cbw li#cbw a  { background-position:-179px -60px; }
#navArea.alk li#alk a { background-position:-266px -60px; }
#navArea.xxfc li#xxfc a { background-position:-355px -60px; }
#navArea.jtjs li#jtjs a { background-position:-458px -60px; }
#navArea.jtdt li#jtdt a { background-position:-562px -60px; }
#navArea.dljm li#dljm a { background-position:-667px -60px; }
#navArea.jxzx li#jxzx a { background-position:-769px -60px; }

.shouye #navArea li#shouye a { background-position:0 0; }
.ppkc #navArea li#ppkc a { background-position:-74px -30px; }
.cbw #navArea li#cbw a { background-position:-179px -30px; }
.alk #navArea li#alk a { background-position:-266px -30px; }
.xxfc #navArea li#xxfc a { background-position:-355px -30px; }
.jtjs #navArea li#jtjs a { background-position:-458px -30px; }
.jtdt #navArea li#jtdt a { background-position:-562px -30px; }
.dljm #navArea li#dljm a { background-position:-667px -30px; }
.jxzx #navArea li#jxzx a { background-position:-769px -30px; }

/* 首页新闻区*/
#news {
	float: left;
	width: 310px;
	padding:20px 0 0 0;
	margin:0;
	background-image: url(../images/tagsNavBg2.gif); 
	background-repeat: repeat-x;
}
#news #tagsNav { position:relative; }
#news #tagsNav li { float:left; background:url(../images/tagsNavBg.gif) no-repeat right 2px; position:relative; bottom:-1px; }
#news #tagsNav li a { float:left; background:url(../images/tagsNavBgL.gif) no-repeat left 2px; text-align:center; padding:6px 15px 0 15px; }
#news #tagsNav li.sel { background:none; background:url(../images/tagsNavBg1.gif) no-repeat ; position:relative; border-bottom:0; }
#news #tagsNav li.sel a { font-weight:bold; font-size:14px; color:#c00;  background:url(../images/tagsNavBg1.gif) no-repeat ; text-align:center; }

.newsInfo { padding:6px 0 10px 0; width:310px; margin:0; color:#666; padding-bottom:10px; background:url(../images/news_bg.gif) repeat-x; }
.newsInfo img.main { float:left; border:3px solid #ccc; margin:0 9px 10px 0; }
.newsInfo .infoArea { float:left; width:200px; margin:0; padding:0 0 10px 0; }
.newsInfo .infoArea h2 { margin:0 0 4px 0;  }
.newsInfo .infoArea h2 a { color:#000; text-decoration:underline; }
.newsInfo .infoArea h2 a:hover { color:#cc0000; text-decoration:underline; }
.newsInfo ul.listDot {
	padding:0;
	margin:0;
	float: left;
	width: 100%;
}
.newsInfo ul.listDot li {
	color:#666;
	line-height:21px;
	text-indent:14px;
	padding:1px;
	margin:0;
	border-bottom:1px #DEDEDE solid;
	list-style-type: none;
	display: block;
	background-image: url(../images/listDotIcon.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
}

/* 首页品牌课程区*/
#courses { float: left; width: 337px; padding:20px 0 0 0;  margin:0 0 0 15px; background:url(../images/tagsNavBg5.gif) repeat-x;}
#courses #tagsNav1 {
	position:relative;
	margin: 0px;
	display: block;
}
#courses #tagsNav1 li {
	float:left;
	position:relative;
	bottom:-1px;
	background-image: url(../images/tagsNavBg4.jpg);
	background-repeat: no-repeat;
	background-position: right 1px;
	margin: 0px;
}
#courses #tagsNav1 li a { float:left; font-weight:bold; font-size:12px; color:#fff; background:url(../images/tagsNavBgL1.jpg) no-repeat left 2px; text-align:center; padding:9px 17px 2px 17px; }
#courses #tagsNav1 li.sel1 { background:none; background:url(../images/tagsNavBg3.gif) no-repeat ; position:relative; border-bottom:0; }
#courses #tagsNav1 li.sel1 a { font-weight:bold; font-size:14px; color:#c00;  background:url(../images/tagsNavBg3.gif) no-repeat ; text-align:center; padding:7px 21px 4px 21px; }
.coursesInfo1 { padding:18px 0 10px 13px; margin:0; width:324px; height:219px; color:#666; background:url(../images/courses_bg.jpg) repeat-x;  }
.coursesInfo1 img.main1 { float:left; margin:2px 9px 0 0; }
.coursesInfo1 .infoArea1 { float:left; width:200px; height:102px; margin:0; padding:0 ; }
.coursesInfo1 .infoArea1 h2 { margin:0 0 4px 0; }
.coursesInfo1 .infoArea1 h2 a { color:#000; text-decoration:underline; }
.coursesInfo1 .infoArea1 h2 a:hover { color:#cc0000; text-decoration:underline; }

/* 首页客户感言区*/
#content #students { float: left; background:url(../images/students_1.gif) no-repeat; width:218px; text-align:right; height:12px; padding:10px 0 0 0; margin:20px 0 0 10px;}
#xxgyinfo {background:url(../images/students_bg.jpg) no-repeat ; width:216px; height:232px; padding:10px 10px 10px 0;}
#xxgyinfo h2 { text-align:left; margin:5px 0 0 12px;}
#xxgyinfo p { text-align:left; margin:3px 0 0 12px; color:#666;}

/*版权信息*/
#bottomArea { clear:both; background: url(../images/bottom.png) no-repeat; height:65px; margin:15px 0 0 0; padding:22px 0 0 175px; color:#fff; }
#bottomArea p { color:#fff; float:left;}
#bottomArea p a { color:#fff;  text-decoration:underline; }
#bottomArea p a:hover { color:#ff0000;  text-decoration:none; }
#bottomArea p.icp { color:#fff; float:right; padding:0 20px 0 0;}
#bottomArea p.icp a { color:#fff;  text-decoration:none; }
#bottomArea p.icp a:hover { color:#ff0000;  text-decoration:underline; }

/* 课程列表区*/
#place{ text-align:right; color:#505050; padding:0 10px 0 0; line-height:25px;}
#main{
	clear:both;
	background-image: url(../images/main_bg.gif) ;
	background-repeat: repeat-y;
	background-position: left top;
}
#main #menu{ width:210px; float:left; background:url(../images/menu_1.png) no-repeat; }
#main #menu img{ width:210px; float:left; }
#main #menu h1 { height:28px; font-size:14px; font-weight:bold; color:#FFF; padding:7px 0 0 20px; letter-spacing:4px; }
#main #menu ul{ list-style:none; padding:0px; margin:0; background-image: url(../images/main_bg.gif); }
#main #menu ul li{list-style:none; display:block; width:210px;height:31px; padding:0px;line-height:31px;}
#main #menu ul li a{ height:31px;display:block; width:189px;text-decoration:none; padding:0 0 0 21px; margin:0; font-weight:bold; color:#333; background:url(../images/menu_2.gif) no-repeat ; background-position:0px ; letter-spacing:1px;}
#main #menu ul li a:hover{ height:31px;display:block;width:189px;text-decoration:none; font-weight:bold; color:#c10814;padding:0 0 0 21px;margin:0; background:url(../images/menu_3.gif) no-repeat center; background-position:0px ; }
#main #menu ul li a.current{
height:31px;display:block;width:189px;text-decoration:none;padding:0px;color: #c10814;padding:0 0 0 20px;margin:0; 
background:url(../images/menu_3.gif) no-repeat ;
background-position:0px 0px;
}

#main #ad{ float:right; width:670px; padding:0 0 0 20px; background:url(../images/ad_bg.jpg) repeat-x; }
#main #courseslist{	float:right;
	width:670px; background: url(../images/courses_list.gif) no-repeat;	height:28px; margin: 15px 0 0 20px;}
#main #courseslist h2{ font-size:14px; font-weight:bold; color:#c10814; text-indent:23px; padding:4px 0 0 0; letter-spacing:2px; }
#main #curricula_list { float:right; margin:0; padding:0 0 0 10px; width:670px; }
#main #curricula_list ul{ margin: 3px 0 0 15px; padding: 0; list-style-type: none; color:#6d6d6d;}
#main #curricula_list li {float: right; padding:15px 0 0 0; margin:0;}
#main #curricula_list h1 { font-size:13px; margin:0; line-height:24px; color:#505050; }
#main #curricula_list img {	margin: 0 10px 0 0;	float: left; border:1px #ccc solid; padding:2px; }
#main #emagazinelist{float:right; width:670px; background: url(../images/emagazine_list.gif) no-repeat; height:28px; margin: 15px 0 0 20px;}
#main #emagazinelist h2{ font-size:14px; font-weight:bold; color:#c10814; text-indent:30px; padding:5px 0 0 0; letter-spacing:2px; }

#main .emagazinelist1{float:right; width:320px; background: url(../images/emagazine_list.gif) no-repeat; margin: 15px 0 0 20px;}

#main .emagazinelist1 h2{ margin:5px 0 0 0; font-size:14px; font-weight:bold; color:#c10814; text-indent:30px; padding:0 0 18px 0; letter-spacing:2px; }
#main .emagazinelist1 img {	margin: 0 10px 0 6px;	float: left; border:1px #ccc solid; padding:2px; }

.line{ border-bottom:1px #ccc solid; clear:both; width:210px;}

/* 分页*/
#pageNumArea {border:1px solid #bbb; width:653px;	background:#f2f2f2;	padding:4px; margin:20px 0 0 235px;text-align:center; 
}
#pageNumArea a { border:1px solid #bbb; background:#fff;  padding:1px 5px 0; margin:0 1px; color:#333; }
#pageNumArea a:hover,#pageNumArea a.sel { color:#666; background:#e7e7e7; text-decoration:none; }


/* 课程内容*/
#main #coursesdetail{float:left; width:208px; background: url(../images/courses_detail.gif) no-repeat; border-bottom:1px #CCC dashed; height:28px; margin: 15px 0 0 20px; }
#main #coursesdetail h2{ font-size:14px; font-weight:bold; color:#c10814; text-indent:23px; padding:4px 0 0 0; letter-spacing:1px; }
#menudetail { width:458px; height: 28px; margin: 15px 0 0 0; border-bottom:1px #CCC dashed; float:right; }
#main #detail { width:660px; float:right; margin:20px 0 10px 10px; color:#505050; }
#main #detail h1 { font-size:18px; font-weight:bold; text-align:center; padding:15px 0 10px 0; }
#main #detail h2{ text-align: center; text-indent:0; padding:3px 0 0 0; line-height:16px;}
#main #detail h3{ padding:3px 0 0 10px; letter-spacing:2px; font-size:13px;  }
#main #detail .sitemap{ padding:5px 0 3px 7px; border-bottom:1px #CDCDCD dashed; letter-spacing:1px; }
#main #detail .sitemap a { color:#666; text-decoration:none;}
#main #detail .sitemap a:hover { color:#999999; text-decoration:underline;}
#main #detail ul { margin:5px 0 0 0;}
#main #detail li { display:block; float:left; text-align:left; width:210px; height:190px; padding:0 10px 0 0; }
#main #detail li a { color:#505050; font-weight:normal; text-decoration:none;}
#main #detail li a:hover {color:#cc0000; text-decoration: underline; }
#main #list { width:660px; float:right; margin:18px 0 0 10px; }
#list .secBlockList { color:#B3B3B3; }
#list .secBlockList ul { margin:0 0 0 10px; list-style:none; padding:0; }
#list .secBlockList li { line-height:21px; list-style:none; background:url(../images/secBlockArrow.gif) no-repeat 0 6px; padding:0 0 0 13px; margin:1px; }
#main #detail p{
	margin: 10px 0;
}
#main #detail .span{ text-align:center;}
#main #detail .span a { color:#505050; text-decoration:underline; line-height:24px;}
#main #detail .span a:hover { color:#cc0000; text-decoration:none; }
#main #detail a { color:#0000cc; text-decoration:none;}
#main #detail a:hover { color:#cc0000; text-decoration:underline; }
#menudetail ul { float:right; margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menudetail li {
	display: inline;
}

#menudetail a {
	float: left;
	margin-right: 2px;
	padding: 8px 12px 2px 12px;
	background: url(../images/menudetail_bg.gif) repeat-x; 
	border: 1px #78A2C0 solid;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

#menudetail a:hover {
	text-decoration: none;
	background: url(../images/menudetail_bg2.gif) repeat-x; 
	border: 1px #78A2C0 solid;
}

#menudetail .first a {
	background: url(../images/menudetail_bg2.gif) repeat-x; 
	border: 1px #6185bd solid;
}

#emagazine ul,li {	padding:0; margin:0; list-style-type:none;}
#emagazine li { color:#A00000; line-height:23px; background:url(../images/listDotIcon1.gif) no-repeat left 4px; text-indent:10px; padding:0; margin:0; }
#emagazine li a { color:#A00000; font-weight:normal; text-decoration:none;}
#emagazine li a:hover {color:#000; text-decoration: underline; }

#float_ad_right{  
    position:absolute;    
    top:100px;    
    left:16px;    
    width:100px;    
    height:120px;    
}    
#float_ad_left{    
    position:absolute;    
    top:100px;    
    right:16px;    
    width:100px;    
    height:120px;    
}