/*--- 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_japanese.png) right -235px no-repeat}
p.more a:hover { color:#f13a09; background-position:right -205px}


/*--- 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_japanese.png) 0 0 repeat-x}
.blk01 .ttl h2 { float:left; font-size:14px; font-family:Microsoft YaHei, Tahoma; color:#f60}
.blk01 .ttl h2 a { color:#f60}
.blk01 .ttl h2 a:hover { color:#f13a09}
.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 { padding-right:8px; color:#777; background:url(images/bg_siteServices_v0_japanese.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_japanese.png) right -175px no-repeat}
.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 { float:left; padding:4px 28px; font-weight:bold}
.blk01 .ttl-sub li.this { background:#fff}

.blk02 { background:#fff}
.blk02 .ttl { height:30px; background:url(images/bg_siteServices_v0_japanese.png) 0 -50px 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_japanese.png) -320px -90px 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_japanese.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:18px; padding-right:16px}
.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:185px; background:#FFF}
.articleFeature small { overflow:hidden; display:block; height:12px; border:1px solid #fff; background:url(images/bg_siteServices_v0_japanese.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 p { padding:0 12px 4px; color:#777}
.articleFeature ul { padding:0 12px}
.articleFeature li { overflow:hidden; height:24px; padding-left:11px; line-height:24px; background:url(images/GlobalIcon_02.gif) 2px 11px no-repeat}
.articleFeature li a { margin-right:6px} 
.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_japanese.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_japanese.png) -150px -180px no-repeat}
.articleSubscription p.func em { display:none; padding-left:8px; color:#f00}

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

.examGuideList { padding-bottom:16px}
.examGuideList p { padding:12px 12px 8px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.examGuideList p img { float:left; width:80px; height:38px; background:url(images/bg_siteServices_v0_japanese.png) -300px -180px no-repeat}
.examGuideList p strong { float:left; width:218px}
.examGuideList dl { padding:8px 10px 0}
.examGuideList dt { float:left; width:80px; font-weight:bold}
.examGuideList dd { float:left; width:222px}
.examGuideList dd span { float:left; overflow:hidden; width:74px; height:20px;}
.examGuideList dd span a { color:#0177c9}
.examGuideList dd span a:hover { color:#f13a09}

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

.littleQuiz { overflow:hidden; height:268px; padding:8px 10px}
.littleQuiz p.hints { padding-bottom:4px}
.littleQuiz h5 { padding-bottom:4px; font-size:12px}
.littleQuiz li { padding-bottom:4px}
.littleQuiz p.func { padding:8px 0 4px}
.littleQuiz p.func input { cursor:pointer; width:100px; height:24px; margin-right:12px; color:#333; border:0; background:url(images/bg_siteServices_v0_japanese.png) -150px -180px no-repeat}
.littleQuiz p.func a { padding-left:12px; background:url(images/GlobalIcon_01.gif) 0 -156px no-repeat}

.saleRecommend div { display:none; height:240px}
.saleRecommend div div { display:block}
.saleRecommend h3 { overflow:hidden; height:20px; padding-top:16px; font-size:14px; text-align:center}
.saleRecommend ul { padding:8px 20px 4px 35px}
.saleRecommend li { float:left; width:120px; line-height:24px}
.saleRecommend li.s1 { 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_japanese.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}


/*--- 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_japanese.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:72px; padding:4px 10px}
.mod02 li { overflow:hidden; height:24px; padding-left:10px; line-height:24px; background:url(images/GlobalIcon_01.gif) 0 -110px no-repeat}

.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 { padding:10px}
.mod04 .col-l { float:left; width:154px; padding-top:5px}
.mod04 .col-l a { display:block; cursor:pointer; width:100%}
.mod04 .col-l a img { display:block; width:150px; height:200px; padding:1px; vertical-align:top; border:1px solid #dfdfdf}
.mod04 .col-l a span { display:block; overflow:hidden; width:100%; height:20px; padding-top:4px; text-align:center; border-top:1px solid #fff; background:#f3f3f3}
.mod04 .col-l a:hover img { border-color:#f13a09}
.mod04 .col-m { overflow:hidden; float:left; width:558px; height:246px; padding-left:12px}
.mod04 .col-m div { float:left; overflow:hidden; width:279px; height:72px; padding-bottom:4px}
.mod04 .col-m h3 { float:left; width:16px; height:58px; margin-top:5px; padding:6px 14px 0 10px; font:bold 14px/22px Microsoft YaHei, Simsun; color:#F60; background:url(images/bg_siteServices_v0_japanese.png) -60px -220px no-repeat}
.mod04 .col-m ul { float:left; width:228px}
.mod04 .col-m ul li { overflow:hidden; height:24px; line-height:24px}
.mod04 .col-m .hr { overflow:hidden; clear:both; height:5px; margin-bottom:4px; font-size:0; line-height:0; background:url(images/GlobalLine_03.gif) 0 center repeat-x}

.mod05 { overflow:hidden; height:162px; padding:8px 0 10px}
.mod05 ul { overflow:hidden; width:210px; padding:0 10px}
.mod05 li { width:100%; margin-top:-1px; padding:1px 0; background:url(images/GlobalLine_03.gif) left top repeat-x}
.mod05 li a { position:relative; display:block; overflow:hidden; width:100%; height:64px; padding:8px 0}
.mod05 li img { float:left; width:80px; height:60px; margin-right:4px; padding:1px; vertical-align:top; border:1px solid #dfdfdf}
.mod05 li small { position:absolute; left:-10000px; top:30px; z-index:1; cursor:pointer; width:26px; height:19px; background:url(http://css.114study.com/images/GlobalVideo_01.png) no-repeat}
* html .mod05 li small { left:30px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css.114study.com/images/GlobalVideo_01.png", sizingMethod="crop")}
.mod05 li strong, .mod05 li span { float:left; width:122px}
.mod05 li span { color:#777}
.mod05 li a:hover { cursor:pointer; text-decoration:none; background-color:#f3f3f3}
.mod05 li a:hover strong { text-decoration:underline}
.mod05 li a:hover img { border-color:#f13a09}
.mod05 li a:hover small { left:30px}

.mod06 { overflow:hidden; height:196px; padding:7px 10px 4px}
.mod06 li { overflow:hidden; height:24px; padding-left:11px; line-height:24px; background:url(images/GlobalIcon_02.gif) 2px 11px no-repeat}

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

.mod08 { padding:10px}
.mod08 div { overflow:hidden; height:152px; padding-bottom:12px}
.mod08 a.pic { float:left; overflow:hidden; display:block; cursor:pointer; width:104px; padding-top:2px}
.mod08 a.pic img { width:100px; height:120px; padding:1px; vertical-align:top; border:1px solid #dfdfdf}
.mod08 a.pic span { display:block; overflow:hidden; width:100%; height:20px; padding:2px 0; text-align:center; border-top:1px solid #fff; background:#f3f3f3}
.mod08 a.pic:hover img { border-color:#f13a09}
.mod08 h3 { float:left; overflow:hidden; width:262px; height:20px; padding:0 4px 4px; font-size:14px; color:#e30000; border-left:8px solid #fff; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.mod08 h3 a { color:#e30000}
.mod08 h3 small { float:right; font-size:12px; font-weight:normal; color:#777}
.mod08 h3 small a { padding-right:8px; color:#777; background:url(images/bg_siteServices_v0_japanese.png) right -175px no-repeat}
.mod08 h3 small a:hover { color:#f13a09; background-position:right -205px}
.mod08 ul { float:left; width:262px; padding:6px 4px 0 12px}
.mod08 li { overflow:hidden; height:24px; line-height:24px}