/*--- 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_0to18.png) right -235px no-repeat}
p.more a:hover { color:#f13a09; background-position:right -205px}
/*--- hr ---*/
.hr { height:8px; background:url(images/GlobalLine_03.gif) 0 center repeat-x}

/*--- layout ---*/
#wrap_siteServices_japanese { width:980px; margin:0 auto; border-top:6px solid #e1e1e1; 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_0to18.png) 0 0 repeat-x}
.blk01 .ttl h2 { float:left; font-size:14px; font-family:Microsoft YaHei, Tahoma; color:#2d7703}
.blk01 .ttl h2 a { color:#2d7703}
.blk01 .ttl h2 a:hover { color:#8ec31f}
.blk01 .ttl small { float:left; overflow:hidden; height:18px; padding:1px 0 0 4px; color:#777}
.blk01 .ttl span { float:right; height:20px; color:#777}
.blk01 .ttl span a:hover { color:#f13a09; background-position:right -205px}
.blk01 .ttl span.s1 a { padding:0 5px 0 6px; }
.blk01 .ttl span a.more, .blk01 .ttl span.s1 a.more { padding-right:8px; background:url(images/bg_siteServices_v0_0to18.png) right -175px no-repeat}
.blk01 .ttl span a.more:hover, .blk01 .ttl span.s1 a.more:hover { background-position:right -205px}
.blk01 .ttl-sub ul { overflow:hidden; background:#e8e8e8}
.blk01 .ttl-sub li { float:left; margin-left:-1px; border-left:1px solid #fff}
.blk01 .ttl-sub li a { float:left; padding:4px 28px; font-weight:bold}
.blk01 .ttl-sub li.this a { background:#fff}

.blk02 { background:#fff}
.blk02 .ttl { height:30px; background:url(images/bg_siteServices_v0_0to18.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_0to18.png) -320px -90px no-repeat}
.blk02 .ttl li em, .blk02 .ttl li a { float:left; padding:8px 20px 2px 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_0to18.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:16px}


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

.articleFeature { overflow:hidden; height:331px; background:#FFF}
.articleFeature small { overflow:hidden; display:block; height:12px; border:1px solid #fff; background:url(images/bg_siteServices_v0_0to18.png) 0 -140px no-repeat}
.articleFeature small.s1 { height:4px; border-bottom:8px solid #fff; border-left-width:3px; border-top:0; background-position:0 -160px}
.articleFeature h3 { padding:0px 12px 2px; text-align:center; font:16px/20px Simhei, Simsun} 
.articleFeature ul { padding:0 12px}
.articleFeature li { overflow:hidden; height:24px; padding-left:11px; line-height:24px}
.articleFeature li.s1 { float:left}
.articleFeature li a { margin-right:10px} 
.articleFeature h3 a, .articleFeature p a { color:#f60}
.articleFeature h3 a:hover, .articleFeature p a:hover { color:#f13a09}


.articleSubscription { position:relative; height:110px; padding:10px}
.articleSubscription img { position:absolute; right:0; top:-30px; width:42px; height:42px; background:url(images/bg_siteServices_v0_0to18.png) -150px -220px no-repeat}
.articleSubscription dt { padding-bottom:1px}
.articleSubscription dd { padding-bottom:5px}
.articleSubscription li { overflow:hidden; height:20px; padding-bottom:8px}
.articleSubscription select { width:200px}
.articleSubscription input.txtinput { width:192px; color:#333}
.articleSubscription label { margin-right:8px}
.articleSubscription p.func input { cursor:pointer; border:0; width:100px; height:24px; color:#333; background:url(images/bg_siteServices_v0_0to18.png) -150px -180px no-repeat}
.articleSubscription p.func em { display:none; padding-left:8px; color:#f00}

.courseRecommendation { overflow:hidden; height:240px}
.courseRecommendation div { display:none; overflow:hidden; height:200px; padding:8px 8px 0}
.courseRecommendation .courseListV2 p { float:left; width:279px}
.courseRecommendation .editor { padding:5px 0 0 10px; color:#666}
.courseRecommendation .editor a { padding-left:10px; }



.examCalendar { overflow:hidden; height:110px}
.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:260px; padding:4px 6px 2px}
.groupFeeds li { float:left; overflow:hidden; height:38px; padding:4px; line-height:19px; color:#777; background:url(images/GlobalLine_03.gif) left 45px repeat-x}
.groupFeeds li:hover { background-color:#f3f3f3}
.groupFeeds li a.pic { float:left; width:32px; height:32px; padding-top:2px}
.groupFeeds li a.pic img { width:100%; height:100%; vertical-align:top}
.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 { clear:both; padding-bottom:0px}
.groupFeeds a { color:#0177c9}
.groupFeeds a:hover { color:#f13a09}



.saleRecommend div { display:none; height:240px}
.saleRecommend div div { display:block}
.saleRecommend h3 { padding:16px 0 8px; font-size:14px; text-align:center}
.saleRecommend ul { padding:0 20px 4px 35px}
.saleRecommend li { float:left; width:120px; line-height:24px}
.saleRecommend li.s1 { width:160px; font-weight:bold; color:#F00 }
.saleRecommend li.s2 { width:160px; font-weight:bold; color:#0177c9 }
.saleRecommend p.s1 { padding:4px 0 16px; text-align:center}
.saleRecommend p.s1 a { display:inline-block; font:bold 12px/22px Microsoft YaHei, Simsun; width:94px; height:24px; color:#FFF; background:url(images/bg_siteServices_v0_0to18.png) 0 -180px no-repeat}
.saleRecommend p.s2 { padding:10px; background:url(images/GlobalLine_03.gif) repeat-x}
.saleRecommend p.s2 a { display:block; overflow:hidden; width:100%; height:60px}
.saleRecommend p.s2 img { float:left; vertical-align:top; width:88px; height:44px; margin-top:4px; padding:1px; border:solid 1px #dfdfdf}
.saleRecommend p.s2 span { float:left; overflow:hidden; width:213px; padding-left:10px; color:#777}
.saleRecommend p.s2 a:hover { cursor:pointer; text-decoration:none; background:#f3f3f3}
.saleRecommend p.s2 a:hover img { border-color:#f13a09}


.latestClassReview { overflow:hidden; position:relative; height:154px; padding:0 10px}
.latestClassReview img.mbg { position:absolute; left:0; top:0; width:230px; height:32px; background:url(images/bg_siteServices_v0_0to18.png) -134px -180px 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:50px; padding-top:4px; line-height:22px}
.latestClassReview q span { padding-right:4px}
.latestClassReview q big { margin-left:4px}
.latestClassReview h5 a, .latestClassReview p a { color: #FF5300}
.latestClassReview h5 a:hover, .latestClassReview p a:hover { color:#7EAC20}

/*--- mod ---*/
.mod01 { overflow:hidden; height:85px; background:#FFF}
.mod01 h2 { float:left; overflow:hidden; width:15px; height:70px; padding:10px 16px 5px 12px; font:bold 14px/15px Microsoft YaHei, Tahoma; color:#f60; background:url(images/bg_siteServices_v0_0to18.png) 36px -220px no-repeat}
.mod01 h2 a { color:#f60}
.mod01 h2 a:hover { color:#f13a09}
.mod01 ul { float:left; width:280px; padding:4px 8px 0 4px}
.mod01 li { overflow:hidden; height:24px; line-height:24px}
.mod01 li a { margin-right:6px}
.mod01 ul.s1 { width:344px; padding-right:12px}

.mod02 { overflow:hidden; height:293px; padding:4px 10px}
.mod02 li { overflow:hidden; height:22px; padding-left:10px; line-height:22px; background:url(images/GlobalIcon_01.gif) 0 -590px   no-repeat}
.mod02 strong { font-weight:bold; color: #7EAC20}


.mod03 { overflow:hidden; height:220px; padding:10px}
.mod03 .richtext { padding-bottom:6px}
.mod03 .richtext a { overflow:hidden; display:block; width:100%; height:64px}
.mod03 .richtext img { float:left; width:60px; height:60px; margin-right:4px; padding:1px; vertical-align:top; border:1px solid #dfdfdf}
.mod03 .richtext strong, .mod03 .richtext span { float:left; width:142px}
.mod03 .richtext span { color:#777}
.mod03 .richtext a:hover { cursor:pointer; text-decoration:none; background:#f3f3f3}
.mod03 .richtext a:hover strong { text-decoration:underline; color:#f13a09}
.mod03 .richtext a:hover img { border-color:#f13a09}
.mod03 ul { padding-top:4px}
.mod03 li { overflow:hidden; height:24px; line-height:24px}
.mod03 .hr { overflow:hidden; clear:both; height:5px; margin-top:4px; font-size:0; line-height:0; background:url(images/GlobalLine_03.gif) 0 center repeat-x}
.mod03 .more { padding-top:8px}

.mod04 { overflow:hidden; height:120px; padding:4px 10px}
.mod04 ul { overflow:hidden; float:right; margin-top:5px; width:212px;}
.mod04 li { overflow:hidden;  padding-left:8px; height:22px; line-height:22px; background:url(images/GlobalIcon_01.gif) 0 -590px no-repeat}
.mod04 .pic { float:left; margin:8px 10px 0 0; padding:1px; border:1px solid #CCC; width:140px; height:100px;}


.mod05 { overflow:hidden; height:292px;  }
.mod05 ul { padding:4px 0 12px 20px; height:70px}
.mod05 ul li {  float:left; overflow:hidden; padding-left:4px; width:96px }
.mod05 li img {  margin:8px 10px 0 0; padding:1px; border:1px solid #CCC; width:72px; height:42px;}
.mod05 li span { overflow:hidden; display:block; height:20px; width:72px}
.mod05 li a {color:#0177c9}
.mod05 li a:hover span { color: #FF5300; text-decoration:underline}
.mod05 li a:hover img { border-color:#f13a09}

.mod05 p span { overflow:hidden; display:block; padding:2px 6px 0 8px; height:20px }
.mod05 p strong { padding:2px 6px 0 8px; }
.mod05 p strong a { color: #388525 }
.mod05 p strong.s1  { float:left; font-weight:normal; overflow:hidden; width:146px; height:20px}
.mod05 p strong.s1 a { color:#315416} 
.mod05 p strong.s1 a:hover { color:#0177c9} 
.mod05 p strong.s2 { float:right; overflow:hidden; width:72px; height:20px}