/*--- general ---*/
.courseListV2 { overflow:hidden; width:100%}
.courseListV2 li { float:left; overflow:hidden; width:379px; height:40px; padding:5px 4px; color:#777; background:url(images/GlobalLine_03.gif) left bottom 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_english.png) right -235px no-repeat}
p.more a:hover { color:#f13a09; background-position:right -205px}


/*--- layout ---*/
#wrap_siteServices_english { 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}
.parent03 { border-bottom:3px solid #f70}
.parent04 { float:left; width:369px; border-bottom:6px solid #e1e1e1}
.parent05 { border-left:6px solid #e1e1e1}

/*--- block ---*/
.blk01 { background:#fff}
.blk01 .ttl { overflow:hidden; height:20px; padding:6px 10px 4px; background:url(images/bg_siteServices_v0_english.png) 0 0 repeat-x}
.blk01 .ttl h2 { float:left; font-size:14px; color:#e65c00}
.blk01 .ttl h2 a { color:#e65c00}
.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_english.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_english.png) right -175px no-repeat}
.blk01 .ttl span.s1 a.more:hover { background-position:right -205px}
.blk01 .ttl01 { padding-left:2px}
.blk01 .ttl01 q.icon01 { margin-right:4px; float:left; display:block; width:20px; height:20px; background:url(images/bg_siteServices_v0_english.png) right -270px no-repeat}
.blk01 .ttl01 q.icon02 { margin-right:4px; float:left; display:block; width:20px; height:20px; background:url(images/bg_siteServices_v0_english.png) right -290px no-repeat}

.blk02 { background:#fff}
.blk02 .ttl { height:30px; background:url(images/bg_siteServices_v0_english.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_english.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_english.png) right -90px no-repeat}
.blk02 .ttl li a:hover { color:#f13a09}
.blk02 .ttl li small { display:none; position:absolute; width:20px; height:20px; background:#000}
.blk02 .ttl ul.s1 li em, .blk02 .ttl ul.s1 li a { padding-left:14px; padding-right:11px}
.blk02 .ttl ul.s1 li.this em, .blk02 .ttl ul.s1 li.this a { padding-left:12px}
.blk02 .ttl01 { height:30px; background:url(images/bg_siteServices_v0_english.png) 0 0 no-repeat}
.blk02 .ttl01 li { background-position:-520px -90px}

.blk03 { background:#fff}
.blk03 .ttl { height:30px; background:url(images/bg_siteServices_v0_english.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_english.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:#e65c00}
.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_english.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}

.blk04 { padding:4px; background:#f70}
.blk04 h1 { padding:0 1px; font-size:14px; color:#fff}
.blk04 h1 strong { display:block; padding:3px 7px 5px}
.blk04 h1 small { display:block; overflow:hidden; height:1px; background:#fff}


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

.articleFeature { overflow:hidden; height:177px; background:#fff}
.articleFeature small { overflow:hidden; display:block; height:12px; border:1px solid #fff; background:url(images/bg_siteServices_v0_english.png) 0 -140px no-repeat}
.articleFeature small.s1 { height:4px; border-left-width:3px; border-top:0; border-bottom-width:2px; background-position:0 -160px}
.articleFeature h3 { padding:6px 12px 1px; text-align:center; font:16px/20px Simhei, Simsun} 
.articleFeature p { padding:0 12px; color:#777}
.articleFeature ul { padding:2px 12px 6px}
.articleFeature li { overflow:hidden; height:24px; padding-left:11px; line-height:24px; background:url(images/GlobalIcon_02.gif) 2px 11px no-repeat}
.articleFeature li q { padding:0 2px 0 5px}
.articleFeature h3 a, .articleFeature p a { color:#e65c00}
.articleFeature h3 a:hover, .articleFeature p a:hover { color:#f13a09}
.articleFeature01 { height:185px}
.articleFeature01 h3 { padding:0 12px 2px}

.articleSubscription { position:relative; height:170px; padding:10px}
.articleSubscription img { position:absolute; right:0; top:-30px; width:42px; height:42px; background:url(images/bg_siteServices_v0_english.png) -480px -180px no-repeat}
.articleSubscription li { overflow:hidden; height:20px; padding-bottom:8px}
.articleSubscription li.s1 { padding-bottom:2px}
.articleSubscription select { width:200px}
.articleSubscription input.txtinput { width:192px; color:#333}
.articleSubscription label { margin-right:8px}
.articleSubscription p { padding-bottom:8px}
.articleSubscription p.func input { cursor:pointer; border:0; width:100px; height:24px; color:#333; background:url(images/bg_siteServices_v0_english.png) -400px -230px no-repeat}
.articleSubscription p.func em { display:none; padding-left:8px; color:#f00}

.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 p.richtext { padding:4px 0}
.articleSuggest div p.richtext a { display:block; overflow:hidden; height:64px; color:#777}
.articleSuggest div p.richtext a:hover { cursor:pointer; text-decoration:none; background-color:#f3f3f3}
.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 strong, .articleSuggest div p.richtext span { float:left; width:247px}
.articleSuggest div p.richtext strong { color:#922003}
.articleSuggest div p.richtext a:hover strong { text-decoration:underline; color:#f13a09}
.articleSuggest div p.richtext a:hover img { border-color:#f13a09}
.articleSuggest ul.s1 li { float:left; overflow:hidden; width:354px; height:20px; padding:6px 12px 2px}
.articleSuggest ul.s1 li a { float:left; width:300px}
.articleSuggest ul.s1 li small { float:right; width:40px; text-align:right; color:#777}

.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 { font-size:12px}
.articleSuggest div.t2 div p { color:#777}

.courseRecommendation div { display:none; overflow:hidden; height:250px; padding:8px 8px 0}
.courseRecommendation .courseListV2 p { float:left; width:279px}
.courseRecommendation p.more { padding-bottom:14px; padding-right:12px}

.examGuideList { overflow:hidden; height:278px; background:#fff}
.examGuideList ul.s1 { padding:15px 0 6px 16px}
.examGuideList ul.s1 li { float:left; width:92px; padding:0 10px 10px 0}
.examGuideList ul.s1 li a { display:block; width:100%; text-align:center; padding:4px 0 3px; background:url(images/bg_siteServices_v0_english.png) 0 -230px no-repeat}
.examGuideList ul.s2 { margin-left:16px; background:url(images/bg_siteServices_v0_english.png) 0 -180px no-repeat}
.examGuideList ul.s2 li { float:left; width:98px}
.examGuideList ul.s2 li a { display:block; overflow:hidden; width:100%; height:20px; padding:9px 0 8px; font-weight:bold}
.examGuideList ul.s2 li a q { float:left; width:20px; height:20px; margin:0 4px 0 11px; background:url(images/bg_siteServices_v0_english.png) no-repeat}
.examGuideList ul.s2 li.s1 a q { background-position:-120px -230px}
.examGuideList ul.s2 li.s2 a q { background-position:-140px -230px}
.examGuideList ul.s2 li.s3 a q { background-position:-160px -230px}
.examGuideList p { padding:16px 10px 16px 24px}
.examGuideList p img { float:left; width:56px; height:38px; background:url(images/bg_siteServices_v0_english.png) -400px -180px no-repeat}
.examGuideList p strong, .examGuideList p span { float:left; width:218px; padding-left:10px}
.examGuideList p strong { color:#c23a00}

.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}

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

.groupFeeds { overflow:hidden; height:322px; padding:2px 6px 6px}
.groupFeeds li { overflow:hidden; height:40px; padding:8px 4px; color:#777; background:url(images/GlobalLine_03.gif) left 55px repeat-x}
.groupFeeds li:hover { background-color:#f3f3f3}
.groupFeeds li a.pic { float:left; width:32px; height:32px; margin-top:4px}
.groupFeeds li a.pic img { width:100%; height:100%}
.groupFeeds li em { float:left; width:174px; padding-left:4px}
.groupFeeds li em small { display:block; overflow:hidden; height:20px}
.groupFeeds li span { padding:0 4px}
.groupFeeds p.more { padding-bottom:6px}
.groupFeeds a { color:#0177c9}
.groupFeeds a:hover { color:#f13a09}
.groupFeeds01 { height:398px}
.groupFeeds01 li { padding:10px 4px; background-position:left 59px}

.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_english.png) 0 -310px 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}
.latestClassReview01 { height:276px}
.latestClassReview01 img.mbg01 { top:132px}
.latestClassReview01 li { padding-bottom:10px}

.onlineTrans { overflow:hidden; height:146px; padding:4px 10px}
.onlineTrans h3 { padding-top:2px; font-size:12px}
.onlineTrans div { padding:1px 0}
.onlineTrans div.hr { padding-top:3px; margin-bottom:2px; border-bottom:1px solid #CCC}
.onlineTrans textarea { width:200px; height:30px}
.onlineTrans .radiolist { line-height:18px}
.onlineTrans p.more { text-align:right}
.onlineTrans p img { width:68px; height:16px; margin:0 4px; vertical-align:middle;background:url(images/bg_siteServices_v0_english.png) -400px -270px no-repeat}

/*--- mod01 ---*/
.mod01 { overflow:hidden; height:130px; padding:10px}
.mod01 li { overflow:hidden; height:24px; line-height:24px}

.mod02 { overflow:hidden; height:170px; 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; color:#c23a00}
.mod02 .richtext a span { color:#777}
.mod02 .richtext a:hover { cursor:pointer; text-decoration:none; background:#f3f3f3}
.mod02 .richtext a:hover strong { text-decoration:underline}
.mod02 .richtext a:hover img { border-color:#f13a09}
.mod02 li { overflow:hidden; height:24px; line-height:24px}
.mod02 .richtext02 img { margin-right:8px}
.mod02 .richtext02 strong, .mod02 .richtext02 span { width:277px}

.mod02 ul.s1 li { padding-left:11px; background:url(images/GlobalIcon_02.gif) 2px 11px no-repeat}
.mod02 ul.s2 li { overflow:hidden; height:25px; padding-left:10px; line-height:25px; background:url(images/GlobalIcon_01.gif) 0 -31px no-repeat}

.mod03 { overflow:hidden; height:166px; background:#fff}
.mod03 .ttl { overflow:hidden; height:20px; padding:6px 10px 4px}
.mod03 .ttl h2 { float:left; font-size:12px; color:#e65c00}
.mod03 .ttl h2 a { color:#e65c00}
.mod03 .ttl h2 a:hover { color:#f13a09}
.mod03 .ttl span { float:right; height:20px; color:#777}
.mod03 .ttl span a { padding-right:8px; color:#777; background:url(images/bg_siteServices_v0_english.png) right -175px no-repeat}
.mod03 .ttl span a:hover { color:#f13a09; background-position:right -205px}
.mod03 ul { padding:0 10px 8px}
.mod03 li { overflow:hidden; height:24px; padding-left:11px; line-height:24px; background:url(images/GlobalIcon_02.gif) 2px 11px no-repeat}

.mod04 { overflow:hidden; height:150px; background:#fff}
.mod04 .ttl { overflow:hidden; height:20px; padding:6px 10px 4px}
.mod04 .ttl h2 { float:left; font-size:12px; color:#e65c00}
.mod04 .ttl h2 a { color:#e65c00}
.mod04 .ttl h2 a:hover { color:#f13a09}
.mod04 .ttl span { float:right; height:20px; color:#777}
.mod04 .ttl span a { padding-right:8px; color:#777; background:url(images/bg_siteServices_v0_english.png) right -175px no-repeat}
.mod04 .ttl span a:hover { color:#f13a09; background-position:right -205px}
.mod04 .ctn { padding:0 10px}
.mod04 a.pic { float:left; overflow:hidden; display:block; width:104px; margin-top:4px}
.mod04 a.pic img { width:100px; height:75px; vertical-align:top; padding:1px; border:1px solid #dfdfdf}
.mod04 a.pic span { display:block; overflow:hidden; width:100%; height:20px; text-align:center; border-top:1px solid #fff; background:#f3f3f3}
.mod04 a.pic:hover img { border-color:#f13a09}
.mod04 ul { float:left; width:191px; padding:4px 0 8px 12px}
.mod04 li { overflow:hidden; height:24px; line-height:24px}
.mod04 li.first { font-weight:bold}

.mod06 .item { float:left; width:360px; padding:6px 6px 9px 6px}
.mod06 .item .ttl { background:url(images/bg_siteServices_v0_english.png) 0 -270px no-repeat}
.mod06 .item .ttl h3 {font-size:12px; font-weight:bold; line-height:14px}
.mod06 .item .courseListV2 p { width:255px}
.mod06 .item .courseListV2 li { width:355px; background-image:none}

.mod07 { overflow:hidden; height:228px}
.mod07 .col-l { float:left; width:300px; padding:4px; border:5px solid #fff; border-right:0; background:#f3f3f3}
.mod07 .col-l a { overflow:hidden; display:block; width:100%; height:204px}
.mod07 .col-l img { float:left; width:150px; height:200px; padding:1px; vertical-align:top; border:1px solid #dfdfdf}
.mod07 .col-l strong, .mod07 .col-l span { float:left; width:136px; padding:4px 0 0 6px}
.mod07 .col-l strong { padding-top:7px; font-size:14px}
.mod07 .col-l span { text-indent:2em; line-height:22px; color:#777}
.mod07 .col-l span.tright { text-indent:0}
.mod07 .col-l a:hover { cursor:pointer; text-decoration:none}
.mod07 .col-l a:hover strong { text-decoration:underline}
.mod07 .col-l a:hover img { border-color:#f13a09}
.mod07 .col-m { float:left; overflow:hidden; width:420px; border:10px solid #fff; border-right-width:1px; background:url(images/GlobalLine_04.gif) center repeat-y}
.mod07 .col-m ul { float:left; width:190px; padding:4px 10px}
.mod07 .col-m ul li { overflow:hidden; height:24px; line-height:24px}