/*--- line ---*/
.hr { overflow:hidden; clear:both; height:1px; font-size:0; line-height:0; background:url(images/GlobalLine_01.gif) 0 center repeat-x}
/*--- general ---*/
.btn_distanceEduIndex_01 { cursor:pointer; width:94px; height:21px; border:0; background:url(images/bg_distanceEduIndex.png) 0 -630px no-repeat}

/*--- layout ---*/
#wrap_distanceEduIndex { width:980px; margin:0 auto; background:#FFF}
#main { width:100%; padding-top:6px}
.area01 { float:left; width:742px;  }
.area02 { float:left; width:230px; height:1288px; padding-left:8px; }

/*--- parent ---*/
.parent01 { margin-bottom:8px}
/*--- block ---*/
.block01 { padding:0 4px 0 12px}

.block02 { padding:1px; border:1px solid #f0d7cb; background:#fff}
.block02 .ttl { overflow:hidden; height:28px; line-height:28px; background:url(images/bg_distanceEduIndex1.png) 0 0 repeat-x}
.block02 .ttl h2 { float:left; padding-left:8px; font-size:14px; font-family:Simsun}
.block02 .ttl span { float:right; padding-right:8px}

.block03 { padding:1px; border:1px solid #d0ccc8; background:#fff}
.block03 .tt1 { overflow:hidden; height:35px; background:url(../images/left-title-bg.jpg) repeat-x;}
.block03 .tt1 h2 { float:left; padding:5px 0 0 6px; float:left; color:#FFF}
.block03 .tt1 span { float:right; padding:5px 3px 0 6px;  }
.block03 .tt1 span a { color:#CCC}
.block03 .tt1 span a:hover { color:#FFF}


/*--- 课程分类导航 strat---*/
.courseCatalog { overflow:hidden; float:left; padding:1px; width:260px; height:805px; background:#FFF} 
.courseCatalog h3 { font-size:12px; font-family:Simsun;  } 
.courseCatalog h3 a { color:#000} 
.courseCatalog ul { background:#f1f1f1 } 
.courseCatalog ul q { color:#999 }
.courseCatalog ul li { float:left; width:100%; height:70px}
.courseCatalog ul li div { width:248px; padding:4px 2px 4px 10px; border-bottom:1px solid #fff; border-top:1px solid #fff} 
.courseCatalog ul li div p { overflow:hidden; height:40px}
.courseCatalog ul li.s1 div { border-color:#ccc; background:#fff}
.courseCatalog ul li.s2 div { border-top-color:#f1f1f1}
.courseCatalog ul li span { white-space:nowrap}
.courseCatalog ul li span q { padding-left:4px}
.courseCatalog ul li.hover { position:relative}
.courseCatalog ul li.hover div { position:absolute; z-index:2; overflow:visible; padding:1px 1px 2px 9px; border:1px solid #f13a09; background:#fff7f1}
.courseCatalog ul li.hover div h3 a { color:#B70004}
.courseCatalog ul li.hover div p { height:auto; min-height:44px}



/*--- 课程分类导航 end---*/

.distanceEduFeature { float:left; width:470px; height:800px; padding-left:8px; }
.distanceEduFeature .focusShow { border:0; width:470px; height:220px}
.distanceEduFeature .newFeature { height:202px; border:1px solid #FFA993; background:url(images/bg_distanceEduIndex1.png) 0 -472px no-repeat}
.distanceEduFeature .newFeature h3 { padding:20px 4px 0; text-align:center; font:16px/20px Microsoft Yahei, Simhei, Simsun}
.distanceEduFeature .newFeature h3 a { color:#e62713}
.distanceEduFeature .newFeature p { padding:10px 0 0 10px; }
.distanceEduFeature .newFeature ul { padding:0 0 0 10px;}
.distanceEduFeature .newFeature ul li { float:left; padding:4px 4px; width:220px; overflow:hidden; white-space:nowrap}
.distanceEduFeature .newFeature ul li a.s1 { padding-right:6px; color:#0177c9}
.distanceEduFeature .newFeature ul li a.s1:hover { color:#f13a09}
.distanceEduFeature .newFeature ul li a.s2 { color:#F00}
.distanceEduFeature .newFeature ul li a.s2:hover { color:#EC9B04}

.distanceEduFeature .hotSale { height:368px; width:470px; border:1px solid #ffa993;  background:url(images/bg_distanceEduIndex1.png) 0 -734px no-repeat}
.distanceEduFeature .hotSale ul { width:445px; padding-top:36px; overflow:hidden; white-space:nowrap }
.distanceEduFeature .hotSale ul li { height:32px; line-height:32px; background:url(images/GlobalLine_01.gif) left bottom repeat-x }
.distanceEduFeature .hotSale span { float:left;  width:180px; overflow:hidden; white-space:nowrap }
.distanceEduFeature .hotSale a.s3 { color:#0177c9}
.distanceEduFeature .hotSale a.s3:hover { color:#f13a09}
.distanceEduFeature .hotSale a.s4 { color:#F00}
.distanceEduFeature .hotSale a.s4:hover { color:#333}
.distanceEduFeature .hotSale small { float:left; padding:0 6px; width:81px; overflow:hidden; white-space:nowrap; color:#999 }
.distanceEduFeature .hotSale em { float:left; padding:0 6px; width:81px; overflow:hidden; white-space:nowrap }
.distanceEduFeature .hotSale strong { float:left; padding-left:5px; width:70px; overflow:hidden; white-space:nowrap }


.examCalendar { height:261px }
.examCalendar dl { color:#666}
.examCalendar dl dt, .examCalendar dl dd { float:left; width:210px; padding:0 8px}
.examCalendar dl strong, .examCalendar dl small, .examCalendar dl span { float:left; overflow:hidden; height:20px; padding:4px 0}
.examCalendar dl dt { font-weight:bold; background:#ffebe5}
.examCalendar dl dd { background:url(images/GlobalLine_01.gif) left bottom repeat-x}
.examCalendar dl .this { background:#FFF;}
.examCalendar dl strong { width:80px}
.examCalendar dl small { width:60px; padding-left:8px}
.examCalendar dl span { width:50px; padding-left:10px}
.examCalendar dl span a { margin-right:8px}
.examCalendar dl dd strong { font-weight:normal}
.examCalendar dl a { color:#0177c9}
.examCalendar dl a:hover { color:#f13a09}

.studentExchange { width:226px;  height:405px; background:#FFF}  
.studentExchange ul { padding:5px 8px 4px 8px} 
.studentExchange ul li { padding-bottom:3px; overflow:hidden; white-space:nowrap} 


.goodTeacher {  width:226px; height:320px; background:#FFF}
.goodTeacher ul li { float:left; padding:8px 6px 8px 5px; background:url(images/GlobalLine_01.gif) left bottom repeat-x }
.goodTeacher ul li img {  width:100px; height:100px; background:#CCC}
.goodTeacher ul span { display:block; width:96px; height:40px; padding:0 3px 3px 3px; overflow:hidden; white-space:nowrap; background:#f6f6f6}
.goodTeacher ul .s1 { width:102px; overflow:hidden; white-space:nowrap}
.goodTeacher ul .s2 { background:none; padding:2px 6px 2px 5px}

.familiarQuestion { width:226px; height:215px; background:#FFF}
.familiarQuestion ul { padding:5px 8px 4px 8px} 
.familiarQuestion ul li { padding-bottom:3px; overflow:hidden; white-space:nowrap} 

.courseFree { width:742px; height:226px; background:url(images/bg_distanceEduIndex1.png) 0 -244px no-repeat}
.courseFree h3 { padding:8px 0 0 10px; font-size:14px; font-family:Simsun; color:#c60707 }
.courseFree ul { padding:6px 10px 0 10px;}
.courseFree ul li { float:left; width:340px; height:25px; line-height:25px; overflow:hidden; background:url(images/GlobalLine_01.gif) repeat-x 0 12px; }
.courseFree ul .this{float:right}
.courseFree ul li span { float:right; margin-left:5px; padding:0 8px 0 3px; background:#FFF;  }
.courseFree ul li span a { color:#CC0005 }
.courseFree ul li em { background:#FFF}
.courseFree ul li a.s1 { padding-right:5px}

.hotSearch { width:742px; height:105px; background:url(images/bg_distanceEduIndex1.png) 0 -92px no-repeat}
.hotSearch h3 { padding:8px 0 0 10px; font-size:14px; font-family:Simsun; color:#c60707 }
.hotSearch ul { padding:6px 10px 0 10px; width:710px}
.hotSearch ul li { padding-bottom:10px}
.hotSearch ul li span { white-space:nowrap}
.hotSearch q { padding:0 6px; color:#999}




.collaborateSchool { width:742px; height:105px; background:url(images/bg_distanceEduIndex1.png) 0 -92px no-repeat}
.collaborateSchool h3 { padding:8px 0 0 10px; font-size:14px; font-family:Simsun; color:#c60707 }
.collaborateSchool ul { padding:6px 10px 0 10px; }
.collaborateSchool ul li { float:left; padding-right:20px; }

.collaborateSchool ul img { border:0; width:100px; height:50px; overflow:hidden; background:#fff }









.ad01 {  width:230px; height:90px; border:0px; }
.ad02 { clear:both; width:742px; height:90px; border:0px; background:#FFF}