/* CSS Document */
@import url("css.css");  /*xhtml元素的设定*/

body{
	font:12px arial,helvetica,clean,sans-serif,"宋体";
	background: #ababa9;
	color:#000;
}
		
input.button{
	width:60px;
	height:18px;
	border:none;
	}
	
.submit-post{
	background:#000;
	color:#fff;
	cursor:pointer;
	padding:0 8px;
}
	
input.btn{
	height:20px;
	padding:0 3px;
	border:1px #ccc solid;
	cursor:pointer;
	background:url(../img/bg_btn.gif) repeat-x;
	}
	
.btn{
	padding:2px 8px;
	border:1px #ccc solid;
	cursor:pointer;
	}
	
.noborder{
	border:none;
	}

/* 链接颜色 */
a:link {color: #333933; text-decoration:none;}
a:visited {color: #333933; text-decoration:none;}
a:hover {color:#d4a031; text-decoration:underline;}
a:active {color: #333933;}

/* 颜色属性 [定义规则，小写c加颜色名称] */
.Red, a.Red:link, a.Red:visited{ color:#D90D19; }
.cDRed, a.cDRed:link, a.cDRed:visited{ color:#bc2931;}
.blue{
color:#008cd2;
}
.gray{color:#898989;}

.bg_gray{
	background-color:#f1f2f2;
	}
	
.black, .black a:link, .black a:visited{ color:#000000;}
a.black:visited{
	color:#444;
	}
a.black:link{
	color:#444;
	}
	
.white, .white a:link, .white a:visited{ color:#fff;}

/*隐藏*/
.dn{
	display:none;
	}

/* 其他 */
.dashedline{
	border-bottom:1px solid #ececef;
	}
	
.gray_solidline{
	border-bottom:1px solid #dedede;
	}

.solidline{
	border-bottom:1px solid #ccc;
	}
	
.text_solidline{
	text-decoration:underline!important;
	}
	
	
.clearboth{clear:both; font-size:0px; height:0px; line-height:0px;}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.align_right{
	text-align:right;
	}
	

.tcenter{
	text-align:center;
	}
	
.img_floatleft img{
	float:left;
	margin-right:8px;
	}	
	
.detail_ad {
	/*float:left;*/
	clear:left;
}
	
.detail_ad_left{
	float:left;
	height:2px;
	display:none;
}

/* 空白 */	
.blank8{ height:8px; clear:both; font-size:1px;overflow:hidden;line-height:1px;}
.blank5{ height:5px; clear:both; font-size:1px;overflow:hidden; line-height:1px;}
.blank10{ height:10px; clear:both; font-size:1px;overflow:hidden;line-height:1px;}

/* 边 */
.border{
	border:1px solid #cccfcc;
	}
	
.border_top{
	border-top:1px solid #dddfdd;
	margin-top:3px;
	padding-top:3px;
	}
	
.border_bottom{
	border-bottom:1px solid #dddfdd;
	margin-bottom:3px;
	padding-bottom:3px;
	}
	
/* 字体属性 [定义规则，小写f加属性名称] */
.fB {font-weight: bold;}


/* 字体大小*/
.f15px{ font-size:15px;}

/* 顶部 */
.top{
	height:24px;
	width:100%;
	margin:0px auto;
	background:#4b4b4b;
	line-height:24px;
	clear:both;
	/*border-top:7px solid #cc9900;*/
}

.top, .top a, .top a:visited, .top a:hover{
	color:#fff;
	}

.top_left{
	float:left;
	width:550px;
	height:24px;
	text-align:left;
	background:url(../img/freeren.gif) no-repeat 13px top;
	display:inline;
	}

.top_right{
	float:right;
	width:415px;
	height:24px;
	line-height:24px;
	text-align:right;
	display:inline;
	padding-right:15px;
	color:#fff;
	}
	
.top_right a{
	color:#fff;
	}
	
.top_right a:hover{
	color:#FF9900;
	}	

	
.top_right input.button{
	background:#feb5df;
	color:#ca0275;
	width:45px;
	height:17px;
	cursor:pointer;
	border:none;
	text-align:center;
	line-height:18px;
	border:1px solid #ca0275;
	}
	
.top_right input{
		width:70px;
		border-bottom:1px solid #feb5df;
		border-top:none;
		border-left:none;
		border-right:none;
		text-align:left;
		background:none;
		font-size:12px;
		color:#eee;
}

	
/* 头部 */	

.head{
	height:90px;
	width:996px;
	margin:0px auto;
	clear:both;
	background:url(../img/top_left.gif) #000 no-repeat left bottom;
}

.head_n{
	background:url(../img/top_right.gif) no-repeat right bottom;
	height:90px;
	}

.logo{
	width:260px;
	cursor:pointer;
	vertical-align:middle;
	text-align:left;
	display: block;
	float:left;
	background:url(../img/logo.gif) no-repeat 12px top;
	}
	
.logo a{
	display:block;
	height:90px;
	}
	
.top_top{
	height:43px;
	text-align:right;
	width:720px;
	float:right;
	}
		
.top_bottom{
	float:right;
	width:720px;
/*	width:780px;
*/	height:22px;
	}


	
/* topmenu tool */
.nav{
	height:90px;
	}
	
.nav{
	width:720px;
	margin:0px;
	clear:both;
	background:url(../img/top_bg.gif) no-repeat 8px 3px;
}

.nav ul{
	margin:0 auto;
	overflow:hidden;
	padding-right:16px;
	padding-top:54px;
	}
	
.nav ul li{
	text-align:center;
	margin:0 8px;
	overflow:hidden;
	display:inline-block;
	float:right;
	}

.nav ul li a{
	height:36px;
	line-height:36px;
	color:#fff;
	padding:0 8px;
	display:inline-block;
	background:url(../img/nav_bg.gif) no-repeat center top;
	}
		
.nav ul li a:visited{
	color:#fff;
	}
	
.nav ul li a:hover{
	color:#d4a031;
	background:url(../img/nav_bg.gif) no-repeat center top;
	}
	
.banner_nav{
	border-left:none!important;
	line-height:60px;
	font-size:18px;
	text-align:right;
	padding-left:13px;
	letter-spacing: 2px;
	}
	
/*.subnav ul li a:visited{	
	color:#555;
	}*/
	
.subnav{
	/*border-top:1px solid #e7e7e7;*/
	border-bottom:1px dashed #e7e7e7;
	background:#f7f7f7;
	clear:both;
	}
	
.subnav ul{
	margin:0px auto;
	}
.subnav ul li{
	float:left;
	}

.subnav ul li a{
	float:left;
	padding:0 6px;
	margin-top:8px;
	/*color:#ca0275;*/
	}

/* leftmenu tool */
.menu li a{
	border-bottom:1px dotted #ededed;
	height:23px;
	line-height:23px;
	background:url(../img/menu_bg.gif) no-repeat left center;
	text-align:left;
	padding-left:15px;
	font-weight:bold;
	display:block;
	}


.menu li a:hover{
	background:url(../img/menu_bg.gif) #eee no-repeat left center;
	}


	


/* 区块 */
.main, .foot ul, .link, .top ul, .head_n{
	clear:both;
	margin:auto;
	width:996px;
	}
	
.main{
	background:url(../img/bg.gif) repeat-y left #fff;
	}
	
.left{	
	/*border-left:3px solid #feb5df;
	border-right:1px solid #eee;*/
}
	
.left{
	width: 580px;
	float: left;
	display:inline;
	position:relative;
}

/**html .left, *html .right, *html .middle{
	height:900px;
}*/

.work_left{
	background:url(../img/left_bg.jpg) no-repeat 10px 18px;
	height:500px;
	}

.middle{
	width:210px;
	float:left;
	display:inline;
	position:relative;
	margin-left:5px;
	background:url(../img/middle_bg.jpg) right 20px no-repeat;
	}
	
.right{
	width:196px;
	float:right;
	display:inline;
	position:relative;
}

.right_content{
	width:720px;
	float:right;
	}



.foot{
	padding:10px 0;
	line-height:30px;
	border-top:5px solid #000;
	background:#a9a9a9;
	text-align:center;
	}

.wisdom {
	width:780px;
	margin:auto;
	}

		
/* left */
.square{
	height:auto;
	margin:0 5px;
	padding:0px;
	text-align:left;
	}
	
.square_width{
	width:245px;
	}

	
/* right */
.square_right{
	margin:15px;
	text-align:left;
	}	
	
.square_photo{
	margin:10px;
	padding:0px;
	text-align:center;
	}

.square_photo li{
	display:block;
	text-align:center;
	}
	
.square_photo a{
	border:0px;
	text-align:center;
	}
	
.square_photo img{
	width:176px;
	padding:0px;
	margin:0px;
	}
	
	
.square_left{
	margin:15px;
	position:relative;
	text-align:left;
	line-height:22px;
	}
	
/*首页中间图片*/	
.square_pic{
	margin:0 15px;
	max-height:189px;
	min-height:80px;
	overflow:hidden;
	}
	
*html.square_pic{
	height:189px;
	}
	
.square_pic a{
	float:left;
	display:block;
	}
	
.middle_square{
	background:url(../img/middle_title.gif) no-repeat left 20px;
	height:auto;
	padding:15px 15px 5px 15px;
	line-height:22px;
	text-align:left;
	}

.middle_title{
	display:block;
	color:#fff;
	font-size:14px!important;
	font-weight:bold;
	height:41px!important;
	line-height:35px;
	}
	
.middle_title a{
	padding-left:16px;
	}
	
.middle a:link, .middle a:visited{
	color:#fff;
	}

	
.design_list a{
	padding-left:45px;
	height:41px;
	line-height:35px!important;
	display:block;
	background:url(../img/design_list.gif) no-repeat left;
	}
	
.design_list .middle_title a {
	background-position:0px -362px!important;
	}
	
.design_list #web{
	background-position: 8px top;
	}
	
.design_list #flash{
	background-position: 8px -90px;
	}
	
.design_list #photo{
	background-position: 8px -180px;
	}
	
.design_list #ai{
	background-position: 8px -270px;
	}
	
.collect .middle_title{
	list-style:none!important;
	}
	
.collect .middle_title a {
	background-position: 0px -452px!important;
	}	
	
.collect li a, .myhome li a{
	background:url(../img/design_list.gif) no-repeat left;
	background-position: 8px -634px;
	padding-left:45px;
	height:35px;
	line-height:25px;
	}

.myhome .middle_title a {
	background-position:0px -542px!important;
	}
	
.myhome .middle_title a, 
.collect .middle_title a, 
.design_list .middle_title a, 
.arc .middle_title a,
.comment_new .middle_title a {
	height:41px!important;
	padding-left:45px!important;
	line-height:35px;
	height:35px;
	display:block;
	}

	
.arc .middle_title a 
{
	background:url(../img/design_list.gif) no-repeat 0px -722px!important;
	}
	
.comment_new .middle_title a{
	background:url(../img/design_list.gif) no-repeat 0px -695px!important;
}
		
/*相关文章*/	
.relate li{
	border-bottom:1px dashed #ddd;
	}
	
	
/*首页文章*/
.index_arc{
	height:auto;
	padding:15px 15px 5px 15px;
	line-height:22px;
	text-align:left;
	}
	
.arc_title{
	font-size:20px; 
	font-weight:normal; 
	line-height:22px;
	font-family:"黑体";
	margin:6px 0;
	}
	
.index_arc_title span{
	font-family:"Arial";
	font-weight:bold;
	}
	
.index_arc p{
	margin-bottom:1em !important;
	margin-top:0px!important;
	}
	
.index_arc table{
	width:92%;
	}
	
.index_arc th{
	width:70px;
	text-align:right;
	}
.index_arc input{
	background:#fff;
	}
	
.index_arc textarea{
	width:350px;
	}

.index_link{
	background-color:#efefef;
	padding:8px 0px;
	text-align:center;
	}
	
.index_link a{
	background-color:#fff;
	padding:2px 8px;
	color:#ff8803!important;
	}
	
.index_link a:hover{
	text-decoration:none!important;
	}
	

	
.square_cate{
	height:auto;
	margin:15px 15px 0 15px;
	text-align:left;
	position:static;
	}	
	
.square_cate .title{
	font-size:14px;
	line-height:22px;
	}

.square_cate li{
	/*line-height:26px;*/
	}
	
	
.contact{
	background:url(../img/contact.gif) no-repeat 240px top;
	}

.contact p, .contact .title{
	padding-left:20px;
	}
	
	
/* 标题 */
.title{
	font-size:15px;
	font-family:"Arial Black";
	text-align:left;
	font-weight:bold;
	margin-bottom:6px;
	border-bottom:1px solid #ddd!important;
	height:22px;
/*	padding-left:13px;
*/	padding-bottom:5px;
	color:#006AB3;
	}
	
.title_small{
	font-size:14px;
	font-weight:bold;
	margin:0;
	}
	
.title_small a:link, .title_small a:visited{
	color:#a40914;
	}	
	
.arc_list_title a, .arc_list_title a:visited{
	color:#000900;
	font-size:12px;
	}
	
.arc_list_title span a{
	padding:0 5px;
	}

.title_dot{
/*	width:12px;
	height:22px;
*/	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	color:#333;
/*	background:url(../img/title_dot.gif) no-repeat center;
	float:left;
	display:block;
	margin-right:5px;*/
	}
	
/*文章标题列表*/
.arc_list_title{
	font-weight:bold;
	margin-top:8px;
	}
	
	
/*作品图片展示*/	
.work{
	padding:0px 0!important;
	margin-bottom:15px;
	}
	
.work li{
	float:left;
	font-size:12px;
	margin:5px 7px;
	position:relative;
	display:inline;
	}
	
.work .title{
	font-size:12px;
	background:#F7F7F7;
	padding:0 0 0 8px;
	line-height:22px;
	height:22px;
	border:1px solid #eee;
	font-family:"Arial";
	}
	
.work .title span{
	display:inline;
	color:#666;
	padding-left:8px;
	font-weight:normal;
	}
	
.work span{
	display:block;
	background:#f7f7f7;
	text-align:center;
	}
	
.work a img{
	border:1px solid #fff;
	}	
	
.work a:hover img{
	border:1px solid #FF9900;
	}
	
.work img{
	width:121px;
	height:91px;
	display:block;
	}
		
.work .website{
	font-size:12px;
	}
	
.work_button{
	margin-top:5px;
	}
	
.work_button a{
	background:url(../img/menu_bg.gif) no-repeat -116px center;
	padding-right:17px;
	display:block;
	}	
	
	
	
.member .title{
	background:none;
	}
	
.member span{	
	color:#000;
	font-size:14px;
	}
	
.member	img{
	float:left;
	display:block;
	margin-right:5px;
	width:48px;
	height:48px;
	}
		
.member ul li{
	clear:both;
	display:block;
	}

.member .view{
	color:#d4760c;
	margin-bottom:8px;
	background:url(../img/designerbg.gif) no-repeat left bottom;
	height:20px;
	line-height:20px;
	padding-left:14px;
/*	background-color:#f1ede1;
*/	}
	
.member .view a{
	color:#d4760c;
	}
	
.group{
	text-align:left;
	margin-bottom:6px;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
	clear:both;
	}
	

	
.group a{
	text-decoration:underline!important;
	}
	
.group a:hover{
	text-decoration:none!important;
	}
	
.group span{
	color:#000;
	font-size:14px;
	font-weight:bold;
	}

.group_photo{
	float:left;
	width:72px;
	}
	
.group_photo img{
	padding:2px;
	width:48px;
	height:48px;
	}
	
.square img, .square_vote img, .info_square img{
	margin-right:10px;
	margin-bottom:4px;
	}

/*友情连接*/
.link{
		text-align:left;
		display:block;
		padding:8px 0;
		background:#333;
}

.link a{
	/*float:left;*/
	margin:0px 8px;
	display:inline-block;
	}
	
.link a img{
	width:112px;
	height:40px;
	}
	
.link a:link, .link a:visited{
	color:#fff;
}


/***********************文章页****************************/

	
/*左面文章部分*/	

.content{
	height:auto;
	text-align:left;
	line-height:22px;
	}
.square_t{
	height:auto;
	text-align:left;
	line-height:22px;
	padding:30px;
	}
	
.square_vote{	
	height:auto;
	display: inline;
	text-align:left;
	line-height:22px;
	}
.square_vote{
	float:left;
	}
.content{
	margin:15px 15px 15px 0px;
	padding:0 15px;
	}	
	
.square_vote{
	margin:15px;
	padding:0 15px;
	}
.square_vote{
	width:920px;
	}
	
/*文章主标题*/		
.content h1, .square_t h1, .square_cate h1, .info_content h1{
	font-size:20px;
	text-align:left;
	font-family:"黑体";
	font-weight:normal;
	text-align:center;
	}
	
/*文章副标题*/	
.content h2, .square_t h2{
	font-size:14px;
	font-weight:bold;
	margin-top:8px;
	text-align:right;
	padding-right:100px;
	}

/*文章属性*/		
.int{
	margin-top:8px;
	border-top:1px solid #dedede;
	}
	
/*文章简介*/		
.introduce {
	padding:5px;
	margin-top:5px;
	border:#CCCCCC 1px dotted;
	overflow: hidden;
	word-break:break-all; 
	word-wrap:break-word;
}

/*文章正文*/
.art{
	padding-bottom:15px;
	margin-top:15px;
	overflow: hidden;
	word-break:break-all; 
	word-wrap:break-word;
	}
/*责任编辑*/
.content h3, .square_t h3, .square_cate h3{
	text-align:right;
	font-weight:normal;
	font-size:12px;
}
/*上下文*/
.art_pre_next li{
	text-align:left;
}

/*icon*/
.iconbox{
	text-align:center;
	margin-bottom:8px;
	clear:both;
	margin:0 15px;
	padding:0 15px;
}


/*发表评论*/
.comment_issue{
	text-align:left;
	margin:0 15px;
}

.comment_issue label{
	width:65px;
	display:inline-block;
	vertical-align:top;
}

.comment_issue textarea{
	width:265px;
	height:157px;
}

.comment_ad{
	width: 180px; 
	height: 150px; 
	display: block; 
	position: absolute; 
	margin-left: 345px; 
	margin-top: 120px;
}

.comment_wrap{
	float:left;
	padding:0 15px;
	width:550px;
	text-align:left;
	
}

.comment_wrap h1{
	text-align:center;
}

.comment_wrap blockquote{
	font-size:12px;
}

.comment_wrap label{
	width:120px;
	text-align:left;
	padding-left:80px;
	display:inline-block;
	vertical-align:top;
}

.comment_wrap .submit{
	padding-left:204px;
}
	
.comment_wrap .error span {
	color:#C00;
	padding-left:5px;
}

.success {
	background:url(../img/success.gif) no-repeat top center;
	padding-top:220px;
	height:260px;
}
	
.submit{
	text-align:left;
	padding-left:75px;
}

.submit input{
	width:51px;
	height:18px;
	cursor:pointer;
	font-size:12px;
	color:#fff;
	text-align:center;
	background:url(../img/button_bg.gif) no-repeat;
	border:none;
	margin-right:8px;
}
	
	
/*评论*/	
.comment{
	height:auto;
	margin:15px;
	text-align:left;
	line-height:22px;
	}
	
.comment p{	
	margin:0px;
	}

.comment li{
	line-height:32px;
	}
	
.comment input, .comment textarea{
	border:3px solid #eee;
	padding:2px;
	vertical-align:middle;
	}
	
.comment input.button{
		width:51px;
		height:18px;
		cursor:pointer;
		font-size:12px;
		color:#fff;
		text-align:center;
		border:none;
		background:url(../img/button_bg.gif) no-repeat;
	}

/***********************公用信息****************************/
.tag{
	background:#f7f7f7;
	padding:5px;
}

.tag a{
	display:inline-block;
	margin:0 4px;
}
	
/*版权链接*/
.copyRight{
	text-align:center;
	line-height:20px;
}

/*日期时间*/
.datetime{
	font-size:11px;
}

/*位置导航*/
.position{
	table-layout:fixed;
	line-height:24px;
	height:auto;
	margin:15px 0 0 15px;
	line-height:22px;
	text-align:left;
  }
.position_1{
	table-layout:fixed;
	margin-bottom:10px; 
}
/*分页*/
.art_pages{
	margin:5px auto 0;
	text-align:center;
	padding:5px;
}

.pages{
	margin:0px 15px;
	text-align:right;
	border-top:1px solid #aaa;
	padding:5px;
}

.pages a{
	padding:2px 3px;
	}

/***********************友情连接页****************************/
.link_bg{
	background:url(../img/link_bg.gif) #fbfbff repeat-y;!important
	}

.link_left, .pro_left{
	width:730px;
	float:left;
}

.link_right, .pro_right{
	width: 250px;
	float: right;
}


.link_left img{
/*	width:112px;
	height:40px*/;
	margin:5px 2px;
	}

.square_rlink{
	width:220px;
	margin:15px;
	position:relative;
	text-align:left;
	line-height:22px;
	}	
	
.square_rlink a{
	margin:0px 8px;
	line-height:22px;
	}
	
.square_rlink textarea{
	width:210px;
	border:1px solid #ccc;
	padding:3px;
	font-size:12px;
	}
	
	
/***********************个人作品集****************************/
	
.member_bg{
	background:url(../img/member_bg.gif) repeat-y;!important
	}

.member_right{
	width:730px;
	float:right;
}

.member_left{
	width: 250px;
	float: left;
}

a.big, a.big:visited{
	font-size:14px;
	color:#000;
	}
	
.small a, .small a:visited{
	font-size:12px;
	color:#666666;
	}

.website{
	color:#8fa000;
	font-size:14px;
	}
.website a:link, .website a:visited{
	color:#8fa000;
	}

	
.more {
	padding:0 8px;
}
	
a.more, a.more:visited{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#b3b3b9;
	text-align:right;
	float:right;
	height:24px;
	}
	
.intro{

	clear:both;
	background-color:#F3F3F9;
	border:1px solid #ccc;
	padding:0 5px 8px 5px;
	word-break:break-all; 
	word-wrap:break-word;
	overflow:hidden;
}

/***********************宽度自由伸长****************************/	
.square_full{
	height:auto;
	margin:0 15px;
	padding:15px 0;
	line-height:22px;
	text-align:justify;
	text-justify:inter-ideograph;
}

.ad{
	margin:auto;
	width:468px;
}

/***********************影视频道****************************/	

.letter li
{
	float:left;
	color:#777;
	padding:3px;
	line-height:18px;
	font-family:ms shell dlg;
	}
.letter li a:link,.letter li a:visited
{
	float:left;
	border:1px solid #D9DCE8;
	text-decoration:none;
	color:#777;
	background:#fff;
	width:18px;
	height:18px;
	text-align:center;
	}
.letter li a:hover,.letter li a:active
{
	color:#fff;
	background:#999;
	}
	
.movie_border{
	border:1px solid #898989;
	padding:1px;
	}
	
/* PAGINATOR */
.paginator { 
	font-size:11px; 
	padding-top:10px; 
	padding-bottom:10px; 
	line-height:22px; 
	margin:0; 
	border-top:1px solid #ddd; 
	}
.paginator a:link, .paginator a:visited { 
	padding:2px 6px; 
	border:solid 1px #ccc; 
	background:white; 
	text-decoration:none; 
	}
.paginator a.showall { 
	padding:0 !important; 
	border:none !important; 
	}
	
.paginator a.showall:hover { 
	color:#036 !important; 
	background:transparent !important;
	}
	
.paginator .end { 
	border-width:2px !important; 
	margin-right:6px; 
	}
	
.paginator .this-page { 
	padding:2px 6px; 
	font-weight:bold; 
	font-size:13px; 
	vertical-align:top;
	display:inline;
	}
	
.paginator a:hover { 
	color:white; 
	background:#D4A031; 
	border-color:#ddd; 
	}

.google_ad{
	margin:15px 5px;
	}
	
	
a.download{
	padding: 5px 12px; 
	background-color:#C0C0C0;
	font-weight:bold;
}

	
a.download:hover{
	color:#fff;
}

.download{
	padding: 8px; 
	background-color: #fff;
}

.download a:link, .download a:visited{
	text-decoration:underline;
	font-weight:bold;
}

.category_sub {
	text-align:right;
}

.category_sub a{
	margin-right:8px;
	margin-top:8px;
	display:inline-block;
	font-weight:bold;
}

/*******广告********/
.ad_float {
	display:block;
	position:relative;
	margin-bottom:-4px;
	margin-top:-5px;
}

*html .ad_float {
	margin-bottom:-1px;
	margin-top:-6px;
}