﻿/*--基本元素--*/
*{
 margin:0;
 padding:0;
}
body{
 text-align:center;
 font-family:simsun,Arail;
 font-size:12px;
 color:#000;
 background:#8A8A8A;
}
input,select,textarea{
 font-size:12px;
}
th{
 white-space:nowrap;
}
img{
 border:0;
}
input,select{
 vertical-align:middle;
}
a:link{
 color:#000;
 text-decoration:none;
}
a:visited{
 color:#000;
 text-decoration:none;
}
a:hover{
 color:#f60;
 text-decoration:underline;
}
a:active{
 color:#f60;
 text-decoration:none;
}
.f60{
 color:#f60;
}
.left{
 float:left;
 width:680px;
}
.right{
 float:right;
 width:280px;
}
#container{
 text-align:center;
 width:960px;
 overflow:hidden;
 margin:0 auto;
 background:#EFEFEF;
}
/*---页头---*/
#header{
 position:relative;
 text-align:left;
 width:960px;
 height:260px;
 margin:0 auto;
 background:url(../images/bg_header.jpg) 0 0 no-repeat; 
}
#header .title{
 width:960px;
 height:260px;
}
#header .title h1{
 position:absolute;
 z-index:3;
 left:76px;
 top:76px;
 width:436px;
 height:58px;
 background:url(../images/logo.gif) 
}
#header .title h1 a{
 display:block;
 width:436px;
 height:58px;
}
#header .title h2{
 position:absolute;
 left:140px;
 top:143px;
 width:449px;
 height:53px;
 background:url(../images/bg_h2_header.gif) 
}
#header .content{
 position:relative;
 text-align:center;
 width:960px;
 height:260px;
 overflow:hidden;
 margin:-260px 0 0 0;
}
/*--辅助链接--*/
#utility{
 float:right;
 height:35px;
 margin:0;
 padding:0 10px 0 0;
}
#utility ul{
 float:left;
 list-style:none;
 line-height:16px;
 margin:10px 0 0 0;
}
#utility ul li{
 float:left;
 padding:0 8px;
 background:url(../images/bg_li_01.gif) 0 0 no-repeat;
}
#utility ul li.index{
 background:none;
}
#utility ul li a{
 color:#C8C8C8;
}
/*--导航--*/
#mainNav{
 width:960px;
 height:32px;
 overflow:hidden;
 margin:228px 0 0 0;
 background:url(../images/bg_mainNav.gif) 0 0 repeat-x;
}
#mainNav ul{
 list-style:none;
 text-align:center;
 width:763px;
 height:32px;
 line-height:32px;
 margin:0 auto;
}
#mainNav ul li{
 float:left;
 width:109px;
 height:32px;
}
#mainNav ul li a{
 display:block;
 text-indent:-9999px;
 color:#FFF;
 font:bold 14px simsun;
 width:109px;
 height:32px;
 line-height:32px;
 overflow:hidden;
}
#mainNav ul li.index{
 background:url(../images/bg_tab_mainNav.gif) 0 0 no-repeat;
}
#mainNav ul li.rule{
 background:url(../images/bg_tab_mainNav.gif) -109px 0 no-repeat;
}
#mainNav ul li.join{
 background:url(../images/bg_tab_mainNav.gif) -218px 0 no-repeat;
}
#mainNav ul li.works{
 background:url(../images/bg_tab_mainNav.gif) -327px 0 no-repeat;
}
#mainNav ul li.vote{
 background:url(../images/bg_tab_mainNav.gif) -436px 0 no-repeat;
}
#mainNav ul li.award{
 background:url(../images/bg_tab_mainNav.gif) -545px 0 no-repeat;
}
#mainNav ul li.review{
 background:url(../images/bg_tab_mainNav.gif) -654px 0 no-repeat;
}
#mainNav ul li.index a:hover{
 background:url(../images/bg_tab_mainNav.gif) 0 -38px no-repeat;
}
#mainNav ul li.rule a:hover{
 background:url(../images/bg_tab_mainNav.gif) -109px -38px no-repeat;
}
#mainNav ul li.join a:hover{
 background:url(../images/bg_tab_mainNav.gif) -218px -38px no-repeat;
}
#mainNav ul li.works a:hover{
 background:url(../images/bg_tab_mainNav.gif) -327px -38px no-repeat;
}
#mainNav ul li.vote a:hover{
 background:url(../images/bg_tab_mainNav.gif) -436px -38px no-repeat;
}
#mainNav ul li.award a:hover{
 background:url(../images/bg_tab_mainNav.gif) -545px -38px no-repeat;
}
#mainNav ul li.review a:hover{
 background:url(../images/bg_tab_mainNav.gif) -654px -38px no-repeat;
}
/*---主体---*/
#content{
 text-align:left;
 width:960px;
}
/*--上传照片--*/
#uploadPic{
 float:left;
 text-align:center;
 width:270px;
 margin:9px 0 0 0;
 padding:5px 0 0 0;
 border:1px solid #DEDCCD;
 background:#FFF;
}
#uploadPic .title{
 width:258px;
 height:24px;
 line-height:25px;
 overflow:hidden;
 margin:0 auto;
 background:#E9E7D7;
}
#uploadPic .title h2{
 float:left;
 text-indent:8px;
 font-size:14px;
}
#uploadPic .content{
 float:left;
 text-align:left;
 width:268px;
 height:100px;
}
#uploadPic .content ul{
 list-style:none;
 width:240px;
 line-height:16px;
 margin:0 0 0 20px;
 padding:15px 0 0 0;
}
#uploadPic .content ul li{
 float:left;
 width:225px;
 height:30px;
}
#uploadPic .content ul li.btnArea{
 text-align:right;
 margin:-60px 0 0 0;
}
#uploadPic .content ul li.linkArea{
 position:relative;
 text-align:left;
 clear:both;
 text-indent:45px;
 width:100%;
}
#uploadPic .content ul li.linkArea a{
 padding:0 5px;
}
#uploadPic .content .inputstyle1{
 position:relative;
 z-index:3;
 vertical-align:middle;
 width:130px;
 height:18px;
 line-height:19px;
 padding:0;
 overflow:hidden;
 border:1px solid #D3D3D3;
}
#uploadPic .content .btnstyle1{
 position:relative;
 z-index:4;
 vertical-align:middle;
 color:#FFF;
 cursor:pointer;
 font-size:12px;
 width:40px;
 height:19px;
 line-height:20px;
 overflow:hidden;
 margin:0 0 0 8px;
 padding:0;
 border:none;
 background:#FFF url(../images/bg_btn_01.gif) 0 0 no-repeat;
}
/*--栏目样式1--*/
.columnstyle1{
 width:840px;
 overflow:hidden;
 margin:9px auto 0 auto;
}
.columnstyle1 .title{
 width:100%;
 height:24px;
 line-height:25px;
 overflow:hidden;
 margin:0 auto;
 background:#E9E7D7;
}
.columnstyle1 .title h2{
 float:left;
 text-indent:8px;
 font-size:14px;
}
.columnstyle1 .content{
 line-height:20px;
 overflow:hidden;
 padding:10px 20px;
}
.columnstyle1 .content ul,.columnstyle1 .content ol{
 padding:0 0 0 10px;
}
.columnstyle1 .content ul{
 list-style-type:square;
}
/*--栏目样式2--*/
.columnstyle2{
 float:left;
 width:670px;
 overflow:hidden;
}
.columnstyle2 .title{
 float:left;
 width:100%;
}
.columnstyle2 .title h2{
 font-size:14px;
 padding:12px 0 0 26px;
 background:url(../images/bg_h2_01.gif) 10px 12px no-repeat;
}
.columnstyle2 .content{
 float:left;
 width:630px;
 line-height:22px;
 overflow:hidden;
 padding:8px 20px 20px 20px;
}
.columnstyle2 .content ul{
 list-style:none;
 margin:0 0 0 15px;
}
.columnstyle2 .content ul li{
 float:left;
 width:100%;
}
.columnstyle2 .content ol{
 margin:0 0 0 15px;
}
/*--栏目样式3--*/
.columnstyle3{
 float:left;
 width:270px;
 overflow:hidden;
 margin:9px 0 0 0;
 padding:5px 0 0 0;
 border:1px solid #DEDCCD;
 background:#FFF; 
}
.columnstyle3 .title{
 width:258px;
 height:24px;
 line-height:25px;
 overflow:hidden;
 margin:0 auto;
 background:#E9E7D7;
}
.columnstyle3 .title h2{
 float:left;
 text-indent:8px;
 font-size:14px;
}
.columnstyle3 .title ul,.columnstyle3 .title p{
 float:right;
 padding:0 8px 0 0;
}
.columnstyle3 .title ul{
 list-style:none;
}
.columnstyle3 .title ul li{
 float:left;
 padding:0 4px;
 background:url(../images/bg_li_02.gif) 100% 50% no-repeat;
}
.columnstyle3 .title ul li.vote{
 padding:0 0 0 4px;
 background:none;
}
.columnstyle3 .content{
 float:left;
 padding:0 10px;
}
.columnstyle3 .content ul{
 float:left;
 list-style:none;
 width:100%;
 line-height:14px;
 margin:0 0 -3px 0;
}
.columnstyle3 .content ul li{
 float:left;
 width:100%;
 overflow:hidden;
 padding:22px 0;
 background:url(../images/bg_line_01.gif) 0 100% repeat-x;
}
.columnstyle3 .content ul li a,.columnstyle3 .content ul li span{
 float:left;
 display:block;
}
.columnstyle3 .content ul li a img{
 vertical-align:middle;
 margin:0 8px;
}
.columnstyle3 .content ul li span{
 width:150px;
 margin:10px 0 0 0;
}
.columnstyle3 .content ul li .voter a{
 font-weight:bold;
}
/*--栏目样式4--*/
.columnstyle4{
 float:left;
 width:100%;
 overflow:hidden;
}
.columnstyle4 .title{
 float:left;
 width:100%;
}
.columnstyle4 .title h2{
 font-size:14px;
 padding:12px 0 0 26px;
 background:url(../images/bg_h2_01.gif) 10px 12px no-repeat;
}
.columnstyle4 .title ul{
 list-style:none;
 width:98%;
 height:24px;
 line-height:14px;
 margin:5px auto;
 background:#EFEFEF;
}
.columnstyle4 .title ul li{
 float:left;
 margin:5px 0 0 0;
 padding:0 8px;
 background:url(../images/bg_li_02.gif) 0 0 no-repeat;
}
.columnstyle4 .title ul li.all{
 background:none;
}
.columnstyle4 .content{
 float:left;
 width:100%;
 padding:8px 0;
}
.columnstyle4 .content ul{
 list-style:none;
 width:100%;
 line-height:19px;
 margin:0 0 0 25px;
}
.columnstyle4 .content ul li{
 float:left;
 text-align:left;
 width:184px;
 height:243px;
 margin:12px 25px 0 0;
 border:1px solid #DEDCCD;
}
.columnstyle4 .content ul li a{
 font-weight:bold;
}
.columnstyle4 .content ul li .pic{
 text-align:center;
 width:184px;
 padding:10px 0 0 0;
}
.columnstyle4 .content ul li .workName,.columnstyle4 .content ul li .author,.columnstyle4 .content ul li .voteNum,.columnstyle4 .content ul li .comment{
 text-indent:14px;
 width:178px;
 height:20px;
 line-height:21px;
 overflow:hidden;
 margin:5px auto 0 auto;
 background:#EFEFEF; 
}
.columnstyle4 .content ul li .workName a{
 float:left;
 display:block;
 padding:0 16px 0 0;
 background:url(../images/icon_workName.gif) 100% 45% no-repeat;
}
.columnstyle4 .content ul li .author{
 background:none; 
}
.columnstyle4 .content ul li .voteNum,.columnstyle4 .content ul li .comment{
 float:left;
 width:auto;
 margin:0;
 padding:0 0 0 3px;
 background:none;
}
.columnstyle4 .content ul li .voteNum span,.columnstyle4 .content ul li .comment span{
 font-weight:bold;
 color:#F00;
}
.columnstyle4 .content ul li img{
 vertical-align:middle;
 display:block;
 clear:both;
 width:160px;
 height:160px;
 margin:0 auto;
}
/*--翻页--*/
.pageView{
 float:left;
 width:100%;
 margin:20px 0 0 0;
}
.pageView p{
 float:right;
}
.pageView p span,.pageView a{
 float:left;
 text-align:center;
 display:block;
 color:#616161;
 font-size:14px;
 height:20px;
 line-height:21px;
 overflow:hidden;
 margin:0 2px 0 0;
 padding:0 7px;
 border:1px solid #616161;
}
.pageView a.active{
 color:#FFF;
 font-weight:bold;
 background:#616161;
}
.pageView a:hover{
 color:#F60;
 text-decoration:none;
}
.pageView p span{
 color:#989898;
}
/*---页尾---*/
#footer{
 clear:both;
 width:960px;
 overflow:hidden;
 padding:8px 0 0 0;
 background:#FFF;
}
/*--活动成员--*/
#eventMember{
 width:940px;
 overflow:hidden;
 margin:0 auto;
 padding:38px 0;
 border:1px solid #DEDCCD;
 background:#FFF;
}
#unionMember{
 text-align:left;
 width:95%;
 margin:0 auto;
}
#unionMember h3{
 position:relative;
 z-index:2;
 float:left;
 text-indent:-9999px;
 width:98px;
 height:31px;
 margin:-20px 14px 0 0;
 background:url(../images/title_unionMember.gif) 0 0 no-repeat;
}
#unionMember ul{
 list-style:none;
 line-height:19px;
}
#unionMember ul li{
 float:left;
 white-space:nowrap;
 word-wrap:nowrap;
 padding:0 7px;
}
/*--活动协办 媒体支持--*/
#eventOrganise,#mediaSupport{
 float:left;
 margin:20px 0 0 0;
 padding:0 0 0 30px;
}
#eventOrganise h3,#mediaSupport h3{
 float:left;
 text-indent:-9999px;
 width:84px;
 height:18px;
}
#eventOrganise h3{
 background:url(../images/title_eventOrganise.gif) 0 0 no-repeat;
}
#mediaSupport h3{
 background:url(../images/title_mediaSupport.gif) 0 0 no-repeat;
}
#eventOrganise ul,#mediaSupport ul{
 list-style:none;
 float:left;
}
#eventOrganise ul li,#mediaSupport ul li{
 float:left;
 margin:0 10px 0 0;
}
#eventOrganise ul li img,#mediaSupport ul li img{
 vertical-align:middle;
}
#footer .linkArea{
 width:100%;
 overflow:hidden;
 background:#EFEFEF;
}
#footer .linkArea ul{
 list-style:none;
 width:100%;
 line-height:14px;
 margin:20px 0 0 45px;
}
#footer .linkArea ul li{
 float:left;
 padding:0 5px;
 background:url(../images/bg_li_02.gif) 0 0 no-repeat;
}
#footer .linkArea ul li.first{
 background:none;
}
#copyright{
 clear:both;
 text-align:left;
 width:100%;
 line-height:14px;
 padding:10px 0 15px 0;
 background:#EFEFEF;
}
#copyright p{
 padding:0 48px;
}
#copyright p a.logo{
 position:relative;
 z-index:2;
 float:right;
 display:block;
 text-indent:-9999px;
 width:98px;
 height:31px;
 margin:-20px 0 0 0;
 background:url(../images/title_unionMember.gif) 0 0 no-repeat;
}

/*---隐藏元素---*/
#header .title h1 a span,#header .title h2 span,#eventMember .title h2,#eventMember{
 display:none;
 visibility:hidden;
}