@charset "utf-8";
*{ margin:0; padding:0; font-size:12px; color:#000;line-height:22px; font-family:Calibri,Arial, Helvetica, sans-serif;line-height:18px;}
img{ border:0;}
li{ list-style:none;}
ul,li{ margin:0; padding:0;}
a{ color: #000; text-decoration:none;}
a:hover {color:#000;}
a.blue{color:#4e0600; font-family:Calibri;}
body.iframe{margin:0; background:none;}
#header,.banner,#content,#foot{width:1000px;margin:0 auto;clear:both;zoom:1;  background:#fff;}
#header{border:1px solid #480b07;overflow:hidden;zoom:1;width:998px;}
#content{border-left:1px solid #ccc;border-right:1px solid #ccc; background:#fff;overflow:hidden;zoom:1;height:auto;}
#header .logo{float:right;width:220px;height:32px; background:url(logo_roche.jpg) no-repeat right;}
div.text{margin-top:7px;}
div.text a{color:#5d0501; text-decoration:underline;font-weight:bold;}
.text_intro{padding:10px;margin-left:10px;}
.text_intro p{line-height:20px;font-size:12px;}
.text_intro h2{color:#000;font-size:14px;}
.mainnav li.on{background:#c6c6c6;}
.current{ background:#eee;margin:0px;padding:2px;padding-left:10px;}
ul.list li{float:left;margin-right:10px;width:125px;}
ul.list li h3{height:28px;margin-top:22px;font-weight:100;}
ul.list li p.p01 img{border:1px solid #000;}
ul.list li p.more{margin-top:25px;padding-left:3px;}
.left{margin-top:25px;margin-right:10px;width:200px;float:left; background:#fff;}
.right{float:left;width:780px;margin-top:10px;margin-left:10px;background:#fff;overflow:hidden;}
#works_detail{width:930px;margin:0 auto;height:350px;margin-top:40px; font-family: Arial, Helvetica, sans-serif;font-size:8px;}
.a1{background:#d6dae6;height:350px;float:left;width:420px;position:relative;}
.a1 img{position:absolute;bottom:0;}
.a2{background:#575d6c;width:230px;float:left;height:350px;position:relative;}
.a2 P{text-align:center;margin-top:5px;}
.a2 P a{color:#fff; font-family:Arial, Helvetica, sans-serif;font-size:10px;}
.works_list{position:absolute;bottom:28px;}
.works_list ul li{float:left;margin-left:8px;margin-bottom:5px;}
.scroll{margin-top:20px;}
.scroll div{float:left;}
.works_all_list{border:1px solid #000;border-right:none;dispaly:inline;float:left;width:863px;}
.pre{margin-right:8px;}
.next{margin-left:8px;}
.works_all_list ul li{float:left;}
.works_all_list ul li img{border-right:1px solid #000;height:71px;vertical-align:bottom}
.a3{ background:#d6dae6;width:270px;height:350px;float:left;position:relative;}
.a3 p{text-align:center;line-height:16px;color:#322828;margin:20px 10px;}
.designer_pic{bottom:0; position:absolute;}
.works_all{width:940px;margin:0 auto;}
.pic_big{margin-left:25px;background:#d6dae6;margin-right:50px; position:relative;}
.desprition{
	position:absolute;
	bottom:2px;
	right:0px;
	background:#28201f;
	width:300px;
	filter: Alpha(Opacity=80);
	padding-left:55px;
	padding-top:6px;
	
}

table.rank{margin-bottom:10px; }
table.rank thead td,table.rank tbody td{border-bottom:1px solid #c4c4c4;}
table.rank tbody td{ height:28px;}
table.rank tbody td.num{ font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#0093ff;}
table.rank tbody td.Author a{ text-decoration:underline;}
table.rank tbody td.Author img{width:15px;height:15px;}
table.rank tbody td.time_date,table.rank tbody td.kits,{  font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
table.rank tbody td.article_kinds a{ text-decoration:none;}
table.rank tbody td.title a{font-size:14px;color:#000; text-decoration:none;}

.mainnav{height:30px;}
.mainnav ul li{float:left;margin:1px 0;}
.mainnav ul li.n1{width:52px;}
.mainnav ul li.n2{width:111px;}
.mainnav ul li.n3{width:125px;}
.mainnav ul li.n4{width:49px;}
.mainnav ul li.n5{width:70px;}
.mainnav ul li.n6{width:109px;}
.mainnav ul li.n7{width:138px;}
.mainnav ul li.n8{width:54px;}
.mainnav ul li a{background:transparent url(menu.jpg) no-repeat;display:block;height:30px;text-indent:-9999px;}

.mainnav ul li.n1 a{background-position:0px 0px;}
.mainnav ul li.n1 a.on{background-position:0px -30px;} 

.mainnav ul li.n2 a{ background-position:-52px 0px;}
.mainnav ul li.n2 a.on{ background-position:-52px -30px;}

.mainnav ul li.n3 a{ background-position:-163px 0px;}
.mainnav ul li.n3 a.on{ background-position:-163px -30px;}

.mainnav ul li.n4 a{ background-position:-288px 0px;}
.mainnav ul li.n4 a.on{ background-position:-288px -30px;}

.mainnav ul li.n5 a{ background-position:-336px 0px;}
.mainnav ul li.n5 a.on{ background-position:-336px -30px;}

.mainnav ul li.n6 a{ background-position:-405px 0px;}
.mainnav ul li.n6 a.on{ background-position:-405px -30px;}

.mainnav ul li.n7 a{ background-position:-513px 0px;}
.mainnav ul li.n7 a.on{ background-position:-513px -30px;}

.mainnav ul li.n8 a{ background-position:-651px 0px;}
.mainnav ul li.n8 a.on{ background-position:-651px -30px;}

.Contentbox{clear:both;margin-top:0px;border:1px solid #c4c4c4;padding-left:0px;overflow:hidden;zoom:1;margin-top:10px;}
.Contentbox h3{padding-left:20px;color: #3399FF;}
.Contentbox p.p_guest{margin:8px; text-indent:2em;}
.Contentbox span.black{color:#f00;}
.pagesturn{text-align:center;height:30px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.pagesturn b{border:1px solid #8b8b8a; background:#3399ff;padding:1px 5px;margin-left:8px;color:#fff;}
.pagesturn a{border:1px solid #8b8b8a;padding:1px 5px;margin-left:4px; text-decoration:none;}
.pagesturn a:hover{background:#3399ff;color:#fff;}
.pagesturn a.pre{border:none; font-family:Verdana, Arial, Helvetica, sans-serif;color:#000;}
.pagesturn a.pre:hover{ background:none;color:#f00;}
.pagesturn a.next{border:0;color:#000;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.pagesturn a.next:hover{border:0;background:0;}
.text span.s1{color:#f00;}

.news{margin:10px 0px 0 10px;width:125px;float:left;}
.news h2{color:#000;margin-bottom:10px; padding-left:10px;font-size:10px;}
.news ul li em{float:right; font-size:10px;color:#666;}
.news p {margin-left:13px;}
.news p a{color:#c00; font-size:10px;}

.jury h2,.jury h4{clear:both;color:#000;margin-bottom:10px;}
.jury_list ul li{float:left;margin-right:10px;height:112px;width:235px;}
.jury_list ul li h3{font-weight:bold;color:#000;}
.jury_list ul li p{line-height:16px;}
.jury_list ul li img{float:left;margin-right:10px;padding:2px;border:1px solid #ccc;}
#foot{background:url(foot_bg.jpg) repeat-x;height:161px;}

table.down{margin-left:10px;}
table.down td{font-size:10px;}
table.down td a{font-size:10px;}

#foot p{border:1px solid #c6c6c6;padding:3px;padding-left:10px;}

.works{margin:20px auto;}
.works ol{list-style-type: decimal;overflow:hidden;}
.works ol li{
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	padding-bottom:8px;
	float:left;
	padding-right:15px;
	height:210px;
	margin-top:0px;
	list-style:decimal inside;
	width:170px;
}
.works2 ol li{height:210px;font-weight:100;}
.works ol li p{color:#666;}
.works ol li p span{color:#0088cc; font-family: Geneva, Arial, Helvetica, sans-serif }
h3,h4{font-weight:100;padding:0;margin:0;line-height:18px;}
h3{font-weight:bold;}
.works,.detail,.top{margin:0 auto;ooverflow:hidden;width:1000px;}
.detail h3{font-weight:100;color:#000;font-size:12px; }
.detail h1{font-size:16px;}
.detail h1 span{color:#000; font-family: Tahoma;font-size:12px;font-weight:100;}
.pic{text-align:center;padding:20px;}
.pic img{margin:0 auto;background:#fff;}