@charset "utf-8";
body{padding:0px; margin:0px; background:#fff; font-size:12px; width:90%;color:#999; font-family:Verdana;}
form{margin:0px; padding:0px;}
	input{font-size:12px; border:#aaa solid 1px; color:#444; padding:0 2px 0 2px;}
	select{line-height: 19px; height: 19px;font-size:12px;}
a img{border:none;}
a:link,a:visited{color:#0063DC; text-decoration:none;}
a:hover{color:#FF00CC;text-decoration:underline;}

ul{padding:0px; margin:0px; list-style:none;}
li{list-style:none;}

fieldset{border:1px solid #37B702;padding:10px;}
	fieldset legend{color:#FF00CC;font-size:14px;font-weight:bold;background:url(pic/online_sx.gif) no-repeat 0 center;padding-left:20px;margin-bottom:10px;}
	fieldset form{font-size:14px;color:#666;}

/*Div*/
#colorful{ margin:0px; padding:0px; height:2px;}
	#colorful li{ display:block; float:left;width:10%; height:2px;overflow:hidden;}

#header{background:#fff; border-bottom:1px solid #ccc; text-align:left;margin-top:10px; height:62px;}
	#header-logo{float:left;}	
			
	#header-menu{text-align:right; line-height:36px; font-size:14px;color:#ccc;}	
		#header-menu a{margin:0 5px;}	
			
	#header-search{text-align:right;color:#666;}
	
	#header-search{text-align:right;}
		#new-link{border:#ccc solid 1px;width:250px;padding:3px 5px 3px 25px;text-align:center;margin:0 20px;background:url(pic/new.gif) 5px center no-repeat;}
			#new-link a{color:#FF00CC;}
			#new-link a .text{color:#666;}
	

/*main*/
#main{padding:10px 0;width:100%;}
	#main strong{font-weight:bold;font-size:12px;background:url(pic/mode_dot_01.gif) no-repeat 0 center;line-height:22px;padding-left:20px;color:#333;}
		#main strong.main-title{background-color:#efefef;display:block;margin-bottom:10px;}
		
	.main-more{text-align:right;}
	/*
	#main-search{padding:5px;border:1px solid #37B702;background:#E8FCD3;margin-bottom:10px;}
		#main-search form{background:#fff;padding:5px;text-align:center;}
	
	#main-start{ padding:5px;line-height:25px; color:#333;border:1px solid #37B702;width:660px;float:left;overflow:hidden;}
		#main-start ul{margin:0 1em;}
		
	#main-login{ padding:5px;line-height:25px; color:#333;border:1px solid #37B702;margin-left:680px;}
		#main-login form{padding:0 5px;line-height:20px;}
			#main-login p{padding:0 5px;line-height:20px;margin:2px;padding:0;}
		
		#main-login .menu-link{color:#006600;height:100px;}
		#main-login .menu-link li{line-height:22px;width:47%;float:left;margin:5px 3px;}
		#main-login .menu-link li a{display:block;width:100%;border:1px solid #3399CC;background:#F8FBFF url(pic/list.gif) no-repeat 8px center;text-indent:20px;}
		#main-login .menu-link li a:hover{color:#336600;background:#EBFED8 url(pic/arrow_header.gif) no-repeat 8px center;border:1px solid #669900;}
		#main-login .menu-link li a.active{color:#FF0066;background:#FEF3F3 url(pic/2008_float_09.gif) no-repeat 5px center;border:1px solid #FF3366;}
		
	#main-tag{ padding:5px;color:#333;line-height:20px;border:1px solid #999;margin:8px 0;}
		#main-tag a{text-decoration:underline;}
		#main-tag a.more{color:#6633CC;}
	*/
		
	/*main-content*/
	/*
	#main-content{width:670px;float:left;line-height:25px;}
		#main-user{padding:5px;border:#FF00CC solid 1px;}
			#main-user li{float:left;width:20%;text-align:center;height:100px;overflow:hidden;}
				#main-user li img{display:block;margin:auto;}
		
		#main-rec{padding:5px;width:300px;float:left;border:#0066FF solid 1px;margin:8px 0;}
			#main-rec li{height:90px;border-bottom:1px dashed #ccc;}
			#main-rec li img{float:left;margin:5px;}

		#main-new{padding:5px;border:#0066FF solid 1px;margin:8px 0 0 320px;}
			#main-new li{height:90px;border-bottom:1px dashed #ccc;}
			#main-new li img{float:left;margin:5px;}
	*/

	/*main-menu*/	
	/*
	#main-menu{margin-left:680px;}
		#main-menu .menu-title{background:url(pic/icon_view.gif) no-repeat 5px center;line-height:25px;text-indent:25px;color:#333; font-weight:bold;border:#999 solid 1px; border-bottom:none;}
		
		#main-menu .menu-link,.menu_user,.menu_text,.menu-logo{padding:5px; color:#006600;background:#F8FBFF;border:1px solid #999; margin-bottom:8px;}
		#main-menu .menu-link li{line-height:18px;padding-left:14px; margin:2px;background:url(pic/list_bg2.jpg) no-repeat 1px 7px;}
		#main-menu .menu-link li a:hover{color:#ff9900;background:none;}
			#main-menu .cool{background:url(pic/ku.gif) center;width:15px;height:15px;vertical-align: middle;}
			
		#main-menu .menu-logo{text-align:center;}
			#main-menu .menu-logo a{color:#ff9900;background:none;}
	*/


#footer{ line-height:22px; margin-top:20px; clear:left; border-top:1px solid #ccc;text-align:center;padding:8px;color:#666;}
	#footer a{color:#666;}
		#footer a:hover{color:#333;}
		
/*page*/
#page-image-view{padding:5px;border:#ccc solid 1px;position:absolute;margin:20px;background:#fff url(pic/loading.gif) center no-repeat;}

#page-show-info{padding:10px 10px 10px 40px;border:#0066FF solid 1px; border-left:#FF00CC solid 1px;border-top:#FF00CC solid 1px;position:absolute;margin:20px;font-size:14px;line-height:30px;color:#FF00CC;background:#fff url(pic/info.gif) 5px center no-repeat;}

#page-show-error{border:#0066FF solid 1px;position:absolute;width:350px;background:#fff;z-index:210;}
	#page-show-error-bg{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:200;background-color:#ccc;display:;filter: alpha(opacity=20);opacity:0.2;}
	#page-show-error-title{padding:4px;border-bottom:#0066FF solid 1px;color:#fff;background:#0066FF;}
		#page-show-error-title img{background:url(pic/close.gif) center no-repeat;width:12px;cursor:pointer;float:right;}
		
	#page-show-error-main{padding:5px 5px 5px 75px;font-size:14px;line-height:25px;color:#666;background:#fff url(pic/alert.gif) 5px center no-repeat;}
		#page-show-error p{margin:1em 0;padding:0;}
	#page-show-error-bar{text-align:right;margin:5px;}

/*Class*/

	/* Page Number */
	.page_number{padding:5px;margin:0 auto;	text-decoration: none; color:#666; margin:10px auto;font-size:12px;}
		.page_number b{	font-weight:bold;padding: 2px 6px 2px 6px;color: #ccc;margin-right:2px;vertical-align: middle;}
		.page_number span{ margin-left:5px;}
		.page_number a {border:#ddd 1px solid;padding: 2px 6px 2px 6px;background: #FFF;color: #333;margin-right:2px;vertical-align: middle;}
			.page_number a:hover {border-color:#4D5D2C;color:#4D5D2C; text-decoration:none;}

.text-key{color:#6633CC;}
.text-tip{color:#999;text-align:right;}

input.input-radio{ border:none;}
input.input-text{padding:2px;}
input.input-login{width:140px;}
input.input-button{height:20px;padding-top:1px; height:21px; background:#36B701 url(pic/bt.jpg); color:#fff;border:#666 solid 1px;cursor:pointer;}
input.input-button:hover{background-position:0 -20px;}

.clear{clear:both; width:80%; margin:auto; height:0px; overflow:hidden;}
/*Class*/

/*Center*/
#header,body{margin-left:auto; margin-right:auto;}
/*Center*/

	
/*about*/
#about-menu{float:left;width:170px;overflow:hidden;}
	#about-menu .box{border:#ccc solid 1px;margin-bottom:10px;padding:5px;margin-bottom:10px;}
		#about-menu .title{line-height:30px;color:#333;font-weight:bold;background:url(pic/d1.gif) 5px center no-repeat;padding-left:20px;border-bottom:#ccc solid 1px;}
		#about-menu .main{overflow:hidden;}
		
		.nav-list{}
			.nav-list li{line-height:25px;margin:3px 0;}
			.nav-list li a{text-indent:25px;background:url(pic/about.nav.gif) 5px -35px no-repeat;width:155px;display:block;}
			.nav-list li a:hover{background-position:5px -13px;background-color:#FFF1F9;}
			.nav-list li a.active{background-position:5px 7px;background-color:#EEF9FF;}
		
		.user-list{}
			.user-list li{line-height:22px;height:40px;padding:5px 0;border-bottom:#ccc dashed 1px;}
			.user-list li img{float:left;margin-right:5px;width:40px;height:40px;}
	
		.tag-list{padding:5px 0;}
			.tag-list a{line-height:20px;}
			
#about-content{border:#ccc solid 1px;margin-left:185px;padding:10px;overflow:hidden;}

	#about-content .title{line-height:30px;color:#0066FF;font-weight:bold;background:url(pic/about.title.gif) 5px center no-repeat;padding-left:25px;border-bottom:#ccc solid 1px;font-size:14px;}
		#about-content .title .date{float:right;color:#999;font-size:12px;font-weight:normal;}
	#about-content .main{padding:5px;line-height:22px;color:#666;margin-bottom:10px;}
	
	
	#about-content .list ul ,#about-content .list ol{margin:.5em 1em;}
	#about-content .list li{margin:.5em 2em;list-style:disc;}

		#about-content img.logo{float:right;margin:5px;}
		
	.add-style{height:200px;border:dashed #ccc 1px;padding:10px 10px 0 10px;}
		.add-style li{ width:24%;float:left;height:50px;}
		.add-style li img,.add-style li input{vertical-align:middle;}
		
	#add-preview{border:dashed #ccc 1px;padding:10px;}

	.share-nav{background:url(pic/bo_03.gif);line-height:30px;height:30px;}
		.share-nav li{width:100px;float:left;text-align:center;font-size:14px;font-weight:bold;color:#56AC01;}
		.share-nav li a{color:#333;}
			.share-nav li a:hover{color:#559715;}
			
			.share-nav li a.active:link,.share-nav li a.active:hover,.share-nav li a.active:visited{background:url(pic/3_b.gif?n) top repeat-x;color:#559715;display:block;}
		
	.share-list{margin:5px;}
		.share-list li{border-bottom:#ccc dashed 1px;padding:5px;height:90px;line-height:30px;}
			.share-list li .snap{float:left;margin-right:10px;width:80px;}
			
			.share-list li .title{font-size:14px;float:left;width:360px;}
			.share-list li .date{margin-left:0px;float:left;text-align:right;width:210px;}
			
			.share-list li .url{clear:float;}
			
			.share-list li .count{width:100px;float:left;}
			.share-list li .click{width:100px;float:left;}
			.share-list li .tag{width:200px;float:left;}
			.share-list li .from{}
		
	/*list*/
	#about-content table.table-box{ background:#CCE0F5;}
		#about-content table .table-title{background:#CCE0F5; color:#333; letter-spacing:2px;}
		#about-content table .table-line{ background:#fff;color:#333;}
		#about-content table .table-title td,#about-content table .table-line td{text-indent:5px; padding:5px;line-height:20px;}