/*--- general ---*/
a { color:#0177c9}
a:hover { color:#f13a09}

span.groupIcon { padding-right:10px; margin-right:3px; font:normal 12px Tahoma; background:url(images/bg_group.png) no-repeat}
span.groupIcon01 { background-position:0 -240px}
span.groupIcon02 { background-position:-20px -240px}
span.groupIcon03 { background-position:-40px -240px}
span.groupIcon04 { background-position:-60px -240px}
span.groupIcon05 { background-position:-80px -240px}
span.groupIcon06 { background-position:-100px -240px}
span.groupIcon07 { background-position:-120px -240px}
span.groupIcon08 { background-position:-140px -240px}
span.groupIcon09 { padding-right:12px; background-position:-160px -240px}
span.groupIcon10 { padding-right:12px; background-position:-180px -240px}
span.groupIcon11 { padding-right:12px; background-position:-200px -240px}
span.groupIcon12 { padding-right:12px; background-position:-220px -240px}

.bubble01 { position:absolute; z-index:10; width:auto}
.bubble01 table { border-collapse:collapse}
.bubble01 td.bubble01_tl { width:14px; height:14px; background:url(http://css.114study.com/images/bubble01_tl.png) no-repeat}
.bubble01 td.bubble01_tc { height:14px; background:url(http://css.114study.com/images/bubble01_tc.png) repeat-x}
.bubble01 td.bubble01_tr { width:14px; height:14px; background:url(http://css.114study.com/images/bubble01_tr.png) no-repeat}
.bubble01 td.bubble01_ml { width:14px; background:url(http://css.114study.com/images/bubble01_ml.png) repeat-y}
.bubble01 td.bubble01_mc { background:url(http://css.114study.com/images/bubble01_mc.png) repeat}
.bubble01 td.bubble01_mr { width:14px; background:url(http://css.114study.com/images/bubble01_mr.png) repeat-y}
.bubble01 td.bubble01_bl { width:14px; height:14px; background:url(http://css.114study.com/images/bubble01_bl.png) no-repeat}
.bubble01 td.bubble01_bc { height:14px; background:url(http://css.114study.com/images/bubble01_bc.png) repeat-x}
.bubble01 td.bubble01_br { width:14px; height:14px; background:url(http://css.114study.com/images/bubble01_br.png) no-repeat}
* html .bubble01 td.bubble01_tl { background-image:url(http://css.114study.com/images/k.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css.114study.com/images/bubble01_tl.png", sizingMethod="scale")}
* html .bubble01 td.bubble01_tc { background-image:url(http://css.114study.com/images/k.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css.114study.com/images/bubble01_tc.png", sizingMethod="scale")}
* html .bubble01 td.bubble01_tr { background-image:url(http://css.114study.com/images/k.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css.114study.com/images/bubble01_tr.png", sizingMethod="scale")}
* html .bubble01 td.bubble01_ml { background-image:url(http://css.114study.com/images/k.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css.114study.com/images/bubble01_ml.png", sizingMethod="scale")}
* html .bubble01 td.bubble01_mc { background-image:url(http://css.114study.com/images/k.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css.114study.com/images/bubble01_mc.png", sizingMethod="scale")}
* html .bubble01 td.bubble01_mr { background-image:url(http://css.114study.com/images/k.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css.114study.com/images/bubble01_mr.png", sizingMethod="scale")}
* html .bubble01 td.bubble01_bl { background-image:url(http://css.114study.com/images/k.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css.114study.com/images/bubble01_bl.png", sizingMethod="scale")}
* html .bubble01 td.bubble01_bc { background-image:url(http://css.114study.com/images/k.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css.114study.com/images/bubble01_bc.png", sizingMethod="scale")}
* html .bubble01 td.bubble01_br { background-image:url(http://css.114study.com/images/k.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css.114study.com/images/bubble01_br.png", sizingMethod="scale")}

.nBtn { display:inline-block; vertical-align:middle; text-align:center; background:url(images/GlobalButton_02.png) 0 0 no-repeat}
.nBtn a, .nBtn input { padding:0 12px; text-decoration:none; color:#fff; border:0; background:url(images/GlobalButton_02.png) right -80px no-repeat}
.nBtn a { display:block}
.nBtn a:hover { text-decoration:none; color:#fff}
.nBtn input { cursor:pointer; height:20px; padding-top:2px}
.nBtn02 a, .nBtn03 a, .nBtn04 a { padding-left:24px}
.nBtn01 { background-position:0 0}
.nBtn02 { background-position:0 -20px}
.nBtn03 { background-position:0 -40px}
.nBtn04 { background-position:0 -20px}
.nBtn04 a { padding-right:20px; background-position:right -100px}
.nBtn05 { background-position:0 -60px}
.nBtn05 a, .nBtn05 input { background-position:right -120px}
.nBtn06 { background:none}
.nBtn06 input { width:60px; height:22px; padding:2px 0 0; color:#333; background-position:0 -140px}
.nBtn07 { background-position:0 -170px}
.nBtn07 a, .nBtn07 input { color:#333; background-position:right -190px}

#alertBox, #alertBox02 { display:none}
.alertBox { font-size:14px}
.alertBox dl { padding:20px 25px 0}
.alertBox dt { float:left; width:30px; height:30px; background:url(images/GlobalIcon_alert.png) no-repeat}
.alertBox dt.s1 { background-position:0 0}
.alertBox dt.s2 { background-position:0 -40px}
.alertBox dt.s3 { background-position:0 -80px}
.alertBox dd { float:left; width:230px; padding-left:10px}
.alertBox dd p.s1 { font-size:12px}
.alertBox dd .func { padding-top:12px; font-size:12px}
.alertBox dd .func span.nBtn { margin-right:8px}

#TBB_groupAdminPower { display:none}
.TBB_groupAdminPower { padding:12px 24px}
.TBB_groupAdminPower p label { margin-right:12px}
.TBB_groupAdminPower .func { padding-top:12px; font-size:12px}
.TBB_groupAdminPower .func span.nBtn { margin-right:8px}

#TBB_pubTopic_insertPic, #TBB_pubTopic_insertVideo, #TBB_pubTopic_insertLink, #TBB_pubTopic_insertEmotion { display:none}
.TBB_pubTopic_insert { padding-top:12px}
.TBB_pubTopic_insert p input.txtinput { width:300px; margin-right:8px}
.TBB_pubTopic_insert .func { padding:12px 0 4px 60px; font-size:12px}
.TBB_pubTopic_insert .func span.nBtn { margin-right:8px}
.TBB_pubTopic_insertPic { padding-top:4px}
.TBB_pubTopic_insertPic ul { padding-left:10px; border-bottom:1px solid #ccc}
.TBB_pubTopic_insertPic li { float:left; cursor:pointer; margin-right:4px; padding:2px 8px 0; border:1px solid #ccc; border-bottom:0; background:#fff}
.TBB_pubTopic_insertPic li.this { position:relative; cursor:default; margin-bottom:-1px; padding-bottom:1px}
.TBB_pubTopic_insertPic div p { padding:8px 0 0 20px}
.TBB_pubTopic_insertPic div p small { padding-left:12px}
.TBB_pubTopic_insertPic div p.s1 { color:#777}
.TBB_pubTopic_insertPic p input.txtinput { width:300px; margin-right:8px}
.TBB_pubTopic_insertPic .func { padding:12px 0 4px 20px; font-size:12px}
.TBB_pubTopic_insertPic .func span.nBtn { margin-right:8px}
.TBB_pubTopic_insert div.s1 { padding-top:10px}
.TBB_pubTopic_insertEmotion { padding-top:8px; background:url(images/emotion_QQ.png) 2px 10px no-repeat}
.TBB_pubTopic_insertEmotion a { float:left; width:26px; height:26px; border:1px solid #fff}
.TBB_pubTopic_insertEmotion a:hover { border-color:#999}

#groupHeader { width:100%; height:60px; padding:8px 0; background:#fff}
#groupHeader h2#logo { float:left; width:390px; height:54px; padding:4px 46px 0 20px}
#groupHeader h2#logo a { display:block; width:100%}
#groupHeader h2#logo img { vertical-align:top}
#groupHeader h2#logo img.s1 { width:60px; height:20px; margin:20px 0 0 10px; background:url(images/bg_group.png) -20px -140px no-repeat}
#groupHeader .topbanner { float:left; overflow:hidden; width:492px; height:24px; margin-top:14px; padding:6px 26px 6px 6px; background:url(images/bg_group.png) -150px -140px no-repeat}
#groupHeader .topbanner .pic { float:left; width:32px}
#groupHeader .topbanner .pic img { width:24px; height:24px}
#groupHeader .topbanner .mine { float:left; width:70px; padding-top:2px}
#groupHeader .topbanner .mine a { display:block; width:48px; padding-right:8px; font-family:Simsun; background:url(images/bg_group.png) right -132px no-repeat}
#groupHeader .topbanner .login { float:left; width:70px; padding-top:2px}
#groupHeader .topbanner .search { float:right; text-align:right}
#groupHeader .topbanner .search input.txtinput { width:240px; padding:3px 3px 2px}
#groupHeader .topbanner .search .nBtn { margin-left:4px}

#groupHeaderNav { height:35px; padding:2px 20px 3px; background:url(images/bg_group.png) 0 0 no-repeat #eee}
#groupHeaderNav ul { overflow:hidden; width:100%}
#groupHeaderNav li { float:left; margin-left:-2px; padding:5px 10px; line-height:25px; font-family:Simsun; background:url(images/bg_group.png) 0 -50px no-repeat}
#groupHeaderNav li span { display:block}
#groupHeaderNav li a { display:block; padding:0 16px; color:#333}
#groupHeaderNav li.selected span { background:url(images/bg_group.png) -500px -50px no-repeat}
#groupHeaderNav li.selected a { font-weight:bold; color:#fff; background:url(images/bg_group.png) right -50px no-repeat}

.groupMast { overflow:hidden; width:100%; height:90px; border-bottom:2px solid #aaa; background:#ddd}
.groupMast h2 { height:22px; padding:24px 30px 20px; font:20px simhei}
.groupMast .nav { height:24px; padding:0 8px 0 20px}
.groupMast .nav p { float:right; padding-top:2px}
.groupMast .nav div { float:left; padding:0 5px; border-left:1px solid #bbb; border-right:1px solid #bbb; background-color:#ccc}
.groupMast .nav ul { float:left; overflow:hidden}
.groupMast .nav li { float:left; height:20px; margin-left:-2px; padding:3px 16px 1px 18px}
.groupMast .nav li.this { position:relative; background:#aaa}
.groupMast .nav li.this a { color:#fff}

.previewPublishResult { position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; opacity:0.1; filter:alpha(opacity=10); background:url(images/previewPublishResult.gif) repeat}


/*--- layout ---*/
#wrap_group { width:980px; margin:0 auto; background:#fff}
#main { width:100%; padding:16px 0 20px; background:url(images/bg_group.png) 0 -280px repeat-x}
#main01 { width:100%; padding:16px 0 20px; background:#fff}

/*--- parent ---*/
.parent01 { margin-bottom:10px}
.parent02 { margin-bottom:16px}
.parent03 { margin-bottom:8px}
.area01 { float:left; width:716px; padding:0 8px}
.area02 { float:left; width:240px}
.area03 { float:left; width:690px; padding:0 20px 32px}
.area04 { float:left; width:240px; padding-top:36px}
.area05 { float:left; width:650px; padding:0 20px 32px}
.area06 { float:left; width:280px}


/*--- block ---*/
.blk01 .ttl { overflow:hidden; height:28px; background:url(images/bg_group.png) 0 0 no-repeat}
.blk01 .ttl h2 { float:left; padding:5px 0 3px 9px; font-size:12px; color:#922003}
.blk01 .ttl h2 a { color:#922003}
.blk01 .ttl h2 a:hover { color:#f13a09}
.blk01 .ttl span { float:right; height:20px; padding:5px 9px 3px 0; background:url(images/bg_group.png) right 0 no-repeat}
.blk01 .ttl span a { padding-right:8px; color:#777; background:url(images/bg_group.png) right -75px no-repeat}
.blk01 .ttl span a:hover { color:#f13a09; background-position:right -105px}
.blk01 .ttl02 { overflow:hidden; height:28px; border:1px solid #d0d0d0; border-bottom:0; background:url(images/bg_group.png) -10px -1px no-repeat}
.blk01 .ttl02 h2 { float:left; padding:5px 0 3px 9px; font-size:12px; color:#922003}
.blk01 .ttl02 h2 a { color:#922003}
.blk01 .ttl02 h2 a:hover { color:#f13a09}
.blk01 .ttl02 span { float:right; height:20px; padding:5px 9px 3px 0}
.blk01 .ttl02 span a { padding-right:8px; color:#777; background:url(images/bg_group.png) right -75px no-repeat}
.blk01 .ttl02 span a:hover { color:#f13a09; background-position:right -105px}
.blk01 .ctn { border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0}
.blk01 .btm { overflow:hidden; clear:both; height:3px; background:url(images/bg_group.png) 0 -28px no-repeat}
.blk01 .btm span { float:right; width:3px; height:3px; background:url(images/bg_group.png) right -28px no-repeat}
.blk01 .btm02 { overflow:hidden; clear:both; height:3px; background:url(images/bg_group.png) 0 -31px no-repeat}
.blk01 .btm02 span { float:right; width:3px; height:3px; background:url(images/bg_group.png) right -31px no-repeat}

.blk02 .ttl { overflow:hidden; height:20px; padding:5px 4px 3px 0; border-bottom:1px solid #ccc}
.blk02 .ttl h2 { font-size:14px; color:#922003}
.blk02 .ttl span { float:right}
.blk02 .ttl01 { padding:5px 4px 3px 0; border-bottom:1px solid #ccc}
.blk02 .ttl01 h2 { font-size:14px; color:#922003}
.blk02 .ttl01 p { padding-top:8px}
.blk02 .ttl01 q { padding:0 6px; color:#ccc}
.blk02 .ttl01 span { float:right}
.blk02 .ttl02 { overflow:hidden; height:20px; padding:8px 4px 8px 0; border-bottom:1px solid #ccc}
.blk02 .ttl02 h2 { font-size:16px; color:#922003}

.blk03 { border:1px solid #dfdfdf; background:#fff}
.blk03 .ttl { overflow:hidden; height:20px;  padding:3px 8px; background:url(images/bg_group.png) 0 -100px no-repeat}
.blk03 .ttl h2 { font-size:12px; color:#922003}

.blk04 .ttl {  border-bottom:1px solid #ccc}
.blk04 .ttl h2 { height:20px; padding:5px 0 3px; font-size:14px; color:#922003}
.blk04 .ttl ul { float:right; padding:5px 8px 0 0}
.blk04 .ttl li { float:left; margin-left:4px; border:1px solid #ccc; border-bottom:0; background:url(images/bg_group.png) -720px -100px no-repeat}
.blk04 .ttl li a { float:left; padding:2px 20px 0}
.blk04 .ttl li.s1 { position:relative; margin-bottom:-1px; padding:2px 20px 1px; border:1px solid #ccc; border-bottom:0; background:url(images/bg_group.png) -540px -100px no-repeat #fff}

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

.breadcrumb { padding:0 12px 2px; color:#777; border-bottom:1px solid #dfdfdf; background:#fff}
.breadcrumb a { color:#777}

.in_groupsRecommend ul { padding:20px 5px 0}
.in_groupsRecommend li { float:left; overflow:hidden; width:96px; height:108px; padding:0 16px; text-align:center}
.in_groupsRecommend li a.pic { display:block; width:72px; height:48px; margin:0 auto; padding:1px; border:1px solid #dfdfdf}
.in_groupsRecommend li a.pic img { width:100%; height:100%}
.in_groupsRecommend li a.pic:hover { border-color:#f13a09}
.in_groupsRecommend li p { line-height:18px}
.in_groupsRecommend li p small { padding-left:2px; font-size:11px; color:#777}
.in_groupsRecommend p.more { padding-right:4px; text-align:right}

.in_search { padding:1px}
.in_search div { padding:20px 15px}
.in_search div input.txtinput { width:238px; margin-bottom:8px; height:18px; line-height:18px}
.in_search span { margin-right:8px}
.in_search p { padding:13px 0 14px 15px; border-top:1px solid #d0d0d0; background:#f1f1f1}

.in_groupCreat img { float:left; width:12px; height:80px; background:url(images/bg_group.png) 0 -140px no-repeat}
.in_groupCreat div, .in_groupCreat p { float:left; width:256px; text-align:center}
.in_groupCreat div { padding:18px 0 4px}

.in_allGroupCatalog { padding:10px 0}
.in_allGroupCatalog h1 { padding:4px 0 12px; font-size:18px; font-weight:bold; color:#922003}
.in_allGroupCatalog ul h3 { padding-bottom:2px; font-size:12px}
.in_allGroupCatalog ul h3 small { padding-left:4px; font-weight:normal; color:#777}
.in_allGroupCatalog ul li { padding-bottom:16px}
.in_allGroupCatalog ul li span { padding-right:6px; white-space:nowrap}
.in_allGroupCatalog ul.s3 { padding-top:1px; background:url(images/GlobalLine_03.gif) repeat-x}
.in_allGroupCatalog ul.s3 li { float:left; padding:8px 8px 8px 0; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.in_allGroupCatalog ul.s3 li:hover { background-color:#f3f3f3}
.in_allGroupCatalog ul.s3 h3 { font-size:12px}
.in_allGroupCatalog ul.s3 .pic { float:left; width:96px; height:64px; padding:1px; border:1px solid #dfdfdf}
.in_allGroupCatalog ul.s3 .pic img { width:100%; height:100%}
.in_allGroupCatalog ul.s3 .info { float:left; width:430px; padding-left:12px}
.in_allGroupCatalog ul.s3 .info h3 { padding:2px 0}
.in_allGroupCatalog ul.s3 .tips { float:left; width:140px; padding-top:24px; text-align:right}

.in_groupsMnList h1 { overflow:hidden; height:20px; padding:8px 0; font-size:16px; color:#922003; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.in_groupsMnList ul li { float:left; overflow:hidden; width:300px; height:28px; padding:4px 25px 5px 0; line-height:28px; background:url(images/GlobalLine_03.gif) left 36px repeat-x}
.in_groupsMnList ul li a { font-size:14px}
.in_groupsMnList ul li small { padding-left:4px; color:#777}
.in_groupsMnList .pagesBox { padding:20px 0 40px}
.in_groupsMnList .pages { position:relative; left:50%; float:left; height:auto; padding:10px 0}
.in_groupsMnList .pages .num { position:relative; left:-50%; float:left; height:auto}
.in_groupsMnList .pages .num span { padding:2px 4px}

.in_groupsAllList h1 { overflow:hidden; height:20px; padding:8px 0; font-size:16px; color:#922003; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.in_groupsAllList ul { background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.in_groupsAllList ul li { float:left; padding:8px 8px 8px 0; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.in_groupsAllList ul li:hover { background-color:#f3f3f3}
.in_groupsAllList ul .pic { float:left; width:96px; height:64px; padding:1px; border:1px solid #dfdfdf}
.in_groupsAllList ul .pic img { width:100%; height:100%}
.in_groupsAllList ul .pic:hover { border-color:#f13a09}
.in_groupsAllList ul .info { float:left; width:400px; padding-left:12px}
.in_groupsAllList ul .info h3 { padding:2px 0; font-size:12px}
.in_groupsAllList ul .info h3 small { padding-left:4px; font-weight:normal; color:#777}
.in_groupsAllList ul .tips { float:left; width:105px; padding:24px 0 0 25px}
.in_groupsAllList .pagesBox { padding:20px 0 40px}
.in_groupsAllList .pages { position:relative; left:50%; float:left; height:auto; padding:10px 0}
.in_groupsAllList .pages .num { position:relative; left:-50%; float:left; height:auto}
.in_groupsAllList .pages .num span { padding:2px 4px}

.in_groupsTop20 h1 { overflow:hidden; height:20px; padding:8px 0; font-size:16px; color:#922003; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.in_groupsTop20 ul li { float:left; width:100%; padding:6px 0 7px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.in_groupsTop20 ul li:hover { background-color:#f3f3f3}
.in_groupsTop20 ul big { float:left; width:45px; padding:12px 0; text-align:center; color:#777}
.in_groupsTop20 ul q { float:left; width:30px; padding:12px 16px 0 0; text-align:center; color:#777}
.in_groupsTop20 ul q img { width:9px; height:10px; margin-top:5px; background:url(images/bg_group.png) no-repeat}
.in_groupsTop20 ul q img.up { background-position:-540px -240px}
.in_groupsTop20 ul q img.down { background-position:-550px -240px}
.in_groupsTop20 ul q img.steady { height:2px; margin-top:9px; background-position:-560px -240px}
.in_groupsTop20 ul .pic { float:left; width:60px; height:40px; padding:1px; border:1px solid #dfdfdf}
.in_groupsTop20 ul .pic img { width:100%; height:100%}
.in_groupsTop20 ul .pic:hover { border-color:#f13a09}
.in_groupsTop20 ul div { float:left; width:420px; padding:2px 0 0 8px; color:#777}
.in_groupsTop20 ul div h3 { font-size:12px}
.in_groupsTop20 ul div h3 small { padding-left:4px; font-weight:normal}
.in_groupsTop20 ul span { float:left; width:50px; padding-top:12px}

.groupFeeds { clear:both; width:100%}
.groupFeeds ul { padding:4px 0 2px}
.groupFeeds li { float:left; padding:5px 8px; color:#777}
.groupFeeds li:hover { background-color:#f3f3f3}
.groupFeeds li .pic { float:left; width:24px}
.groupFeeds li .pic img { width:24px; height:24px}
.groupFeeds li div { float:left; width:536px; padding-left:8px}
.groupFeeds li div span { padding:0 4px}
.groupFeeds li small { float:right; width:106px; text-align:right; font-size:11px}
.groupFeeds li blockquote { clear:both; width:626px; padding-left:32px}
.groupFeeds li blockquote p { width:100%; padding:2px 8px; color:#999; border:1px dotted #dfdfdf; background:#fff}
.groupFeeds li.s1 a { color:#2e82bd}
.groupFeeds li.s2 a { color:#b04462}
.groupFeeds li.s3 a { color:#b97100}
.groupFeeds li.s4 a { color:#588a0a}
.groupFeeds li.s5 a { color:#895993}
.groupFeeds li.s6 a { color:#069f96}
.groupFeeds li.s7 a { color:#336195}
.groupFeeds li.s8 a { color:#77a40c}
.groupFeeds li.s9 a { color:#a63c2e}
.groupFeeds li.s10 a { color:#549a4d}
.groupFeeds li.s1 a:hover, .groupFeeds li.s2 a:hover, .groupFeeds li.s3 a:hover, .groupFeeds li.s4 a:hover, .groupFeeds li.s5 a:hover, .groupFeeds li.s6 a:hover, .groupFeeds li.s7 a:hover, .groupFeeds li.s8 a:hover, .groupFeeds li.s9 a:hover, .groupFeeds li.s10 a:hover { color:#f13a09}
.groupFeeds .more { padding:0 4px 8px; text-align:right}
.groupFeeds.in_feeds li div { width:560px}
.groupFeeds.in_feeds blockquote { width:648px}
.groupFeeds.groupFeedsMini ul { padding-left:8px; padding-right:8px}
.groupFeeds.groupFeedsMini li { padding-left:0; padding-right:0; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.groupFeeds.groupFeedsMini li .pic { display:none}
.groupFeeds.groupFeedsMini li div { width:222px; padding-left:0}
.groupFeeds.groupFeedsMini .more { padding:4px 8px; text-align:left}

.groupTopicList { width:100%}
.groupTopicList table { width:100%; color:#777}
.groupTopicList tr:hover td { background-color:#f3f3f3}
.groupTopicList th { padding:2px 4px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.groupTopicList td { padding:7px 4px 6px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.groupTopicList .topic em { padding-right:4px; color:#e62713}
.groupTopicList .topic q { padding-right:4px}
.groupTopicList .topic q a { color:#777}
.groupTopicList .topic span.groupIcon02 { margin-left:4px}
.groupTopicList .gp { width:100px}
.groupTopicList .sum { width:84px; font-size:11px}
.groupTopicList .author { width:100px}
.groupTopicList .author img { float:left; width:24px; height:24px; margin-right:4px}
.groupTopicList .author span { float:left; overflow:hidden; width:72px; line-height:24px; white-space:nowrap; text-overflow:ellipsis}
.groupTopicList .time { width:100px; text-align:right; font-size:11px}
.groupTopicList th.sum, .groupTopicList th.time { font-size:12px}
.groupTopicList .tips .more { float:right; padding:10px 4px}
.groupTopicList .tips .pages { float:right; padding-right:4px}
.groupTopicList .tips .note { float:left; padding:10px 4px}
.groupTopicList .tips .note input.txtinput { width:120px}
.groupTopicList .tips .note .nBtn { margin-left:4px}
.groupTopicList .searchresulthd { border-bottom:1px solid #ccc}
.groupTopicList .searchresulthd h1 { padding:4px 0 12px; font-size:18px; font-weight:bold; color:#922003}
.groupTopicList .searchresulthd div { padding-bottom:2px}
.groupTopicList .searchresulthd p { float:right; padding-right:4px}
.groupTopicList.groupTopicList02 td { padding:9px 4px 8px}

.groupAbout { overflow:hidden; width:222px; padding:8px}
.groupAbout .info { padding-bottom:4px}
.groupAbout .info .pic { float:left; width:96px; height:64px; margin-right:4px}
.groupAbout .info p { float:left; overflow:hidden; width:122px; height:20px; padding-top:2px; white-space:nowrap}
.groupAbout .join p { padding-bottom:4px; color:#777}
.groupAbout .join p span { margin-top:2px}
.groupAbout .detail { padding-top:4px; background:url(images/GlobalLine_03.gif) left top repeat-x}
.groupAbout .detail dt { color:#777}
.groupAbout .detail p { padding-bottom:4px}
.groupAbout .detail .more { padding-right:8px; background:url(images/bg_group.png) right -215px no-repeat}
.groupAbout .detail .more02 { padding-right:8px; background:url(images/bg_group.png) right -245px no-repeat }
.groupAbout .detail .more a:hover, .groupAbout .detail .more02 a:hover { text-decoration:none; color:#0177c9}

.groupAdmin { padding:8px}
.groupAdmin img { width:24px; height:24px; margin-right:4px; vertical-align:middle}
.groupAdmin span { zoom:1; padding-left:12px}

.groupMember { padding:8px}
.groupMember li { float:left; width:74px; padding-bottom:8px; text-align:center}
.groupMember li img { width:48px; height:48px; vertical-align:top}
.groupMember li span { display:block; overflow:hidden; height:36px; padding-top:2px; line-height:18px}
.groupMember p { padding-bottom:4px}

.groupRelation { padding:4px 8px}
.groupRelation li { float:left; padding:4px 0}
.groupRelation li .pic { float:left; width:72px; height:48px; padding:1px; border:1px solid #dfdfdf}
.groupRelation li .pic img { width:100%; height:100%}
.groupRelation li div { float:left; width:140px; padding:2px 0 0 6px; line-height:18px}
.groupRelation li div p { color:#777}
.groupRelation li div p small { padding-left:4px; font-size:11px}

.groupCourse { padding:4px 8px}
.groupCourse ul { overflow:hidden}
.groupCourse li { float:left; margin-top:-1px; padding:5px 0 4px; background:url(images/GlobalLine_03.gif) repeat-x}
.groupCourse li h3 { float:left; width:100%; font-size:12px; font-weight:normal}
.groupCourse li h3 a.s1 { margin-right:4px}
.groupCourse li big { float:left; width:122px; color:#666}
.groupCourse li big em { color:#e62713}
.groupCourse li small { float:left; width:100px; text-align:right; color:#418b2d}

.groupLatestTopic { padding:4px 8px}
.groupLatestTopic ul { overflow:hidden}
.groupLatestTopic li { padding:4px 0; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.groupLatestTopic li small { color:#777}
.groupLatestTopic p { padding:4px 0}

.groupTopicDetail h1 { padding:8px 0; font-size:18px; font-weight:bold; color:#922003; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.groupTopicDetail h1 q { padding-right:7px; font-weight:bold}
.groupTopicDetail .list { padding:8px 0 8px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.groupTopicDetail .list .pic { float:left; width:48px; padding-right:12px; text-align:right}
.groupTopicDetail .list .pic img { width:48px; height:48px}
.groupTopicDetail .list .ctn { float:left; width:622px; padding-right:8px}
.groupTopicDetail .list .ctn .info { height:20px; padding-bottom:10px; color:#777}
.groupTopicDetail .list .ctn .info small { float:right}
.groupTopicDetail .list .ctn .txt-quote { padding:4px 8px; color:#777; background:#f1f1f1}
.groupTopicDetail .list .ctn .txt { overflow:hidden; width:622px; font-size:14px; line-height:24px}
.groupTopicDetail .list .ctn .txt p { padding-bottom:10px}
.groupTopicDetail .list .ctn .txt-response { width:600px; padding:8px 12px 0}
.groupTopicDetail .list .ctn .accessory { padding-bottom:10px}
.groupTopicDetail .list .ctn .accessory h6 { font-size:12px; font-weight:normal}
.groupTopicDetail .list .ctn .accessory p { color:#777}
.groupTopicDetail .list .ctn .vote { padding:10px 0}
.groupTopicDetail .list .ctn .vote h6 { font-size:12px; font-weight:normal}
.groupTopicDetail .list .ctn .vote h6 small { float:right; padding-left:20px; color:#777}
.groupTopicDetail .list .ctn .vote p { padding:0 0 10px 184px; color:#777}
.groupTopicDetail .list .ctn .vote p small { padding-left:20px}
.groupTopicDetail .list .ctn .vote p em { padding-left:8px; color:#e62713}
.groupTopicDetail .list .ctn .vote ul { padding:10px 0}
.groupTopicDetail .list .ctn .vote li { padding:2px 0}
.groupTopicDetail .list .ctn .vote li div { float:left}
.groupTopicDetail .list .ctn .vote li div.s1 { width:180px; padding-right:4px; text-align:right}
.groupTopicDetail .list .ctn .vote li div.s2 { overflow:hidden; width:240px; height:10px; margin:5px 0; padding-right:2px; background:#eee}
.groupTopicDetail .list .ctn .vote li div.s2 span { display:inline-block; height:8px; line-height:0; font-size:0}
.groupTopicDetail .list .ctn .vote li div.s3 { width:140px; text-align:right}
.groupTopicDetail .list .ctn .vote li div.s3 input { margin:0 0 0 4px}
.groupTopicDetail .list .ctn .vote .color0 { border:1px solid #c18f5a; background:#f7ca9b}
.groupTopicDetail .list .ctn .vote .color1 { border:1px solid #478f45; background:#bde877}
.groupTopicDetail .list .ctn .vote .color2 { border:1px solid #586e97; background:#6c81b6}
.groupTopicDetail .list .ctn .vote .color3 { border:1px solid #8aabb4; background:#a5cbd6}
.groupTopicDetail .list .ctn .vote .color4 { border:1px solid #b0248d; background:#d843b3}
.groupTopicDetail .list .ctn .vote .color5 { border:1px solid #67b410; background:#f1ffd3}
.groupTopicDetail .list .ctn .vote .color6 { border:1px solid #bf2146; background:#ee335f}
.groupTopicDetail .list .ctn .vote .color7 { border:1px solid #e37f24; background:#fbe096}
.groupTopicDetail .list .ctn .vote .color8 { border:1px solid #adbf0b; background:#ecf494}
.groupTopicDetail .list .ctn .vote .color9 { border:1px solid #923305; background:#e58652}
.groupTopicDetail .list .ctn .courseTBuy { margin-bottom:10px; padding:8px 12px; border:1px solid #ffd1a3; background:#fff9ed}
.groupTopicDetail .list .ctn .courseTBuy h6 { padding:1px 0; font-size:12px}
.groupTopicDetail .list .ctn .courseTBuy p { padding:1px 0}
.groupTopicDetail .list .ctn .func { overflow:hidden; height:20px; padding:12px 0 4px}
.groupTopicDetail .list .ctn .func p { float:right; color:#777}
.groupTopicDetail .list .ctn .func p .nBtn { margin-left:12px}
.groupTopicDetail .list .ctn .func p .nBtn a { padding:0 20px}
.groupTopicDetail .list .ctn .func p .fav { display:inline-block; width:64px; height:20px; vertical-align:middle}
.groupTopicDetail .list .ctn .func p .fav a { display:block; width:50px; height:15px; padding:3px 0 2px 14px; text-align:center; text-decoration:none; line-height:15px; font-family:Simsun; color:#333; background:url(images/bg_group.png) -700px -140px no-repeat}
.groupTopicDetail .list .operate { clear:both; overflow:hidden; height:20px; padding:12px 0 0 60px}
.groupTopicDetail .list .operate div { display:none}
.groupTopicDetail .list .ctn .func div a, .groupTopicDetail .list .operate a { margin-right:12px; color:#777}
.groupTopicDetail .list .ctn .func div a:hover, .groupTopicDetail .list .operate a:hover { color:#f13a09}
.groupTopicDetail .tips .note { float:left; width:240px; padding:10px 0}
.groupTopicDetail .tips .note span { margin-left:12px}
.groupTopicDetail .tips .pages { float:right; padding:10px 8px}

.groupTopicResponse { padding:20px 0}
.groupTopicResponse h2 { padding-bottom:12px; font-size:14px; color:#922003}
.groupTopicResponse p { padding-bottom:8px}
.groupTopicResponse textarea { width:624px; height:160px}
.groupTopicResponse p em { color:#e62713}
.groupTopicResponse div.insert { width:611px; padding:2px 8px 1px; border:1px solid #666; border-bottom:0; border-right-color:#bbb; background:#f3f3f3}
.groupTopicResponse div.insert a { margin-right:16px; color:#333}
.groupTopicResponse div.insert a:hover { text-decoration:none}
.groupTopicResponse blockquote { overflow:hidden; width:613px; height:20px; padding:4px 8px; color:#777; border-bottom:1px solid #fff; background:#f1f1f1}
.groupTopicResponse blockquote q { float:right;  cursor:pointer; font-weight:bold}

.groupTopicPub { padding:0 20px 40px}
.groupTopicPub h1 { padding:8px 0 16px; font-size:18px; font-weight:bold; color:#922003}
.groupTopicPub dl { padding-bottom:8px}
.groupTopicPub dt { float:left; width:146px; padding-right:4px; text-align:right}
.groupTopicPub dd { float:left; width:700px}
.groupTopicPub dd input.txtinput { width:600px; color:#333}
.groupTopicPub dd input.s1 { width:300px}
.groupTopicPub dd textarea { width:603px; height:300px}
.groupTopicPub dd select { margin-right:4px; vertical-align:text-bottom}
.groupTopicPub dd small { padding-left:8px; color:#777}
.groupTopicPub dd.s1 { color:#777}
.groupTopicPub dd.s2 select { width:60px; vertical-align:middle}
.groupTopicPub dd.s2 input.txtinput { width:536px; height:16px; line-height:16px}
.groupTopicPub dd.add a { padding-left:14px; background:url(images/bg_group.png) -900px -178px no-repeat}
.groupTopicPub dd div.insert { width:598px; padding-left:8px}
.groupTopicPub dd div.insert a { margin-right:16px; color:#333}
.groupTopicPub dd div.insert a:hover { text-decoration:none}
.groupTopicPub dd .insert-accessory a { display:inline-block; margin-left:8px; padding:2px 8px 1px; line-height:15px; vertical-align:middle; color:#333; border:1px solid #ccc; background:#f1f1f1}
.groupTopicPub dd .insert-accessory a:hover { text-decoration:none; color:#fff; border-color:#e62713; background:#e62713}
.groupTopicPub .func { padding:12px 0 0 150px}
.groupTopicPub .func .nBtn { vertical-align:text-bottom}
.groupTopicPub .func p { padding-top:4px; color:#777}
.groupTopicPub .func p a { margin-left:12px}
.groupTopicPub .alarm { width:674px}
.groupTopicPubVote dd input.txtinput { width:400px}
.groupTopicPubVote dd textarea { width:403px; height:120px}
.groupTopicPubVote dd div.insert { width:390px; padding:2px 8px 1px; border:1px solid #666; border-bottom:0; border-right-color:#bbb; background:#f3f3f3}
.groupTopicPubVote .alarm { width:474px}

.groupExamList { width:100%}
.groupExamList table { width:100%; color:#777}
.groupExamList tr:hover td { background-color:#f3f3f3}
.groupExamList th { padding:2px 4px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.groupExamList td { padding:7px 4px 6px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.groupExamList .author { width:100px}
.groupExamList .author img { float:left; width:24px; height:24px; margin-right:4px}
.groupExamList .author span { float:left; overflow:hidden; width:72px; line-height:24px; white-space:nowrap; text-overflow:ellipsis}
.groupExamList .time { width:90px; font-size:11px}
.groupExamList .score { width:64px; text-align:center; font-size:11px}
.groupExamList .ranking { width:64px; text-align:center; font-size:11px}
.groupExamList th.score, .groupExamList th.time, .groupExamList th.ranking { font-size:12px}
.groupExamList .tips .pages { float:right; padding-right:4px}

.groupAllMember ul { padding-top:8px}
.groupAllMember li { float:left; width:74px; padding:0 2px 8px 0; text-align:center}
.groupAllMember li img { width:48px; height:48px; vertical-align:top}
.groupAllMember li span { display:block; overflow:hidden; height:36px; padding-top:2px; line-height:18px}
.groupAllMember li a:hover span { text-decoration:underline}
.groupAllMember .tips .pages { float:right; padding-right:4px}
.groupAllMember .tips .note { float:left; padding:10px 4px}
.groupAllMember .tips .note input.txtinput { width:120px}
.groupAllMember .tips .note .nBtn { margin-left:4px}

.groupSearch { overflow:hidden; padding:8px; color:#777}
.groupSearch p { padding-bottom:8px}
.groupSearch div { padding-bottom:8px; text-align:center}
.groupSearch input.txtinput { width:210px; margin-bottom:8px}

.groupInviteFriend { padding-bottom:20px}
.groupInviteFriend h3 { padding-bottom:4px; font-size:12px; color:#922003}
.groupInviteFriend .hr { height:5px; line-height:0; font-size:0; background:url(images/GlobalLine_03.gif) left center repeat-x}
.groupInviteFriend .invitestyle { padding:12px 20px}
.groupInviteFriend .invitestyle p { padding-bottom:8px}
.groupInviteFriend .invitestyle em { color:#e62713}
.groupInviteFriend .invitestyle input.txtinput { width:400px; margin-right:4px; font-family:Tahoma}
.groupInviteFriend .invitestyle dl { padding:4px 0}
.groupInviteFriend .invitestyle dt { float:left; width:100px}
.groupInviteFriend .invitestyle dd { float:left}
.groupInviteFriend .invitestyle dd input.txtinput { width:180px; margin-right:4px}
.groupInviteFriend .invitestyle input.txtinput, .groupInviteFriend .invitestyle select { font-family:Tahoma}
.groupInviteFriend .invitelist { width:540px; margin:0 auto; padding-top:12px}
.groupInviteFriend .invitelist h6 { padding:12px 0 4px; font-size:12px}
.groupInviteFriend .invitelist h6 strong { padding:0 4px; color:#e62713}
.groupInviteFriend .invitelist p.slctall { padding:4px 16px; border:1px solid #ccc; border-bottom:0; background:#f1f1f1}
.groupInviteFriend .invitelist ul { overflow:auto; height:248px; padding:4px 8px; border:1px solid #ccc}
.groupInviteFriend .invitelist li { padding:6px 8px; color:#777; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.groupInviteFriend .invitelist div { padding:8px 12px; border:1px solid #dfdfdf; background:#f1f1f1}
.groupInviteFriend .invitelist div p { padding-bottom:2px}
.groupInviteFriend .invitelist div input.txtinput { width:100px; margin-left:4px}
.groupInviteFriend .invitelist p.func { padding-top:20px; text-align:center}
.groupInviteFriend .success div { width:560px; margin:20px; padding:12px 40px 8px; font-size:14px; font-weight:bold; border:1px solid #ffd4a5; background:#fff9e5}
.groupInviteFriend .success div img { float:left; width:26px; height:21px; margin:0 20px 0 0; vertical-align:middle; background:url(images/bg_group.png) -480px -240px no-repeat}
.groupInviteFriend .success p { padding:0 0 20px 108px}

.groupEdit { padding-top:10px}
.groupEdit dl { padding-bottom:8px}
.groupEdit dt { float:left; width:116px; padding-right:4px; text-align:right}
.groupEdit dd { float:left; width:570px}
.groupEdit dd input.txtinput { width:200px; color:#333}
.groupEdit dd input.s1 { width:100px; margin-left:4px}
.groupEdit dd textarea { width:403px; height:100px}
.groupEdit dd select { vertical-align:top}
.groupEdit dd small { padding:0 8px; color:#777}
.groupEdit .base { padding-top:10px}
.groupEdit .uploadpic { padding-top:10px}
.groupEdit .uploadpic .nBtn { margin-left:4px}
.groupEdit .uploadpic .pic { display:inline-block; padding:1px; border:1px solid #dfdfdf}
.groupEdit .uploadpic img { width:96px; height:64px; vertical-align:text-bottom}
.groupEdit .slcttheme li { float:left; width:114px; height:74px; padding:2px; border:8px solid #fff; background:#eee}
.groupEdit .slcttheme li a { display:block; width:112px; height:72px; border:1px solid #eee; background:url(images/bg_groupMast_prv.jpg) no-repeat}
.groupEdit .slcttheme li a:hover { border:1px solid #666}
.groupEdit .slcttheme li a.s2 { background-position:0 0}
.groupEdit .slcttheme li a.s3 { background-position:0 -80px}
.groupEdit .slcttheme li a.s4 { background-position:0 -160px}
.groupEdit .slcttheme li a.s5 { background-position:0 -240px}
.groupEdit .slcttheme li a.s6 { background-position:0 -320px}
.groupEdit .slcttheme li a.s7 { background-position:0 -400px}
.groupEdit .slcttheme li a.s8 { background-position:0 -480px}
.groupEdit .slcttheme li a.s9 { background-position:0 -560px}
.groupEdit .slcttheme li a.s10 { background-position:0 -640px}
.groupEdit .slcttheme li a.s11 { background-position:0 -720px}
.groupEdit .slcttheme li a.s12 { background-position:0 -800px}
.groupEdit .slcttheme li.this { background-color:#999}
.groupEdit .member div.tips { padding:6px 4px}
.groupEdit .member div.tips span.nBtn { margin-left:12px}
.groupEdit .member div.tips .pages { float:right; padding:0 4px}
.groupEdit .member div.tips p { float:left}
.groupEdit .member table { width:100%; color:#777; background:url(images/GlobalLine_03.gif) left top repeat-x}
.groupEdit .member tr:hover td { background-color:#f3f3f3}
.groupEdit .member th { padding:2px 4px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.groupEdit .member td { padding:7px 4px 6px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.groupEdit .member a img { width:24px; height:24px; margin-right:4px; vertical-align:middle}
.groupEdit .func { padding:12px 0 30px 120px}
.groupEdit .func .nBtn { margin-right:8px; vertical-align:text-bottom}
.groupEdit .func p { padding-top:8px; color:#777}
.groupEdit .func p a { margin-left:20px}
.groupEdit .func.func01 { padding-top:20px; padding-left:266px}
.groupEdit .alarm { width:658px; margin-bottom:0}
.groupEdit .valid { margin-bottom:0}

.creatNewGroup { padding:0 20px 40px}
.creatNewGroup h1 { padding:8px 0 16px; font-size:18px; font-weight:bold; color:#922003}
.creatNewGroup dl { padding-bottom:8px}
.creatNewGroup dt { float:left; width:146px; padding-right:4px; text-align:right}
.creatNewGroup dd { float:left; width:650px}
.creatNewGroup dd input.txtinput { width:200px; color:#333}
.creatNewGroup dd input.s1 { width:100px; margin-left:4px}
.creatNewGroup dd textarea { width:403px; height:100px}
.creatNewGroup dd select { vertical-align:top}
.creatNewGroup dd small { padding:0 8px; color:#777}
.creatNewGroup .func { padding:12px 0 30px 150px}
.creatNewGroup .func .nBtn { vertical-align:text-bottom}
.creatNewGroup .func p { padding-top:8px; color:#777}
.creatNewGroup .func p a { margin-left:20px}
.creatNewGroup .terms { overflow:auto; width:620px; height:84px; margin:0 auto; padding:0 10px; border:1px solid #ccc}
.creatNewGroup .terms h5 { padding-top:10px; font-size:14px; text-align:center}
.creatNewGroup .terms h6 { padding-top:10px; font-size:12px}
.creatNewGroup .terms p { text-indent:2em}
.creatNewGroup .success { width:780px; margin:0 auto 10px; padding:10px 12px 8px; border:1px solid #ffd4a5; background:#fff9e5}
.creatNewGroup .success img { width:26px; height:21px; margin-right:8px; vertical-align:middle; background:url(images/bg_group.png) -480px -240px no-repeat}
.creatNewGroup .uploadpic { padding-top:10px}
.creatNewGroup .uploadpic .nBtn { margin-left:4px}
.creatNewGroup .uploadpic .pic { display:inline-block; padding:1px; border:1px solid #dfdfdf}
.creatNewGroup .uploadpic img { width:96px; height:64px; vertical-align:text-bottom}
.creatNewGroup .alarm { width:772px; margin:0 auto 10px}

.bubble01_ctn_mineAllGroups p.hr { height:5px; line-height:0; font-size:0; background:url(images/GlobalLine_03.gif) left center repeat-x}
.bubble01_ctn_mineAllGroups dl { overflow:hidden; height:20px; color:#999}
.bubble01_ctn_mineAllGroups dt { float:left; width:120px}
.bubble01_ctn_mineAllGroups dd { float:left; width:70px; text-align:right; font-size:11px}
.bubble01_ctn_mineAllGroups dl.s1 dd { font-size:12px}

.bubble01_ctn_pubTopicStyle a { display:block; overflow:hidden; width:80px; height:20px; padding:2px}
.bubble01_ctn_pubTopicStyle a:hover { text-decoration:none; background:#f1f1f1}
.bubble01_ctn_pubTopicStyle a:hover em { text-decoration:underline}

/*--- mod ---*/
.mod01 { width:100%}
.mod01 .ctn { width:222px; padding:8px}
.mod01 .ctn p { padding-bottom:6px; text-align:center}
.mod01 .ctn p a { display:block}
.mod01 .ctn img { display:block; width:220px; height:60px; margin-bottom:2px}
.mod01 .ctn li { overflow:hidden; height:20px; padding:2px 0 2px 10px; background:url(images/GlobalIcon_02.gif) 0 10px no-repeat}
.mod01 .ctn li a { color:#333}
.mod01 .ctn li a:hover { color:#f13a09}

.mod02 { padding:24px 0 12px; font-size:14px}
.mod02 p { padding-bottom:12px}
.mod02 small { color:#777}

.mod03 ul { padding:4px 8px}
.mod03 li { padding:5px 0; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.mod03 li em { display:block; padding-left:12px; background:url(images/GlobalIcon_02.gif) 2px 8px no-repeat}
.mod03 li small { padding-left:10px; color:#777}
.mod03 li small a { margin-left:4px}
.mod03 p.more { padding:0 8px 12px 0; text-align:right}

.mod04 ul { padding:12px 4px 0}
.mod04 li { float:left; overflow:hidden; width:72px; height:105px; padding:0 9px; text-align:center}
.mod04 li a.pic { display:block; width:60px; height:40px; margin:0 auto; padding:1px; border:1px solid #dfdfdf}
.mod04 li a.pic img { width:100%; height:100%}
.mod04 li a.pic:hover { border-color:#f13a09}
.mod04 li p { line-height:18px}
.mod04 li p small { padding-left:2px; font-size:11px; color:#777}
.mod04 p.more { padding:0 8px 12px 0; text-align:right}