/*************************************************GLOBALS***/


* { word-break: break-all; word-wrap: break-word; }
body, th, td, input, select, textarea, button { font: 12px/1.5em Verdana, Arial, Helvetica, "宋体", "Lucida Grande", sans-serif; }
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul li { list-style: none; }

a { color: #3B5998; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
a.side_block, a.side_block:hover { text-decoration:none; font-weight:normal; }

a.c-fc0{color:#FC0}

.blocklink a { padding-left: 0.5em; line-height: 2em; display: block; }
  .blocklink a:hover { background: #2C629E; color: #FFF; text-decoration: none; }
  .blocklink .active a { color: #333; font-weight: bold; }

caption, th { text-align: left; }
  caption { font-size: 14px; font-weight: bold; }
  caption p { font-weight: normal; }

.avatar48 { padding: 5px 0 0 5px; width: 55px; height: 55px; background: url(image/48_avatar_bg.gif) no-repeat; }
  .avatar48 img { width: 48px; height: 48px; }

.threadimg60 { padding: 5px 0 0 5px; width: 67px; height: 67px; background: url(image/60_threadimg_bg.gif) no-repeat; }
    .threadimg60 img { width: 60px; height: 60px; }

.online_icon_p { padding: 0 0 0 10px; width: auto; background: url(image/online_icon.gif) no-repeat left center; text-align: left; }

.gray { color: #999; }
    .gray a { color: #999; }

.face { margin: 0 1px; vertical-align: middle; }
.r_option { float: right; font-size: 12px; font-weight: normal; }
    .r_option .active { font-weight: bold; }
.clear, .s_clear { clear: both; }
.tracebutton { width: 69px; height: 28px; background: #EAEBFD url(image/trace.gif) no-repeat scroll 0 0; line-height: 28px; text-indent: 23px; text-align: left; display: block; }
.a_top, .a_share, .a_rss { float: right; margin-left: 4px; padding: 0 18px 0 5px; width: 25px; height: 15px; border: 1px solid #7F93BC; background: #FFF none no-repeat scroll right top; line-height: 15px; overflow: hidden; display: inline; }
    .a_top:hover, .a_share:hover, .a_rss:hover { background-color: #576EA5; background-position: 100% -20px; color: #FFF; text-decoration: none; }
.a_share { background-image: url(image/share.gif); }
.time { color: #999; padding:0 15px 0 0;}

a.c_edit { position: absolute; width: 16px; height: 16px; background: url(image/settingicon.gif) no-repeat; line-height: 300px; top: 0.5em; right: 2em; overflow: hidden; display: block; }
a.c_delete { position: absolute; width: 16px; height: 16px; background: url(image/settingicon.gif) no-repeat 0 -16px; line-height: 300px; top: 0.5em; right: 0.5em; overflow: hidden; display: block; }
a.c_resend { position: absolute; width: 16px; height: 16px; background: url(image/settingicon.gif) no-repeat 0 -49px; line-height: 300px; top: 0.5em; right: 3.3em; overflow: hidden; display: block; }
a.c_link { position: absolute; width: 16px; height: 16px; background: url(image/settingicon.gif) no-repeat 0 -64px; line-height: 300px; top: 0.5em; right: 2em; overflow: hidden; display: block; }
  .float_cancel { float: right; margin: 0 10px 0 0; padding: 0; width: 16px; height: 16px; background: url(image/settingicon.gif) no-repeat 0 -14px; color: #DABAA9; line-height: 200px; overflow: hidden; display: block; }
  .float_delete { float: right; margin: 0 10px 0 0; padding: 0; width: 16px; height: 16px; background: url(image/cancel2.gif) no-repeat 0 0; color: #DABAA9; line-height: 200px; overflow: hidden; display: block; }

/*avatar bg*/
.ar_r_t { float: left; background: #FFF url(image/avatar_bg.gif) no-repeat right top; }
  .ar_l_t { padding: 5px 0 0; background: url(image/avatar_bg.gif) no-repeat left top; }
    .ar_r_b { background: url(image/avatar_bg.gif) no-repeat right bottom; }
      .ar_l_b { padding: 0 12px 12px 5px; background: url(image/avatar_bg.gif) no-repeat left bottom; }
/*yellow radius*/
.ye_r_t { width: 100%; background: url(image/yel_bg.gif) no-repeat right top; }
  .ye_l_t { padding: 5px 0 0; background: url(image/yel_bg.gif) no-repeat left top; }
    .ye_r_b { background: url(image/yel_bg.gif) no-repeat right bottom; }
      .ye_l_b { padding: 0 5px 5px; background: url(image/yel_bg.gif) no-repeat left bottom; }

.ybg { margin-bottom: 2px; padding: 10px; border: 1px solid #CCC; background: #F7F7F7; }
    .ybg table { width: 100%; }
.nn { position: absolute; margin: 0 0 0 -400px; padding: 10px; width: 798px; border: 1px solid #D2D2BE; background: #F5F5F1; color: red; font-size: 14px; font-weight: bold; z-index: 100; top: 50px; left: 50%; text-align: center; }
  .nn a { margin: 0 10px; }

#div_main { clear: both; }

body { background: #525F6C url(image/stars/back_ground.jpg) repeat top; }
#wrap, .wrap { margin: 0 auto; width: 960px; background: url(image/alpha_bg.png) repeat-y scroll 0 0 transparent; _background:#eeeeee; position:relative; z-index:2; padding:5px;}
#wrap_nosidebar, .wrap_nosidebar { background:none repeat scroll 0 0 #EEEEEE; margin:0 auto; padding:5px 5px 0; position:relative;width:960px; z-index:2;}
#ad_header { margin: 0 auto; padding: 1px; width: 966px; background: #F7F7F7; border: 1px solid #CCCCCC; line-height:150%; }
    #ad_header a{ color: #000; }
#ad_contenttop { margin: 0 0 10px 0; padding: 0 0 10px 0; width: 100%; border-bottom: 1px solid #CCC; overflow: hidden; }
#ad_contentbottom { margin: 10px 0 0 0; padding: 10px 0 0 0; width: 100%; border-top: 1px solid #CCC; overflow: hidden; }


/*************************************************HEADER***/
#stars { background:transparent url(image/stars/stars.jpg) no-repeat scroll center top; height:200px; position:absolute; width:100%; z-index:1; }
#header {background:transparent url(image/stars/bg_header.png) no-repeat scroll left top; position:relative; z-index:3; width:970px; margin:auto; }
 * html #header{ background:transparent url(image/stars/bg_header.gif) no-repeat scroll left top; }
  .headerwarp { height: 85px; color: #3B5998; }
    .headerwarp a { color: #FFF; }
      .headerwarp .logo { float: left; }

.menu { float:left; font-size:14px; height:37px; padding:48px 0 0 30px; }
  .menu li { float: left; display:block; }
    .menu .edit { padding-left: 4px; color: #CCC; font-size: 12px; font-weight: normal; }
	.menu a { float: left; padding:0 9px; height:37px; line-height:35px; }
	.menu a:hover { background:transparent url(image/stars/bg_hover.jpg) repeat scroll center top; text-decoration:none }

.nav_account { float: right; width: 250px; padding:28px 0 0;}
    li.notify { margin-left:10px; padding: 0 0 0 15px; font-size: 12px; font-weight: normal;  background:transparent url(image/stars/new.gif) no-repeat scroll left 14px}
		li.notify a {color:#FFCC00; padding:0 0 0 12px}
		li.notify a:hover { background:none; text-decoration:underline; }
	#nav_text {  }
		#nav_text a{ color: #eee; }
	#nav_search{ margin:10px 0 0; position:relative; z-index:4; }
		#nav_search label {cursor:pointer;}
		#searchBox { width:250px; height:28px; overflow:hidden; position:relative; z-index:5;}
		#searchBox input { height:14px; width:185px; padding:3px 2px; color:#666; float:left; }
		#searchBox #sb_submit { background:transparent url(image/nav_search.png) no-repeat scroll -837px top; margin-left:3px; border: none; float:left; height:22px; padding:0; width:50px; float:left;}
		#autoAutomatic { position:absolute; z-index:4;  top:-45px; left:-15px; display:none }
		#autoAutomatic .boxclose { position:absolute; right:12px; top:5px; }
			#autoAutomatic .boxclose a { color:#666; }
		#autoAutomatic .boxheader{ width:271px; height:13px; background:transparent url(image/nav_search.png) no-repeat -560px 0;}
		#autoAutomatic .boxbody{ width:271px; background:transparent url(image/nav_search.png) repeat-y left top;}
		#autoAutomatic .boxfooter{ width:271px; height:13px; background:transparent url(image/nav_search.png) no-repeat -285px 0;}
		* html #autoAutomatic .boxheader{ width:271px; height:13px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="template/default/image/auto_header.png");}
		* html #autoAutomatic .boxbody{ width:271px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="template/default/image/auto_body.png");}
		* html #autoAutomatic .boxfooter{ width:271px; height:13px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="template/default/image/auto_footer.png");}
		#autoAutomatic .boxinfo { padding:0 0 2px 10px;_padding-left:4px; color:#EEE;}
		#autoAutomatic .searchType { margin-bottom:35px; padding-left:5px;}
		#autoAutomatic .searchType label { margin-right:5px;_margin-right:0;}
		#autoAutomatic .searchlist ul li{ border-bottom:1px solid #5F5F5F; }
		#autoAutomatic .searchlist ul li a , #autoAutomatic .searchlist ul li a.autoMouseout { line-height:20px; height:20px; padding:0 8px; color:#CCCCCC; display:block;}
		#autoAutomatic .searchlist ul li a:hover , #autoAutomatic .searchlist ul li a.autoMouseover{ background:#E31E1C; color:#FFFFFF; text-decoration:none;}
		#autoAutomatic .searchlist ul li a span , #autoAutomatic .searchlist ul li a.autoMouseout span{ float:right; font-size:11px; color:#999999;}
		#autoAutomatic .searchlist ul li a:hover span , #autoAutomatic .searchlist ul li a.autoMouseover span{ background:#E31E1C; color:#FFFFFF;}

.menu li.dropmenu { margin: 0 10px 0 0; padding: 10px 15px 10px 10px; height: 20px; background: url(image/triangle.gif) no-repeat right center; overflow: hidden; }
  .menu li.dropmenu a { vertical-align: super;}
  .dropmenu_drop { margin: -1px 0 0; padding: 0 10px 10px; width: 150px; border: 1px solid #CCC; background: #FFF; z-index: 200; }
      .dropmenu_drop li { padding: 5px 10px; border-bottom: 1px solid #EEE; }
        .dropmenu_drop li a { color: #2C629E; font-size: 12px; font-weight: normal; }
        .dropmenu_drop .active { font-weight: bold; }

#main { margin: 0; width: 100%; overflow: hidden; background-color:#fff;}

/*************************************************APP SIDEBAR***/
#app_sidebar { float: left; font-size:14px; margin:0px 3px 0 0; padding: 5px 0; width: 140px; background-color:#FFF;}
  .app_list { margin: 0 15px 0 5px; padding: 5px 5px 0 5px; overflow: hidden; }
    .app_list li { position: relative; margin: 0 0 8px; width: 110px; height: 23px; line-height: 23px; overflow: hidden; }
      .app_list li img { margin: 0 5px 0 0; vertical-align: text-bottom; }
      .app_list em { position: absolute; font-size: 12px; font-style: normal; font-weight: normal; right: 0px; }
      .app_list em a { color: #999; }
  .app_m { padding: 10px 0 0 20px; font-size: 12px; font-weight: normal; }
    .app_m li img { margin: 0 5px 0 0; vertical-align: middle; }
  .app_more { margin: 0 10px 0 10px; padding: 5px; border-bottom: 1px solid #F2F2F2; text-align: right; }
    .app_more a { padding: 0 0 0 12px; background: url(image/tri.gif) no-repeat; color: #999; font-size: 12px; font-weight: normal; }
      .app_more a.off { background-position: 0 50%; }
      .app_more a.on { background-position: -100px 50%; }
  #my_userapp, #wownei_app { border-top:1px solid #F1F1F1; }
  #mainarea {padding:5px 7px 0;float: left; width: 803px; overflow: hidden;background-color:white;margin-top:5px;}
  .chostlp img{ float: right; padding: 5px; border: 1px solid #FFF; border-top: none; vertical-align: middle; }
     .chostlp img.hover{ background: #FFF; border-color: #CCC;  }
        .chostlp_drop { background: #FFF; }
            .chostlp_drop { border: 1px solid #CCC; border-bottom: none; }
                .chostlp_drop li{ padding: 5px; width: 16px; height: 16px; }


#content { float: left; margin: 0 5px 0 0; width: 560px; overflow: hidden; }
/*************************************************COMPOSER***/
.composer_header {padding:0 0 10px 0;  min-height: 78px; _height:78px; position:relative;}
	.composer_header .figure { float: left; margin-right: 5px; position: relative; height:80px }
	.publish_box { background:url("image/multi_bg.gif") no-repeat scroll center bottom transparent; float:left; left:65px; overflow:hidden; padding:0 0 8px; position:absolute; width:495px; z-index:10; }
	.publish{ clear:both; background: white url(image/multi_bg.gif) no-repeat center top; padding: 8px 8px 0px 14px; width:473px; position:relative;}
	.feed_pub_msg {padding: 10px 0 0 80px; display:none;}
    .ar_r_t { margin: 10px; overflow: hidden; }
    .composer { padding: 0 10px 10px 20px; overflow: hidden; }
	.inputarea {height: 44px;padding: 0px 6px;position: relative;zoom: 1; z-index:10;}
	.in_active {overflow:hidden;position:relative;padding:5px 0 0 ; height:0;}
	#mystate { height:21px; overflow:hidden; padding:65px 0 0 5px; position:relative; width:480px; z-index:9; }
	#publish_editor{border: 1px solid #EAEAEA;height: 32px;margin: 0px -6px;padding: 5px;width: 100%; background-color:#FFFFFF; }	
	.else{ float:left; width:370px; font-size:12px; color:#666666; line-height:26px; padding-left:5px;}
	.pub{ background:url(image/new_index_pub.gif) 0 0 no-repeat; border:none; float:left; width:61px; height:25px; font-size:12px; color:#FFFFFF; line-height:25px;cursor:pointer;}
    .index_name { color: #000; font-size: 14px; line-height: 30px; }
      .index_name em { font-style: normal; font-weight: normal; }
    .current_status { padding: 5px 0 5px; color: #666; }
    .setting_status { width: 16px; height: 16px; background: url(image/spanner.gif) no-repeat; line-height: 200px; vertical-align: middle; overflow: hidden; display: inline-block; }
    .u_setting { width: 300px; overflow: hidden; }
      .u_setting li { float: left; padding: 5px 20px 5px 0; }
    .mgs_list { width: 100%; overflow: hidden; clear: both; }
	.mgs_list2 {  overflow: hidden; clear: both; padding-left:15px; line-height:21px; }
    .mgs_list div { float: left; margin: 0 10px 5px 0; padding: 5px 10px 5px 10px; width: 100px; border: 1px solid #CCC; line-height: 20px; text-align:center;}
	.mgs_list2 div { width:100px; float:left; overflow:hidden; }
    .mgs_list img { margin: 0 5px 0 0; vertical-align: middle; }
	.mgs_list2 img { margin: 0 5px 0 0; vertical-align: middle; }
    .mgs_list strong { color: #FF7400; }

    .c_mgs{background:#F7F7F7;margin:0 0 20px;}
    .c_mgs .ye_l_b{padding:5px 10px 10px;}

/*************************************************FEED***/
#switch_channel { float:right;}
#switch_channel a {padding:0;}
.feed_header { position: relative; padding: 5px 10px 0 15px; height: 30px; background: url(image/c_title.gif) no-repeat; line-height: 20px; }
.feed { margin: 0 0 20px; width: auto; line-height: 20px; overflow: hidden; }
  .feedtime { margin: 20px 0 10px; color: #000; }
  .feed li { padding: 10px 0 15px 0px; border-bottom: 1px solid #f1f1f1; overflow: hidden; font-size:14px; line-height:1.4em;}
	.feed_box{ overflow: hidden; margin:0 0 0 65px; position:relative; width:490px; _height:60px; _overflow:visible;}
	.feed .figure, #share_ul .figure { float: left; margin-right: 5px; position: relative;}
    .feed .type { position: absolute; margin: 1px 0 0 -20px !important; margin: 3px 0 0 -20px;}
	.feed .detail img{ max-width: 100px; max-height: 100px;}
    .feed_content img { max-width: 100px; max-height: 100px; }
	.feed_content .media, .feed_content .media2 { padding-top:5px; position:relative;}
	.feed_content .detail strong, .feed_content .detail b { font-size:14px; line-height:23px; }
	.play_bu { background:url(image/play_icon.png) no-repeat center center; width:32px; height:32px; _background:none; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/template/default/image/play_icon.png", sizingMethod="crop") ; display:block; position:absolute; left:54px; top:39px;}
	* html .feed .detail img { width: expression(this.width > 100 && this.width/this.height > 1 ? 100 : true); height: expression(this.height > 100 && this.width/this.height < 1 ? 100 : true); }
  * html .feed_content img {width: expression(this.width > 100 && this.width/this.height > 1 ? 100 : true); height: expression(this.height > 100 && this.width/this.height < 1 ? 100 : true); }
  	.feed_content { padding:0 0 5px 0 ; font-size:12px; line-height:1.4em;}
	.feed_title  { font-size: 14px; padding-top: 5px; font-weight: bold;}
	.separate {color: #3B5998; margin:0 0.3em 0;}
    .feed .detail { padding: 5px 0; color: #666; width:auto; overflow:hidden; }
    .feed a img.summaryimg { float: left; margin: 3px 10px 10px 0; padding: 2px; border: 1px solid #DDD; }
      .feed a img.summaryimg:hover { border-color: #DDD; }
      
.feedread { color: #CCC; }
	.feedread * { color: #CCC; }
	.feedread .detail { color: #CCC; }
	.feedread .quote .q { color: #CCC; }

/*************************************************TABS HEADER***/
.tabs_header { margin-bottom: 15px; height: 29px; border-bottom: 1px solid #CCC; overflow: hidden; }
    .tabs_header a.thread_button { float: right; width: 90px; height: 25px; background: url(image/buttons.gif) no-repeat 0 0; text-indent: -500px; overflow: hidden; display: block; }
        .tabs_header ul.tabs { position: absolute; z-index: 10; }
            .tabs_header ul.tabs li { float: left; margin: 0 1px 0 0; display: inline; }
                .tabs_header ul.tabs li a { float: left; padding: 0 0 0 10px; height: 30px; display: block; color:#000000;}
                    .tabs_header ul.tabs li a span { padding: 9px 10px 7px 0; line-height: 14px; display: block; }
                        .tabs_header ul.tabs li a span img{ vertical-align: middle; }
            .tabs_header ul.tabs li.active a { float: left; padding: 0 0 0 5px; height: 30px; color: #000; display: block; background: url(image/new_index_09_01.gif) no-repeat left top;}
                .tabs_header ul.tabs li.active a span { padding: 9px 10px 7px 5px; background: url(image/new_index_09_02.gif) no-repeat right top; line-height: 14px; display: block; }
            .tabs_header ul.tabs li.null { margin: 0 0 0 10px; padding: 0 0 0 25px; height: 25px; background: url(image/add_button.gif) no-repeat 0 0; line-height: 24px; }
                .tabs_header ul.tabs li.null a { padding: 0 10px 0 0; height: 25px; background: url(image/add_button.gif) no-repeat right top; color: #FFF; font-size: 12px; }

.c_header { margin: 0 0 10px; width: 100%; line-height: 26px; overflow: hidden; }
    .c_header .avatar48 { float: left; margin: 0 10px 0 0; }
h2.title { margin: 0 0 20px; font-size: 14px; }
h2.title img { margin: 0 5px 0 0; vertical-align: middle; }

/*************************************************DOING***/
.post_doing { margin: 0; }
    .post_doing textarea { float: left; margin: 5px 10px 0 0; padding: 3px; border: 1px solid #DDD; background: #F0F0F0; }
    .post_doing button.post_button { margin: 5px 0 0; width: 80px; height: 80px; border: none; background: url(image/post_button.jpg); overflow: hidden; cursor: pointer; }
.doing_list { margin: 0; }
    .doing_list ol { margin: 0; padding: 0; overflow: hidden; list-style: none; }
        .doing_list ol li { margin: 0 0 20px 0; padding: 0 0 20px; width: 100%; border-bottom: 1px solid #E9F2FC; overflow: hidden; }
  .doing_list .avatar48 { float: left; margin: 0 3px 0 0; }
  .doing_list .doing { float: left; width: 477px; }
  .doing_list .doingcontent { padding: 5px 0; color: #444; font-size: 14px; line-height: 150%; }
    .doingcontent a.re { font-size: 12px; }
    .doingcontent span { color: #666; }
    .doing_list .doingtime { color: #999; }
    .doingre { margin: 5px 0; padding: 6px 0 0; background: url(image/dore_bg.gif) no-repeat 15px 0; }
    .doingre form { padding: 10px; width: 350px; background: #F7F7F7; }
    .doingre img { float: left; margin: 0 5px 0 0; }
    .doingre .t_input { width: 200px; border: 1px solid #EBE6CA; }
.sub_doing, .sub_comment { font-size:12px; padding: 7px  10px;  background: #f1f1f1; color: #333; clear: both; }
	.feed .sub_comment .avatar48 { background:url("image/48_avatar_s_bg.gif") no-repeat scroll 0 0 transparent; height:27px; padding:3px 0 0 3px; width:27px; margin:0 0 0 -35px; }
	.feed .sub_comment .avatar48 img { height:24px; width:24px; }
    .sub_doing ol { padding: 0 10px ; overflow: hidden; }
        .sub_doing ol li { margin: 0; padding: 3px 0; width: auto; border: none; font-size:12px; color:#666; }

/*************************************************ENTRY***/
.entry_list li { margin: 0 0 20px; padding: 1px 0 1px 65px; }
  .entry_list .avatar48 { position: absolute; margin: 0 0 0 -65px; }
    .entry_list h4 { font-size: 14px; display: inline; }
    .entry_list .title { padding: 5px 10px; border: 1px solid #CCC; border-right: none; border-left: none; background: #F7F7F7; }
    .entry_list .time { color: #999; }
    .entry_list .detail { padding: 10px 0; width: 100%; color: #444; font-size: 14px; line-height: 180%; overflow: hidden; }
        .entry_list .image_right img { float: right; margin: 0 0 5px 5px; padding: 2px; max-width: 70px; max-height: 100px; border: 1px solid #DDD; }
            * html .entry_list .image_right img { width: expression(this.width > 70 && this.width/this.height > 0.7 ? 70 : true); height: expression(this.height > 100 && this.width/this.height < 0.7 ? 100 : true); }
    .entry_list .status { color: #999; }
        .entry_list .status a { color: #999; }

    .entry { padding: 0 0 20px; }
        .entry .title { padding: 5px 10px; border: 1px solid #CCC; border-right: none; border-left: none; background: #F7F7F7; line-height: 200%; }
        .entry h1 { font-size: 22px; }
		.entry h2 { font-size: 18px; }
		.entry h3 { font-size: 14px; }
		.entry h4 { background:transparent url(image/title_wow.jpg) no-repeat scroll 0 0; color:#812E18; font-size:14px; font-weight:bold; height:27px; line-height:27px; padding:0 0 0 35px; }
		.entry h5 { background:transparent url(image/title_jx3.jpg) no-repeat scroll 0 0; color:#FFFFFF; font-size:14px; font-weight:bold; height:33px; line-height:37px; overflow:hidden; padding:0 0 0 30px; text-shadow:1px 0 0.1em #000000, 0 1px 0.1em #000000; }
		.entry h6 { background:transparent url(image/title_sc.jpg) repeat-x scroll 0 0; color:#FFC243; font-size:14px; font-weight:bold; height:36px; line-height:36px; overflow:hidden; padding:0 0 0 10px; text-shadow:1px 0 0.1em #000000, 0 1px 0.1em #000000; }
        .entry .article { padding: 0; width: 100%; color: #444; line-height: 180%; overflow: hidden; }
        .entry .resizeimg { padding: 10px;}
            .entry .resizeimg img { width: expression(this.width > 775 ? 775 : true); max-width: 775px; }
            .entry .article p, .entry .article blockquote, .entry .article ul, .entry .article ol { margin: 15px 0; }
			.article p { }
            .entry .article ul, .entry .article ol { padding: 0 0 0 2em; line-height: 200%; }
            .entry .article ul { list-style: disc; }
            .entry .article ol { list-style: decimal; }
            .entry .article a img { margin: 0 15px 15px 0; padding: 1px; border: 1px solid #CCCCCC; }
            .entry .article a:hover img { border: 1px solid #C60; }
            .entry .article blockquote { padding: 3px 20px 3px 50px; width: 70%; overflow: hidden; }
            .entry .article td { font-size: 14px; }
        .entry .status { padding: 10px; border-bottom: 1px solid #CCC; color: #999; }

/*************************************************CATEGORIES SIDEBAR***/
.cat { margin: 0 0 20px; padding: 10px 0 0; background: #EFEFEF url(image/cat_top.gif) no-repeat left top; }
  .cat h3 { background:transparent url(image/wotui/select.gif) no-repeat scroll 8px 6px; font-size:14px; padding:5px 0 10px 30px; border-bottom:1px dashed #CCCCCC}
    .cat ul { margin-top:10px; padding: 0 0 10px; background: #EFEFEF url(image/cat_bottom.gif) no-repeat left bottom;  }
        .cat ul li { position: relative; padding: 5px 10px; }
        .cat ul li.current { background: #FFF url(image/cat_current.gif) no-repeat left top; }
.blog_all2re { border: 1px dashed #CCC; margin: 0 0 10px; padding: 5px; text-align: center; }
	.strong_text { font-weight:bold; }

/*************************************************COMMENTS***/
.comments { padding: 20px 0; }
  .trace h2 { padding: 0 0 10px; }
  .trace .avatar_list { border: 1px solid #CCC; background: #F7F7F7; }
      .trace .avatar_list li { float: left; margin: 0 10px 0 0; width: 61px; }
          .trace .avatar_list p { text-align: center; }

.comments h2 { padding: 0 0 10px; border-bottom: 1px solid #CCC; }
	.sub_comments_list { margin:0 0 10px; }
    .comments_list .avatar48, .sub_comments_list .avatar48, .line_list li .avatar48, .line_list_thread li .avatar48 { position: absolute; margin: 0 0 0 -63px; display: inline; }
    .comments_list li { padding: 10px 10px 10px 63px; border-bottom: 1px solid #CCC; font-size: 12px; line-height: 200%; overflow: hidden; }
	.sub_comments_list li { padding: 5px 10px 0px 35px; border-bottom: 1px solid #eeeeee; font-size: 12px; line-height: 1.5em; overflow: hidden; }
        .comments_list li .time, sub_comments_list .time { color: #999; font-size: 12px; }
        .comments_list .title { margin: 0 0 10px; }
        .comments_list .detail, .sub_comments_list .detail { color: #444; }
        .comments_list .quote, .sub_comments_list .quote { padding: 5px 10px; border: 1px solid #CCC; background: #F8F8F8 none repeat scroll 0 0; font-size: 12px; }
        .comments_list .quote .q { background: none; }
	.sub_comments_quickpost { margin: 0 auto 5px; width: 450px; }
		.sub_comments_quickpost textarea { border: 1px solid #5D74A2; width: 448px; }
		.sub_comments_quickpost_face { float:right; }

.searchbar { float: right; }

/*************************************************THUMB***/
.thumb_list { line-height: 160%; }
  .thumb_list ul { width: 100%; overflow: hidden; }
     .thumb_list li { float: left; margin: 0 10px 0 0; padding: 0 0 0 68px; width: 235px; height: 100px; overflow: hidden; }
        .thumb_list .avatar48 { position: absolute; margin: 0 5px 0 -68px; }
        .thumb_list .online_icon { margin: 0 3px 0 0; }
        .thumb_list .setti { color: #999; }
        .thumb_list .setti a { color: #999; }
    .thumb_list p { line-height: 180%; }
    .thumb_list table { width: 100%; table-layout: fixed; }
       .thumb_list td { padding: 5px; vertical-align: top; }
    .thumb_list .image { width: 150px; }
      .thumb_list .image img { width: 120px; }
    .thumb_list h6 { font-size: 1.17em; }
    .thumb_list .op { padding: 5px 0 10px 0; }

.l_status { margin: 5px 0; padding-bottom: 5px; border-bottom: 1px solid #EEE; }
.box { padding: 10px 0 10px 0; }
    .box h2 { margin: 10px 0; font-size: 14px; }
    .box h3 { margin: 10px 0; font-size: 12px; }
.new_topic_list { margin: 0; padding: 0; line-height: 180%; }

/*************************************************THREAD***/
.thread_list { width: 100%; line-height: 200%; overflow: hidden; }
    .thread_list li { float: left; margin: 0 0 15px; width: 49%; }
        .thread_list .threadimg60 { float: left; margin: 0 10px 10px 0; }
    .num { color: #F60; font-size: 14px; font-weight: bold; }
    .thread_list span.thread_cat { color: #999; }
.topic_list { margin: 0 0 20px; }
    .topic_list table { margin: 5px 0 20px; width: 100%; }
        .topic_list td { padding: 8px 10px; color: #666; line-height: 150%; overflow: hidden; }
    .topic_list thead td { border-bottom: 1px solid #CCC; color: #333; }
      .topic_list td.mtag { width: 120px; }
      .topic_list td.author { width: 100px; }
      .topic_list td.author em { font-size: 11px; font-style: normal; }
      .topic_list td.lastpost { width: 90px; text-align: right; }
.topic_list tbody tr td { border-bottom: 1px solid #CCC; }
    .topic_list tbody tr.alt td { background: #EEE; }
        .topic_list p { padding-top: 6px; }
    .space_list td { padding: 5px; color: #999; overflow: hidden; }
    .space_list thead td { background: #F7F7F7; color: #333; }
    .space_list .topline { padding: 5px; }
    .space_list tbody tr.alt td { background: #F7F7F7; }
    .space_list .note { padding: 5px; color: #333; }
.affiche { margin: 10px 0; padding: 10px; width: 518px; border: 1px solid #CCC; background: #F7F7F7; overflow: hidden; }
    .affiche #space_avatar { float: left; }
        .affiche #space_avatar img { margin: 0 10px 10px 0; padding: 3px; border: 1px solid #CCC; background: #FFF; }
    .affiche .article { padding: 5px 0; color: #960; }
.board { padding: 10px 0; }
    .board .title { padding: 0 0 5px 0; }
        .board .title h1 { margin: 0 0 8px; font-size: 14px; }
            .board .detail { color: #444; font-size: 14px; line-height: 180%; }
            .board .quickpost { padding: 5px 0 0 45px; }
            .board li { margin: 0 0 10px 0; }
            .board .quote { padding: 10px; border: 1px solid #CCC; background: #F7F7F7 none repeat scroll 0 0; font-size: 12px; }
            .board .quote .q { background: none; }

/*************************************************TASK***/
.task_percent { margin: 0 0 10px; height: 30px; border: 1px solid #CCCCCC; }
    .task_percent .percent { height: 30px; background: #CCCCCC; }
    .task_percent .label { position: relative; margin: -30px 0 0; line-height: 30px; text-align: center; }
        .task_status_progress { padding: 10px; border: 1px solid #E2EAED; background: #F7F7F7; }
    .space_task { margin: 0 0 10px; padding: 10px; border: 1px solid #CCC; background: #F7F7F7; }
    .task_done { border: 1px solid #E2EAED; background: #F7F7F7; }
    .task_status_done { padding-left: 70px; background: transparent url(image/task_done.gif) no-repeat scroll left center; }
        .task_status_done p { margin: 10px 0; }
.formtable caption.complete { padding: 10px 0 10px 55px; background: url(image/task_done.gif) no-repeat left center; }

/*************************************************ALBUM***/
.album_list { margin: 0; background: #F7F7F7; }
    .album_list table { width: 100%; table-layout: fixed; }
        .album_list td { vertical-align: top; }
            .album_list .album { padding: 8px; border: 1px solid #E2EAED; background: #FFF; }
            .album_list .image { width: 130px; text-align: center; vertical-align: middle; }
            .album_list .image img { width: expression(this.width > 120 ? 120 : true); max-width: 120px; }
.album_list h6 { font-size: 1.17em; }
    .fresh_album .album { padding: 0; border: none; background: transparent; }
    .fresh_album .image { width: 80px; }
.photobox { padding: 10px; border-bottom: 1px solid #CCC; text-align: center; }
    .photobox p { padding: 10px 0 0 0; text-align: left; }
        .photobox img { width: expression(this.width > 780 ? 780 : true); max-width: 780px; }
    .photocomment { float: left; margin: 0 20px 0 0; padding: 0 10px; width: 600px; }
.photobar { float: left; width: 150px; }
.photo_info { margin: 0 1em; }
    .photo_list td { vertical-align: middle; text-align: center; }
    .photo_list img { padding: 3px; max-width: 120px; max-height: 120px; border: 1px solid #CCC; background: #FFF; }
    * html .photo_list img { width: expression(this.width > 120 && this.height < this.width ? 120 : true); height: expression(this.height > 120 ? 120 : true); }
.space_album_list li { float: left; padding: 5px; width: 48%; overflow: hidden; }
    .album_i_m_g { text-align: center; }
        .album_i_m_g a img { margin: 0 auto; padding: 5px; border: 1px solid #CCC; border-top: none; border-left: none; background: #F8F2CB; }
.albums_list { width: 100%; overflow: hidden; }
    .albums_list ul { width: 100%; overflow: hidden; }
        .albums_list li { float: left; padding: 10px; width: 142px; }
.album_title { padding: 10px 0 10px 5px; text-align: center; }
    .album_title img { vertical-align: middle; }
    .album_title a { font-size: 14px; font-weight: bold; }
    .album_title em { color: #999; font-size: 11px; font-style: normal; }
#share_ul { padding-bottom: 10px; border-bottom: 1px solid #CCC; }
    #share_ul li { overflow: hidden; margin:0.5em 0 1.5em 0;}
    #share_ul .title { padding: 5px; background: #EEE; border-bottom:1px solid #CCC; border-top:1px solid #CCC; }
	.share_last{ clear:both; border-top:solid #CCCCCC 1px; padding: 5px 0 0; margin:0;}
	.share_box{ padding: 3px 0 0; margin:0;}
.page { margin: 10px 0; padding: 3px; text-align: center; }
	.page_feed { margin: 10px 0; padding: 5px; text-align: center; border: 1px solid; border-bottom-color:#CCCCCC; border-right-color:#CCCCCC; border-top-color:#eee; border-left-color:#eee; background: #F7F7F7; font-size:14px;}
    .page * { margin: 0 3px 0 0; padding: 3px 5px; border: 1px solid #CCC; background: #F7F7F7; color: #999; }
    .page em { border-color: #CCCCCC; color: #333; font-style: normal; }
    .page strong { background: #CCCCCC; color: #333; }
    .page a { color: #666; }
    .page a:hover { background: #CCCCCC; text-decoration: none; }
    .page input#page_input{padding:1px;color:#333;width:25px;text-align:right;}
textarea { border: 1px solid #ddd; overflow: auto; }
.t_input, select { padding: 3px 2px; border: 1px solid #ddd; line-height: 16px; }
.button { margin-left: 2px; padding: 0 3px; height: 24px; border: none; background: #DDD; color: #333; line-height: 20px; cursor: pointer; }
.submit {  border: none; background-color: #005EAC; border:solid 1px; border-color: #B8D4E8 #124680 #124680 #B8D4E8; color:#FFFFFF;  letter-spacing: 1px; cursor: pointer; padding: 2px 6px; text-align: center;}
.submit_b { background:transparent url(image/b_submit.jpg) repeat-x scroll 0 0; border:medium none; color:#FFFFFF; cursor:pointer; height:24px; letter-spacing:1px; line-height:20px; padding:0 5px; }
a.submit { padding: 5px; }
a.button { padding: 3px; }
.c_form { padding: 10px 30px; }
.quickpost table { width: 100%; }
.quickpost td { padding: 0.2em 0; }
.quickpost textarea { width: 99%; height: 70px; font-size: 1.17em; }
.initial { color: #999; }
.quick_update { position: relative; margin-bottom: 15px; padding-left: 55px; }
    .quick_update .avatar { position: absolute; left: 0; }
    .quick_update #mystate { height: 28px; line-height: 28px; }
    .quick_update .state { width: 360px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -moz-text-overflow: ellipsis; }
    .quick_bar { height: 26px; border-top: 1px solid #CCC; }
    .quick_bar li { float: left; padding: 0 5px; line-height: 26px; }
        .quick_bar li img { float: left; margin: 5px 2px 0 0; }
        .quick_bar li a { color: #333; }
#quick_box { margin-bottom: 10px; padding: 10px; border: 1px solid #CCC; border-top: none; background: #FFF; }

.formtable { width: 100%; }
    .formtable caption { padding: 10px 0; color: #666; font-size: 12px; }
        .formtable caption h2 { padding-bottom: 8px; border-bottom: 1px solid #CCC; color: #333; font-size: 14px; }
        .formtable caption p { margin-top: 8px; }
            .formtable td, .formtable th { padding: 5px; }
            .formtable th { padding-right: 1em; text-align: right; }
.moodform { padding-left: 12px; background: url(image/quote.gif) no-repeat 0 0; }
    .moodform .inner { padding: 5px 5px 5px 30px; border: 1px solid #CCC; border-left: none; background: #EDF5FF; }
    .moodform #mystate .face { position: absolute; margin-left: -25px; }
.icon_check, .icon_check * { vertical-align: middle; }
.h_status { margin-bottom: 8px; padding: 5px; border-bottom: 1px solid #F5F5F5; color: #999; }
    .h_status .active { font-weight: bold; }
.d_content form { padding: 4px 9px; background: #EEE; }
/*************************************************CP THEME***/
.themelist { margin: 0; width: 100%; }
    .themelist td { line-height: 200%; }
        .themelist .album { margin: 0 0 10px; }
        .themelist .image { padding: 10px 0 10px; }
            .themelist .image a { margin: 0 auto; padding: 5px 0 0 5px; width: 119px; height: 129px; background: url(image/theme_bg.gif) no-repeat; display: block; }

.listcol li { float: left; width: 100%; }
    .list2col li { float: left; padding: 3px 0; width: 150px; }
.f_status { margin: 0 0 20px; color: #999; }
.status_form { float: right; position: absolute; right: 0; }
.ajax_selector { position: relative; z-index: 999; }
    .ajax_selector_option { position: absolute; margin-top: -3px; padding: 3px 2px; border: 1px solid #CCC; background: #FFF; overflow: auto; overflow-x: hidden; overflow-y: auto; }
.float_del, .float_edit { position: absolute; width: 13px; height: 14px; background: url(image/delete.gif) no-repeat 0 0; top: 0.5em; right: 5px; text-indent: -999em; overflow: hidden; display: block; }
    .float_del:hover { background-position: 0 -14px; }
.float_block { background-image: url(image/block.gif); }
.float_edit { background-image: url(image/edit.gif); right: 13px; }

/*************************************************CP SIDEBAR***/
#sidebar { float: right; padding: 0 5px 0; width: 220px; overflow: hidden; position:relative;  }
    #sidebar .ye_r_t { margin: 0 0 20px; }
	.user-n{ width:210px; position:relative; padding:0 0 15px 10px;}
#task_d { position:relative; left:0; top:0; display:none; background-image: url(image/task_bg.gif); background-repeat: repeat-x;
 background-position: 0px 0px; clear:both; }
	#task_desc { padding: 5px 5px 5px 10px; background: none; font-size: 13px; line-height: 21px; }
.task_notice { position: relative; padding: 5px; background: none; }
	.task_notice a.float_cancel { position: absolute; width: 16px; height: 16px; background: url(image/cancel2.gif) no-repeat; line-height: 200px; top: 5px; right: -8px; overflow: hidden; display: block; }
	.task_notice h4 { font-size:13px; }
.task_notice_body { overflow: hidden; }
	.task_notice .icon { float: left; position: relative; margin: 0 10px 0 0; width: 64px; height: 64px; }
    .task_notice h2 { margin: 0 0 5px; font-size: 12px; }
    .task_notice h3 { margin: 10px 0 5px; font-size: 14px; }
    .task_notice p { color: #666; }
        .task_notice p span.num { color: #F60; font-size: 20px; }
.sidebox { margin: 0 0 15px; border-top:1px solid #F1F1F1; padding-top:5px; clear:both;}
  .sidebox h2.title { margin: 0 0 5px; padding: 0 10px;  color: #333; font-size: 12px; line-height: 30px; }

.sideblock_img { width:250px; overflow:hidden; }
	.sideblock_img li { width:123px; display:inline-table; text-align:center }
	.sideblock_img img { max-height:70px; max-width:114px; border:1px solid #DDD; padding:2px; }

.sidebox_desc { color:#666 }

.sidebox h3.title { padding: 5px; border-bottom: 1px solid #CCC; background: #F7F7F7; }
        .sidebox div.more { text-align: right; }
        .sidebox ul.firendbox li { height: 90px; }
        .sidebox p.time { color: #999; line-height: 14px; text-align: center; }
        .sidebox .content { padding: 5px; }
.threadfirend { padding: 0; }
    .threadfirend li { width: 100%; overflow: hidden; }
        .threadfirend .avatar48 { float: left; margin: 0 10px 10px 0; }
        .threadfirend p { padding: 5px 0; }
        .threadfirend .quote { color: #999; }
#sidebar .avatar_list li{ padding: 0 0 10px 10px; }
.sidebox .threadimg60 { margin: 0 0 10px; }

.sendmail li{ padding:5px 10px; position: relative; }
	.sendmail li a.c_delete{ background-position: 0 -33px;}

#help p{ margin: 0 0 10px; padding: 0 10px; }

/*************************************************SPACE PAGE***/
#space_page { width: 100%; overflow: hidden; }
#ubar { float: left; margin:5px 0 10px 5px; padding:10px; width: 200px; overflow: hidden; border:1px solid #CCC; background-color:#FFF;  }
#space_page #content { margin:5px 0 10px 5px; padding:10px; width: 500px; border:1px solid #CCC; background-color:#FFF; }
#obar { float: left; margin:5px 5px 10px; padding:10px; width: 180px; border:1px solid #CCC; background-color:#FFF; }
  .ulist { margin: 0 0 20px; width: 198px; border: 1px solid #CCC; background: #F7F7F7; overflow: hidden; }
     .ulist li { float: left; padding: 5px 10px; width: 79px; text-align: center; }
        .ulist img { margin: 0 5px 0 0; vertical-align: middle; }
  #space_avatar { margin: 0 0 15px; text-align: center; }
    #ubar h2 { position: relative; padding: 0 10px; height: 30px; background: url(image/ubar_title.gif) no-repeat; color: #444; line-height: 30px; }
    .app_list16 { padding: 0 5px; width: 190px; overflow: hidden; }
        .app_list16 li { float: left; padding: 5px; width: 16px; height: 16px; overflow: hidden; }
#space_page .a_share{ margin: 5px; }
#space_page .composer { float: none; width: 530px; }
    #space_page .current_status { margin: 10px 0; }
    .composer .online_icon { margin: 0 5px 0 0; vertical-align: middle; }
    .composer .profile li { float: left; padding: 0 5px 5px 0; width: 245px; }
.composer p { padding: 0 0 5px 0; }
    #space_page .feed_header { background: url(image/c_title2.gif) no-repeat; }
      #space_page .feed li { width: 540px; }
      #space_page .feed h6 { width: 450px; }
    #space_page .album_list { margin: 10px 0 0; background: #FFF; }
        #space_page .album_list .album { padding: 2px; border: none; }
      #space_page .comments_list li { width: 497px; }
      #space_page .mtagbox { margin: 0 0 20px; padding: 10px; }
    a#i_rss { float: right; margin: 5px 10px 0 0; padding: 0 0 0 20px; height: 20px; background: url(image/rss_icon.gif) no-repeat left center; font-size: 12px; display: block; }
#space_page .avatar_list li { padding: 8px 15px; width: 60px; overflow: hidden; }
#space_page .sidebox h2.title{ background-image: url(image/sidebar_title2.gif); }
.menu_list { padding: 0 10px; width: 230px; overflow: hidden; }
    .menu_list li { float: left; width: 50%; line-height: 180%; text-align: center; }
.facebox { padding: 8px; width: 250px; border: 1px solid #CCC; background: #FFF; z-index: 100000;}
    .facebox ul li { float: left; width: 25px; height: 25px; overflow: hidden; }
#bottom { height: 0; clear: both; overflow: hidden; }
#footer { padding:40px 10px 0;  color: #FFF; height:74px; background:url(image/stars/bg_footer.jpg) no-repeat 0 0; clear:both;margin:auto; width:950px; }
	#footer p { text-align: center; line-height: 21px; }
    #footer a { color: #FFF; margin:10px 5px 10px 0 }
    .noimage{ float: left; margin: 0 5px 0 0; }

#ajaxwaitid { position: absolute; width: 100px; height: 1.6em; background: #DD0000; color: #FFF; line-height: 1.6em; z-index: 100; top: 0px; right: 0px; overflow: hidden; display: none; }
.ajax_box { margin:0; padding:5px }
.ajax_img {  float:left; background: url(/image/loading.gif) no-repeat scroll center center; margin-right:5px; height:20px; width:16px }
.ajax_text { float:left; }
.pipe { padding: 0 4px; color: #DDD; }
.article { padding: 0.5em; font-size: 14px; }
    .article table { table-layout: fixed; }
    .article ul li { list-style: disc; }
.quote { line-height:24px; margin: 0.5em 0 ; padding:0 0 0 25px; background: url(image/q_start.gif) no-repeat 5px 5px #f8f8f8; *background: url(image/q_start.gif) no-repeat  #f8f8f8; overflow: hidden; zoom: 1; }
    .quote .q, .quote blockquote { margin: 0; padding: 0 20px 0 0; background: url(image/q_end.gif) no-repeat right 10px; *background: url(image/q_end.gif) no-repeat right ; color: #333; display: inline-block; }	 
.notice { margin-bottom: 2px; padding: 8px; border: 1px solid #CCC; background: #F7F7F7; }
.ajax_selector { position: relative; z-index: 999; }
    .ajax_selector_option { position: absolute; margin-top: -3px; padding: 3px 2px; border: 1px solid #CCC; background: #FFF; overflow: auto; overflow-x: hidden; overflow-y: auto; }
.inpage { padding: 4em 2em 10em 8em; }
    .inpage h1 { font-size: 1.17em; }
    .inpage .btn_line { padding-top: 1em; }
.inajax .formtable { width: 240px; }
    .inajax .formtable .t_input, .inajax .formtable textarea { width: 170px; }
.popupmenu_popup { padding: 1em; border: 3px solid #CCCCCC; background: #F7F7F7; line-height: 1.4em; text-align: left; overflow: hidden; z-index:55; }
    .popupmenu_popup h1 { font-size: 1.17em; }
    .popupmenu_popup .btn_line { padding: 5px 0; }
    .popupmenu_popup td { padding-bottom: 0.4em; }
.popupmenu_centerbox { border: 8px solid #CCC; background: #F7F7F7; text-align: left; z-index:55; }
    .popupmenu_centerbox h1 { padding: 0 10px; color: #3B5998; font-size: 14px; line-height: 26px; cursor: move; }
    .popupmenu_centerbox .popupmenu_inner { padding: 10px; color: #444;}
        .popupmenu_centerbox .popupmenu_inner td{ line-height: 200%; }
            .popupmenu_centerbox .popupmenu_inner .t_input, .popupmenu_centerbox .popupmenu_inner textarea{ margin: 5px 0; border-color: #CCC; }
            .popupmenu_centerbox .float_del{ background-image: url(image/delete.gif); }
    .popupmenu_centerbox .box { width: 400px; }
.line_list li { padding: 5px 10px 5px 10px; border-bottom: 1px solid #ECF1F3; }
.line_list_thread li { padding: 5px 10px 5px 67px; border-bottom: 1px solid #ECF1F3;  _height:60px; _overflow:visible; min-height:60px;}
    .line_list img, .line_list_thread img { margin: 0 5px 0 0; vertical-align: middle; }
.avatar_list { zoom: 1; }
    .avatar_list .time { font-size: 10px; }
    .avatar_list li { float: left; padding: 8px; width: 60px; overflow: hidden; }
    .avatar_list p { width: 100%; height: 20px; line-height: 20px; text-overflow: ellipsis; text-align: center; white-space: nowrap; overflow: hidden; -moz-text-overflow: ellipsis; }
    .avatar_list p.online_icon_p { text-align: left; }
    .avatar_list:after { height: 0; clear: both; display: block; visibility: hidden; content: "."; }
.bar_text { padding: 0 0 15px 15px; width: 110px; font-size: 12px; font-weight: normal; }
    .bar_text p { line-height: 200%; }
    .bar_text .title { font-weight: bold; }

/*************************************************INDEX PAGE***/
#index_page { width: 100%; overflow: hidden; }
#wide { float: left; margin: 0 20px 0 0; width: 700px; overflow: hidden; }
#narrow { float: left; width: 250px; overflow: hidden; }
.start { margin: 0 0 20px; padding: 30px 0 0 30px; width: 670px; height: 170px; background: url(image/start.jpg) no-repeat; color: #333; }
    .start h2 { margin: 0 0 1.5em; font-weight: normal; }
        .start h2 span { color: #F60; font-size: 14px; font-weight: bold; }
.reg_button { width: 100px; height: 30px; background: url(image/regButton.gif) no-repeat; line-height: 300px; overflow: hidden; display: block; }
.start .reg_button { margin: 10px 0 0 50px; }
.login_box { margin: 0 0 20px; height: 200px; background: url(image/login_bg.gif) repeat-y -250px 0; }
    .login_box h3 { padding: 0 0 0 10px; height: 34px; background: url(image/login_bg.gif) no-repeat 0 0; color: #3B5998; line-height: 34px; }
    .login_form { padding: 10px 20px; height: 146px; background: url(image/login_bg.gif) no-repeat right bottom; }
        .login_form p { padding: 5px 0; }
.m_box { margin: 0 0 20px; width: 100%; overflow: hidden; }
  .left_box { float: left; margin: 0 20px 0 0; width: 340px; overflow: hidden; }
  .right_box { float: left; width: 340px; overflow: hidden; }
#index_page .title { padding: 0 0 0 10px; height: 30px; border: none; background: url(image/index_title.gif) no-repeat 0 0; color: #444; line-height: 30px; }
    .news_list, .task { line-height: 190%; margin-top:10px; }
    .news_list li, .task li { padding: 0 0 0 20px; height: 24px; background: url(image/d.gif) no-repeat 5px 10px; line-height: 24px; overflow: hidden; }
    li.news_title { padding: 0; height: 40px; background: none; font-size: 18px; font-weight: bold; line-height: 40px; text-align: center; }
.albs { padding: 0 0 0 10px; width: 680px; background: #F7F7F7; overflow: hidden; }
    .albs li { float: left; margin: 0 5px 0 0; padding: 8px 0 0 8px; width: 83px; height: 83px; background: url(image/albs.gif) no-repeat; overflow: hidden; }
        .albs li a { width: 75px; height: 75px; overflow: hidden; display: block; }
.apps { padding: 10px 5px; }
    .apps li { float: left; margin:0 13px 20px; width: 62px; height: 100px; text-align: center; overflow: hidden; display: inline; }
        .apps li h4 { margin: 0 0 10px; height: 20px; font-weight: normal; white-space: nowrap; }
    .apps li.first { float: none; margin: 0 0 10px; padding: 0; width: 100%; height: auto; text-align: left; overflow: hidden; }
        .apps li.first h4 { margin: 0 0 10px; }
        .apps li.first p { color: #999; }
            .apps img { margin: 0 10px 10px 0; padding: 5px; width: 50px; height: 50px; border: 1px solid #DDD; }
    .apps .first img { float: left; margin: 0 10px 0 0; }
.imtag { padding: 9px 5px; height: 180px; overflow: hidden; }
    .imtag li { margin: 0 0 10px; padding: 1px 0; width: 100%; overflow: hidden; }
.imtag .threadimg60 { float: left; margin: 0 10px 0 0; }
    .imtag .news_list { line-height: 150%; }
        .imtag .news_list a { color: #999; }
        .imtag .news_list li { margin: 0; padding: 0 0 0 20px; width: 223px; height: 21px; }
.ifeed { margin: 0 0 20px; height: 270px; overflow: hidden; }
    .ifeed .title { background-position: 0 -100px; }
.ifeedlist { padding: 10px; line-height: 190%; white-space: nowrap; }
.searchfirend { margin: 0 0 20px; background: #F7F7F7; }
    .searchfirend .ye_l_b { padding: 5px 10px 10px 10px; }
.searchfirend p { margin: 8px 0; color: #999; }
    .searchfirend .t_input { border-color: #CCC; }
.showmessage { margin: 50px auto; width: 600px; background: #F7F7F7; display:table; }
    .showmessage h2 { font-size: 14px; }
    .showmessage .ye_l_b { padding: 15px 20px 20px; }
    .showmessage p { padding: 2em 1em 0; font-size: 14px; }
    .showmessage .op { font-size: 12px; text-align: right; }

.pm_list { margin: 0; padding: 0; list-style: none; }
    .pm_list li { margin: 0 0 20px; width: 100%; overflow: hidden; }
    .pm_list .pm_body { float: left; background: url(image/pm_bg.gif) repeat-y 100% 0; }
      .pm_list .pm_h { position: relative; padding: 5px 0 0 15px; width: 560px; background: url(image/pm_bg.gif) no-repeat 0 0; }
        .pm_list .pm_f { padding: 0 10px 5px; background: url(image/pm_bg.gif) no-repeat -590px 100%; }
        .pm_list .pm_c { padding: 10px; color: #444; line-height: 200%; }
    .pm_list .avatar48 { float: left; margin: 0 5px 0 0; }

/*************************************************INDEX PAGE***/
  .topbox { margin: 0 0 20px; width: 100%; overflow: hidden; }
  .userbox { margin: 0 0 20px; width: 100%; overflow: hidden; }
  .left_see { float: left; margin: 0 10px 0 0; width: 260px; overflow: hidden; }
  .right_see { float: left; width: 260px; overflow: hidden; }
        .left_see .showpic { margin: 0 0 10px; }
        .left_see .news_list li { height: 23px; }
        .left_see .news_list li.news_title2 { margin: 0 0 10px; padding: 0; height: 60px; background: none; overflow: hidden; }
    .news_title2 img { float: left; margin: 0 10px 10px 0; }
    .news_title2 p { color: #999; line-height: 150%; white-space: normal; }
.firbox { background: #F7F7F7 none repeat scroll 0 0; }
    .firbox .ye_l_b { padding: 2px 10px 13px 10px; height: 59px; overflow: hidden; }
.nd { margin: 10px 0 0; }
    .nd li { margin: 0 0 4px; width: 100%; height: 60px; line-height: 190%; overflow: hidden; }
    .nd .avatar48 { float: left; margin: 0 2px 0 0; }
    .nd .nt { padding: 5px 0; }
    .nd p { color: #999; }
.task_notice2 { padding: 5px; height: 240px; background: #F7F7F7; overflow: hidden; }
    .task_notice2 h3 { color: #960; font-size: 14px; }
.task_content { padding: 25px 5px; height: 130px; color: #999; }
    .task_content .icon { float: left; margin: 0 10px 0 0; }
.integral { padding: 0 5px; border-top: 1px solid #CCC; color: #666; line-height: 35px; }
.albs2 { padding: 0 0 0 10px; width: 520px; background: #F7F7F7; overflow: hidden; }
    .albs2 li { float: left; margin: 0 13px 0 0; padding: 8px 0 0 8px; width: 83px; height: 105px; background: url(image/albs.gif) no-repeat; overflow: hidden; }
    .albs2 li img { width: 80px; height: 80px; }
    .albs2 li a { width: 75px; height: 75px; overflow: hidden; display: block; }
        .albs2 p { padding-top: 5px; width: 100%; height: 22px; line-height: 22px; text-align: center; white-space: nowrap; overflow: hidden; }
.mtag2_list { zoom: 1; }
    .mtag2_list li { float: left; padding: 8px; width: 72px; }
        .mtag2_list p { width: 100%; height: 22px; line-height: 22px; text-align: center; white-space: nowrap; overflow: hidden; }
        .mtag2_list:after { height: 0; clear: both; display: block; visibility: hidden; content: "."; }
        .ad_see { margin: 0 0 20px; }
.mtag3_list { zoom: 1; text-align:center;}
    .mtag3_list li { float: left; padding: 8px 16px; width: 100px; }
    .mtag3_list li div.threadimg60{margin:0 auto;padding: 5px 0;width:72px;height:72px;text-align:center;}
    .mtag3_list li div.threadimg60 img{margin:0 auto;}
        .mtag3_list p { width: 100%; height: 22px; line-height: 24px; text-align: center; white-space: nowrap; overflow: hidden; }
        .mtag3_list:after { height: 0; clear: both; display: block; visibility: hidden; content: "."; }
        .ad_see { margin: 0 0 20px; }
    ins.modify { padding-top: 5px; color: #666; text-decoration: none; text-align: right; display: block; }
.media img { width: auto; max-width: 120px; height: auto; max-height: 120px; }
.media2 img { width:140px !important; height:100px; max-width:140px; max-height:100px;}
* html .media img { width: expression(this.width > 200 && this.width/this.height > 2 ? 200 : true); height: expression(this.height > 100 && this.width/this.height < 2 ? 200 : true); }
  .borderbox { margin: 0 0 10px 0; padding: 10px; border: 1px solid #ECF1F3; line-height: 180%; }
.showflash{ background: #F7F7F7; border: 1px solid #CCC; }

#index_page .apps li{  margin: 0 20px 20px 0; display: block; }
.searchfirend .avatar_list li{ padding: 7px; }
.atitle{ padding: 10px; background: #F7F7F7; }
#header .logo a{ width:200px; height:80px; display:block; overflow:hidden; }
#header .logo a img{ margin: -200px; }

div.flink{}
div.flink h2{border-bottom:1px solid #CCCCCC;color:#333333;font-size:16px;padding-bottom:8px;}
div.flink h3{border-bottom:1px solid #CCCCCC;color:#333333;font-size:14px;margin:2em 0 2em 2em;clear:both;}
div.flink ul{margin:2em;}
div.flink ul li{float:left;width:33%;height:4em;text-align:center;}

.dashed_list{border: 1px dashed #CCCCCC;margin:20px;padding:20px;}

/*recommend*/
h2.recommend_title{border-bottom:1px solid #CCCCCC;font-size:1.1em;text-indent:4px;}
div#wobao_doing{padding:30px 20px;margin:0 20px;background-position:0 30px;}
div#hot_img, div#hot_topic{width:265px;display:inline;}
#re_pic{float: left;}
#re_news{float: left; padding-left:18px; width:262px; overflow:hidden;}
	#re_news ul{margin-top: 10px; line-height: 23px; font-size:13px; }
#special_news{text-align: center; width: 260px; margin-top:5px;}
	#special_news strong{font-size: 16px; line-height:26px;}
	#special_news span{font-size: 13px;}
#wobao{background: transparent url(image/star_bg.gif) no-repeat scroll left top;}

/**发日志和话题页面**/
.Uranus_copyright { float:right; }
.Uranus_copyright li { display:block; float:left; height:21px; width:55px; }
.Uranus_info li { display:block; float:left; height:21px; width:115px; }

.tip_text_r { font-size:13px; padding:0 10px; text-align:right; }
.float_l { float:left;}
#f_rec_t { padding-left:5px; overflow:hidden;}

/**角色绑定**/
.standardbox { width:780px; margin:0 auto 15px }
.standardbox a { color:#CCC }
.standardbox .topbar { height:44px; width:100%; }
.standardbox .topbar .leftcorner { background:transparent url(image/standardbox/box-corner-topleft.png) no-repeat scroll 0 0; float:left; height:44px; width:6px; }
.standardbox .topbar .rightcorner { background:transparent url(image/standardbox/box-corner-topright.png) no-repeat scroll 0 0; float:right; height:44px; width:6px;} 
.standardbox .topbar .middle { background:transparent url(image/standardbox/box-top.jpg) no-repeat scroll 0 0; margin:0 6px; }
.standardbox .topbar .middle .rightfade { background:transparent url(image/standardbox/box-top-right.png) repeat scroll 0 0; float:right; height:44px; width:100px; }
* html .standardbox .topbar .middle .rightfade {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='template/default/image/standardbox/box-top-right.png');}
.standardbox .topbar .middle .rightfade .op { margin:15px 15px 0 0; font-size:13px; color:#ccc; float:right }
.standardbox .topbar .title { height:44px; padding:0 0 0 21px; position:relative; top:13px; }
.standardbox .topbar .title h3 { color:#fff; font-size:16px; }
.standardbox .middlebar { background:#001821 url(image/standardbox/box-body-top.gif) repeat-x scroll 0 0; }
.standardbox .middlebar .line { height: 1px; width: 100%; clear: both; font-size: 0px; line-height: 0px; }
.standardbox .middlebar .content { clear:both; padding:10px 25px; font-size:13px; color:#5D91A3; }
.standardbox .middlebar .content a { color:#CCC; }
.cont_f { float:left }
.standardbox .bottombar .middle { background:transparent url(image/standardbox/box-shadow-line.gif) repeat-x scroll 0 0; height:6px; margin:0 6px; position:relative; }
.standardbox .bottombar .leftcorner { background:transparent url(image/standardbox/box-corner-bottomleft.png) no-repeat scroll 0 0; height:6px; left:-6px; position:absolute; top:0; width:6px; }
.standardbox .bottombar .rightcorner  { background:transparent url(image/standardbox/box-corner-bottomright.png) no-repeat scroll 0 0; height:6px; position:absolute; right:-6px; top:0; width:6px; }
.standardbox .shadowbar .shadow { background:transparent url(image/standardbox/box-shadow.png) repeat scroll 0 0; height:24px; margin:0 auto; width:780px; }
* html .standardbox .shadowbar .shadow { width: 780px; height: 24px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='template/default/image/standardbox/box-shadow.png');}

#bind_info { margin:40px 0; width:450px }
#bind_select { height:30px; margin:0 0 5px 9px }
	#bind_select select { border:1px solid #000; line-height:16px; padding:3px 2px; font-size:14px; }
#bind_search { margin:0 0 15px 0; height:25px; padding:8px 0 10px 9px; width:450px; background:transparent url(image/standardbox/bg-text-input.jpg) no-repeat scroll 0 0;  }
	#bind_search #character { border:1px solid #000000; font-size:14px; height:19px; padding:3px 1px 3px 5px; width:304px; float:left;  }
	#bind_search #resul_submit { float:left; margin:2px 0 0 10px; }
#bind_tip { margin:0 0 0 9px; line-height:20px; }
#gamelogo { margin:50px 0; }

#characters_bound { padding: 0 0 0 25px }
#characters_list { margin:20px 0; width:480px }
#search_list, #userdefine_list { margin:10px 0; width:730px }
	#userdefine_list tbody th { text-align:right; padding:0 8px; }
	#userdefine_list .t_input { border:1px solid #000000; margin:5px 0 0; height:14px }
	#userdefine_list select { margin: 3px 0 0; padding: 1px; border:1px solid #000; }
	#userdefine_submit { margin:10px 0 10px 100px }
	#characters_list table, #characters_list td ,#search_list table, #search_list td, #userdefine_list table, #userdefine_list td  { border-collapse:collapse; color:#333 }
	#characters_list_table { background:transparent url(image/armory_table/data0d.gif) repeat scroll 0 0; width: 100%; }
	#characters_list_table tr:hover { background:transparent url(image/armory_table/hover.gif) repeat-x scroll 0 0; }
	#characters_list_table td { height:28px; padding:0 8px; font-size:13px }
	#characters_list_table td a { color:#005BA1; text-decoration:none; white-space:nowrap;}
	#characters_list_tip { padding:10px 5px; }
	.masthead th { background:transparent url(image/armory_table/data-head.gif) repeat-x scroll 0 100%; color:white; height:27px; text-align:left; }
	.masthead th a {background:#A54F00 url(image/armory_table/mh-bg.gif) repeat scroll 0 0; border:1px solid #914D02; color:white !important; display:block; height:20px; margin:1px 1px 0; padding:4px 7px 0 !important; text-decoration:none; white-space:nowrap;}
#characters_detail { border:1px solid #FFF; padding:20px 0 20px 10px; color:#fff; width:220px; margin:20px 0 20px 20px; }
	#cd_avatar, #cd_info { float:left }
	#cd_avatar { width:70px; text-align:center }
	#characters_op { margin:10px 0; }
		#characters_op input { margin:0 0 5px; width:70px }
	#cd_info { margin: 0 0 0 15px; width:120px; }

/**JS操作提示框**/
.showmsg { padding: 5px 0; display: block; }