/*--- general ---*/
.courseListV2 { overflow:hidden; width:100%}
.courseListV2 li { float:left; overflow:hidden; width:379px; height:40px; margin-top:-1px; padding:6px 4px 5px; color:#777; background:url(images/GlobalLine_03.gif) left top repeat-x}
.courseListV2 li:hover { background-color:#f3f3f3}
.courseListV2 span { float:right; width:100px; text-align:right; font-family:Arial}
.courseListV2 span a { color:#777}
.courseListV2 p { float:left}
.courseListV2 strong { display:block; overflow:hidden; width:100%; height:20px; font-weight:normal}
.courseListV2 strong a { color:#0177c9}
.courseListV2 strong a.s1 { padding-right:4px}
.courseListV2 em { color:#e62713}
.courseListV2 q { padding-left:8px}
.courseListV2 small { padding-left:20px; font-family:Arial}
.courseListV2 span a:hover, .courseListV2 strong a:hover { color:#f13a09}
.olCourseListV2 strong a.s1 { padding-left:20px; background:url(images/GlobalIcon_01.gif) 0 -400px no-repeat}

p.more { padding:4px 10px; text-align:right}
p.more a { padding-right:8px; color:#0177c9; background:url(images/bg_siteServices_v0_account.png) right -235px no-repeat}
p.more a:hover { color:#f13a09; background-position:right -205px}

/*--- layout ---*/
#wrap_siteServices_account { width:980px; margin:0 auto; padding-top:6px; background:#e1e1e1}
.area01 { float:left; width:335px; background:#fff}
.area02 { float:left; width:403px; border-left:6px solid #e1e1e1; background:#fff}
.area03 { float:left; width:230px; border-left:6px solid #e1e1e1; background:#fff}
.area04 { float:left; width:744px; background:#fff}

/*--- parent ---*/
.parent01 { border-bottom:6px solid #e1e1e1}
.parent02 { margin-bottom:6px}

/*--- block ---*/
.blk01 { background:#fff}
.blk01 .ttl { overflow:hidden; height:20px; padding:6px 10px 4px; background:url(images/bg_siteServices_v0_account.png) 0 0 repeat-x}
.blk01 .ttl h2 { float:left; font-size:14px; color:#db3719}
.blk01 .ttl h2 a { color:#db3719}
.blk01 .ttl h2 a:hover { color:#f13a09}
.blk01 .ttl span { float:right; height:20px; color:#777}
.blk01 .ttl span a { padding-right:8px; color:#777; background:url(images/bg_siteServices_v0_account.png) right -175px no-repeat}
.blk01 .ttl span a:hover { color:#f13a09; background-position:right -205px}
.blk01 .ttl span.s1 a { padding:0 5px 0 6px; background:none}
.blk01 .ttl span.s1 a:hover { background:none}
.blk01 .ttl span.s1 a.more { padding-right:8px; background:url(images/bg_siteServices_v0_account.png) right -175px no-repeat}
.blk01 .ttl span.s1 a.more:hover { background-position:right -205px}

.blk02 { background:#fff}
.blk02 .ttl { height:30px; background:url(images/bg_siteServices_v0_account.png) 0 -48px no-repeat}
.blk02 .ttl ul { overflow:hidden; margin-left:10px}
.blk02 .ttl li { float:left; margin-left:-2px; font-weight:bold; background:url(images/bg_siteServices_v0_account.png) -320px -88px no-repeat}
.blk02 .ttl li em, .blk02 .ttl li a { float:left; padding:6px 20px 4px 22px; font-weight:bold; color:#333}
.blk02 .ttl li em { cursor:pointer}
.blk02 .ttl li.this { margin:0; background-position:0 -90px}
.blk02 .ttl li.this em, .blk02 .ttl li.this a { position:relative; padding-left:20px; background:url(images/bg_siteServices_v0_account.png) right -90px no-repeat}
.blk02 .ttl li a:hover { color:#f13a09}
.blk02 .ttl ul.s1 li em, .blk02 .ttl ul.s1 li a { padding-left:16px; padding-right:14px}
.blk02 .ttl ul.s1 li.this em, .blk02 .ttl ul.s1 li.this a { padding-left:14px}

.blk03 { background:#fff}
.blk03 .ttl { height:30px; background:url(images/bg_siteServices_v0_account.png) 0 0 repeat-x}
.blk03 .ttl ul { overflow:hidden}
.blk03 .ttl li { float:left; margin-left:-2px; font-size:14px; font-weight:bold; background:url(images/bg_siteServices_v0_account.png) -320px -88px no-repeat}
.blk03 .ttl li em, .blk03 .ttl li a { float:left; width:115px; padding:6px 0 4px 2px; text-align:center; font-weight:bold; color:#db3719}
.blk03 .ttl li em { cursor:pointer}
.blk03 .ttl li.this { margin:0; background-position:0 -90px}
.blk03 .ttl li.this em, .blk03 .ttl li.this a { position:relative; padding-left:0px; background:url(images/bg_siteServices_v0_account.png) right -90px no-repeat}
.blk03 .ttl li a:hover { color:#f13a09}
.blk03 .ttl li small { display:none; position:absolute; width:20px; height:20px; background:#000}

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

.focusShow { overflow:hidden; height:185px}
.focusShow div { width:100%; height:185px; background:#ccc}

.examCalendar { overflow:hidden; height:160px}
.examCalendar dl { padding-bottom:4px; color:#777}
.examCalendar dl dt, .examCalendar dl dd { float:left; width:315px; padding:0 10px}
.examCalendar dl dd:hover { background-color:#f3f3f3}
.examCalendar dl strong, .examCalendar dl small, .examCalendar dl span { float:left; overflow:hidden; height:20px; padding:3px 0 2px}
.examCalendar dl dt { font-weight:bold; border-bottom:1px solid #dfdfdf; background:#f1f1f1}
.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}

.examGuideList { overflow:hidden}
.examGuideList ul { padding:12px 0 5px 10px}
.examGuideList li { float:left; width:67px; padding:0 5px 8px 0}
.examGuideList li a { display:block; width:100%; text-align:center; padding:4px 0 3px; background:url(images/bg_siteServices_v0_account.png) -300px -180px no-repeat}

.activityPromotion { position:relative; overflow:hidden; width:287px; height:68px; padding:6px 24px}
.activityPromotion a.prev { position:absolute; z-index:1; left:3px; top:14px; display:block; width:14px; height:52px; background:url(images/bg_siteServices_v0_account.png) -250px -180px no-repeat}
.activityPromotion a.next { position:absolute; z-index:1; right:3px; top:14px; display:block; width:14px; height:52px; background:url(images/bg_siteServices_v0_account.png) -270px -180px no-repeat}
.activityPromotion div { overflow:hidden; width:287px}
.activityPromotion li { float:left; width:287px}
.activityPromotion li a { display:block; overflow:hidden; width:279px; height:60px; padding:4px}
.activityPromotion li strong { display:block; color:#922003}
.activityPromotion li span { color:#777}
.activityPromotion li a:hover { text-decoration:none; background:#f3f3f3}
.activityPromotion li a:hover strong { cursor:pointer; text-decoration:underline; color:#f13a09}

.famousTeacher { overflow:hidden; height:250px; padding:4px 0 10px}
.famousTeacher ul { overflow:hidden; width:315px; padding:0 10px}
.famousTeacher li { width:100%; margin-top:-1px; padding:1px 0; background:url(images/GlobalLine_03.gif) left top repeat-x}
.famousTeacher li a { display:block; overflow:hidden; height:64px; padding:8px 0}
.famousTeacher li img { float:left; width:60px; height:60px; margin-right:8px; padding:1px; vertical-align:top; border:1px solid #dfdfdf}
.famousTeacher li strong, .famousTeacher li span { float:left; width:243px; color:#777}
.famousTeacher li strong { color:#922003}
.famousTeacher li a:hover { cursor:pointer; text-decoration:none; background-color:#f3f3f3}
.famousTeacher li a:hover strong { text-decoration:underline; color:#f13a09}
.famousTeacher li a:hover img { border-color:#f13a09}

.articleFeature { overflow:hidden; height:185px; background:#fff}
.articleFeature small { overflow:hidden; display:block; height:12px; border:1px solid #fff; background:url(images/bg_siteServices_v0_account.png) 0 -140px no-repeat}
.articleFeature h3 { padding:6px 12px 1px; font:16px/20px Simhei, Simsun} 
.articleFeature h3 a { margin-right:12px; color:#e62713}
.articleFeature h3 a:hover { color:#f13a09}
.articleFeature ul { padding-bottom:4px}
.articleFeature li { overflow:hidden; height:20px; padding:4px 12px 0}
.articleFeature li q { padding:0 2px 0 5px}

.articleSuggest { overflow:hidden; height:144px; padding:8px 12px}
.articleSuggest div { display:none}
.articleSuggest div div { display:block}
.articleSuggest div li { float:left; overflow:hidden; width:173px; height:20px; padding:6px 14px 0 0}
.articleSuggest div ul.s1 { padding-top:4px}
.articleSuggest div ul.s1 li { overflow:hidden; width:364px; height:26px; padding:0 0 0 11px; line-height:26px; background:url(images/GlobalIcon_02.gif) 2px 12px no-repeat}
.articleSuggest div p.richtext { padding:4px 0}
.articleSuggest div p.richtext a { display:block; cursor:pointer; overflow:hidden; height:64px; color:#777}
.articleSuggest div p.richtext img { float:left; width:120px; height:60px; margin-right:8px; padding:1px; vertical-align:top; border:1px solid #dfdfdf}
.articleSuggest div p.richtext a:hover img { border-color:#f13a09}
.articleSuggest div p.richtext strong, .articleSuggest div p.richtext span { float:left; width:247px}
.articleSuggest div p.richtext02 { padding:4px 0}
.articleSuggest div p.richtext02 a { display:block; cursor:pointer; padding:0 4px; color:#777}
.articleSuggest div p.richtext02 a strong, .articleSuggest div p.richtext02 a small { display:block; overflow:hidden; height:20px}
.articleSuggest div p.richtext a:hover, .articleSuggest div p.richtext02 a:hover { text-decoration:none; background-color:#f3f3f3}
.articleSuggest div p.richtext strong, .articleSuggest div p.richtext02 strong { color:#922003}
.articleSuggest div p.richtext a:hover strong, .articleSuggest div p.richtext02 a:hover strong { text-decoration:underline; color:#f13a09}

.courseRecommendation div { display:none; overflow:hidden; height:250px; padding:8px 8px 1px}
.courseRecommendation .courseListV2 p { float:left; width:279px}
.courseRecommendationTips { overflow:hidden; height:78px; padding:4px 12px 8px; line-height:25px; border-top:1px solid #dfdfdf; background:#f3f3f3}
.courseRecommendationTips li { overflow:hidden; height:25px}
.courseRecommendation.courseRecommendation02 div { padding-bottom:12px}

.courseSpecial { overflow:hidden; height:200px; padding: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 li:hover { background-color:#f3f3f3}
.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}
.courseSpecial.courseSpecialOL { height:250px; padding:8px 8px 12px}
.courseSpecial.courseSpecialOL strong a.s1 { padding-left:20px; background:url(images/GlobalIcon_01.gif) 0 -400px no-repeat}

.accountantCareer { overflow:hidden; height:407px}
.accountantCareer ul { padding:8px 0 17px}
.accountantCareer li { width:200px; margin:0 auto; text-align:center}
.accountantCareer li a { display:block; width:100%; height:30px; padding:6px 0; line-height:15px; background:url(images/bg_siteServices_v0_account.png) 0 -180px no-repeat}
.accountantCareer li a:hover { background-position:0 -230px}
.accountantCareer li small { display:block; width:17px; height:16px; margin:5px auto; background:url(images/bg_siteServices_v0_account.png) 0 -280px no-repeat}
.accountantCareer li.s1 a { height:15px; padding:14px 0 13px}

.latestClassReview { overflow:hidden; position:relative; height:138px; padding:0 10px}
.latestClassReview img.mbg { position:absolute; left:0; top:0; width:230px; height:32px; background:url(images/bg_siteServices_v0_account.png) -250px -250px no-repeat}
.latestClassReview li { width:210px}
.latestClassReview h5 { overflow:hidden; height:20px; padding-top:4px; font-size:12px; font-weight:normal;}
.latestClassReview h5 a.s1 { margin-right:4px}
.latestClassReview h6 { overflow:hidden; height:20px; padding-top:12px; font-size:12px}
.latestClassReview p { overflow:hidden; height:44px; padding-bottom:2px; line-height:22px}
.latestClassReview q span { padding-right:4px}
.latestClassReview q big { margin-left:4px}
.latestClassReview h5 a, .latestClassReview p a { color:#922003}
.latestClassReview h5 a:hover, .latestClassReview p a:hover { color:#f13a09}

.groupFeeds { overflow:hidden; height:196px; padding:2px 6px 6px}
.groupFeeds li { overflow:hidden; height:40px; padding:8px 4px; color:#777; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.groupFeeds li:hover { background-color:#f3f3f3}
.groupFeeds li p { overflow:hidden; height:20px}
.groupFeeds li em { float:left; overflow:hidden; width:150px}
.groupFeeds li small { float:right; overflow:hidden; width:50px; padding-right:10px; text-align:right}
.groupFeeds a { color:#0177c9}
.groupFeeds a:hover { color:#f13a09}


/*--- mod01 ---*/
.mod01 { overflow:hidden; height:204px; padding:10px 0}
.mod01 .col-l { float:left; width:154px; padding-left:10px}
.mod01 .col-l a.richtext { display:block; width:154px; margin-bottom:6px}
.mod01 .col-l a.richtext img { width:150px; height:90px; padding:1px; vertical-align:top; border:1px solid #dfdfdf}
.mod01 .col-l a.richtext span { display:block; overflow:hidden; cursor:pointer; width:100%; height:20px; padding-top:2px; text-align:center}
.mod01 .col-l a.richtext:hover img { border-color:#f13a09}
.mod01 .col-l ul { overflow:hidden; height:66px; padding:8px; line-height:22px; background:#f3f3f3}
.mod01 .col-m { float:left; width:328px; padding:6px 10px 8px 12px}
.mod01 .col-m h3 { padding-bottom:2px; font-size:14px}
.mod01 .col-m p { color:#777}
.mod01 .col-m ul { width:100%; padding-top:8px}
.mod01 .col-m ul li { overflow:hidden; height:24px; padding-right:11px; line-height:24px}
.mod01 .col-m ul li a.s1 { margin-right:4px}
.mod01 .col-r { float:left; width:210px; padding:0 0 6px 10px; background:url(images/GlobalLine_04.gif) 0 0 repeat-y}
.mod01 .col-r h3 { padding:5px 0 2px; font-size:12px}
.mod01 .col-r li { overflow:hidden; height:24px; line-height:24px; padding-left:9px; background:url(images/GlobalIcon_02.gif) 0 11px no-repeat}
.mod01 .col-d { float:left; width:234px; padding-left:10px}
.mod01 .col-d h3 { overflow:hidden; height:20px; margin-bottom:4px; padding:6px 4px 4px; font-size:12px; background:url(images/bg_siteServices_v0_account.png) -420px -140px no-repeat}
.mod01 .col-d h3 span { float:right; height:20px; font-weight:normal; color:#777}
.mod01 .col-d h3 span a { padding-right:8px; color:#777; background:url(images/bg_siteServices_v0_account.png) right -175px no-repeat}
.mod01 .col-d h3 span a:hover { color:#f13a09; background-position:right -205px}
.mod01 .col-d a.richtext { display:block; padding:4px}
.mod01 .col-d a.richtext strong, .mod01 .col-d a.richtext span { display:block; overflow:hidden; height:20px}
.mod01 .col-d a.richtext span { height:40px; color:#777}
.mod01 .col-d a.richtext:hover { cursor:pointer; text-decoration:none; background-color:#f3f3f3}
.mod01 .col-d a.richtext:hover strong { text-decoration:underline}
.mod01 .col-d li { overflow:hidden; height:24px; line-height:24px; padding:0 4px 0 13px; background:url(images/GlobalIcon_02.gif) 4px 11px no-repeat}
.mod01 .col-d.col-d2 { width:274px}
.mod01 .col-m h3 a, .mod01 .col-m p a, .mod01 .col-r h3, .mod01 .col-r h3 a, .mod01 .col-d a.richtext { color:#922003}
.mod01 .col-m h3 a:hover, .mod01 .col-m p a:hover, .mod01 .col-r h3 a:hover, .mod01 .col-d a.richtext:hover strong { color:#f13a09}

.mod02 { overflow:hidden; height:204px; padding:10px}
.mod02 .richtext { padding-bottom:6px}
.mod02 .richtext a { overflow:hidden; display:block; width:100%; height:64px}
.mod02 .richtext img { float:left; width:60px; height:60px; margin-right:4px; padding:1px; vertical-align:top; border:1px solid #dfdfdf}
.mod02 .richtext strong, .mod02 .richtext span { float:left; width:142px}
.mod02 .richtext strong { color:#922003}
.mod02 .richtext span { color:#777}
.mod02 .richtext a:hover { cursor:pointer; text-decoration:none; background:#f3f3f3}
.mod02 .richtext a:hover strong { text-decoration:underline; color:#f13a09}
.mod02 .richtext a:hover img { border-color:#f13a09}
.mod02 li { overflow:hidden; height:24px; line-height:24px}