/* ---------------Cindex CSS file--
	Date: 2009.09.09	version: 1.01
	author: peter/haoxuefeng		mail: dongbin@datacomo.com
---------------------------------------------------- */
/*=== submenu CSS ===*/
div.submenu{background:#DFDFDF;height: 22px;width: 100%; clear: both; height:22px; padding: 2px 0;border-bottom: 1px solid #b9b9b9;}
div.submenu a{
	background: #fff;border: 1px solid #ccc; display:block;float: left; padding: 0 3px;height: 20px;
	color: #000; font: normal 12px/21px "ËÎÌå";text-align: center; text-decoration: none;width:auto;margin: 0;
}
div.submenu a:visited{background: #fff;}
div.submenu a:hover, div.submenu a.active{background-color:#727272;text-decoration: none;color: #fff;}
div.submenu a.active:visited{background-color:#727272;}
/* title */
#channelHead{background:url(../../../skin/bg/wapbanner_bg.gif) repeat-x left top ;	height:50px;width:100%;clear:both;}
#channelHead img{display:block;}

/*=== ad text CSS ===*/
div.picTxt {float:left; width:100%; padding:2px 0px 0px 0px;}
div.picTxt .img{float:right;display:block;text-align:center;border:1px #cccccc solid;background-color:#F7F7F4; margin-bottom:5px;}
div.picTxt .img img{padding:3px;display:block;}
div.picTxt ul li{	background: url(../../bg/dot.gif) no-repeat left top; padding: 0 0 0 15px;}
div.picTxt ul li.lisound{background: url(../../bg/audition.gif) no-repeat left top; padding: 0 0 0 18px;}
/*=== frash area CSS  ===*/
div.barea{float:left; width:100%;clear:both;overflow:hidden;display:block; padding: 3px 0; border-bottom: 1px dotted #ccc;}
div.barea h5 a:hover{color:#fff; background-color:#FF0099;}
.barea div.cicon{float: left;}.barea .cfreTit{width:100%;float:left;}.barea div.cicon img{float: left;  padding-right: 3px; display: block;}.barea h5 {float: left; width: 90%}
div.barea p, div.cindent{padding: 0 0 0 16px;}div.cindent{clear:both;}.barea strong{font: normal 12px/18px arial; color: #ff0242; padding: 0 1px}
/*--text left img right+left icon--*/
.picText {float:left; width:100%; padding:1px 0px;}
.picText h5 a{display:inline;}
.picText h5 .time{color:#666; font-style:italic;}
.picText h5 a:hover{color:#fff; background-color:#FF0099;}
.picText h2{font-weight:bold; padding:2px 0px 2px 0; line-height:18px;}
.picText .img, .picText .upphotoImg{float:left;display:block; padding:2px;text-align:center;background-color:#F7F7F4; border:1px #cccccc solid; margin: 0 2px 0 0; }
.picText .img a, .picText .upphotoImg a{ display:block; float: left; width: 80px; height:60px; overflow:hidden; margin: 0 auto; text-align: center;} 
.picText .upphotoImg a{width: 60px; height: 45px;}
.picText .img a:hover, .picText .upphotoImg a:hover{ background-color: transparent;}
.picText .img img, .picText .upphotoImg img{display: block;margin:0 auto; }
.picText ul{float:left; width:92%; padding:5px 0 0 0;}
.picText li {float:left;display:inline;text-align:left; padding:0 0 0 2px;}
.picText li .img{float:left;width:106px;height:81px;display:block;border:1px #cccccc solid; text-align:center;background-color:#F7F7F4;}
.picText li .img img{padding:3px;}
.picText li .img img:hover{border:1px #0033FF solid;margin:-1px 0 0 -1px}
.picText li .img2 img :hover,.picListL2 li .img2 img:active {border:1px #0033FF solid;margin:-1px 0 0 -1px}
.picText li h5 {line-height:18px;}
.picText  h2 a:hover{color:#fff; background-color:#FF0099;}
/*--button of right*/
.btnRight{float:left; width:98%; text-align:right; padding:5px 0 0 0; clear:both;}
/*--text--*/
.Txt{float:left; width:96%; padding:2px 1% 0 2%;}
div.picList2{float:left; width:100%;clear:both;}
div.picList2 ul{float:left; width:100%; padding:5px 0 0 0;}
div.picList2 ul li {float:left;display:inline;text-align:center; padding:0 1px; }
div.picList2 li .img{border:1px solid #cccccc;background-color:#F7F7F4; padding: 2px;}
div.picList2 li .img a {width:100px;height:75px;border:1px solid #F7F7F4 ; display:block; overflow: hidden;}
div.picList2 li .img a:hover,.picList2 li .img a:active {border:1px solid #0033FF; background-color: transparent;}
div.picList2 li .img img{display:block; margin: 0 auto;}
div.picList2 li h5 a:hover{color:#fff; background-color:#FF0099; }
div.picList2 li b{display: block; font:normal 12px/18px arial; text-align: center;}
div.picList2 ul li h5{ text-align:center; line-height:18px; width: 108px;overflow: hidden;font: normal 12px/18px arial;}
div.picList2 li h5 img{text-align:left;width:10px;height:10px;}
div.picList2 ul li a:hover{ background:transparent;}
div.picList2 ul li h5 a:hover,div.picList2 ul li b a:hover{ background-color:#FF0099;}
div.picList2 ul#comed h5 a, div.picList2 ul#looked h5 a{ background: transparent url(../../bg/bplug/online.gif) no-repeat left center; font: normal 12px/18px arial; padding: 0 0 0 20px;}
div.picList2 ul#comed h5 a:hover, div.picList2 ul#looked h5 a:hover{ background: #FF0099 url(../../bg/bplug/online.gif) no-repeat left center;}
div.picList2 ul#comed h5 a.coffLine, div.picList2 ul#looked h5 a.coffLine{ background: transparent url(../../bg/bplug/offline.gif) no-repeat left center;}
div.picList2 ul#comed h5 a.coffLine:hover, div.picList2 ul#looked h5 a.coffLine:hover{ background: #FF0099 url(../../bg/bplug/offline.gif) no-repeat left center;}
div.txtList{clear: both; width: 100%;}  div.txtList ul{border-top:1px dashed #ccc; padding: 4px 0; float: left; width: 100%;} 
div.txtList ul li{float: left; margin: 0 10px 0 0; padding: 0 0 0 20px;}
div.txtList ul li.cupNews{ background: url(../../bg/bplug/uploadn.gif) no-repeat left center;}
div.txtList ul li.cupImg{ background: url(../../bg/bplug/upload1.gif) no-repeat left center;}
div.txtList ul li.cwriteBlog{ background: url(../../bg/bplug/blog_up.gif) no-repeat left center;}
div.txtList ul li.cupVideo{ background: url(../../bg/bplug/uploadv.gif) no-repeat left center;}
div.txtList ul li.cgarden{ background: url(../../bg/bplug/garden.gif) no-repeat left center;}
/*--- tab CSS file ---*/
div.tab{float:left; width:100%;clear:both; background:url(../../bg/foot_grayline.gif) repeat-x; height:26px;}
div.tab .left{float:left;} div.tab .right{float:right;}
div.tab a, div.tab a:active{
	background: url(../bg/tab_4.gif) no-repeat center top; float: left;	width:62px;	height: 26px;	color: #000000;
	font: normal 12px/21px "ËÎÌå";display: inline-block;	text-align: center;  margin: 0 5px 0 0;
}
div.tab a.ctab5, div.tab a.ctab5:active{	background: url(../../bg/tab_5.gif) no-repeat center top;width:75px; color: #000;}
div.tab a.bnow{ background: url(../../bg/tab_4h.gif) no-repeat center top; color: #ffffff;}
div.tab a.bnow5{background: url(../../bg/tab_5h.gif) no-repeat center top;	width:75px;	color: #ffffff;}
div.right a.more_h{ background: url(../../icon/moregreen_a.gif) no-repeat center center; width:48px!important; width:55px;height:20px; line-height:20px;padding-left:7px !important;padding-left:14px; display:block; margin: 0; color: #fff;}
/*--Date--*/
.date{float:left;width:100%;padding:2px 0; background-color:#efefef;font: normal 12px/21px Arial,"ËÎÌå"; border-bottom: 1px solid #ddd}
.date .txt,.date .top{float:left; width:83%; padding:0 0 0 1%; font-weight:bold; }
.date .top{ width:13%; text-align: center;}
.date .top a:link{color:#000000;text-decoration:none;}
.date .top a:visited{color:#000000;text-decoration:none;}
.date .top a:hover{color:#fff;background-color:#FF0099}.dateLline{border-top: 1px solid #ccc;}
/*--msg--*/
.msgTip{float:left;background-color:#ffff66; text-align:left;}.Txt2{float:left; width:95%; padding:2px 0 2px 11px;} .Txt2 ul li{text-align: left;}
/*--area--*/
.Area{float:left; width:100%;clear:both;overflow:hidden;display:block; }.Area h5{margin:0; padding:0 4px 0 0; font-size:12px; font-weight:normal;}
.Area h5 a:hover{color:#fff; background-color:#FF0099;}.icon {float:left; width:6%; margin:4px 0px;}.Txt4{float:left; width:98%;padding:0 1%; background-color:#efefef;}
/*--- news css ---*/
div.bnews{width:100%; border-bottom: 1px dotted #ccc; clear: both; margin: 0; padding:2px 0; float: left;}
div.bnews div.release1,div.bnews div.release2,div.bnews div.release3,div.bnews div.release4,div.bnews div.release5,div.bnews div.release0,div.bnews div.release6,div.bnews div.release7,div.bnews div.release8,div.bnews div.release9,div.bnews div.release10,
div.bnews div.release11,div.bnews div.release12,div.bnews div.release13,div.bnews div.release14,div.bnews div.release15,div.bnews div.release16,div.bnews div.release17,div.bnews div.release18,div.bnews div.release19,div.bnews div.release20
{overflow:hidden;padding: 0 0 0 20px; font: normal 12px/18px arial; background: url(../../bg/qq.gif) no-repeat left 2px; word-break: break-all; word-wrap:break-word;}
div.bnews div.release2{background: url(../../bg/msn.gif) no-repeat left 2px;}
div.bnews div.release3{background: url(../../bg/flymessage.gif) no-repeat left 2px;}
div.bnews div.release4{background: url(../../bg/u13.gif) no-repeat left 2px;}
div.bnews div.release5{background: url(../../bg/web.gif) no-repeat left 2px;}
div.bnews div.release0{background: url(../../bg/tel.gif) no-repeat left 2px;}
div.bnews div.release6{background: url(../../bg/comment.gif) no-repeat left 2px;}
div.bnews div.release7{background: url(../../bg/u21.jpg) no-repeat left 2px;}
div.bnews div.release9{background: url(../../bg/copy.gif) no-repeat left 2px;}
div.bnews div.release11{background: url(../../bg/mook01.gif) no-repeat left 2px;}
div.bnews div.release12{background: url(../../bg/mook02.gif) no-repeat left 2px;}
div.bnews div.release13{background: url(../../bg/mook03.gif) no-repeat left 2px;}
div.bnews div.release14{background: url(../../bg/mook04.gif) no-repeat left 2px;}
div.bnews div.release15{background: url(../../bg/mook05.gif) no-repeat left 2px;}
div.bnews div.release16{background: url(../../bg/mook06.gif) no-repeat left 2px;}
div.bnews div.release17{background: url(../../bg/mook07.gif) no-repeat left 2px;}
div.bnews div.release18{background: url(../../bg/mook08.gif) no-repeat left 2px;}
div.bnews div.release19{background: url(../../bg/mook09.gif) no-repeat left 2px;}
div.bnews div.release20{background: url(../../bg/mook10.gif) no-repeat left 2px;}
div.bnews div.ctime{	border-top: 1px solid  #eee; padding:2px 0 0 0; margin:2px 0 0 20px;color:#666666; font: italic 12px/18px arial;}div.bnews div.ctime a{font: italic 12px/18px arial; }
div.bnews div.ctime em{ color:#666; font: italic 12px/18px arail; padding: 0 2px;} div.bnews span{color: #666666;}div.bnews a{padding: 0 3px;}
/*mypage head img CSS*/
.SpaceHead{float:left; width:100%;clear:both; background:url(../../bg/space10.gif);height: 69px;}
.SpaceHead h5{line-height:18px; padding:0;}
.SpaceHead h5 input{ border: 1px solid #ccc; margin: 0 0 3px 0;}.SpaceHead h5 input.csave{width: 45px; height:20px; margin: 3px 0 0 0;}
/*.SpaceHead .left {width:100px; float:left; padding:4px 0 0 0; text-align:center;} .SpaceHead .left img{width: 80px; height: 60px; display:block; margin: 0 auto;}
.SpaceHead .right {float:left; padding:4px 0 0 0px; width: 79%;}*/
.SpaceHead .left{width:32%; float:left; text-align:center; padding:4px 4px 0px 4px;}.SpaceHead .left img{display:block; margin: 0 auto;}
.SpaceHead .left a{width: 80px; height: 60px; display: block; overflow:hidden; margin: 0 auto;}
.SpaceHead .right{width:61%;float:left; padding:4px 0 0 8px;}
.SpaceHead .right2 {width:60%;float:left; padding:4px 0 0 4px}
.SpaceHead .right2 h4{font-weight:bold;color:#669900; padding:0;}
.SpaceHead .right3 {width:60%;float:left; padding:6px 0 0 4px }
.SpaceHead .right3 input {height:10px; width:52%; border:1px solid #cccccc;}
.SpaceHead .right a{width: 32px; background: url(../../bg/space_button_edit.gif) no-repeat center top;padding-top:1px; display: block;font:normal 12px/18px "ËÎÌå"; height: 18px; text-align: center; color: #000000; float: left; margin: 0 5px 0 0;}
.SpaceHead .left a:hover{background-color: transparent;}
/*=== footer ===*/
div.footer {width:100%; text-align:center; border-top:1px solid #50ab1f; padding: 3px 0;float: left; clear: both;}
div.footer p{	font: normal 11px/16px verdana;	color: #333;}
div.csubmenu div.footNav { float:left; text-align: left; width: 98%; padding: 0 0 0 1%;}
div.csubmenu div.footNav a {display:inline;padding: 0 3px; font: normal 12px/12px verdana; text-align:center; color: #0000FF;}
div.csubmenu div.footNav a:hover{color:#fff; background-color:#FF0099;}
/*=== search box ===*/
#csearchBox{background:none repeat scroll 0 0 #EBEBEA;border:1px solid #DDD;clear:both;margin-bottom:3px;padding:3px 0; }
#csearchBox p{margin-left:5px;}#csearchBox input#ctxt{width:130px; border:1px solid #ccc; float:left; margin:2px 0 0;color:#555;font-size:14px;}
#csearchBox input#csou{float:left; margin-left:5px;border:none;}
/*=== Project activities ===*/
.cbox{border: 1px solid #ccc;width: 99%; margin:3px auto;clear: both;}.cbox a{margin-left:0.5em;}
.cbox a.cimg{margin-left:0;display:inline-block;}.cbox a.cimg:hover{background:none;}.cbox a.cimg img{display:block;}
.cbox .ctoolTit a{ displsy:block; padding:0px;}
.cbox ul li{ width: 100%; float: left;}.cbox ul li.eventBg{background: url(../../../images/photographer/event_bg.gif) repeat-x left top;height:25px;text-align:center;margin:3px 0;}
.ctoolTit{background-color:#f2f2f3; background:#EBEBEA;padding: 2px 0;border:1px solid #ddd; clear: both; margin-bottom:5px;float:left;width:100%;}
.ctoolTit a{font: normal 12px/20px verdana; display: inline;text-indent:1em;padding:1px 0px; margin: 0 0 0 5px;}
.ctoolTit a:hover{color: #fff;}.ctoolTit a:active{background-color: transparent;color: #0000FF;}
.cbox a.important{color:#cf0000;}.cbox a.important:hover{background:transparent;text-decoration: underline;}
.cnoBottom {border:none;text-indent:0.5em;margin:0;}
.ctoolTit p,.ctoolTit b{float:left; width:50%;}.ctoolTit b{text-align:right;}
/*=== exchange ===*/
.cexchange{width:98%;clear:both;margin:3px auto;float:left;}*html .cexchange{margin:3px auto 0 auto;}*+ html .cexchange{margin:3px auto 0 auto;}
.cexchange ul li{ vertical-align:middle; margin:3px 0;text-indent:0.3em;}
.cexchange ul li a.cgoexchange,.cexchange ul li a.conlineC{background: url(../../bg/exchange/exchange.gif) no-repeat;width:78px;height:23px;display:inline-block;}
.cexchange ul li a.cgoexchange:hover,.cexchange ul li a.conlineC:hover{background: url(../../bg/exchange/exchangeHover.gif) no-repeat;}
.cexchange ul li a.conlineC{background: url(../../bg/exchange/onlineticket.gif) no-repeat;}
.cexchange ul li a.conlineC:hover{background: url(../../bg/exchange/onlineHover.gif) no-repeat;}