/*
Offical Style for SupeSite 7.0 default
(C) 2001-2008 Comsenz Inc.
http://www.SupeSite.com
*/

/* reset style */
* { margin:0; padding:0; word-break:break-all; }
body { background:#FFF; color:#333; font:12px/1.5em Verdana,Helvetica,Arial,sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
a { color:#333; text-decoration:none; }
	a:hover { text-decoration:underline; color: #ff0000;}
ul, li { list-style:none; }
fieldset, img { border:none; }
legend { display:none; }
em, strong, cite, th { font-style:normal; font-weight:400; }
input, textarea, select, button { font:12px Verdana,Helvetica,Arial,sans-serif; }
label { cursor: pointer; margin-right: 0.5em; }
button { height: 1.8em; padding: 0 0.3em; background:url(../images/bg_button.gif) repeat-x; cursor: pointer; border: 1px solid; border:#99CCCC;}
table { border-collapse:collapse; }
html { overflow:-moz-scrollbars-vertical; }

/* common style */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-block; }
	/*\*/ .clearfix {display:block;} /**/
.bg_fff { background:#FFF!important; }

.global_module { overflow:hidden; padding-bottom:10px; border:1px solid #D8D8D8; background:#F8F8F8; }
	.global_module2_caption { height:31px; overflow:hidden; margin-bottom:10px; background:url(../images/global_caption2_bg.gif) repeat-x; line-height:31px; }
		.global_module2_caption h3 { padding:0 15px; font-weight:700; }

/* header style */
#header { width:960px; overflow:hidden; margin:0px auto 5px auto; }
    #header .toppan {color:#999999; height:40px; background: #F6F6F6; border-bottom: 1px solid #DFDFDF; line-height:16px; margin-bottom:4px;}
	    #header .toppan .aboutinfo {float:left; margin-left:10px;}
	        #header .toppan .aboutinfo img{vertical-align:middle;}
	    #header .toppan .toploginpan {float:right; margin:0px 10px 0px 0px;}
			#header .toppan .toploginpan img{height:38px; vertical-align:middle; border:#CCCCCC solid 1px;}
			#header .toppan .toploginpan form{margin:0px; padding:0px;text-align:right; width:auto; border:none; padding-top:5px;}
			    #header .toppan .toploginpan form img{height:30px; vertical-align:middle; border:#CCCCCC solid 1px;}
				#header .toppan .toploginpan form input{vertical-align:middle;}
				#header .toppan .toploginpan form button{vertical-align:middle;}
				#header .toppan .toploginpan form #username{height:20px;width:70px; border:solid #999999 1px;}
				#header .toppan .toploginpan form #userpass{height:20px;width:70px; border:solid #999999 1px;}
				#header .toppan .toploginpan form #safecode{height:20px;width:45px; border:solid #999999 1px;}
	#header h2 { float:left; }
		#header h2 img { width:227px; height:80px; }
		#header .ad_header { float:right; text-align:right; }

/* nav style */
#nav { width:960px; overflow:hidden; margin:0 auto 5px;}
	.main_nav { height:33px; overflow:hidden; padding:0;color:#FFF; font-size:14px; }
		.main_nav ul { width:94%; overflow:hidden; padding:0;}
		.main_nav ul li { float:left; margin-right:2px; }
		.main_nav ul li a { float:left; display:block; background:url(../images/menu.gif) no-repeat; width:75px; height:33px; line-height:32px; text-align:center; text-decoration:none;}
        .main_nav ul li a:hover{ width:75px; height:33px; background:url(../images/menu2.gif) no-repeat; color:#ffffff;}
		.main_nav .current a {width:75px; height:33px; background:url(../images/menuCurrent.gif) no-repeat; font-weight:700; color:#FFFFFF;}

	.order_nav { margin:5px 0px; padding:0; color:#369; line-height:1.9em; }
		.order_nav .sl{width:5px; height:40px; background:url(../images/catmenu.gif) no-repeat;float:left;}
		.order_nav .sm{width:950px; height:40px;background:url(../images/submenu.gif) repeat-x;float:left; }
		.order_nav .sr{width:5px; height:40px; background:url(../images/catmenu2.gif) no-repeat;float:right;}
		.order_nav .sm form{float:right; margin-top:8px;}
		.order_nav .sm span{float:left;line-height:40px; vertical-align:middle;}
		.order_nav .sm form input{ height:20px;border:#99CCCC solid 1px;}

/* footer style */
#footer { width:960px; overflow:hidden; margin:0 auto; padding:6px 0; text-align:center; line-height:20px; }
	.copyright, .copyright a { color:#666;}
	.copyright strong{ font-weight:700;}
	#footer_top { height:50px; margin-bottom:10px; background:#D3EAF0; }
		.good_link { float:left; width:960px; overflow:hidden; margin:15px 0 0 10px; color:#369; text-align:center; }
		.good_link a { margin:0 3px; color:#295B72; }
		
.content {width:960px; margin:0 auto 10px; }
/*\*/ * html .content{ height: 1%; } /**/ *>.content { overflow: hidden; }
/*侧边样式*/
.sideL { width: 250px; float: left; overflow: hidden;}
.sideM { width: 464px; float: left; overflow: hidden; margin:0 10px;}
.sideR { width: 226px; float: right; overflow: hidden;}
.main_mid{width:464px;padding:0; margin-top:4px; overflow: hidden; }
.home_jk {width:462px; margin:0 0; padding:0 0;}
/*-----------------------------------------------------------------------------------各版块样式*/

/*flashNews*/
.flashNews {position:relative;width:248px;overflow:hidden;border:1px solid #cacaca;text-align:left}
.flashNews, .firstNews {height:200px;}
.flashNews .bg {position:absolute;left:0;bottom:0;width:248px;height:40px;background:#000000;filter:alpha(opacity=39);-moz-opacity:0.39;opacity:0.39;}
.flashNews p {position:absolute;left:10px;top:160px;width:248px;height:20px;line-height:20px;z-index:2;}
.flashNews p a {color:#FFFFFF;}
.flashNews p a:hover {color:#F20000;}
.flashNews ul {position:absolute;right:0;bottom:0;padding-left:47px;_padding-left:46px;z-index:2;}
.flashNews ul li {float:left;width:15px;height:18px;line-height:18px;text-align:center;margin-left:1px;background:#000000;}
.flashNews ul li a {display:block;width:15px;height:18px;font-size:10px;font-family:Tahoma;font-weight:bold;color:#FFFFFF;}
.flashNews ul li a:hover, .flashNews ul li a.sel {color:#F20000;}
.firstNews h3 {width:232px;height:27px;line-height:27px;text-indent:14px;font-size:12px;border:1px solid #FFFFFF;background:#F2F6FB;}
.firstNews p {position:absolute;top:5px;right:5px;}
.firstNews p a {font-size:12px;}
.firstNews ul {width:210px;height:auto;overflow:hidden;_zoom:1;margin:0 0 0 12px;}
.firstNews ul li {position:relative;width:210px;height:22px;line-height:22px;overflow:hidden;text-indent:10px;font-size:14px;}

/*title*/
.slidel{width:250px; float:left; display:block; margin-top:8px;}
.slider1{width:226px; display:block; float:right; margin-top:8px;}

#title1{height:28px; border:#99CCCC solid 1px; border-bottom:none;background:url(../images/tit_bg1.gif) repeat-x; margin:0; padding:0;}
#title1 .t1m{ width:100px; height:24px; margin-left:4px; margin-top:4px;background:url(../images/tit_1.gif) no-repeat; font-weight:bold; font-size:13px; line-height:24px; text-align:center;}
#title1 a{float:right;margin:8px 10px 0 0;}
.kuang1{margin:0;float:left; border:#99CCCC solid 1px; border-top:none;}
.home_user {width:248px; height:160px; margin:0; padding:0;}
.home_user ul{float:left; margin:0 0 0 3px;; padding:0;}
.home_user li{width:60px;height:70px;list-style-type:none; float:left; margin-top:6px; font-size:12px; overflow:hidden; text-align:center;}
.home_user img{width:48px!important; height:48px!important;width:50px; height:50px;*width:48px; *height:48px;padding:1px 1px 1px 1px; border:#99CCFF solid 1px; float:left; margin-left:3px; margin-right:3px;}

#title2{height:28px; border:#FFCCCC solid 1px; border-bottom:none; background:url(../images/tit_bg2.gif) repeat-x; margin:0 0; padding:0 0;}
#title2 .t1m{ width:100px; height:24px; margin-left:4px; margin-top:4px;background:url(../images/tit_2.gif) no-repeat; font-weight:bold; font-size:13px; line-height:24px; text-align:center;}
#title2 a{float:right; margin:8px 10px 0 0;}
.kuang2 {margin:0;float:left; border:#FFCCCC solid 1px; border-top:none;}
.home_user2 {width:248px; height:270px; margin:0; padding:0;}
.home_user2 ul{float:left;margin:3px 0 4px 4px;}
.home_user2 li{width:120px;height:128px;*height:122px;list-style-type:none; float:left; margin-top:6px; font-size:12px; overflow:hidden; text-align:center;}
.home_user2 .huakuang{ display:table-cell;border:#CCCCCC solid 1px;; width:106px; height:106px; vertical-align:middle; text-align:center; *display: block; *font-size:86px;}
.home_user2 .huakuanghh{display:block;}
.home_user2 img{max-height:100px; max-width:100px; width:expression(this.width > 100 && this.height < this.width ? 100:true); height:expression(this.height > 100 ? 100:true); vertical-align:middle; margin: 3px 3px;}

#title3{height:28px; border:#99cc33 solid 1px; border-bottom:none;background:url(../images/tit_bg3.gif) repeat-x; margin:0 0; padding:0 0;}
#title3 .t1m{ width:100px; height:24px; margin-left:4px; margin-top:4px;background:url(../images/tit_3.gif) no-repeat; font-weight:bold; font-size:13px; line-height:24px; text-align:center;}
#title3 a{float:right; margin:8px 10px 0 0;}
.kuang3 { margin:0;float:left; border:#99cc33 solid 1px; border-top:none;}

.daohang {margin: 0; padding: 0; list-style: none;}
.daohang li{height:28px;border-bottom:dashed #99CCFF 1px; overflow:hidden;}
.daohang li img{margin:3px 1px 0 5px; float:left;}
.daohang li p{margin-top:8px;font-size:1em; float:left;}
.daohang li strong{color:#993333;}

.msglist{background:#f2f6fb;width:224px;}
.msglist ul{line-height:24px; display:block; color:#333333; text-align:left; margin:0 5px;}
.msglist li{ background:url(../images/broken_line1.gif) 50% bottom repeat-x; list-style:none; overflow:hidden;}
.msglist span{ float:right;}
.msglist span a{color:#999999; font-size:12px;}
.msglist span a:hover{text-decoration:none;}

/*toparea*/

.toparea{width:464px; overflow:hidden; background:url(../images/toparea.gif) no-repeat;}
.toparea h2{height:30px; overflow:hidden; font-size:14px; padding-left:10px; line-height:30px; color:#027377;}
#headline { height:62px;overflow: hidden;border:none;background:url(../images/topline.gif) no-repeat bottom center;}
#headline strong { font-size: 1.2em; margin-left:7px; margin-top:7px; }
#headline a { color:#027377; }
#headline p { text-align:left; margin-left:7px; margin-top:4px;}
#headline img { float: right; width: 50px; height: 50px; margin:2px 4px; border:#FFFFCC solid 2px;}
#focuss{ margin:10px 10px 0; height:210px; background: url(../images/dotline_v.gif) repeat-y center center;}

/*首页单行两列信息列表*/
.a_list2col { margin: 0;list-style: none; line-height: 1.8em;}
/*\*/ * html .a_list2col { height: 1%; } /**/ *>.list2col { overflow: hidden; }
.a_list2col li { height: 22px; line-height:22px; overflow: hidden; background: url(../images/list_icon.gif) no-repeat 3px 7px; float: left; display: inline; margin: 0 5px; padding-left: 10px; width: 275px; w\idth: 199px; }
.a_list2col li a { font-size: 12px; }

.feed li { position: relative; margin-left: 2em; margin-right: 1em; padding-top: 1em; padding-right: 15px; border-bottom: none; zoom: 1; }
.feed li.type_blog, .feed li.type_album, .feed li.type_thread, .feed li.type_share { padding-bottom: 0.5em; border-bottom: 1px solid #EBEBEB; zoom: 1; }
.feed li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.feed a.type { position: absolute; display: inline; left: -1.6em; top: 0.9em; width: 16px; height: 16px; overflow: hidden; }
.feed a.type img { padding: 0; border: none; }
.feed h4 { padding-top: 1.5em; }
.feed h6 { font-weight: normal; }
.feed .detail { padding-top: 0.4em; }
a.playbutton { position: absolute; left: 30px; top: 52px; width: 20px; height: 20px; padding: 0 !important; border: none !important; background: url(image/playbutton.png); text-indent: -999em; overflow: hidden; opacity: 0.8; filter: alpha(opacity=80); }
* html a.playbutton { background-image: url(image/playbutton.gif); }
.feed li .time { white-space: nowrap; color:#999999;}
.feed img { padding: 3px; border: 1px solid #CCC; max-width: 70px; max-height: 100px; }
* html .feed 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); }
.feed a:hover img { border-color: #69C !important; }
.feed .summaryimg { float: left; margin: 8px 4px 8px 0; }
.feed .thumbimg { float: right; }
.feed .type_doing img, .feed .type_mood img { padding: 0; border: none; vertical-align: middle; }
.feedtime { padding: 4px 4px; border-bottom: 1px solid #EBEBEB; }

.feed{ width:462px;height:673px;margin:0 0; padding:0 0;border:#99CCCC solid 1px; border-top:none;overflow:auto; position:relative; display:block;SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;SCROLLBAR-SHADOW-COLOR:#ffffff;SCROLLBAR-3DLIGHT-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;scrollbar-face-color:#99CCFF;}

.ssnews{width:312px; float:left;}
.blocks { margin: 0 0 6px;  height:270px; border:#CCCCCC 1px solid; background: #FFF; }
.bottops {line-height: 31px; height:31px; background: url(../images/tabline.gif) repeat-x bottom; }
.bottops h3 { margin-left:8px; font-size: 12px; color: #303030; float:left; }
.bottops a { color: #303030; float:right; margin-right:8px; }

.sstime { text-decoration:none; color:#999999; font-size:10px; float:right;}
.msglist2 li{ line-height:24px;padding:0 4px; overflow:hidden;}
.sstopic { padding-left:4px; overflow:hidden; width:190px;}
.msglist2 span a:link{color:#000066; font-size:12px;}
.msglist2 span a:hover{text-decoration:none;}


	/* super notice */
.super_notice { height:110px; overflow:hidden; margin-bottom:10px; border:1px solid #D8D8D8; background:#F7FDFD; }
	.super_notice h3 { padding:8px 15px 4px; color:#EB1C26; }
	.super_notice ul { padding:0 15px; }
	.super_notice li { height:25px; overflow:hidden; line-height:25px; }

	/* links */
#links { width:960px; overflow:hidden; margin:0 auto 10px; padding-bottom:10px; border:1px solid #D8D8D8; background:#F8F8F8; }
	#links h3 { padding:8px 20px 5px; }
	.links_img, .links_tx { padding:0 20px; }
	.links_img a { margin:0 5px 5px 0;}
	.links_img img { width:88px; height:31px; margin-bottom:5px; }
	.links_tx li { float:left; overflow:hidden; margin-right:5px; white-space:nowrap; }
	
.ad_pagebody { width:960px; overflow:hidden; margin:0 auto 10px; }
.ad_mainbody { width:960px; overflow:hidden; margin:0 auto 10px; }
.ad_sidebar { width:250px; overflow:hidden; margin:0 auto 10px; text-align:center; }
.ad_article {  float:left; max-width:650px; overflow:hidden; margin:0 12px 12px 0!important; margin:0 9px 12px 0; }