/* StyleSheet For 51ZSJC.com  PhotoPage
	Created By Boyce
	Email:youngsoul@126.com
	Date:2008.6.13
--------------------------------------*/

@import url("footer.css");

*{margin:0; padding:0;}
a img{border:0;}
ul,li{list-style:none;}
a{text-decoration:none; cursor:pointer;}
a:hover{text-decoration:underline;}
body,table,tr,th,td{font-size:12px;}

/*=Static Classes=*/
.clear{clear:both; float:none;}
.cOrange{color:#ff4b1b;}

#container{ padding-bottom:10px; width:950px; margin:0 auto;}

/*=header*/
#nav{margin:10px 0; height:45px;border-top:1px solid #d6d3ca; border-bottom:1px solid #d6d3ca;}
#nav ul{clear:left;}
#nav ul li
{
	float:left;
	padding-top:5px; 
	width:55px; 
	height:17px; 
	text-align:center;
	background:url(../images/block.gif) no-repeat right center;}
#nav ul li.four{width:75px;}
#nav ul li.four img{margin-left:2px;}
#nav ul li.end{background:none;}
#nav ul li a{color:#000;}
#nav ul li a.cRed{color:#930708;}
#nav ul li a:hover{color:#ed4400;}


.nameplate{height:39px; margin-top:10px;}
.nameplate img{float:left;}
.nameplate p{float:right; padding:15px 8px 0 0;}
.nameplate p input{width:80px; height:14px;}
.nameplate p a{color:#000;}
.nameplate p a:hover{color:#f30;}

.subNav
{

	margin-bottom:10px; 
	padding:12px 0 0 20px; 
	height:25px; 
	background:url(../images/nav.gif) no-repeat;
}
.subNav span{float:left;}
.subNav a{font-size:13px; color:#ffd5b2; margin:0 5px;}

#search{float:right; padding:0 20px; margin-top:-5px; height:27px; background:url(../images/glasses.gif) no-repeat left 4px;}
#search input.txt{width:200px;}
#search input.btn{width:64px; height:22px; text-align:center; background:url(../images/pht_s.gif) no-repeat; border:none; cursor:pointer;}
/*END header*/

/*=content*/

.col3_AB{float:left; display:inline; width:685px;}
.col3_A, .col3_B, .col3_C{float:left; display:inline;}
.col3_A{margin-right:5px; width:333px;}
.col3_B{padding:0 10px; width:327px;}
.col3_C{float:right; display:inline; width:258px; border:1px solid #dbdad7;}

.Headline_News
{
	padding:5px 0;
	margin-bottom:10px;
	text-align:center;
	background-color:#fcfaf6;
	border:1px solid #eae7e1;
}
h2.headNew{padding-bottom:5px; margin-bottom:5px; *margin-bottom:10px; font-size:16px; border-bottom:1px solid #dbdad7;}
.Headline_News p{text-align:center; padding-left:10px;}
.headNew a:hover,.newsList a{color:#000;}
.newsList a:hover{color:#f30;}
.headNew a{color:#dd0005;}
.newsList li
{
	margin:5px 0; 
	padding-left:8px; 
	background:url(../images/list_style.gif) no-repeat left center;
}
.newsList li a{font-size:14px;}
.newsList li.more{padding:0; margin:0; text-align:right; background:none;}
.newsList li.more a{font-size:12px; color:#f30;}

.search
{
	margin-bottom:10px;
	padding:1px; 
	width:256px; 
	height:246px; 
	background-color:#fcfaf6;
}
.search .title
{
	margin-bottom:15px;
	padding-left:10px;
	height:22px;
	border:1px solid #ffcc3e;
	border-bottom-width:0;
	background:url(../images/designer_searchBg.gif) repeat-x;
}
.search .title h3
{
	padding:4px 0 0 10px; 
	font-size:14px;
	background:url(../images/desinger_searchArrow.gif) no-repeat left center;
}

.td_r{text-align:right;}
.search td{padding:5px 0;}
.search td select{width:70px; margin-right:5px;}
.search td select#zhuanchang, .search td select#leixing{width:150px; margin:0;}
.search input{padding-top:2px; height:18px;}
.search select{height:20px;}
#searchBtn{margin:5px 0; padding-left:75px;}
#searchBtn input{width:90px; height:24px; background:url(../images/designer_searchBtn.gif) no-repeat; border:none; cursor:pointer;}
#searchLine
{
	margin-left:7px; 
	margin-bottom:10px;
	padding-left:30px; 
	width:215px; 
	background:url(../images/designer_gonggao.gif) no-repeat left 2px;
}
#searchLine a{color:#000;}
.search ul{margin-left:8px;}
.search ul li{}
.search ul a{color:#333;}

/*=.col3_AB*/
.col3_AB .title
{ 
	margin-top:10px;
	height:29px; 
	background:url(../images/designer_titleBg.gif) repeat-x; 
	border:1px solid #dbdad7;
	border-bottom-width:0;
}
.col3_AB .first{margin-top:0;}
.col3_AB .title h3
{
	padding:8px 0 0 10px;
	float:left;
	height:21px;
	width:127px;
	font-size:14px;
	color:#fff;
	background:url(../images/designer_titleH3Bg.gif) no-repeat;
}
.col3_AB .title a.more{float:right; margin-top:9px; margin-right:5px; color:#f60;}


.photoWrapper{margin:0; width:160px; height:135px; background:url(../images/pht_photoBg.gif) no-repeat left top;}
.photoWrapper td{text-align:center; padding:5px; height:13px;}
.photoWrapper td.img{height:102px; vertical-align:middle;}
.photoWrapper td a{color:#000;}
.photoWrapper td a:hover{color:#f30;}


.tabMenu{margin:10px 0; height:32px; background:url(../images/designer_tabMenuUL.gif) repeat-x left bottom;}
.tabMenu2
{
	margin-top:10px; 
	height:28px;
	padding-left:10px; 
	background:url(../images/designer_01.gif) repeat-x;
	border:1px solid #dbdad7; 
	border-bottom-width:0;
}
.tabMenu li, .tabMenu2 li{float:left; display:inline; cursor:default;}
.tabMenu li h5
{
	padding-top:5px;
	height:17px; 
	width:100px; 
	font-size:12px;
	text-align:center;
	border:1px solid #dad4cf; 
	border-right-width:0;
	background-color:#fff;
}
.tabMenu li.more, .tabMenu2 li.more{float:right; display:inline; padding-top:5px; margin-right:5px;}
.tabMenu li.more a, .tabMenu2 li.more a{color:#f60;}
.tabMenu2 li
{
	top:4px;
	position:relative;
	padding-top:6px;
	height:18px;
	width:97px;
	color:#333;
	text-align:center;
}
.tabMenu2 li h3{font-size:12px;}
.tabMenu2 li.active
{	
	background:url(../images/designer_02.gif) no-repeat;
	color:#f30;
}
.tabMenu2 li.more{width:auto;}
.tabMenu li h5.last{border-right:1px solid #dad4cf;}
.tabMenu li.active h5
{
	color:#f60;
	border-bottom:1px solid #ede9e3; 
	background:url(../images/designer_tabMenuBg.gif) repeat-x;
}
.tabMenu li h5 a{color:#000;}
.tabMenu li.active h5 a{color:#f60;}

.introduce
{
	height:180px;
	background:url(../images/designer_photoAreaBg.gif) repeat-x left bottom; 
	border-bottom:1px solid #dad4cf;
}
#intro1{padding-left:20px;}
#intro1 td{text-align:center;}
#intro2 table, #intro3 table, #intro4 table{margin-left:18px;}
#intro2 table td, #intro3 table td, #intro4 table td
{
	padding:3px 0 3px 12px; 
	height:14px; 
	border-bottom:1px dotted #dad4cf;
	background:url(../images/designer_introArrow.gif) no-repeat left center;
}
.introduce table{width:95%;}
.introduce td a{color:#000;}
.introduce td a:hover{color:#f60;}
.introduce td a img, .alma table td a img{padding:1px; background-color:#fff; border:1px solid #eee;}
.introduce td a:hover img,.alma table td a:hover img{cursor:hand; border-color:#f90;}

/*=side*/
.sideTitle
{
	margin:5px 0 10px 0; 
	padding-left:10px; 
	height:26px; 
	border-top:1px solid #dbdad7; 
	background:url(../images/designer_01.gif) repeat-x;
}
.col3_C .first{margin-top:0; border-top:0;}
.sideTitle h4
{
	float:left;
	padding:7px 0 0 10px; 
	height:19px;
	font-size:12px;
	background:url(../images/desinger_searchArrow.gif) no-repeat left center;
}
.sideTitle .more{float:right; display:inline; margin-right:5px; padding-top:5px; color:#f60;}
.sideTitle span.more{padding-top:8px;}
.sideTitle .more a{color:#333;}
.sideTitle .more a:hover{color:#f60;}

.sideCon{padding:0 5px;}
.alma{height:200px;}


.sideList li
{
	padding:3px 0 3px 8px;
	height:17px;
	background:url(../images/list_style.gif) no-repeat left 7px;
}
.sideList li a{color:#000;}
.sideList li a:hover{color:#f30;}
/*list_BS = list_BothSides*/
.list_BS{width:130px;}
.list_BS li, .list_BS2 li{clear:both; width:130px; height:15px; padding:4px 0 3px 13px; background:url(../images/a_cmt.gif) no-repeat left center;}
.list_BS2 li{width:auto; background:url(../images/list_style.gif) no-repeat left center; padding:2px 0 2px 8px;}
.list_BS li span, .list_BS2 li a{float:left;}
.list_BS li span a{color:#f60;}
.list_BS li p, .list_BS2 li span{float:right; color:#a92800;}
.list_BS span strong
{
	font:bold 12px Arial, Helvetica, sans-serif; 
	margin-right:7px; 
	display:block;
	float:left;
	width:13px; 
	text-align:right; 
	color:#333;
}
.list_BS2 li a{color:#000;}
.list_BS2 li span{color:#999;}

.guide .sideList li{margin:1px 0;}
/*list_M = list_mess*/
.list_M{float:left;}
.list_M li{padding:2px 0; text-align:center;}
.list_M li h6{font-size:12px;}
.list_M li h6 a{color:#f60;}
.list_M li a img{padding:1px; border:1px solid #eee;}
.list_M li a:hover img{border-color:#f60;}

.col3_C .tabMenu{padding-left:7px;}
.col3_C .tabMenu li h5{width:80px;}
.rank{padding:0 15px; width:auto;}
.rank li{height:16px; width:auto; margin:0; padding:3px 0; *padding:2px 0; background:none; border-bottom:1px solid #eee;}
#rankCon1 li p{padding-right:10px; background:url(../images/rankArrow.gif) no-repeat right center;}


#tagCon1, #tagCon2, #tagCon3{padding:0 10px; height:160px; overflow:hidden;}
#tagCon1 a, #tagCon2 a, #tagCon3 a{margin:0 3px; color:#000; }
#tagCon1 a:hover, #tagCon2 a:hover, #tagCon3 a:hover{color:#f30;}

#tagCon1 li{clear:both; border-bottom:1px solid #eee; height:25px; margin-bottom:5px;}
#tagCon1 li p{float:left; width:45px; height:25px; font-weight:bold;}

#tagCon2, #tagCon3{background:url(../images/pht_tagULBG.gif) repeat-x left bottom;}
#tagCon2 li,#tagCon3 li{margin-bottom:20px;}
#tagCon2 li a, #tagCon3 li a{margin:0 8px; padding-right:10px; background:url(../images/pht_tagArrow.gif) no-repeat right center;}

#career{margin:5px 0;}
#career .col3_A,#career .col3_B{float:left; margin:0; padding:0; display:inline; width:340px;}
#career .col3_B{float:right;}

#career .col3_A .title2, #career .col3_B .title2
{
	padding-left:10px;
	height:29px;
	border-left:1px solid #dbdad7;
	border-right:1px solid #dbdad7;
	background:url(../images/designer_title2Bg.gif) repeat-x;
}
#career .col3_A .title2 h3, #career .col3_B .title2 h3
{
	padding-top:9px;
	width:110px;
	height:20px;
	text-align:center;
	font-size:14px;
	color:#fff;
	background:url(../images/designer_title2H3.gif) no-repeat;
}

#career .col3_A .con, #career .col3_B .con, .photoBlock
{
	padding:10px 0 0 10px; 
	background:url(../images/designer_photoAreaBg.gif) repeat-x left bottom; 
	border:1px solid #dbdad7; 
	border-top-width:0;
}
#careerCon1 , #careerCon2 {padding-bottom:10px;}
.con table{width:100%; margin:0;_margin-bottom:10px;}
.con th, .con td{padding:5px 0; height:13px; text-align:center; border-bottom:1px dashed #eee;}
.con th{border-bottom:1px solid #c2c0ba;}
.con td a{color:#f60;}

#demo table{border-bottom:1px dashed #dbdad7;}
#demo table td a{color:#f60;}

/*=*/
.col3_AB .col3_A, .col3_AB .col3_B{margin-top:5px; border:1px solid #dbdad7; border-top-width:0; padding:0;}
.col3_AB .col3_B{float:right; width:340px;}
.col3_A .sideTitle h4, .col3_B .sideTitle h4{font-size:12px;}
.col3_A .sideTitle, .col3_B .sideTitle{margin-top:0;}
.col3_A .sideCon, .col3_B .sideCon{height:222px; _height:235px;}
.sideCon .list_BS, .sideCon .list_BS li{width:auto; max-width:250px;}
.col3_B .sideCon list_M li{margin:2px 0; padding:0;}

#tags{height:235px; line-height:2em;}
#tags a{padding:2px 0; margin:0 0.5em; color:#333;}
#tags a.tag_l2{font-size:14px;}
#tags a.tag_l21{font:bold 14px "宋体";}
#tags a.tag_l22{font:bold 14px "宋体"; color:#f90;}
#tags a.tag_l3{font-size:18px;}
#tags a.tag_l31{font-size:18px; color:#f90;}
#tags a.tag_l32{font-size:18px; font-weight:bold; color:#f60;}

/*=for designer_more page*/
#designer_more .search{width:270px; height:auto;}
#designer_more .search ul{margin:0;}
#designer_more .list_BS li a{color:#333;}

.list_TA li{clear:both; padding:5px 0;}
.list_TA li a{float:left; padding-left:12px; background:url(../images/a_cmt.gif) no-repeat left center;}
.list_TA li a.lr{float:right; width:115px;}


#articleSummary
{
	float:left;
	padding-left:10px;
	width:656px;
	border-right:1px solid #eee;
}
	/*-ArticleSummary Detail Style-*/
	.articleBox
	{
		margin-top:20px;
		margin-bottom:30px;
		padding-bottom:10px;
		border-bottom:1px solid #ddd;
	}
	.titleBox
	{
		padding-left:5px;
		padding-top:5px;
		width:auto;
		height:57px;
		font-size:12px;
		text-align:left;
		background:url(../images/designerMoreTitleBg.gif) repeat-x;
	}
	.titleBox .title{padding:5px 0;}
	/*-顶按钮的样式-*/
	.support
	{
		float:right;
		display:block;
		margin:-5px 10px 0px 5px;
		width:50px;
		height:54px;
		background:url(../images/up.gif) no-repeat left top;
		text-decoration:none;
	}
	.supportNum
	{
		display:block;
		margin:10px 0 0 2px;
		width:40px;
		text-align:center;
		font:bold 16px Arial, Helvetica, sans-serif;
		color:#333;
	}
	.up
	{
		display:block;
		margin:7px 0 0 17px;
		*margin:10px 0 0 17px;
		font-size:12px;
		color:#f70;
	}
	.support:hover .up{color:#F00;}
	.support:hover .supportNum{text-decoration:underline;}
	/*-	End 顶按钮的样式-*/
	.titleBox .title a
	{
		color:#333;
		font:bold 16px "宋体";
	}
	.titleBox .title a:hover{color:#F90; text-decoration:none;}
	.info a, .tag a
	{
		margin:5px;
		color:#F70;
		font-size:12px;
	}
	.info a:hover, .tag a:hover{color:#333; text-decoration:none;}
	.date
	{
		margin-left:10px;
	}
	.summary
	{
		padding:5px;
		margin:10px 0;
		color:#333;
		font-size:12px;
		line-height:1.8em;
		text-indent:2em;
	}
	/*-End Article Summary's Detail-*/
	.morePageFooter
	{
		margin:10px 0;
		text-align:center; font-size:12px;
	}
	.morePageFooter a
	{
		color:#0080C0;
		text-decoration:none;
	}
	.morePageFooter a:hover{color:#00A8F9; text-decoration:underline;}


/*partners*/
#partners{margin:10px 0; line-height:1.8em; border:1px solid #fda100;}
#partners a{color:#333;text-decoration:none;}
#partners a:hover{color:#dd0005;}
.title_1col
{
	padding-left:10px; 
	height:28px; 
	background:#fefbe6;
}
.title_1col h3
{ 
	float:left;
	width:95px; 
	margin-top:1px;
	height:27px;
	font-size:12px;
	text-align:center;
	line-height:24px;
	background:url(../images/title_1colBg.gif) no-repeat;
}
.title_1col a.more{float:right; margin-top:5px; margin-right:10px;}
.content{margin:10px;}

/*=latest page*/
.cRed{color:#f30;}

.bold{font-weight:bold;}
.tm,#latestDesigner table th.tm{text-align:center;}
#latestDesigner{float:left; width:670px;}
#latestDesigner table{width:100%; border:1px solid #dbd3cf;}
#latestDesigner table th
{
	padding:3px;
	height:28px; 
	background:url(../images/designer_01.gif) repeat-x; 
	text-align:left; 
	vertical-align:middle;
}
#latestDesigner table td{padding:5px; border-bottom:1px dashed #dbd3cf;}
#latestDesigner table td span{padding-left:20px; padding-top:2px; margin:0 5px;}
#latestDesigner table td span.weituo{padding-left:16px; background:url(../images/weituo.gif) no-repeat left center;}
#latestDesigner table td span.liuyan{padding-left:22px; background:url(../images/liuyan.gif) no-repeat left center;}
#latestDesigner table td span.lianxi{background:url(../images/lianxi.gif) no-repeat left center;}
#latestDesigner table td a, #latestDesigner table td span a:hover{color:#712013;}
#latestDesigner table td a:hover,#latestDesigner table td span a{color:#f90;}
#latestDesigner table td h4{font-size:14px;}
#latestDesigner table td p{text-indent:2em; line-height:1.5em;}
#latestDesigner table td a img{padding:2px; background-color:#fff; border:1px solid #eee;}
#latestDesigner table td a:hover img{cursor:hand; border-color:#f90;}
#latestDesigner table tr.last td{border:none;}
#rankSjs{height:45px;}
#rankSjs a{color:#f60; font-size:14px;}
#rankSjs table td{padding-left:10px; background:url(../images/weituo.gif) no-repeat left center; text-align:center;}