/*--- general ---*/
.loading { background:url(images/GlobalLoading_01.gif) center 20px no-repeat #fff;}
.loading div { visibility:hidden}

#alertContinuePayBox { display:none}	
.alertContinuePayBox { padding-top:4px; font-size:14px; line-height:21px; color:#418b2d}

/* 班级促销Icon */
.classPrIcon_01 { width:16px; height:16px; margin-left:3px; vertical-align:text-bottom; background:url(images/GlobalIcon_classPR.png) no-repeat}
a.classPRIcon { display:inline-block; padding-left:12px; margin-left: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_suggest { cursor:default; background-position:0 2px}
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_distanceEduClass_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:1em}
.CPICtn_02 a { color:#0177c9}
.CPICtn_02 a:hover { color:#f13a09}

/*--- layout ---*/
#wrap_distanceEduClass { width:980px; margin:10px 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_distanceEduClass.png) 0 -310px no-repeat}
.blk01 .ttl h3 { font-size:12px}

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

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

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

.allCatalog h1 { border:1px solid #fff; padding:5px 20px; font-size:14px; color:#922003; background:url(images/bg_distanceEduClass_01.png) 0 -40px no-repeat}
.allCatalog .filter { margin:12px 20px 8px}
.allCatalog .filter ul { float:left; border:1px solid #dcdcdc; background:url(images/bg_distanceEduClass_01.png) 0 -80px no-repeat}
.allCatalog .filter ul li { float:left; margin-right:1px; padding:4px 20px; font-size:14px; background:url(images/bg_distanceEduClass_01.png) -300px -130px no-repeat}
.allCatalog .filter ul li.this { position:relative; padding-bottom:4px; color:#fff; background-position:0 -130px}
.allCatalog .filter ul li.this small { display:block; position:absolute; left:50%; top:28px; z-index:2; overflow:hidden; width:8px; height:4px; margin-left:-4px; background:url(images/bg_distanceEduClass_01.png) 0 -126px no-repeat}
.allCatalog .list { padding:0 20px}
.allCatalog .list dl { padding:8px 0}
.allCatalog .list dl.b1 { background:#f1f1f1}
.allCatalog .list dt { float:left; width:80px; padding:0 10px; font-weight:bold}
.allCatalog .list dd { float:left; width:840px}
.allCatalog .list dd li { float:left; overflow:hidden; width:120px; height:20px; padding:0 10px 0 10px; background:url(images/GlobalIcon_01.gif) 0 8px no-repeat}
.allCatalog a { color:#0177c9}
.allCatalog a:hover { color:#f13a09}

.breamcrumb { overflow:hidden; height:20px; 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_distanceEduClass.png) 0 -350px no-repeat}
.classCatalog ul li { float:left; width:98px; padding-left:21px}
.classCatalog h5.selected { cursor:default; font-weight:bold; border-top-color:#dfdfdf; background-position:0 -372px}

.classFilter .ttl { height:28px; padding-left:30px; background:url(images/bg_distanceEduClass.png) 0 0 no-repeat}
.classFilter .ttl li { float:left; width:104px; padding:2px 4px 1px 0; text-align:center; font-weight:bold; color:#e62713; background:url(images/bg_distanceEduClass.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_distanceEduClass.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_distanceEduClass.png) 0 -35px no-repeat}
.classFilter h1 { padding:0 5px 5px 5px; font:bold 14px/20px Microsoft YaHei, Simsun; color:#e62713}
.classFilter h1.s1 { font:bold 14px/20px Microsoft YaHei, Simsun; color:#e62713; border-bottom:1px dashed #ccc}
.classFilter .filters { padding-bottom:5px}
.classFilter .filters li { float:left; width:699px; padding:5px 15px 5px 0; line-height:18px; border-bottom:1px dashed #ccc}
.classFilter .filters li strong { float:left; width:77px; text-align:right; font-weight:normal; color:#666}
.classFilter .filters li strong a { color:#666}
.classFilter .filters li div { float:left; width:622px; line-height:18px}
.classFilter .filters li div span { padding:0 6px; 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:#f5f5f5}
.classFilter .filters li.b2 { background:#fff}

.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 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 a:hover { color:#f13a09}
.classList .list .price { float:left; width:130px; padding:12px 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:left; width:80px; padding-top:20px; text-align:right}

.classmini .ttl { height:20px; padding:5px 0 0 11px; background:url(images/bg_distanceEduClass.png) 0 -270px no-repeat}
.classmini .ttl h3 { 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}
.classmini .ctn a { color:#0177c9}
.classmini .ctn a:hover { color:#f13a09}

.classSortby { overflow:hidden; width:692px; height:20px; padding:5px 10px; border:1px solid #ffbeae; background:url(images/bg_distanceEduClass.png) 0 -80px no-repeat}
.classSortby .pagesize { float:left; width:300px}
.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; width:220px}
.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_distanceEduClass.png) 0 -420px no-repeat}
.classSortby .sortby a.s1 img { background-position:0 -420px}
.classSortby .sortby a.s1_1 img { background-position:-20px -420px}
.classSortby .sortby a.s1_2 img { background-position:-40px -420px}
.classSortby .sortby a.s2 img { background-position:-60px -420px}
.classSortby .sortby a.s2_1 img { background-position:-80px -420px}
.classSortby .sortby a.s2_2 img { background-position:-100px -420px}
.classSortby .sortby select { float:left; vertical-align:middle}
.classSortby .pagesmini { float:right; overflow:hidden; height:20px; padding:0; line-height:18px; text-align:right}
.classSortby .pagesmini a, .classSortby .pagesmini span { float:left}
.classSortby .pagesmini a { width:18px; height:15px; padding:2px 0 1px; margin-left:4px; line-height:15px; border:1px solid #ccc; background:url(images/bg_distanceEduClass.png) -150px -420px no-repeat #fff}
.classSortby .pagesmini a.s1 { background-position:-144px -418px}
.classSortby .pagesmini a.s1_1 { background-position:-204px -418px}
.classSortby .pagesmini a.s2 { width:40px; padding-right:16px; background-position:-225px -418px}
.classSortby .pagesmini a.s2_1 { width:40px; padding-right:16px; background-position:-285px -418px}
.classSortby .pagesmini a.s1_1, .classSortby .pagesmini a.s2_1 { cursor:default; color:#999}
.classSortby .pagesmini a:hover.s1, .classSortby .pagesmini a:hover.s2 { text-decoration:none; border-color:#fe6d46}
.classSortby .pagesmini a:hover.s1_1, .classSortby .pagesmini a:hover.s2_1 { text-decoration:none}
.classSortby .pagesmini span { height:17px; padding-top:1px}

.classSearchResultStatus { padding:20px}
.classSearchResultStatus h2 { padding:10px; font-size:14px; border-bottom:1px solid #ccc}
.classSearchResultStatus p { padding:10px}

.classSearchResultSum { padding:10px 10px 5px 10px}
.classSearchResultSum .sum h1 { display:inline; font:bold 12px/20px Tahoma,Simsun}

.productAudition { padding:8px 12px}
.productAudition dl { width:690px}
.productAudition dl dt, .productAudition dl dd { float:left; width:100%}
.productAudition dl dt { color:#666; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f3f3f3}
.productAudition dl dd { padding:2px 0; background:url(images/GlobalLine_02.gif) left bottom repeat-x}
.productAudition dl q, .productAudition dl strong, .productAudition dl em, .productAudition dl big, .productAudition dl small, .productAudition dl span { float:left; text-align:center}
.productAudition dl q { width:120px; padding-left:20px; text-align:left}
.productAudition dl strong { width:190px; text-align:left; font-weight:normal}
.productAudition dl em { width:100px}
.productAudition dl big { width:80px}
.productAudition dl small { width:80px}
.productAudition dl span { width:100px}
.productAudition dl span a { padding-left:20px; background:url(images/bg_distanceEduClass.png) -600px -350px no-repeat}

.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 a.help { margin-top:10px; padding-left:16px; color:#666; background:url(images/GlobalIcon_01.gif) 0 -317px no-repeat}
.productBuy a.help:hover { color:#f13a09}

.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; color:#666}
.productDetailBox .productDetail dd { float:left; width:404px}
.productDetailBox .productDetail dd em { padding-right:8px; font:bold 20px/20px Arial; color:#e62713}
.productDetailBox .productDetail dd span { color:#666}
.productDetailBox .productDetail dl.price dd em dfn { font-size:14px}
.productDetailBox .productDetail dl.price { height:20px}
.productDetailBox .productDetail dl.school a { color:#0177c9}
.productDetailBox .productDetail dl.school a.s1 { color:#999}
.productDetailBox .productDetail dl.school a:hover { color:#f13a09}
.productDetailBox .productDetail dl.school span { padding-left:12px}
.productDetailBox .productDetail dl.pr, .productDetailBox .productDetail dl.pr dt { color:#e62713}
.productDetailBox .productDetail dl.pr dd a { margin-right:8px}
.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 a.help { margin-top:10px; padding-left:16px; color:#666; background:url(images/GlobalIcon_01.gif) 0 -317px no-repeat}
.productDetailBox .productDetail .func a.help:hover { color:#f13a09}
.productDetailBox .productRate { float:right; width:190px; padding-right:4px; padding-left:20px}
.productDetailBox .productRate p { padding:0px 5px 2px 0; text-align:right}
.productDetailBox .productRate p.rate a { color:#0177c9}
.productDetailBox .productRate p.rate a:hover { color:#f13a09}
.productDetailBox .productRate p.num { margin-top:4px; padding:3px 5px 3px 0; color:#666; background:url(images/GlobalLine_02.gif) repeat-x}
.productDetailBox .productRate p.num em { padding-right:4px; color:#e62713}
.productDetailBox .productRate p.func { padding-top:4px; 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_distanceEduClass.png) -600px -390px no-repeat}
.productDetailBox .productRate p.func a:hover { color:#f13a09}
.productDetailBox .productRate p.func a.s1 { background-position:-599px -428px}

.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 { color:#0177c9}
.productInfo dd a:hover { color:#f13a09}

.productName { padding:6px 10px 4px 20px; line-height:30px; border-bottom:2px solid #888; background:#ebebeb}
.productName h1 { font:20px/30px Microsoft YaHei, Simhei; color:#e62713}
.productName span { float:right; padding-top:10px; color:#666}

.productTab { height:27px; padding-left:30px; background:url(images/bg_distanceEduClass.png) 0 -130px no-repeat}
.productTab ul { overflow:hidden;}
.productTab li { float:left; margin-left:-2px; font-size:14px; background:url(images/bg_distanceEduClass.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_distanceEduClass.png) right -170px no-repeat}
.productTab li.this  em { font-weight:bold}

.productText { padding:4px 12px}
.productText p { padding:2px 0}

.productUplevel { padding:0 12px}
.productUplevel h2 { height:20px; padding:5px 0 0 12px; font-size:12px; color:#922003; background:url(images/bg_distanceEduClass_01.png) 0 0 no-repeat}
.productUplevel ul { padding:8px 12px}
.productUplevel ul li { padding:0 0 4px 10px; background:url(images/GlobalIcon_01.gif) 0 9px no-repeat}
.productUplevel ul li span { display:inline-block; padding-right:12px}
.productUplevel ul li span em { padding:0 4px; font-weight:bold; color:#e62713}
.productUplevel a { color:#0177c9}
.productUplevel a:hover { color:#f13a09}

.publishRefer { padding:10px 12px}
.publishRefer dl { padding:4px 0}
.publishRefer dt { float:left; width:120px; text-align:right}
.publishRefer dd { float:left; width:570px}
.publishRefer dd input.txtinput { width:90px}
.publishRefer dd textarea { width:90%; height:80px}
.publishRefer dd a.reg { text-decoration:underline}
.publishRefer .func { padding:5px 120px}
.publishRefer a { color:#0177c9}
.publishRefer a:hover { color:#f13a09}

.referList .list { padding:8px 12px; background:url(images/GlobalLine_01.gif) left bottom repeat-x}
.referList .list dl { float:left; width:100%; color:#e62713}
.referList .list dt { float:left; width:56px; text-align:right; background:url(images/bg_distanceEduClass.png) -400px -347px no-repeat}
.referList .list dd { float:left; width:634px}
.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 -387px}
.referList .info { padding:10px 12px 6px; background:url(images/GlobalLine_01.gif) left bottom repeat-x}
.referList .info 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 a { color:#0177c9}
.referList a:hover { color:#f13a09}
.referList.referList01 { padding-bottom:0}
.referList .status { padding:20px 0; background:url(images/GlobalLine_01.gif) left bottom repeat-x}

.reviewList .info { padding:8px 0 8px 12px; border-bottom:1px solid #ffc1b1}
.reviewList .info .ratingLine { float:left; padding-left:10px}
.reviewList .info .rate { float:left; width:260px; text-align:center; padding-top:16px}
.reviewList .info .rate em { padding-right:3px; font:bold 26px Arial; color:#f96808}
.reviewList .info .func { float:right; width:30%; padding:33px 0; text-align:center; border-left:1px solid #ffc1b1}
.reviewList .info .func .btninput02 { margin:0 auto; color:#fff}
.reviewList .list { padding:8px 12px; background:url(images/GlobalLine_01.gif) left bottom repeat-x}
.reviewList .list .pic { float:left; width:42px; padding-top:5px}
.reviewList .list .pic img { width:40px; height:40px; border:1px solid #ccc}
.reviewList .list .txt { float:left; width:634px; padding-left:14px}
.reviewList .list .txt p { color:#666}
.reviewList .list .txt p strong { color:#333}
.reviewList .list .txt p span { padding-right:4px}
.reviewList .list .txt div { padding-top:5px}
.reviewList .tips div.note { float:left; padding:10px 12px}
.reviewList .tips div.more { float:right; padding:10px 12px}
.reviewList a { color:#0177c9}
.reviewList a:hover { color:#f13a09}
.reviewList .status { padding:20px 0; background:url(images/GlobalLine_01.gif) left bottom repeat-x}



/*--- 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}
.mod01 ul.s1 li { height:auto}
.mod01 ul.s1 li em { color:#e62713}

.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 h5 { font-size:12px; font-weight:normal}
.mod02 li p, .mod02 li p a { color:#666}
.mod02 li p a:hover { color:#f13a09}
.mod02 li p em { color:#e62713}
.mod02 li p small { color:#418b2d}

.mod03 { width:100%}
.mod03 ul { overflow:hidden; padding:0 5px}
.mod03 li { float:left; width:222px; margin-top:-1px; padding:7px 3px 6px; background:url(images/GlobalLine_02.gif) repeat-x}
.mod03 em { float:left; width:48px; padding:8px 12px 0 0; text-align:right; font:bold 16px Arial; font-style:italic; color:#e62713}
.mod03 em small { font-size:12px; font-weight:normal; font-style:normal}
.mod03 span { float:left; width:162px; line-height:18px}