@charset "utf-8";
*{ margin:0; padding:0; font-size:12px; color:#000;line-height:22px;}
img{ border:0;}
li{ list-style:none;}
ul,li{ margin:0; padding:0;}
a{ color: #000; text-decoration:none;}
a:hover {color:#000;}
body.iframe{margin:0;background:#fff;}
.padding10{padding-right:30px;}
a.blue{ color:#4E0600; font-family:Calibri,Arial, Helvetica, sans-serif;}
#header,.banner,#content,#foot{width:1000px;margin:0 auto;clear:both;zoom:1; background:#fff;}
#content{border-left:1px solid #ccc;border-right:1px solid #ccc; background:#fff;overflow:hidden;zoom:1;}
#foot{width:1002px;}
#header{border:1px solid #000;overflow:hidden;zoom:1;width:998px;}
#header .logo{float:right;width:220px;height:32px; background:url(logo_roche.jpg) no-repeat right;}
div.text{margin-top:4px; font-family:Calibri, Arial, Helvetica, sans-serif;}
div.text a{color:#4E0600; text-decoration:underline;font-weight:bold;font-size:14px;}
.text_intro{padding:10px;}
.text_intro h2{color:#000;}
.text_intro p{line-height:20px;font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.mainnav{height:30px;}
.mainnav ul li{float:left;margin:1px 0;}
.mainnav ul li.n1{width:64px;}
.mainnav ul li.n2{width:77px;}
.mainnav ul li.n3{width:82px;}
.mainnav ul li.n4{width:64px;}
.mainnav ul li.n5{width:81px;}
.mainnav ul li.n6{width:82px;}
.mainnav ul li.n7{width:106px;}
.mainnav ul li.n8{width:75px;}
.mainnav ul li.n9{width:107px;}

.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:-64px 0px;}
.mainnav ul li.n2 a.on{ background-position:-64px -30px;}

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

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

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

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

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

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

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

.current{ background:#eee;margin:0px;padding:2px;padding-left:10px;}
ul.list li{float:left;margin-right:18px;width:auto;}
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;overflow:hidden;zoom:1;}
.right{float:left;width:780px;margin-top:10px;margin-left:10px;}
#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;overflow:hidden;height:200px;}
.pic_big img{text-align:center;margin:0 auto;float:right;clip:250px 800px 250px 10px;overflow:hidden;}
.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;}
.menubox{line-height:32px;color:#FFFF00;padding-left:0;height:32px;background:url(rank_bg.jpg) repeat-x;}
.menubox ul li{cursor:pointer;text-align:left;color:#000;padding:0px 10px;float:right;line-height:28px;border-left:1px solid #c4c4c4;height:32px;}
.menubox ul li.li01{float:left;font-size:14px;font-weight:bold;border:none; text-indent:-9999px; background:url("rank_title.jpg") no-repeat;width:153px;}
.menubox li.hover{font-weight:bold;background:url(rank_bg2.jpg) repeat-x;}
.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;}
.red{color:#f00;}

.news{float:left;margin:10px 0px 0 10px;width:125px;}
.news h2{color:#000;margin-bottom:10px; padding-left:11px;}
.news ul li em{float:right; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#666;}
.news p {margin-left:10px;}
.news p a{color:#c00; font-family:Arial, Helvetica, sans-serif;font-size:10px;}
.jury h2,.jury h4{clear:both;}
.jury_list ul li{float:left;margin-right:10px;height:120px;width:230px;}
.jury_list ul li h3{font-weight:100;margin-left:0;padding-left:0;}
.jury_list ul li p{ font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.jury_list ul li img{float:left;margin-right:10px;padding:2px;border:1px solid #ccc;}
ul.list_news li{height:35px;line-height:35px;}
#foot{background:url(foot_bg.jpg) repeat-x;height:161px;}

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

.login {width:710px;margin:0 auto;}
.login td{padding:3px;}
.login td.title{ font-family:Geneva, Arial, Helvetica, sans-serif;}
.login .red{color:#4e0600;}
.login h2{font-size:14px;font-weight:bold; background:url(dot.gif) no-repeat 4px; border-bottom:1px dashed #333;padding-left:25px;height:25px;line-height:25px;margin-bottom:8px;margin-top:20px;}
.login input{border:1px solid #ccc;color:#666;height:20px;}
.login input.i1{border:none;}
.login input.i2{border-right:1px  solid #000;border-bottom:1px  solid #000;color:#000;height:25px;font-weight:bold;}

.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;}
.pic img{margin:0 auto;background:#fff;}


.works2 ul{list-style-type: decimal;overflow:hidden;}
.works2 ul li{
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	padding-bottom:8px;
	float:left;
	padding-right:15px;
	height:70px;
	margin-top:0px;
	width:170px;
}
.works2 ul li p{color:#666;}
.works2 ul li p span{color:#0088cc; font-family: Geneva, Arial, Helvetica, sans-serif ;font-weight:100;}