/*--- general ---*/
	/* bubble-课程评分详细 */
#JT { position:absolute; z-index:10}
#JT .JT_loader{ width:217px; height:114px; border:1px solid; border-color:#ccc #666 #666 #ccc; background:url(images/GlobalLoading_01.gif) center center no-repeat #fff}
#JT .jq_ratingLineBox { width:190px; padding:12px 12px 12px 15px; border:1px solid; border-color:#ccc #666 #666 #ccc; background:#fff}
#JT .jq_eatingLineSingleBox { width:200px; padding:12px 2px 12px 15px; border:1px solid; border-color:#ccc #666 #666 #ccc; background:#fff}
#JT .jq_eatingLineSingleBox li { padding-bottom:2px}

	/* 班级促销Icon */
a.classPRIcon { display:inline-block; padding-left:12px; margin-right:4px; text-decoration:none; font-size:12px; font-family:Tahoma; color:#666; background:url(images/GlobalIcon_classPR.png) 0 -30px no-repeat}
a.classPRIcon:hover { color:#666; text-decoration:none!important}
a.CPI_discount { background-position:0 -58px}
a.CPI_gift { background-position:0 -88px}
a.CPI_voucher { background-position:0 -29px}
a.CPI_specialoffer { padding-left:28px; background-position:0 -119px}

	/* bubble-班级促销IconContent */
#CPICtnBox { position:absolute; z-index:10; border-right:1px solid #ffd5ca; border-bottom:1px solid #ffd5ca}
#CPICtnBox #CPICtn { border:1px solid #eba07f; background:#fff8f2}
#CPICtnBox #CPICtnArrow { position:absolute; left:6px; top:-5px; width:9px; height:6px; background:url(images/bg_faceClass_classPRCtnArrow.png) no-repeat}
.CPICtn_01 { padding:8px 10px}
.CPICtn_02 { width:300px; padding:12px}
.CPICtn_02 div { padding-bottom:4px}
.CPICtn_02 span { padding-left:12px}
.CPICtn_02 a { color:#0177c9}
.CPICtn_02 a:hover { color:#f13a09}

	/* 回顶部 position:fixed; _position:absolute; */
#gotop {  width:25px; height:90px}
#gotop img { display:block; width:25px; height:90px; background:url(images/bg_faceClass.png) 0 -500px no-repeat}

	/* bubble-客户输入电话 for 免费咨询电话 */
#customerWritePhoneBox { display:none}	
.customerWritePhoneBox { padding-top:10px; color:#333}
.customerWritePhoneBox div.alarm { margin-bottom:0}
.customerWritePhoneBox input.txtinput { width:120px}
.customerWritePhoneBox input.s1 { width:60px}
.customerWritePhoneBox em { color:#e62713}
.customerWritePhoneBox label { font-weight:bold}
.customerWritePhoneBox p span { padding-left:42px}
.customerWritePhoneBox p span img { vertical-align:bottom}
.customerWritePhoneBox p.s1 { color:#418b2d}
.customerWritePhoneBox p.s2 { color:#e62713}
.customerWritePhoneBox_confirm { padding-top:10px; color:#418b2d}

	/*--- emap ---*/
.mapMarker{color:white;height:33px;overflow:Visible;width:auto!important;width:500px}                                                                                                                                                                                                                                                                      
.mapMarker .s1 {height:24px;width:4px;background:url(images/mapMarker_l_left.gif) no-repeat}                                                                                                                                                                                                                                            
.mapMarker .s2 {float:left;margin-left:4px!important;margin-left:2px;margin-top:-24px;white-space:nowrap;background:url(images/mapMarker_l_middle.gif) repeat-x;height:24px;padding:0 10px;line-height:24px;color:#fff;text-align:center;font-size:12px;font-family:Tahoma, Arial, Helvetica, sans-serif}
.mapMarker .s3 {float:right!important;float:left;margin-right:-4px!important;margin-top:-24px!important;height:24px;width:4px;background: url(images/mapMarker_l_right.gif) no-repeat}                                                                                                                                                   
.mapMarker .s4 {clear: both; font-size:1px; width:1px; height:0; visibility:hidden; line-height:0}                                                                                                                                                                                                                                                        
.mapMarker .s5 {position:absolute;left:14px;bottom:0px;width:11px;height:12px;background: url(images/mapMarker_l_jt.gif) no-repeat}
.mapMarkerHover{color:white;height:33px;overflow:Visible;width:auto!important;width:500px}                                                                                                                                                                                                                                                                      
.mapMarkerHover .s1 {height:24px;width:4px;background:url(images/mapMarker_h_left.gif) no-repeat}                                                                                                                                                                                                                                            
.mapMarkerHover .s2 {float:left;margin-left:4px!important;margin-left:2px;margin-top:-24px;white-space:nowrap;background:url(images/mapMarker_h_middle.gif) repeat-x;height:24px;padding:0 10px;line-height:24px;color:#fff;text-align:center;font-size:12px;font-family:Tahoma, Arial, Helvetica, sans-serif}
.mapMarkerHover .s3 {float:right!important;float:left;margin-right:-4px!important;margin-top:-24px!important;height:24px;width:4px;background: url(images/mapMarker_h_right.gif) no-repeat}                                                                                                                                                   
.mapMarkerHover .s4 {clear: both; font-size:1px; width:1px; height:0; visibility:hidden; line-height:0}                                                                                                                                                                                                                                                        
.mapMarkerHover .s5 {position:absolute;left:14px;bottom:0px;width:11px;height:12px;background: url(images/mapMarker_h_jt.gif) no-repeat}                                                                                                                                                                                                      

/*--- layout ---*/
#wrap_faceClass { width:980px; margin:0 auto; background:#fff}
#main { width:100%; padding-bottom:50px}
.area01 { float:left; width:714px; padding-left:10px}
.area02 { float:left; width:240px; padding:0 6px 0 10px}


/*--- parent ---*/
.parent01 { margin-bottom:8px}
.space01 { overflow:hidden; height:8px; line-height:0; font-size:0}


/*--- block ---*/
.blk01 { border:1px solid #dfdfdf}
.blk01 .ttl { height:20px; padding:2px 0 1px 20px; border-bottom:1px solid #dfdfdf; background:url(images/bg_faceClass.png) 0 -350px no-repeat}
.blk01 .ttl h2 { font-size:12px}
.blk01 .ttl span { float:right}
.blk01 .ttl span a { color:#666}
.blk01 .ttl span a:hover { color:#f13a09}

.blk02 .ttl { height:20px; padding:5px 0 0 12px; background:url(images/bg_faceClass.png) 0 -250px no-repeat}
.blk02 .ttl h2 { font-size:12px; color:#922003}

.blk03 .ttl { height:20px; padding:5px 0 0 12px; background:url(images/bg_faceClass.png) 0 -210px no-repeat}
.blk03 .ttl h2 { font-size:14px; color:#922003}

.blk04 .ttl { height:30px}
.blk04 .ttl img { display:block; width:100%; height:10px; background:url(images/bg_faceClass.png) 0 -290px no-repeat}
.blk04 .ttl h2 { padding:0 12px; font-size:12px; color:#922003}


/*--- special ---*/
	/* 广告 */
.ad01 { width:240px; height:200px}
.ad01 img { width:100%; height:100%; vertical-align:top}

	/* 面包屑 */
.breamcrumb { padding:5px 10px; background:#fff}
.breamcrumb p { color:#666}
.breamcrumb p a { color:#666}
.breamcrumb p a:hover { color:#f13a09}
.breamcrumb p em { color:#333}
.breamcrumb span { float:right}

	/* 课程分类 */
.classCatalog { width:100%}
.classCatalog h5 { cursor:pointer; height:20px; padding:1px 16px; font-size:12px; font-weight:normal; border-top:1px solid #dfdfdf; background:url(images/bg_faceClass.png) 0 -390px no-repeat}
.classCatalog ul li { padding:5px 16px}
.classCatalog h5.selected { cursor:default; font-weight:bold; border-top-color:#dfdfdf; background-position:0 -412px}

	/* 班级筛选 */
.classFilter .ttl { height:28px; padding-left:30px; background:url(images/bg_faceClass.png) 0 0 repeat-x}
.classFilter .ttl li { float:left; width:104px; padding:2px 4px 1px 0; text-align:center; font-weight:bold; color:#e62713; background:url(images/bg_faceClass.png) -120px -40px no-repeat}
.classFilter .ttl li a { display:block; width:100%; color:#e62713}
.classFilter .ttl li.this { position:relative; padding-bottom:3px; color:#fff; background:url(images/bg_faceClass.png) 0 -40px no-repeat}
.classFilter .ttl li.this small { display:block; position:absolute; left:50%; top:23px; z-index:2; overflow:hidden; width:7px; height:5px; margin-left:-3px; background:url(images/bg_faceClass.png) 0 -35px no-repeat}
.classFilter .filters li { float:left; width:694px; padding:5px 10px; line-height:18px; border-bottom:1px dashed #ccc}
.classFilter .filters li strong { float:left; width:68px; font-weight:normal; color:#666}
.classFilter .filters li strong a { color:#666}
.classFilter .filters li div { float:left; width:626px; line-height:18px}
.classFilter .filters li div span { padding-right:12px; white-space:nowrap}
.classFilter .filters li div span a { color:#e62713}
.classFilter .filters li div span small { padding-left:1px; font-size:11px; color:#555}
.classFilter .filters li div span em { font-weight:bold; color:#0177c9}
.classFilter .filters li div span.s1 em { color:#666}
.classFilter .filters li.b1 {background:#f3f3f3}
.classFilter .filters li.s1 strong { width:100%; padding-bottom:2px; font-weight:bold}
.classFilter .filters li.s1 div { width:100%}
.classFilter .classFilterToggle { padding:0 25px; border-bottom:1px solid #ccc; background:#eee}
.classFilter .classFilterToggle a { display:none; padding-left:14px; color:#555}
.classFilter .classFilterToggle a.list_Show { background:url(images/classFilterToggle.png) 0 4px no-repeat}
.classFilter .classFilterToggle a.list_hide { background:url(images/classFilterToggle.png) 0 -26px no-repeat}
.classFilter .classFilterToggle a:hover { color:#f13a09}

	/* 班级列表 */
.classList .list { padding:8px 10px; color:#666; background:url(images/GlobalLine_01.gif) left bottom repeat-x}
.classList .list .intro { float:left; overflow:hidden; width:460px; padding-right:4px; line-height:22px}
.classList .list .intro h3 { font-size:14px}
.classList .list .intro h3 a { color:#0177c9}
.classList .list .intro h3 a:hover { color:#f13a09}
.classList .list .intro p.s1 { overflow:hidden; white-space:nowrap}
.classList .list .intro p span { padding-right:40px}
.classList .list .intro p del { line-height:18px}
.classList .list .intro p a { color:#666}
.classList .list .intro p a:hover { color:#f13a09}
.classList .list .price { float:left; width:130px; padding:24px 15px 0 5px; text-align:center}
.classList .list .price a { display:block; width:100%; color:#666}
.classList .list .price a:hover { text-decoration:none}
.classList .list .price em { font-size:16px; font-family:Arial; font-weight:bold; color:#e62713}
.classList .list .price em dfn { font-size:14px}
.classList .list .func { float:right; width:80px; padding-top:30px; text-align:right}

	/* 本班级信息 */
.classmini .ttl { height:20px; padding:5px 0 0 11px; background:url(images/bg_faceClass.png) 0 -310px no-repeat}
.classmini .ttl h2 { font-size:12px; color:#922003}
.classmini .ctn { padding:5px 10px; border:1px solid #ffb19d; border-top:0}
.classmini .ctn p.name { padding-bottom:3px}
.classmini .ctn dl { padding:1px 0}
.classmini .ctn dt { float:left; width:60px; text-align:right; color:#666}
.classmini .ctn dd { float:left; width:158px}
.classmini .ctn dd em { font-size:14px; font-weight:bold; color:#e62713}
.classmini .ctn p.func { padding:5px 0 8px}
.classmini .ctn a { color:#0177c9}
.classmini .ctn a:hover { color:#f13a09}
.classmini .ctn a.btninput02 { color:#fff}
.classmini .ctn .more { padding:6px 0; background:url(images/GlobalLine_03.gif) left top repeat-x}

	/* 班级排序 */
.classSortby { overflow:hidden; width:692px; height:20px; padding:5px 10px; border:1px solid #ffbeae; background:url(images/bg_faceClass.png) 0 -80px no-repeat}
.classSortby .pagesize { float:left; width:280px}
.classSortby .pagesize a { margin-right:2px; padding:1px 2px; font-size:11px; border:1px solid #ccc; background:#ededed}
.classSortby .pagesize em {  margin-right:2px; padding:1px 2px; font-size:11px; color:#fff; border:1px solid #e63e14; background:#fe6d46}
.classSortby .sortby { float:left}
.classSortby .sortby span { float:left}
.classSortby .sortby a { float:left; height:16px; padding:3px 6px 1px 0}
.classSortby .sortby a img { width:16px; height:16px; vertical-align:middle; background:url(images/bg_faceClass.png) no-repeat}
.classSortby .sortby a.s1 img { background-position:-400px -470px}
.classSortby .sortby a.s1_1 img { background-position:-420px -470px}
.classSortby .sortby a.s1_2 img { background-position:-440px -470px}
.classSortby .sortby a.s2 img { background-position:-460px -470px}
.classSortby .sortby a.s2_1 img { background-position:-480px -470px}
.classSortby .sortby a.s2_2 img { background-position:-500px -470px}
.classSortby .sortby select { float:left; vertical-align:middle}
.classSortby .fltr { float:right; padding-bottom:0px}
.classSortby .fltr select { margin-left:4px; vertical-align:top}

	/* 班级搜索结果为空 */
.classSearchResultStatus { padding:20px}
.classSearchResultStatus h2 { padding:10px; font-size:14px; border-bottom:1px solid #ccc}
.classSearchResultStatus p { padding:10px}

	/* 班级搜索结果统计 */
.classSearchResultSum { padding:15px 10px 5px 10px}
.classSearchResultSum .sum h1 { display:inline; font:bold 12px/20px Tahoma,Simsun}
.classSearchResultSum .pagesmini { float:right; padding:1px 0 1px 20px; line-height:18px; text-align:right}
.classSearchResultSum .pagesmini a, .classSearchResultSum .pagesmini span { float:left}
.classSearchResultSum .pagesmini a { width:18px; height:15px; padding:2px 0 1px; margin-left:4px; line-height:15px; border:1px solid #ccc; background:url(images/bg_faceClass.png) -393px -505px no-repeat}
.classSearchResultSum .pagesmini a.s1 { background-position:-393px -505px}
.classSearchResultSum .pagesmini a.s1_1 { background-position:-453px -505px}
.classSearchResultSum .pagesmini a.s2 { width:40px; padding-right:16px; background-position:-475px -505px}
.classSearchResultSum .pagesmini a.s2_1 { width:40px; padding-right:16px; background-position:-535px -505px}
.classSearchResultSum .pagesmini a.s1_1, .classSearchResultSum .pagesmini a.s2_1 { cursor:default; color:#999}
.classSearchResultSum .pagesmini a:hover.s1, .classSearchResultSum .pagesmini a:hover.s2 { text-decoration:none; border-color:#fe6d46}
.classSearchResultSum .pagesmini a:hover.s1_1, .classSearchResultSum .pagesmini a:hover.s2_1 { text-decoration:none}
.classSearchResultSum .pagesmini span { height:17px; padding-top:1px}

	/* 班级对比结果 */
.compareResult { padding:10px}
.compareResult table { border:2px solid #ffe1cc; border-bottom-width:1px}
.compareResult th { width:77px; padding-left:5px; border-bottom:1px solid #ffe1cc; background:#fff9f0}
.compareResult td { width:164px; padding:5px; border-left:1px solid #ffe1cc;  border-bottom:1px solid #ffe1cc}
.compareResult table h5 { font-size:14px}
.compareResult table h5 a { color:#0177c9}
.compareResult table em { color:#f13a09}
.compareResult table em a { text-decoration:underline; color:#f13a09}
.compareResult table tr.hd td { color:#666; background:#fff9f0}
.compareResult table tr.hd a { color:#666}

	/* 班级购买 */
.productBuy { height:30px; padding:20px 10px 20px 60px; border-top:1px solid #ccc}
.productBuy a { float:left; margin-right:12px}
.productBuy a.btninput02 { margin-top:6px}
.productBuy img { width:129px; height:20px; margin:8px 0 0 8px; background:url(images/bg_faceClass.png) 0 -460px no-repeat}
.productBuy img.s1 { background-position:-130px -460px}

	/* 班级信息 */
.productDetailBox { padding:10px 0}
.productDetailBox .productDetail { float:left; width:500px}
.productDetailBox .productDetail dl { width:100%; padding:3px 0}
.productDetailBox .productDetail dt { float:left; width:96px; text-align:right; font-weight:bold; color:#4f4f4f}
.productDetailBox .productDetail dd { float:left; width:404px}
.productDetailBox .productDetail dd span { padding-left:8px}
.productDetailBox .productDetail dl.pr dd { overflow:hidden; white-space:nowrap; color:#e62713}
.productDetailBox .productDetail dl.pr dd a { margin-right:8px; color:#666}
.productDetailBox .productDetail dl.pr dd a:hover { color:#666}
.productDetailBox .productDetail dl.price { height:22px}
.productDetailBox .productDetail dl.price dt { padding-top:2px}
.productDetailBox .productDetail dl.price dd span { color:#666}
.productDetailBox .productDetail dl.price dd em { padding-right:8px; font:bold 20px/20px Arial; color:#e62713}
.productDetailBox .productDetail dl.price dd em dfn { font-size:14px}
.productDetailBox .productDetail dl.team { overflow:hidden; width:90%; height:20px}
.productDetailBox .productDetail dl.team dd { width:80px}
.productDetailBox .productDetail dl.team dd span { display:block; cursor:pointer; padding:0 16px 0 0; color:#0177c9; background:url(images/bg_faceClass.png) -538px -586px no-repeat}
.productDetailBox .productDetail dl.team dd span.hover { background-position:-641px -586px}
.productDetailBox .productDetail dl.team dd div { display:none; position:absolute; z-index:2; cursor:default; width:200px; height:80px; padding:8px; color:#333; border:1px solid; border-color:#ccc #666 #666 #ccc; background:#fff}
.productDetailBox .productDetail dl.team dd div big { float:left; width:94px; text-align:right}
.productDetailBox .productDetail dl.team dd div small { float:left; width:106px}
.productDetailBox .productDetail dl.team dd div em { clear:both; color:#e62713}
.productDetailBox .productDetail dl a { color:#0177c9}
.productDetailBox .productDetail dl a:hover { color:#f13a09}
.productDetailBox .productDetail .func { height:30px; padding:10px 10px 10px 60px}
.productDetailBox .productDetail .func a { float:left; margin-right:12px}
.productDetailBox .productDetail .func a.btninput02 { margin-top:6px}
.productDetailBox .productDetail .func img { width:129px; height:20px; margin:8px 0 0 8px; background:url(images/bg_faceClass.png) 0 -460px no-repeat}
.productDetailBox .productDetail .func img.s1 { background-position:-130px -460px}
.productDetailBox .productRate { float:right; width:200px; padding-left:14px}
.productDetailBox .productRate p { padding:4px 8px 4px 0; text-align:right}
.productDetailBox .productRate a { color:#0177c9}
.productDetailBox .productRate a:hover { color:#f13a09}
.productDetailBox .productRate .ratingLine01 li { padding:2px 0}
.productDetailBox .productRate p.num { margin-top:8px; color:#666; background:url(images/GlobalLine_02.gif) repeat-x}
.productDetailBox .productRate p.num em { padding-right:4px; color:#e62713}
.productDetailBox .productRate p.func { background:url(images/GlobalLine_02.gif) repeat-x}
.productDetailBox .productRate p.func a { margin-left:10px; padding-left:16px; color:#666; background:url(images/bg_faceClass.png) -600px -430px no-repeat}
.productDetailBox .productRate p.func a:hover { color:#f13a09}
.productDetailBox .productRate p.func a.s1 { background-position:-599px -468px}

	/* 班级详情-已开课 */
.productExpired { margin:0 12px 20px; padding:10px 50px; font-size:14px; font-weight:bold; color:#e62713; border:1px solid #ffd4a5; background:url(images/bg_faceClass.png) -580px -532px no-repeat #fff9e5}
.productExpired a { color:#0177c9}
.productExpired a:hover { color:#f13a09}

	/* 班级详情-课程信息 */
.productInfo { padding:0 12px}
.productInfo dl { padding:3px 0}
.productInfo dt { float:left; width:85px; text-align:right; color:#666}
.productInfo dd { float:left; width:605px}
.productInfo dd a { display:inline-block; margin-right:20px; color:#0177c9}
.productInfo dd a:hover { color:#f13a09}
	
	/* 班级名称 */
.productName { position:relative}
.productName h1 { padding:6px 20px 4px; font:20px/30px Microsoft YaHei, Simhei; color:#e62713; border-bottom:2px solid #999; background:url(images/bg_faceClass_02.png) 0 -50px repeat-x #dfdfdf}
.productName h1.s1 { color:#555}
.productName h1.s1 span { color:#e62713}
.productName div { position:absolute; z-index:1; left:335px; top:9px; width:212px; height:93px}
.productName div p { width:212px; height:93px; background:url(http://css.114study.com/images/bg_faceClass_expired.png) no-repeat}
.productName div p.s1 { background-image:url(http://css.114study.com/images/bg_faceClass_full.png)}
.productName div .close { position:absolute; left:186px; top:8px; width:14px; height:14px}
.productName div .more { position:absolute; left:25px; top:42px; width:180px; height:28px}
* html .productName div p { background-image:url(http://css.114study.com/images/k.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css.114study.com/images/bg_faceClass_expired.png", sizingMethod="scale")}
* html .productName div p.s1 { background-image:url(http://css.114study.com/images/k.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css.114study.com/images/bg_faceClass_full.png", sizingMethod="scale")}

/* 班级套餐 */
.productPackage { padding:8px 12px}
.productPackage div { padding-bottom:10px}
.productPackage div p { float:left}
.productPackage div p.facepro { overflow:hidden; width:96px; height:54px; padding:2px 4px; line-height:18px; border:1px dotted #bbb}
.productPackage div p.addpic { width:38px; padding-top:21px; text-align:center}
.productPackage div p.addpic img { width:17px; height:17px; background:url(images/bg_faceClass.png) -400px -550px no-repeat}
.productPackage div p.onlinepro { overflow:hidden; width:96px; height:54px; padding:2px 4px; line-height:18px; border:1px dotted #bbb}
.productPackage div p.onlinepro img { width:17px; height:13px; margin-right:3px; background:url(images/GlobalIcon_01.gif) 0 -400px no-repeat}
.productPackage div p.sum { width:420px; padding:4px 0 0 20px; line-height:26px}
.productPackage div p.sum strong { color:#4f4f4f}
.productPackage div p.sum em { font-size:14px; font-weight:bold; color:#e62713}
.productPackage div p.sum span { padding-left:8px; color:#666}
.productPackage ul li { cursor:pointer; padding-bottom:4px}
.productPackage ul li div { width:684px; padding:2px; border:1px dotted #bbb}
.productPackage ul li a { padding-left:20px; background:url(images/GlobalIcon_01.gif) 0 -400px no-repeat}
.productPackage ul li p { float:left}
.productPackage ul li p.ri { overflow:hidden; width:28px; height:20px; text-align:right}
.productPackage ul li p.ri input { cursor:pointer; vertical-align: text-bottom}
.productPackage ul li p.name { overflow:hidden; width:656px; white-space:nowrap}
.productPackage ul li p.info { width:656px; padding-left:28px; color:#666}
.productPackage ul li p.info span { padding-right:20px}
.productPackage ul li:hover div, .productPackage ul li.hover div { border:1px solid #8d89d9}
.productPackage ul li.this { cursor:default}
.productPackage ul li.this div { border:1px solid #ffa993}
.productPackage a { color:#0177c9}
.productPackage a:hover { color:#f13a09}

	/* 班级相关 */
.productRelation { margin:0 12px 12px; background:url(images/bg_faceClass_01.png) no-repeat}
.productRelation .ttl { height:28px}
.productRelation .ttl h2 { cursor:pointer; padding:8px 0 0 10px; font-size:12px; color:#922003}
.productRelation .ttl img { float:right; cursor:pointer; width:8px; height:8px; padding:3px 3px 0 0; background:url(images/bg_faceClass_01.png) -50px -427px no-repeat}
.productRelation .ttl img.s1 { background-position:0 -427px}
.productRelation .ctn { padding:0 10px}
.productRelation .ft { height:20px; font-size:0; background:url(images/bg_faceClass_01.png) 0 -390px no-repeat #fff}

	/* 班级切换 */
.productTab { height:27px; padding-left:30px; background:url(images/bg_faceClass.png) 0 -130px no-repeat}
.productTab ul { overflow:hidden;}
.productTab li { float:left; margin-left:-2px; font-size:14px; background:url(images/bg_faceClass.png) -320px -164px no-repeat}
.productTab li span { display:block; cursor:pointer; padding:4px 20px 3px; color:#0177c9}
.productTab li em { font-size:12px; color:#e62713}
.productTab li.this { position:relative; margin:0; background-position:0 -170px}
.productTab li.this span { cursor:default; font-weight:bold; color:#333; background:url(images/bg_faceClass.png) right -170px no-repeat}
.productTab li.this em { font-weight:bold}

	/* 班级详情-课程内容 */
.productText { overflow:hidden; width:690px; padding:4px 12px}
.productText p { padding:2px 0}
.productText a { color:#0177c9}
.productText a:hover { color:#f13a09}

	/* 发表课程咨询 */
.publishRefer { padding:10px 12px}
.publishRefer dl { padding:4px 0}
.publishRefer dt { float:left; width:100px; text-align:right}
.publishRefer dd { float:left; width:570px}
.publishRefer dd input.txtinput { width:100px}
.publishRefer dd input.s1 { background:#eee}
.publishRefer dd textarea { width:90%; height:80px}
.publishRefer dd small { padding-left:12px; color:#777}
.publishRefer dd small a { text-decoration:underline}
.publishRefer dd a.reg { text-decoration:underline}
.publishRefer dd em { color:#e62713}
.publishRefer .func { padding:5px 100px}
.publishRefer a { color:#0177c9}
.publishRefer a:hover { color:#f13a09}

	/* 发表课程评价 */
.publishReview { padding:10px 8px}
.publishReview h5 { font-size:12px}
.publishReview dl { padding:6px 0}
.publishReview dl.s1 { padding:10px 0 0 0}
.publishReview dt { float:left; width:100px; text-align:right}
.publishReview dd { float:left; width:569px}
.publishReview dd input.txtinput { width:300px}
.publishReview dd textarea { width:96%; height:260px}
.publishReview dd label { margin-right:10px; text-decoration:none}
.publishReview dd big.ratingStar_1 { padding-left:8px}
.publishReview dd big.ratingStar_2 { padding-left:20px}
.publishReview dd big.ratingStar_3 { padding-left:32px}
.publishReview dd big.ratingStar_4 { padding-left:44px}
.publishReview dd span { padding-left:5px; color:#999}
.publishReview dd.verifycode input.txtinput { width:90px}
.publishReview dd.verifycode p { padding-top:10px}
.publishReview dd.verifycode img { margin-right:8px; vertical-align:text-bottom; border:1px solid #eee}
.publishReview dd .pubstar { float:left; width:280px; padding-bottom:4px}
.publishReview dd .pubstar em { padding-right:6px}
.publishReview dd .pubstar a { padding-left:12px; text-decoration:none; background:url(images/GlobalRate_04.png) 0 -40px no-repeat}
.publishReview dd .pubstar a.selected { background-position:0 0}
.publishReview dd .pubstar a:hover, .publishReview dd .pubstar a.hover { background-position:0 -20px; text-decoration:none}
.publishReview dd .pubstar small { padding-left:4px; color:#999}
.publishReview .notice, .publishReview .alarm { margin:0 4px 10px}
.publishReview .func { padding:5px 100px}
.publishReview .func input { margin-right:10px}
.publishReview a { color:#0177c9}
.publishReview a:hover { color:#f13a09}

	/* 课程咨询 */
.referList .list { padding:8px 12px; border-bottom:1px solid #e7e7e7}
.referList .list.b1 { background-color:#f3f3f3}
.referList .list dl { float:left; width:100%; color:#e62713}
.referList .list dt { float:left; width:56px; text-align:right; background:url(images/bg_faceClass.png) -400px -387px no-repeat}
.referList .list dd { float:left; width:520px}
.referList .list dd.time { width:114px; text-align:right; font-size:11px; color:#999}
.referList .list dl span { padding-left:3px}
.referList .list dl span, .referList .list dl span a { color:#999}
.referList .list dl span a:hover { color:#f13a09}
.referList .list dl.s1 { padding-top:3px; color:#333}
.referList .list dl.s1 dt { background-position:-400px -427px}
.referList .referListSum { padding:10px 12px 6px; border-bottom:1px solid #e7e7e7}
.referList .referListSum a { font-weight:bold; color:#0177c9}
.referList .tips div.note { float:left; width:270px; padding:10px 12px}
.referList .tips div.more { float:right; padding:10px 12px}
.referList .tips .pages { float:right; padding:10px 12px}
.referList .status { padding:20px 0; border-bottom:1px solid #e7e7e7}
.referList a { color:#0177c9}
.referList a:hover { color:#f13a09}

	/* 课程评价 */
.reviewList h1 { padding:12px 12px 0; font-size:16px}
.reviewList .reviewSum { padding:10px 12px 6px; border-bottom:1px solid #ffc1b1}
.reviewList .reviewSum a { font-weight:bold}
.reviewList .reviewInfo { padding:8px 0 8px 12px; border-bottom:1px solid #ffc1b1}
.reviewList .reviewInfo .ratingLine01 { float:left; padding:0 0 0 8px}
.reviewList .reviewInfo .ratingLine01 li { padding:2px 0}
.reviewList .reviewInfo .rateTotal { float:left; width:200px; text-align:center; padding-top:15px}
.reviewList .reviewInfo .rateTotal em { padding-right:3px; font:bold 26px Arial; color:#f96808}
.reviewList .reviewInfo .func { float:right; width:270px; height:84px; padding:4px 0 0 16px; border-left:1px solid #ffc1b1}
.reviewList .reviewInfo .func .btninput02 { margin-bottom:6px; color:#fff}
.reviewList .reviewInfo .func .pnts { display:block; width:259px; height:20px; margin:0 0 2px 0}
.reviewList .reviewInfo .func .pnts img { width:259px; height:13px; background:url(images/bg_faceClass.png) -400px -320px no-repeat}
.reviewList .reviewInfo .func span { line-height:17px}
.reviewList .list { padding:8px 12px 4px; border-bottom:1px solid #e7e7e7}
.reviewList .list .pic { float:left; width:42px; padding-top:5px}
.reviewList .list .pic img { width:40px; height:40px}
.reviewList .list .txt { float:left; width:636px; padding-left:12px}
.reviewList .list .txt h4 { font-size:12px}
.reviewList .list .txt h4 a { color:#333}
.reviewList .list .txt h4 a:hover { color:#f13a09}
.reviewList .list .txt p { color:#666}
.reviewList .list .txt p span { display:inline-block}
.reviewList .list .txt p a.jqTips01 { display:inline-block; text-decoration:none}
.reviewList .list .txt p q { margin-left:3px; padding-left:8px; background:url(images/bg_faceClass.png) -520px -390px no-repeat}
.reviewList .list .txt div { padding-top:5px}
.reviewList .list-func { clear:both; overflow:hidden; height:20px; padding:10px 0 4px 56px}
.reviewList .list-func small { float:right; text-align:right}
.reviewList .list-func q { font-size:11px; color:#999}
.reviewList .list-func q img { width:42px; height:18px; margin:0 4px; vertical-align:top; background:url(images/bg_faceClass.png) no-repeat}
.reviewList .list-func q.s1_1 img { background-position:-220px -500px}
.reviewList .list-func q.s1_2 img { background-position:-320px -500px}
.reviewList .list-func q.s1_3 img, .reviewList .list-func q.s1_1 a:hover img { background-position:-270px -500px}
.reviewList .list-func q.s2_1 img { background-position:-220px -520px}
.reviewList .list-func q.s2_2 img { background-position:-320px -520px}
.reviewList .list-func q.s2_3 img, .reviewList .list-func q.s2_1 a:hover img { background-position:-270px -520px}
.reviewList .list-func em img { width:50px; height:18px; vertical-align:top; background:url(images/bg_faceClass.png) -220px -540px no-repeat}
.reviewList .list-func span { padding-left:12px}
.reviewList .list-func span a { color:#999}
.reviewList .list-sub { padding-left:56px}
.reviewList .list-sub li { padding:8px 0; background:url(images/GlobalLine_03.gif) left top repeat-x}
.reviewList .list-sub q { float:left; width:24px; height:40px; padding-top:2px; color:#ddd}
.reviewList .list-sub q img { width:24px; height:24px}
.reviewList .list-sub p, .reviewList .list-sub div { float:left; width:600px; padding-left:10px}
.reviewList .list-sub small { float:right; padding-right:8px; color:#999}
.reviewList .list-sub small sup { font-size:11px}
.reviewList .list-sub p { overflow:hidden; height:20px; color:#666}
.reviewList .list-sub p span { padding-right:4px}
.reviewList .list-sub-more { margin-left:56px; padding:8px 0; background:url(images/GlobalLine_03.gif) left top repeat-x}
.reviewList .tips div.note { float:left; padding:10px 5px}
.reviewList .tips div.pages { float:right}
.reviewList .tips div.more { float:right; padding:10px 5px}
.reviewList .status { padding:20px 0; border-bottom:1px solid #e7e7e7}
.reviewList a { color:#0177c9}
.reviewList a:hover { color:#f13a09}

	/* 课程地图 */
#productMapBox { display:none}
#productMapBox #productMapPreLoader { padding-top:12px; text-align:center}
#productMap { padding:12px}
#productMap .productMap { padding:8px; border:1px solid #dfdfdf}
#productMap .productMap p.s1 { padding-top:4px}
#productMap .productMap p.s1 span { padding-left:8px; white-space:nowrap; color:#ccc}
#productMap .productMap p.s1 a { color:#0177c9}
#productMap .productMap p.s1 a:hover { color:#f13a09}

#eMap { width:672px; height:378px }

	/* 预约课程 */
.productOppointmentMini .ttl { height:40px; background:url(images/bg_faceClass_02.png) 0 -50px repeat-x}
.productOppointmentMini .ttl h2 { overflow:hidden; width:140px; height:26px; padding:9px 0 0 16px; text-indent:-100em; background:url(images/bg_faceClass_02.png) 16px 9px no-repeat}
.productOppointmentMini .sheet { padding-top:8px; border:1px solid #dfdfdf}
.productOppointmentMini .sheet dl { padding:4px 0}
.productOppointmentMini .sheet dt { float:left; width:94px; text-align:right}
.productOppointmentMini .sheet dd { float:left; width:144px}
.productOppointmentMini .sheet dd input.txtinput { width:126px}
.productOppointmentMini .sheet dd textarea { width:129px; height:60px}
.productOppointmentMini .sheet .func { padding:4px 0 12px 94px; border-bottom:1px solid #dfdfdf}
.productOppointmentMini .sheet .func small { display:block; padding-top:8px}
.productOppointmentMini .sheet .func small a { text-decoration:underline; color:#999}
.productOppointmentMini .sheet .phone { padding:12px 0; text-align:center; border:1px solid #fff; background:#f1f1f1}
.productOppointmentMini .sheet .phone img { width:190px; height:16px; background:url(images/bg_faceClass_02.png) 0 -30px no-repeat}
.productOppointmentMini .sheet .alarm { margin:0 8px; padding:2px 8px}

	/* 留学服务推荐 */
.liuxueServiceMini { padding:0 8px 8px}
.liuxueServiceMini h3 { padding:10px 0}
.liuxueServiceMini h3 a { display:block; overflow:hidden; width:100%; height:15px; line-height:100px; background:url(images/bg_faceClass.png) -400px -340px no-repeat}
.liuxueServiceMini .country li { float:left; width:107px; padding:0 8px 8px 0}
.liuxueServiceMini .country li.s2, .liuxueServiceMini .country li.s4 { padding-right:0}
.liuxueServiceMini .country li a { display:block; cursor:pointer; width:98px; padding:9px 0 8px 9px; font:12px/15px Simsun; background:url(images/bg_faceClass.png) -100px -560px no-repeat}
.liuxueServiceMini .country li q { display:inline-block; overflow:hidden; cursor:pointer; width:20px; height:13px; vertical-align:middle; border:1px solid #dfdfdf; background:url(images/bg_faceClass.png) no-repeat}
.liuxueServiceMini .country li.s1 q { background-position:-400px -360px}
.liuxueServiceMini .country li.s2 q { background-position:-420px -360px}
.liuxueServiceMini .country li.s3 q { background-position:-440px -360px}
.liuxueServiceMini .country li.s4 q { background-position:-460px -360px}
.liuxueServiceMini .country li.s5 q { background-position:-480px -360px}
.liuxueServiceMini .country li em { display:inline-block; cursor:pointer; padding-left:8px; vertical-align:middle}
.liuxueServiceMini .country li a:hover { text-decoration:none}
.liuxueServiceMini .country li a:hover em { text-decoration:underline}
.liuxueServiceMini .hd { overflow:hidden; height:22px; padding:8px 0 4px; background:url(images/GlobalLine_02.gif) repeat-x}
.liuxueServiceMini .hd span { float:right; margin-left:-1px; padding-top:2px}
.liuxueServiceMini .hd span a { display:block; width:21px; height:16px; background:url(images/bg_faceClass.png) no-repeat}
.liuxueServiceMini .hd span.prev a { background-position:-280px -540px}
.liuxueServiceMini .hd span.next a { background-position:-301px -540px}
.liuxueServiceMini .hd h4 { float:left; font-size:12px; font-weight:normal}
.liuxueServiceMini .ctn { position:relative; overflow:hidden; width:222px}
.liuxueServiceMini .ctn li { float:left; width:222px}
.liuxueServiceMini .ctn .pic { float:left; width:64px; height:84px}
.liuxueServiceMini .ctn .pic a { display:block; width:60px; height:80px; border:2px solid #dfdfdf}
.liuxueServiceMini .ctn .pic img { display:block; width:100%; height:100%}
.liuxueServiceMini .ctn .name, .liuxueServiceMini .ctn .quote { float:left; width:148px; padding-left:8px}
.liuxueServiceMini .ctn .name { overflow:hidden; height:20px; padding-bottom:2px}
.liuxueServiceMini .ctn .name a { font-weight:bold; color:#cc1414}
.liuxueServiceMini .ctn .name a small { padding-left:12px; font-weight:normal}
.liuxueServiceMini .ctn .quote { overflow:hidden; height:60px; color:#777}

/*--- mod ---*/
.mod01 { width:100%}
.mod01 ul { padding:5px 8px}
.mod01 li { float:left; overflow:hidden; width:100%; height:20px; padding:1px 0}
.mod01 li span { float:left; padding-left:10px; background:url(images/GlobalIcon_01.gif) 0 9px no-repeat}

.mod02 { width:100%}
.mod02 ul { overflow:hidden; padding:0 5px}
.mod02 li { margin-top:-1px; padding:5px 3px 4px; background:url(images/GlobalLine_02.gif) repeat-x}
.mod02 li h3 { font-size:12px; font-weight:normal}
.mod02 li h5 { font-size:12px; font-weight:normal}
.mod02 li h3 a.s1 { padding-right:4px}
.mod02 li p { overflow:hidden; height:20px}
.mod02 li p, .mod02 li p a { color:#666}
.mod02 li p a:hover { color:#f13a09}
.mod02 li p em { padding-right:8px; font:bold 14px/20px Arial; color:#e62713}
.mod02 li p em dfn { font-size:12px}
.mod02 li p small { float:right; color:#418b2d}

.mod03 { position:relative; overflow:hidden; width:238px; height:186px}
.mod03 div { position:absolute; left:19px; top:15px; width:200px; height:156px}
.mod03 img { width:200px; height:130px; margin-bottom:2px}
.mod03 span { display:block; width:100%; padding:2px 0; text-align:center; background:#f2f2f2}

.mod04 { width:100%}
.mod04 ul { overflow:hidden; padding:0 5px}
.mod04 li { margin-top:-1px; padding:7px 3px 6px; background:url(images/GlobalLine_02.gif) repeat-x}
.mod04 li h3 { padding-bottom:2px; font-size:12px; font-weight:normal}
.mod04 li h3 a.s1 { padding-right:4px}
.mod04 li p { line-height:23px; color:#666}
.mod04 li p em { padding-right:8px; font:bold 14px/20px Arial; color:#e62713}
.mod04 li p em dfn { font-size:12px}
.mod04 li p small { float:right; width:55px; height:23px; padding-left:12px; color:#fff; background:url(images/bg_faceClass.png) -400px -590px no-repeat}

.mod05 { padding:6px 5px}
.mod05 ul li { float:left; width:64px; padding:6px; text-align:center}
.mod05 ul li .pic { overflow:hidden; width:60px; height:60px; padding:1px; border:1px solid #dfdfdf}
.mod05 ul li .pic img { display:block; width:100%; height:100%}
.mod05 ul li p { padding-top:4px; line-height:18px}
.mod05 ul li p.name { overflow:hidden; height:36px}
.mod05 ul li p.point { color:#e62713}
.mod05 .exchange { padding:8px 4px 4px; background:url(images/GlobalLine_02.gif) repeat-x}
.mod05 .exchange a { color:#0177C9}
.mod05 .exchange a:hover { color:#f13a09}

.mod06 { width:100%; padding:8px 0}
.mod06 ul.s1 { overflow:hidden; padding:6px 10px 2px}
.mod06 ul.s1 a.pic { display:block; width:72px; height:48px; margin:0 auto; padding:1px; border:1px solid #ccc; background:#fff}
.mod06 ul.s1 a.pic img { width:100%; height:100%; vertical-align:top}
.mod06 ul.s1 a.pic:hover { border-color:#999}
.mod06 ul.s1 li { float:left; width:96px; padding:0 4px; text-align:center}
.mod06 ul.s1 li span { display:block; overflow:hidden; height:20px; padding-top:4px}
.mod06 ul.s2 { padding:5px 10px}
.mod06 ul.s2 li { overflow:hidden; height:20px; padding:1px 0 1px 10px; background:url(images/GlobalIcon_02.gif) 0 9px no-repeat}
.mod06 ul.s2 li span { float:right; padding-left:16px; color:#999}