/*--- general ---*/
.hr { overflow:hidden; clear:both; height:5px; font-size:0; line-height:0; background:url(images/GlobalLine_03.gif) 0 center repeat-x}

/*--- layout ---*/
#wrap_index { width:980px; margin:0 auto}
.area01 { float:left; width:335px}
.area02 { float:left; width:399px; padding-left:8px}
.area03 { float:left; width:230px; padding-left:8px}
.area04 { float:left; width:742px}

/*--- parent ---*/
.parent01 { margin-bottom:8px}

/*--- block ---*/
.blk01 { padding:1px; border:1px solid #f0d7cb; background:#fff}
.blk01 .ttl { overflow:hidden; height:28px; background:url(images/bg_index_v0.png) 0 -40px repeat-x}
.blk01 .ttl h2 { float:left; padding:4px 8px; font-size:14px; font-family:Simsun}
.blk01 .ttl span { float:right; height:20px; padding:4px 8px}
.blk01 .ttl span a { padding-right:8px; color:#777; background:url(images/bg_index_v0.png) right -225px no-repeat}
.blk01 .ttl span a:hover { color:#f13a09; background-position:right -255px}

.blk02 { background:#fff}
.blk02 .ttl { overflow:hidden; height:34px; color:#fff; background:url(images/bg_index_v0.png) 0 -80px repeat-x}
.blk02 .ttl h2 { float:left; padding:6px 8px; font-size:14px; font-family:Simsun}
.blk02 .ttl span { float:right; height:20px; padding:6px 8px}
.blk02 .ttl span a { padding:0 4px; color:#fff}
.blk02 .ttl span a:hover { color:#fff}
.blk02 .ttl em { float:right; width:383px; height:20px; padding:5px 12px; color:#333; background:url(images/bg_index_v0.png) 0 -115px no-repeat}
.blk02 .ttl em strong { padding:0 2px; font-size:14px; color:#e62713}

.blk03 { background:#fff}
.blk03 .ttl { height:30px; background:url(images/bg_index_v0.png) 0 -150px no-repeat #fde6df}
.blk03 .ttl ul { overflow:hidden;}
.blk03 .ttl li { float:left; margin-left:-2px; font-weight:bold; background:url(images/bg_index_v0.png) -320px -184px no-repeat}
.blk03 .ttl li em { display:block; cursor:pointer; padding:5px 20px 5px 22px; font-weight:bold}
.blk03 .ttl li.this { position:relative; margin:0; background-position:0 -190px}
.blk03 .ttl li.this em { cursor:default; padding-left:20px; font-weight:bold; color:#333; background:url(images/bg_index_v0.png) right -190px no-repeat}


/*--- special ---*/
.ad01 { overflow:hidden; width:335px; height:100px; background:#fff}
.ad02 { overflow:hidden; width:230px; height:80px; background:#fff}

.focusShow { overflow:hidden; height:250px}
.focusShow div { width:100%; height:185px; margin-bottom:8px; background:#ccc}
.focusShow ul { padding:4px 10px 3px; border:1px solid #f0d7cb; background:#fff}
.focusShow li { float:left; overflow:hidden; width:144px; height:24px; padding-right:12px; line-height:24px}

.examCalendar { overflow:hidden; height:148px}
.examCalendar dl { padding-bottom:4px; color:#777}
.examCalendar dl dt, .examCalendar dl dd { float:left; width:315px; padding:0 8px}
.examCalendar dl strong, .examCalendar dl small, .examCalendar dl span { float:left; overflow:hidden; height:20px; padding:2px 0}
.examCalendar dl dt { font-weight:bold; background:#ffebe5}
.examCalendar dl strong { width:100px}
.examCalendar dl small { width:100px; padding-left:8px}
.examCalendar dl span { width:99px; padding-left:8px}
.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}

.indexFeature { overflow:hidden; height:240px; padding:10px 4px 0; background:url(images/bg_index_v0.png) 0 -230px no-repeat}
.indexFeature h3 { padding:6px 8px 1px; font:16px/20px Simhei, Simsun} 
.indexFeature h3 a { margin-right:12px; color:#e62713}
.indexFeature h3 a:hover { color:#f13a09}
.indexFeature ul { padding-bottom:4px}
.indexFeature li { overflow:hidden; height:20px; padding:2px 8px 0}
.indexFeature li q { padding:0 2px 0 5px}

.articleSuggest { overflow:hidden; height:233px; padding:12px 11px; border:1px solid #f0d7cb; border-top:0}
.articleSuggest div { display:none}
.articleSuggest div div { display:block}
.articleSuggest div.t0 li { overflow:hidden; height:28px; line-height:28px}
.articleSuggest div.t0 li a { margin-right:6px}
.articleSuggest div.t0 li a.s1 { margin-right:4px}
.articleSuggest div.t0 li em { float:left; width:210px; padding-right:10px}
.articleSuggest div.t0 li span { float:left; width:155px}
.articleSuggest div.t1 div { overflow:hidden; height:84px}
.articleSuggest div.t1 div .pic { float:left; width:80px; height:80px; margin-right:8px; padding:1px; border:1px solid #dfdfdf}
.articleSuggest div.t1 div .pic img { width:100%; height:100%; vertical-align:top}
.articleSuggest div.t1 div .pic:hover { border-color:#f13a09}
.articleSuggest div.t1 div h3 { font-size:12px}
.articleSuggest div.t1 div p { color:#777}
.articleSuggest div.t1 ul { padding-top:12px}
.articleSuggest div.t1 li { float:left; overflow:hidden; width:173px; height:26px; padding-right:14px; line-height:26px}
.articleSuggest div.t2 div { overflow:hidden; height:64px; margin-bottom:16px}
.articleSuggest div.t2 div .pic { float:left; width:120px; height:60px; margin-right:8px; padding:1px; border:1px solid #dfdfdf}
.articleSuggest div.t2 div .pic img { width:100%; height:100%; vertical-align:top}
.articleSuggest div.t2 div .pic:hover { border-color:#f13a09}
.articleSuggest div.t2 div h3 { padding-top:1px; font-size:12px}
.articleSuggest div.t2 div p { color:#777}
.articleSuggest div.t3 ul.s1 { overflow:hidden; padding:6px 10px 12px}
.articleSuggest div.t3 ul.s1 a.pic { display:block; width:72px; height:48px; margin:0 auto; padding:1px; border:1px solid #ccc; background:#fff}
.articleSuggest div.t3 ul.s1 a.pic img { width:100%; height:100%; vertical-align:top}
.articleSuggest div.t3 ul.s1 a.pic:hover { border-color:#f13a09}
.articleSuggest div.t3 ul.s1 li { float:left; width:108px; padding:0 4px; text-align:center}
.articleSuggest div.t3 ul.s1 li span { display:block; overflow:hidden; height:20px; padding-top:4px}
.articleSuggest div.t3 ul.s2 { padding-top:4px; background:url(images/GlobalLine_03.gif) left top repeat-x}
.articleSuggest div.t3 ul.s2 li { overflow:hidden; height:26px; padding-left:10px; line-height:26px; background:url(images/GlobalIcon_02.gif) 0 10px no-repeat}
.articleSuggest div.t3 ul.s2 li em { float:left; overflow:hidden; width:250px; padding-right:12px}
.articleSuggest div.t3 ul.s2 li small { float:left; width:102px; text-align:right}
.articleSuggest div.t3 ul.s2 li small a { color:#777}
.articleSuggest div.t3 ul.s2 li small a:hover { color:#f13a09}

.indexNews { overflow:hidden; height:110px; padding:10px 8px}
.indexNews li { overflow:hidden; height:20px; padding:1px 0 1px 10px; background:url(images/GlobalIcon_01.gif) 0 -32px no-repeat}

.courseCatalog { overflow:hidden; height:390px; padding:1px; border:1px solid #ffa993; border-top:0}
.courseCatalog li { float:left; width:369px; height:78px; color:#ccc}
.courseCatalog li.b1 { background:#eee}
.courseCatalog li div { width:353px; padding:8px}
.courseCatalog li div p { overflow:hidden; height:40px}
.courseCatalog li h3 { padding-bottom:2px; font-size:14px}
.courseCatalog li h3 small { padding-left:4px; font-weight:normal; color:#777}
.courseCatalog li span { padding-right:1px; white-space:nowrap}
.courseCatalog 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:6px; border:2px solid #f13a09; background:#fff3f0}
.courseCatalog ul li.hover div p { height:auto; min-height:40px}

.courseSpecial { overflow:hidden; height:250px; padding:2px 4px 4px}
.courseSpecial ul { overflow:hidden}
.courseSpecial li { overflow:hidden; height:40px; margin-top:-1px; padding:6px 4px 5px; color:#666; background:url(images/GlobalLine_03.gif) left top repeat-x}
.courseSpecial strong { display:block; overflow:hidden; width:100%; height:20px; font-weight:normal}
.courseSpecial strong a {color:#0177c9}
.courseSpecial strong a:hover { color:#f13a09}
.courseSpecial strong a.s1 { padding-right:4px}
.courseSpecial em { color:#e62713}
.courseSpecial q { padding-left:8px}
.courseSpecial small { padding-left:8px; font-family:Arial}

.indexDistanceEdu { overflow:hidden; height:231px; padding:8px}
.indexDistanceEdu div { float:left; width:50%; padding-bottom:4px; text-align:center}
.indexDistanceEdu div .pic { display:block; width:60px; height:60px; margin:0 auto; padding:1px; border:1px solid #dfdfdf}
.indexDistanceEdu div .pic img { width:100%; height:100%; vertical-align:top}
.indexDistanceEdu div .pic:hover { border-color:#f13a09}
.indexDistanceEdu div small { overflow:hidden; height:40px; color:#777}
.indexDistanceEdu ul { clear:both; padding:4px}
.indexDistanceEdu li { overflow:hidden; height:20px; padding:1px 0}

.bigInstitution { overflow:hidden; height:270px}
.bigInstitution li { float:left; width:100%}
.bigInstitution li.b1 { background:#eee}
.bigInstitution li a { display:block; width:218px; height:20px; padding:5px 4px}
.bigInstitution li a:hover { text-decoration:none}
.bigInstitution li span { float:left; cursor:pointer; width:8px; margin-top:3px; padding:0 5px 0 3px; text-align:center; font:bold 11px/14px Arial; color:#fff; background:url(images/bg_index_v0.png) -450px -230px no-repeat}
.bigInstitution li img { display:none; float:left; cursor:pointer; width:88px; height:44px}
.bigInstitution li strong { float:left; cursor:pointer; padding-left:4px; font-weight:normal}
.bigInstitution li small { display:none; float:left; cursor:pointer; padding-left:4px}
.bigInstitution li.this a { height:44px; padding:8px 4px; color:#fff; background:#922003}
.bigInstitution li.this span { width:14px; margin:0; padding:12px 2px 0 0; font:bold 16px Arial; color:#ffb871; background:none}
.bigInstitution li.this img { display:block}
.bigInstitution li.this strong { overflow:hidden; width:109px; height:20px; font-weight:bold}
.bigInstitution li.this a small { display:block; overflow:hidden; width:109px; height:20px; color:#ffb871}

.bigInstitutions { overflow:hidden; height:20px; padding:5px 12px 3px; background:url(images/bg_index_v0.png) 0 0 repeat-x}
.bigInstitutions strong { padding:0 0 0 14px; background:url(images/GlobalIcon_01.gif) 0 -156px no-repeat}

/*--- mod01 ---*/
.mod01 { overflow:hidden; height:235px; border:1px solid #ffa993; border-top:0}
.mod01 .pic { float:left; width:154px; padding:15px 16px 16px}
.mod01 .pic a { display:block; width:150px; height:200px; padding:1px; border:1px solid #dfdfdf}
.mod01 .pic a img { width:100%; height:100%; vertical-align:top}
.mod01 .pic a:hover { border-color:#f13a09}
.mod01 .txt { float:left; width:538px; padding:16px 0 8px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.mod01 .txt h3 { padding-bottom:2px; font-size:14px}
.mod01 .txt p { color:#777}
.mod01 .txt a { color:#922003}
.mod01 .txt a:hover { color:#f13a09}
.mod01 ul { float:left; width:538px; padding-top:8px}
.mod01 ul li { float:left; overflow:hidden; width:258px; height:20px; padding:1px 11px 1px 0}
.mod01 ul li a.s1 { margin-right:4px}

.mod02 { overflow:hidden; height:236px; padding:8px 6px 8px 8px}
.mod02 div { overflow:hidden; height:64px}
.mod02 div .pic { float:left; width:60px; height:60px; margin-right:4px; padding:1px; border:1px solid #dfdfdf}
.mod02 div .pic img { width:100%; height:100%; vertical-align:top}
.mod02 div .pic:hover { border-color:#f13a09}
.mod02 div h3 { float:left; width:144px; font-size:12px}
.mod02 div p { float:left; width:144px; color:#777}
.mod02 ul { padding:8px 0}
.mod02 li { overflow:hidden; height:20px; padding:1px 0}
.mod02 p.s1 { padding-top:4px; text-align:center; color:#922003; background:url(images/GlobalLine_03.gif) left top repeat-x}
.mod02 p.s1 a { font-weight:bold; color:#922003}
.mod02 p.s1 a:hover { color:#f13a09}