@charset "utf-8";
html, body {
height:100%;
}
body {
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif, 新細明體;
text-align:center;
line-height:15pt;
background:#fff;
font-size:0;
line-height:0;
color:#b70000;
}
a, a:link {
color:#b70000;
text-decoration:none;
}
a:hover {
color:#b70000;
}
ul,ol,li,dl,dt,dd,h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0;
font-size:0;
line-height:0;
}
.container {
width:1000px;
margin:0 auto;
text-align:left;
background:#b70000;
overflow:auto !important;
overflow:inherit;
}

ul#mainNav{
width:107px;
height:66px;
background:url(images/home.gif) 0 0 no-repeat;
position:absolute;
top:6px;
right:0;
}
ul#mainNav li{
float:left;
width:107px;
height:33px;
}
ul#mainNav li a{
float:left;
width:107px;
height:33px;
display:block;
}
ul#mainNav li a,ul#mainNav li a:hover{color:#fff;}


#banner{
width:1000px;
height:345px;
background:url(images/banner.gif) 0 0 no-repeat;
color:#fff;
position:relative;
}

dl#main{
width:896px;
margin:65px 0 0 54px;

}
dd{position:absolute;}

dt.N1{
background:url(images/time.gif) 0 0 no-repeat;
height: 79px;
width: 100%;
float: left;
}
dt.N2{
height: 477px;
width: 100%;
float: left;
background: url(images/function.gif) 0 0 no-repeat;
}
dt.N3{
height: 124px;
width: 100%;
float: left;
background: url(images/award.gif) 0 0 no-repeat;
}
dt.N4{
height: 171px;
width: 100%;
float: left;
background: url(images/comment.gif) 0 0 no-repeat;
}




ol#rank{
float:left;
width:896px;
height:260px;
margin-left:54px;
background:url(images/rankBG.gif) 0 0 no-repeat;
position:relative;
display:inline;
}

ol#rank li{
float:left;
width:126px;
position:absolute;
}
ol#rank li img{
margin:0 3px 0 0;
float:left;

}
ol#rank li em{
float:left;
text-align:center;
margin-top:5px;
font-style:normal;
font-size:11px;
line-height:12px;
font-family:Arial;
color:#fff;
}
ol#rank li em a{
color:#fff;
}
ol#rank li span{
float:left;
margin-top:25px;
font-style:normal;
font-size:11px;
line-height:12px;
font-family:Arial;
color:#fff;
}

ol#rank li#R1{top:128px; left:71px; text-align:center}
ol#rank li#R2{top:128px; left:228px;text-align:center}
ol#rank li#R3{top:128px; left:386px;text-align:center}
ol#rank li#R4{top:128px; left:543px;text-align:center}
ol#rank li#R5{top:128px; left:700px;text-align:center}

#footer{
float:left;
margin-left:54px;
padding:29px 0 0 0;
width:896px;
height:66px;
text-align:center;
display:inline;
}
#footer em{
font-style:normal;
font-size:13px;
line-height:12px;
font-family:Arial;
color:#fff;
}