﻿/*css document start */
body, td, input, textarea, select, button  { font: 12px/160% Helvetica, Arial, sans-serif; color:#333;}
body { text-align:center; }
h1,h2,h3,h4,h5{ font-size:12px;}
body, ul, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset,li { margin: 0; padding: 0; }
ul,li{ list-style:none;}
em, cite, strong, th { font-style: normal; font-weight: normal;}
table { empty-cells: show; border-collapse: separate; }
a { color: #036; text-decoration: none;}
	a:hover { color: #258DC9; text-decoration: underline;}
	a img{ border:0;}
#container{ width:950px; margin: 0 auto; text-align: left;  background:#FFF; }
#wraper {clear:both;}
	/*\*/ * html #wraper{ height: 1%; } /**/ *>#wraper{ overflow: hidden;}		
/*header*/
#header { width:948px;; overflow: hidden; padding:6px 0; border:1px solid #B4C9E0;margin-bottom:5px;}
	#header h2 { float: left; padding: 5px 0; }
	#ad_headerbanner { float: right; margin-top: 4px; }
	#header ul#iconmenu {float:left; margin-top:10px; margin-left:40px;}
		#header ul#iconmenu li{ float:left; text-align:center; margin:8px 4px;}
			#header ul#iconmenu li h3{ padding-left:0;}
			#header ul#iconmenu li h3 span{ padding-left:0;color:#F7730E;}
				#header ul#iconmenu li a:link,#header ul#iconmenu li a:visited{color:#999; text-decoration:none;}
				#header ul#iconmenu li a:visited,#header ul#iconmenu li a:active{color:#999; text-decoration:none;}
	#header #topmenu{ line-height:21px; text-align:left; border-bottom:1px dashed #B4C9E0;}
		#header #topmenu a{ padding:0 8px; color:#666; font-size:12px;}
/*header*/
/*menu*/
#menu { height:31px; width:950px; border:1px solid #E8E8E8; background: #FFF url(images/menu_bg.gif) repeat-x; margin-bottom:5px;}
	#menu ul { float: right; padding: 4px 10px 0; border-right: 1px solid #FFF; }
		#menu li { float: left; }
			#menu li a { float:left; text-decoration: none; color: #333; padding: 4px 8px 3px; background: url(images/menu_itemline.gif) no-repeat 0 6px; }
				#menu li.hover { background-color: #FFF; border: 1px solid; border-color: #E8E8E8 #E8E8E8 #FFF; }
					#menu li.hover a { padding: 3px 7px; background-image: none; }
			#menu cite a { font-weight: bold; background-image: none; }
			#menu a.notabs { background: none; }
	.avataonline { float: left; line-height:30px;  padding-left: 28px; background: url(images/avataronline.gif) no-repeat 10px 40%; }
		*html .avataonline {padding-top:4px;}
	#loginform * { vertical-align: middle; }
	#loginform button { line-height: 21px; height: 21px; padding: 0 4px; margin-left: 3px; }
/*end menu*/
.dropmenu { padding-right: 15px !important; background-image: url(images/arrow_down.gif) !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; cursor: pointer; }
.popupmenu_popup { text-align: left; line-height: 1.4em; padding: 10px; overflow: hidden; border: 1px solid #CAD9EA; background: #FFF url("images/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 1px;  }
.headermenu_popup { width: 170px; }
	.headermenu_popup li { float: left; width: 7em; line-height: 24px; height: 24px; overflow: hidden; border-bottom: 1px solid #E8E8E8; }

.avataonline { float: left; height: 30px; line-height: 30px; padding-left: 28px; background: url(images/avataronline.gif) no-repeat 10px 40%; }
#viewpro_menu { margin: 10px auto auto -30px; text-align: center; }
	#viewpro_menu img { height:48px; width: 48px; margin: 2px auto; }
	#viewpro_menu li { text-align: left; }

.userinfolist { float: left; }
	li.popuser { text-indent: 20px; padding: 4px; background: url(images/usericon.gif) no-repeat 0 50%; }
	li.poplink { text-indent: 20px; padding: 4px; background: url(images/homelink.gif) no-repeat 0 50%; color: #999; }
#styleswitcher_menu { overflow: visible; }
	#styleswitcher_menu, #styleswitcher_menu ul li, #styleswitcher_menu ul li.current a, #styleswitcher_menu ul li a { white-space: nowrap; }
	#styleswitcher_menu ul li.current { font-weight: bold; }
		#styleswitcher_menu ul li.current a { color: #666; }
	#styleswitcher_menu li.current { font-weight: bold; }
/*quicksearch*/
.ntforumsearch{ float:right;  text-align:right; line-height:180%; padding-top:2px;}
	#searchbar { border: 1px solid #ccc; height: 26px; margin-right: 0px; line-height: 24px; width: 220px;  background:#FFF;}
		#searchbar dt,#searchbar dd { float: left; }
		#searchbar .s2{ background: #fff url(images/dot-down.gif)  no-repeat right center; width: 80px; color: #090; text-align: center; line-height: 26px; }
		#searchbar .text{ width: 110px; text-indent: 2px; border: 0; padding: 0.2em 0; }
			*html #searchbar .text { width: 108px; }
			*+html #searchbar .text { width: 108px; }
		#searchbar .textinput {border-right:1px solid #ccc;}
		#searchbar .s3{ width: 28px; height: 26px; background: #fff url(images/button-search.gif)  no-repeat 100% 0; border: 0; }
		.searchmenu { background-color: #F5FAFE; padding: 4px; width: 75px; text-align: center; border: 1px solid #ccc; border-top: 0;}
/*quicksearch*/
#infobox{ margin:4px auto; height:30px; background:#fff url(images/Locationbg.jpg) repeat-x left top; color:#3F4E5A; }
	.ntforumnote{ float:left; width:720px; line-height:30px;}
	.ntforumnote dt,.ntforumnote dd { float:left; }
		.ntforumnote dt{ font-weight:bold; padding:0 15px; text-align:center; }
		.ntforumnote ul{ width:630px;}
		.ntforumnote li{float:left; padding-left:10px;}
			.ntforumnote cite{ padding:0 10px; text-align:right;}
			.ntforumnote h3{ padding-left:5px; font-weight:normal;}
.mainbox { clear:both; margin-bottom:5px; }
	/*\*/ * html .mainbox{ height: 1%; } /**/ *>.mainbox{ overflow: hidden;}		
	.box { float:left; border:1px solid #B3C9E1; margin-right:10px; display:inline;}
	.box span { float:right; line-height:28px; padding-right:10px; }
		.box span a { padding:0 5px; }
	.box h2 { background:url(images/gather/titlebg.gif) repeat-x 0 0; border-bottom:1px solid #D3E3F2; line-height:28px; color:#2567B3; padding-left:11px; font-size:14px; }
/*forum*/
.firstbox { float:left;width:330px; margin-right:5px;}
	.focusbox { margin:7px; text-align:center;  }
	.focusbox h3 { line-height:260%; }
	.focuspage { text-align:right; background:#ececec; }	
		.focuspage a { line-height:16px; padding:0 8px; background:#c5c5c5; border-left:1px solid #FFF; color:#FFF; text-decoration:none; }
		.focuspage a.current { background:#515151;}
.newtopicbox { width:370px; overflow:hidden; margin-right:0; }
	.newtopicbox dl { margin:10px; border-bottom:1px dashed #BFC7DC; padding-bottom:10px; }
		.newtopicbox dt { line-height:32px; font-weight:bold; font-size:14px; }
		.newtopicbox dt em { float:right; color:#999; }
	    ul.topiclist { margin:5px 5px 0px 10px; }
		ul.topiclist li {background:url(images/gather/icon.gif) no-repeat 0 50%; padding-left:10px; font-size:13px; line-height:20px; white-space:nowrap; }
		ul.topiclist cite { float:right; color:#999; font-size:12px; padding:0 4px;  }
		ul.topiclist span a { float:right; color: #999966; font-size:12px; padding:0;  }

/*第一栏中间头条大字的链接样式*/
.ad-1 { width:370px;}
.ad-1 li{ width:360px; padding:10px 5px 2px 5px; background-color:#FFFFFF; text-align:center;}
.ad-1 span{ text-indent:24px; padding:0; margin:3px; line-height:22px; text-align:left; display:block;}
.ad-1 a:link{ text-decoration:none; color:#ff0000;font-size:18px; font-family:"黑体" ,Arial Black,sans-serif;}
.ad-1 a:visited{ text-decoration:none; color:#ff0000;font-size:18px; font-family:"黑体" ,Arial Black,sans-serif; }
.ad-1 a:hover{ text-decoration:underline; color:#ff0000;font-size:18px; font-family:"黑体" ,Arial Black,sans-serif; }
.ad-1 a:active{ text-decoration:underline; color:#ff0000;font-size:18px; font-family:"黑体" ,Arial Black,sans-serif;}

/*第二栏*/
.leftbox{float:left;width:322px; margin-right:10px; margin-bottom:5px;}
.topics-username { width:80px;float:right; margin-top:-20px; overflow:hidden;}
.active img{ width:80px; height:70px; border:1px solid #333333; margin-right:6px; float:left; display:inline;}
.ad-3 a:link{ text-decoration:none; color:#F06D03;font-size:16px;font-family:"黑体" ,Arial Black,sans-serif;}
.ad-3 a:visited{ text-decoration:none; color:#F06D03;font-size:16px; font-family:"黑体" ,Arial Black,sans-serif;}
.ad-3 a:hover{ text-decoration:underline; color:#F06D03;font-size:16px; font-family:"黑体" ,Arial Black,sans-serif;}
.ad-3 a:active{ text-decoration:underline; color:#F06D03;font-size:16px; font-family:"黑体" ,Arial Black,sans-serif;}

/*第三栏*/
.hotphoto-l { width:205px;float:left; display:inline; padding-left:10px; padding-top:10px;}
.hotphoto-l img{ padding:4px; width:200px; height:200px;background-color:#EDEBEC;}
.hotphoto-r{ width:485px; float:right;display:inline;padding-top:10px;}
.hotphoto-r img{ padding:4px; width:120px; height:90px; background-color:#EDEBEC; margin-left:25px; margin-bottom:10px;}

/*式(第四大区)罗列快的样*/
.div-width{ width:100%; margin-bottom:5px; margin-top:5px;}
.width-475{ width:475px; float:left; display:inline;}
.width-385{ width:385px; float:left; display:inline;}
.width-80{ width:80px; float:left; display:inline;}

.two-nav-1{ background:#FDE7C3;border:1px solid #E5C48F; height:26px; line-height:26px; text-align:center;}
.two-nav-2{ background:#CFEFD0;border:1px solid #A4DF9B; height:26px; line-height:26px; text-align:center;}
.two-nav-3{ background:#E2D2DF;border:1px solid #CAA8C0; height:26px; line-height:26px; text-align:center;}
.two-nav-4{ background:#D7DEE6;border:1px solid #ACB9CA; height:26px; line-height:26px; text-align:center;}
.two-nav-5{ background:#CCEEF0;border:1px solid #A0DDE0; height:26px; line-height:26px; text-align:center;}
.link14 a:link{color:#B20405; text-decoration:none; font-size:14px;font-weight:bold;}
.link14 a:visited{color:#B20405; text-decoration:none; font-size:14px;font-weight:bold;}
.link14 a:hover{color:#B20405; text-decoration:underline; font-size:14px;font-weight:bold;}
.link14 a:active{color:#B20405; text-decoration:underline; font-size:14px;font-weight:bold;}

.two-cont-1{ padding:10px; text-align:center; background-color:#FFFCF7; border-left:1px solid #E5C48F;border-bottom:1px solid #E5C48F;border-right:1px solid #E5C48F; height:248px;}
.two-cont-1 ul li{ display:block; height:22px; border-bottom:1px dotted #E5C48F;list-style:none;}
.two-cont-2{ padding:10px; border:1px solid #DDDDDD;background:#F8F8F8; text-align:center;}
.two-cont-2 img{ width:80px; height:70px; border:1px solid #333333; margin-right:10px;float:left; display:inline;}
.two-cont-2 p{ padding:0; margin-top:4px; margin-bottom:7px; line-height:20px; color:#333333; text-indent:24px; text-align:left;}
.two-cont-3{ padding:10px; text-align:center; background-color:#F8FDF7; border-left:1px solid #A4DF9B;border-bottom:1px solid #A4DF9B;border-right:1px solid #A4DF9B; height:248px;}
.two-cont-3 ul li{ display:block; height:22px; border-bottom:1px dotted #A4DF9B;list-style:none;}
.two-cont-4{ padding:10px; text-align:center; background-color:#FBF9FA; border-left:1px solid #CAA8C0;border-bottom:1px solid #CAA8C0;border-right:1px solid #CAA8C0; height:248px;}
.two-cont-4 ul li{ display:block; height:22px; border-bottom:1px dotted #CAA8C0;list-style:none;}
.two-cont-5{ padding:6px; text-align:center; background-color:#F9FAFC; border-left:1px solid #ACB9CA;border-bottom:1px solid #ACB9CA;border-right:1px solid #ACB9CA; height:252px;}
.two-cont-5 ul li{ display:block; height:22px; border-bottom:1px dotted #ACB9CA;list-style:none;}
.two-cont-6{ padding:10px; text-align:center; background-color:#F9FDFE; border-left:1px solid #A0DDE0;border-bottom:1px solid #A0DDE0;border-right:1px solid #A0DDE0; height:248px;;}
.two-cont-6 ul li{ display:block; height:22px; border-bottom:1px dotted #A0DDE0;list-style:none;}

.mar-bot5{ margin-bottom:5px;}
.two-cont{ padding:6px; border:1px solid #DDDDDD; line-height:22px;}
.two-cont ul { padding-bottom:1px; padding-left:3px;}
.two-cont span a {float:right; color: #999966; font-size:12px; padding:0;}
.mar-rig5{ margin-right:5px;}
.mar-left5{ margin-left:5px;}
ul.dotted li {background: url(image/buttom-2.gif) no-repeat 0px 10px; padding-left:10px;}
.dotted span.topics-time{margin-top:-20px;}
ul.reply li span {float:right; color: #999966; font-size:12px; padding:0; margin-top:-28px;} 
ul.topicdown { margin:5px 5px 0px 10px; }
ul.topicdown li {background:url(image/buttom-2.gif) no-repeat 0 50%; padding-left:10px; font-size:13px; line-height:22px; white-space:nowrap; }
ul.topicdown span a { float:right; color: #999966; font-size:12px; padding:0;  margin-top:-5px; }

/*第五区（名人博客）*/ 
#box2 li { float:left;width:50px;text-align:center;}
#box2 li a { display:block;}
#box2li {
width:210px; 
height:1px; 
line-height:1px; 
overflow:hidden; 
font-size:0px;//这个是关键 
margin:5px 0 5px 10px; 
border-bottom:dashed 1px #CC6600; 
}

/*第五区园林摄影*/
.gra { float:left; margin-right:10px;}
.graph { width:100%;float:left;display:inline; padding-top:10px;}
.graph img{ padding:4px; width:120px; height:90px; background:#EDEBEC; margin-left:10px; margin-bottom:5px;}
.graup { border:1px solid #B3C9E1; margin-bottom:6px;}
.graup h2 { background:url(images/gather/titlebg.gif) repeat-x 0 0; border-bottom:1px solid #D3E3F2; line-height:28px; color:#2567B3; padding-left:11px; font-size:14px; }

.sidebox { margin-right:0; width:230px; overflow:hidden;  }
	.titlebar,.sidetitlebar { margin:0 1px; background:url(images/gather/sidetitlebg.gif) repeat-x 0 0; height:29px; font-size:14px; }
	.titlebar ul { margin-left:7px; padding-top:6px; }
	.titlebar li,.sidetitlebar li { float:left; text-align:center; line-height:22px; height:22px; text-align:center; padding:0 10px; }
		.titlebar li.current,.sidetitlebar li.current { position:relative;  background:url(images/gather/tabbg.gif) repeat-x 0 0; border:1px solid #99C2DE; border-bottom:none; font-weight:bold; }
		.titlebar a { text-decoration:none; }
	.sidetitlebar { background:#EFF6FE; border-bottom:1px solid #D6E2F2; height:28px; }
		.sidetitlebar li { line-height:28px; height:28px; border-right:1px solid #99C2DE; }
		.sidetitlebar li.current { background:#FFF; border:none;  border-right:1px solid #99C2DE; border-bottom:1px solid #FFF; }
			*html .sidetitlebar li.current { top:1px; }
	.sideinner ul { margin:7px 10px; }
		.sideinner li { line-height:22px; }
		.sideinner cite { float:left;display:block;width:15px; height:16px; line-height:16px;margin-right:4px; text-align:center; background:#e5f1fd; border:1px solid #aedbf8; color:#7899C2;}
        .sideinner cite.first { background:#ff9853; border:1px solid #FF6600; color:#c85000; }
        .sideinner cite.second { background:#FDE4E4; border:1px solid #F1AEB9; color:#CB8B7E; }
        .sideinner cite.third { background:#F0E3FE; border:1px solid #BFAAF5; color:#C4A7FE; }
		.sideinner em { float:right; color:#999966;}
		.sideinner li i { font-style:normal; padding:0 3px; color:#999966; }
		ul.topicdot li{ background:url(images/gather/icon.gif) no-repeat 0 50%; padding-left:6px; }
	.forumtag { padding: 3px; }
        .forumtag a{ padding: 0 3px; white-space:nowrap; }
.topicbox,.albumbox,.mallbox { width:706px; padding-bottom:5px;}
	.albumbox,.mallbox {}
	.maintopic { float:left; width:260px; border-right:1px dashed #b9c9d8; margin:14px 0; text-align:center; padding-top:10px;  margin-right:10px;}
/*end forum*/

/*links*/
#forumlinks {}
	#forumlinks td { padding: 5px 5px 5px 55px; background: url(images/forumlink.gif) no-repeat 18px 50%; color: #999; border-bottom:1px solid #CCC; }
	#forumlinks .forumlink_logo { float: right; }
/*end links*/
/*footer*/
#ad_footerbanner { padding-bottom:10px; text-align:center;}
#footer { border-top: 1px solid #9DB3C5; color: #666; padding: 12px 0; }
	#footer .wrap { margin:0 auto; width: 98%;}
	#footlinks { float: right; margin-top: -3px; text-align: right; }
	#footer img { float: left; margin: 0 10px 0 0; }
	#copyright, #debuginfo { font: 0.83em/1.5em Verdana, Arial, Helvetica, sans-serif; }
		#copyright strong, #copyright em { font-weight: bold; }
			#copyright strong a { color: #0954A6; }
			#copyright em { color: #FF9D25; }
			#debuginfo { color: #999; }
	.scrolltop { cursor: pointer; }
/*footer*/

/*flash*/
#flash_show_out {
	WIDTH: 330px; POSITION: relative; HEIGHT: 270px
}
#flash_show {
	
}
#flash_img {
	BORDER: #B6CAE0 1px solid;FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);OVERFLOW: hidden;WIDTH: 318px;HEIGHT: 270px
}
#flash_img img {WIDTH: 320px;HEIGHT: 270px}
#flash_btn {
	Z-INDEX: 202; RIGHT: 0px; WIDTH:100px; POSITION: absolute; TOP: 250px
}
#flash_btn DIV {
	FLOAT: left; MARGIN: 5px 2px
}
#flash_btn DIV A {
	BORDER: #B6CAE0 1px solid;DISPLAY: block; BACKGROUND: #fff; OVERFLOW: hidden;WIDTH: 7px;HEIGHT: 7px
}
#flash_btn DIV A:hover {
	DISPLAY: block; BACKGROUND: #0bb6ce
}
#flash_show_ctl {
	Z-INDEX: 20; LEFT: 1px; WIDTH: 320px; POSITION: absolute; TOP: 230px; HEIGHT: 40px; text-align:center;
}
#flashtrans {
	Z-INDEX: 2; BACKGROUND: #fff; FILTER: Alpha(opacity=70); LEFT: 1px; WIDTH: 318px; POSITION: absolute; TOP: 230px; HEIGHT: 40px; moz-opacity: .7; opacity: .7
}
#flash_show_ctl_msg {
	FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); FLOAT: left; OVERFLOW: hidden; WIDTH: 320px
}
#flash_show_ctl A {
	FONT: bold 13px/28px Arial,'宋体'; COLOR: #000; TEXT-DECORATION: none
}
#flash_show_ctl A:hover {
	COLOR: #309; TEXT-DECORATION: none
}
#flash_show_ctl_tuber {
	Z-INDEX: 100; LEFT: 305px; POSITION: relative; TOP: -17px
}
#flash_show_ctl_arrow {
	MARGIN-RIGHT: 5px
}
#img_prev_btn {
	FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000; BORDER-TOP-STYLE: none! important; LINE-HEIGHT: 10px; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; HEIGHT: 12px! important; BORDER-BOTTOM-STYLE: none! important
}
#img_next_btn {
	FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000; BORDER-TOP-STYLE: none! important; LINE-HEIGHT: 10px; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; HEIGHT: 12px! important; BORDER-BOTTOM-STYLE: none! important
}
#cmcont .cmpart {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; MIN-HEIGHT: 190px; FLOAT: left; PADDING-BOTTOM: 8px; WIDTH: 30%; PADDING-TOP: 8px; HEIGHT: 200px
}
.aimg {
	BACKGROUND: #0bb6ce
}
/*flash*/


/*right*/
.right {float:right;}

/*blank*/
.blank { padding-top:5px;}

/*clear*/
.clear { clear:both;}

.mar-left { margin-left:10px;}
.adinner { clear:both; margin-bottom:5px;}