@charset "utf-8";
/*-------------------------------------css rest--------------------------------------------- */
html, body, div, span, applet, object, iframe,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
del, dfn, em, font, img, ins, kbd, q, s, samp,  
small, strike, strong, sub, sup, tt, var,  
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td {  
 margin: 0;  
 padding: 0;  
 border: 0;  
 outline: 0;  
 font-weight: inherit;  
 font-style: inherit;  
 font-size: 100%;  
 font-family: inherit;  
 vertical-align: baseline;  
}  
body {font-size: 12px;}  
ol, ul{list-style: none;}  
/*-------------------------------------css content-------------------------------------------- */
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#666; text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
#container{width:1024px; margin:0 auto; background:#fff;}
#top .fl{width:230px; background:url(../images/logo.jpg) no-repeat; height:249px; text-indent:-999999em;}
#top .fr {width:794px; background:url(../images/title.jpg) no-repeat; height:249px; text-indent:-999999em; display:block;}

#middle{width:1024px; background:url(../images/middle_bg.jpg) no-repeat right 0; height:100%; margin-bottom:50px;}
#middle .menu{width:291px; background:url(../images/menu_bg.jpg) no-repeat; min-height:440px;}
#middle .detail_frame{width:634px; background:url(../images/content_bottom.jpg) no-repeat 0 bottom; padding-bottom:25px;}
.detail_box{border-left:1px solid #ccc; border-right:1px solid #ccc; margin-left:1px;}
#middle .content{background:url(../images/content_top.jpg) no-repeat 0 top; padding-top:25px;}
#middle .menu a{text-indent:-99999em; background-image:url(../images/menu.jpg); background-repeat:no-repeat; width:63px; height:64px; display:block;}

#middle .menu a.menu_intro{background-position:0 0; margin-left:80px;}
#middle .menu a.menu_regular{background-position:0 -70px; margin:15px 0 0 160px;}
#middle .menu a.menu_setting{background-position:0 -140px; margin:6px 0 0 83px;}
#middle .menu a.menu_require{background-position:0 -210px; width:98px; margin:25px 0 0 135px;}
#middle .menu a.menu_works{background-position:0 -280px; width:76px; margin:25px 0 0 75px;}
#middle .menu a.menu_shop{background-position:0 -350px; width:81px; margin:25px 0 0 135px;}
#middle .menu a.menu_web{background-position:0 -420px; width:98px; margin:25px 0 0 75px;}


.detail_box h2{text-indent:-99999em; background:url(../images/event_title.jpg) no-repeat; width:569px; margin:0 auto; height:32px;}
.detail_content{width:569px; margin:0 auto; line-height:1.5em; color:#666;}
.detail_content p{padding-bottom:20px;}
.detail_content h3{color:#84ac00; font-size:20px; font-family:"黑体"; font-weight:normal; text-align:center; margin:25px 0;}
#footer_expo{background:url(../images/footer_bg.jpg) no-repeat; width:600px; height:79px; padding:49px 0 0 424px;}
#footer_expo a:link{color:#666; text-decoration:none;}
#footer_expo a:visited{color:#666; text-decoration:none;}
#footer_expo a:hover{color:#999; text-decoration:none;}
#footer_expo ul{width:520px; display:block; overflow:hidden;}
#footer_expo ul li{float:left; border-left:1px solid #666; margin-left:-1px; overflow:hidden; padding:0 10px; width:auto;}
#footer_expo p{color:#666; padding:10px 0 0 120px;}
/*-------------------------------------works case-------------------------------------------- */
#works h2{background:url(../images/works_title.jpg) no-repeat;}
#works .detail_content h3{text-indent:-999999em; width:557px; height:24px; background:url(../images/new_works.gif) no-repeat; position:relative; margin:25px 0 15px 0;}
#works .detail_content h3 a{display:block; background:url(../images/more.gif) no-repeat; width:35px; height:13px; position:absolute; left:515px; top:5px;}
.works_list{width:569px; overflow:hidden;}
.works_list li{float:left; width:138px; margin:0 4px 5px 0; overflow:hidden;}
.works_list li img{width:138px; height:98px;}
.works_list li .btn1,.works_list li .btn2{width:60px; height:23px; display:block; text-align:center; float:left; line-height:23px; vertical-align:middle;}
.btn a:link{color:#fff;}
.btn a:visited{color:#fff;}
.btn a:hover{color:#fff;}
.works_list li .btn1{background:url(../images/btn_vote.jpg) no-repeat;}
.works_list li .btn2{background:url(../images/btn_comment.jpg) no-repeat;}
.works_cent .fl,.works_cent .fr{width:280px; position:relative;}
.works_cent .more{width:35px; height:13px; background:url(../images/more_red.gif) no-repeat; display:block; text-indent:-99999em;}
.works_cent .fl .more{position:absolute; left:240px; top:12px;}
.works_cent .fr .more{position:absolute;left:245px; top:12px;}
.works_cent .fl .title{background:url(../images/cent_title.gif) no-repeat; width:274px; height:34px; text-indent:-999999em;}
.works_cent .fr .title{background:url(../images/cent_award.gif) no-repeat; width:277px; height:34px; text-indent:-999999em;}
.cent_detail{margin-top:8px;}
.cent_detail li{float:left; width:136px; margin-right:4px;}
/*-------------------------------------rules case-------------------------------------------- */
#rules h2{background:url(../images/rules_title.jpg) no-repeat;}
/*-------------------------------------appointment case-------------------------------------------- */
#appointment h2{background:url(../images/appointment_title.jpg) no-repeat;}
/*-------------------------------------dealer case-------------------------------------------- */
#dealer h2{background:url(../images/dealer_title.jpg) no-repeat;}
/*-------------------------------------awards case-------------------------------------------- */
#awards h2{background:url(../images/awards_title.jpg) no-repeat;}
#awards .detail_content h3{ width:557px; height:24px; background:url(../images/awards_bg.jpg) no-repeat; position:relative; margin:25px 0 15px 0; text-align:left; font-size:14px; font-weight:bold; padding:2px 0px 0px 15px}
#awards .detail_content h3 a{display:block; background:url(../images/more.gif) no-repeat; width:35px; height:13px; position:absolute; left:515px; top:5px;}
.awards_list{width:569px; overflow:hidden;}
.awards_list li{float:left; width:100px; margin:0 4px 5px 0; overflow:hidden;}
.awards_list li img{width:100px; height:100px;}
.awards_list li .btn1,.works_list li .btn2{width:60px; height:23px; display:block; text-align:center; float:left; line-height:23px; vertical-align:middle;}
/*-------------------------------------table border-----------------------------------------*/

.table_border td{border:1px solid #ccc; padding:5px;}