@charset "utf-8";
/* CSS Document */
body{background-color:#F2F2F2; font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", sans-serif;}
#main{position:absolute; top:0px; left:50%; margin-left:-490px; width:980px; height:auto; background-color:#F2F2F2}
#top{position:relative; float:left; width:100%; height:30px; background-color:#FFF}
#header{position:relative; float:left; width:100%; height:110px; background-color:#454545}
#content{position:relative; float:left; width:100%; height:auto;}
#poster{position:relative; float:left; margin-top:20px; margin-left:25px; width:600px; height:auto; background-color:#FFF; border-style:solid; border-width:thin; border-color:#CCCCCC}
.posters{position:relative; float:left; width:600px; height:264px; border-bottom-style:solid; border-bottom-width:thin; border-bottom-color:#CCCCCC}
#rank{position:relative; float:left; margin-top:20px; margin-left:40px; width:290px; height:auto;} 
.ranks{position:relative; float:left; width:290px; height:170px; background-color:#FFF; border-style:solid; border-width:1px; border-color:#E6E6E6}
.rankTitle{position:relative; float:left; height:30px; width:290px;}
.top3{position:relative; float:left; height:38px; width:290px;background-color:#FFF; border-bottom-style:solid; border-bottom-width:thin; border-bottom-color:#E6E6E6}
.tops{color:#424242; font-size:16px; padding-left:15px}
#tags{position:relative; float:left; width:290px; height:110px; margin-top:35px; background-image:url(images/tagTitle.png); background-repeat:no-repeat}
.postImages{position:absolute; top:15px; left:15px} 
.postTags{position:absolute; top:15px; left:365px}
.titles{width:190px; height:auto;position:absolute; top:30px; left:365px}
.titleText{padding-left:10px;font-size:20px; color:#333333;}
.mark{height:45%; width:3px; background-color:#333; position:absolute; left:0px; top:25%}
.date{width:110px; height:15px; background-color:#F2F2F2; position:absolute; left:365px; top:110px; font-size:12px; color:#808080}
.introduction{ font-size:13px; color:#666666; width:210px; height:auto; position:absolute; top:120px; left:365px}
.readAll{position:absolute; top:190px; left:490px; color:#4D4D4D; font-size:17px; text-decoration:underline}
#areas{width:486px; height:100%; position:absolute; left:490px; top:0px}
.line{position:relative; float:left; margin-top:20px}
.area{position:relative; float:left; width:160px; height:100%}
.links{color:#666; position:relative; float:left; line-height:0px; margin-top:13px; margin-left:10px; margin-right:10px; font-size:16px}
.fenge{background-color:#666; width:1px; height:20px; position:relative; float:left; margin-top:5px}
#search{background-image:url(images/search.gif); background-repeat:no-repeat; width:100%; height:33px; position:relative; float:left; }
#pagenumber{position:relative; width:600px; height:auto; float:left; margin-top:20px; margin-left:25px}
.number{width:20px; height:20px; background-color:#FFF; position:relative; float:left; margin-right:5px; color:#999; font-size:16px; text-align:center; border-style:solid; border-width:thin; border-color:#CCCCCC}
.numberCurrent{width:20px; height:20px; background-color:#CCC; position:relative; float:left; margin-right:5px; color:#999; font-size:16px; text-align:center; }
#footer{position:relative; float:left; width:100%; height:120px; background-color:#FFF; margin-top:25px; background-image:url(images/shadow.png); background-repeat:repeat-x}
#footerinfo{width:550px; height:auto; font-size:13px; color:#666; text-align:center; position:absolute; left:250px; top:30px}
a:link {color: #666; text-decoration:none}
a:visited{color: #666; text-decoration:none }
a:hover {color:#36F; text-decoration:underline }

#shegao{width:940px; height:auto; position:relative; float:left; margin-top:25px; margin-left:30px}
image{border-width:0px}