@charset "utf-8";

.index{background:url(../img/bg_index.jpg) no-repeat top center;}

.index_header{background:url(../img/bg_header_.png) center center repeat-x;}

#label{
display:block;
width:100%;
min-width:1260px;
height:20px;
margin:auto;
padding-top:9px;
background:url(../img/bg_label.png) center center repeat-x;
border-bottom:1px solid #FFF;
}

.area{
width:1260px;
margin:auto;
padding-top:15px;
padding-bottom:30px;
}

#index{
height:800px;
}

#index .news{
color:#FFF;
font-weight:bold;
font-size:12px;
width:420px;
height:50px;

padding:8px;
margin-top:350px;
margin-left:760px;
margin-bottom:40px;
background:rgba(0,0,0,0.7);

box-shadow:rgba(0, 0, 0, 0.8) 3px 3px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 3px 3px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 3px 3px 0px 0px;
}

#index .news h4{
color:#903;
font-size:14px;
font-weight:bold;
text-align:center;

width:150px;
height:23px;
padding-top:3px;
position:absolute;
margin-left:-30px;
margin-top:-24px;

transform: rotate(-6deg);
-moz-transform:rotate(-6deg);
-webkit-transform:rotate(-6deg);

background:rgba(255,255,255,0.8);
border:2px solid rgba(51,0,0,0.7);

border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;

text-shadow:0px 0px 3px rgba(255,255,255,1);

box-shadow:rgba(0,0,255,0.4) 5px 5px 0px 0px;
-webkit-box-shadow:rgba(0,0,255,0.4) 5px 5px 0px 0px;
-moz-box-shadow:rgba(0,0,255,0.4) 5px 5px 0px 0px;
}

#index .news ol.scroll{
text-align:left;
position:absolute;
margin-top:15px;
padding-top:8px;
padding-bottom:3px;
height:40px;
width:400px;
overflow:auto;
}

#index .news ol.scroll li{
width:380px;
border-bottom:1px dashed #FFF;
padding-top:2px;
margin-bottom:3px;
padding:5px;
}

#index .news ol.scroll li h5,
#index .news ol.scroll li p{
display:inline-block;
vertical-align:top;
}

#index .news ol.scroll li p{
font-size:12px;
letter-spacing:0px;
text-align:left;
}

#index .news ol.scroll li h5{
margin-right:13px;
}

#index .news ol.scroll li h5 span{
color:#FFF;
font-size:12px;
font-weight:bold;
background:rgba(204,0,51,0.9);
margin-right:8px;
padding-top:1px;
padding-left:10px;
padding-right:10px;
text-align:left;
}

#index .topic ul{
text-align:right;
margin-right:45px;
}

#index .topic ul li a img{
margin:5px;
border:3px solid #FFF;
box-shadow:rgba(0, 0, 0, 0.6) 3px 3px 8px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.6) 3px 3px 8px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.6) 3px 3px 8px 0px;

border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
}

#index .topic ul li#bn1 a img{margin-right:20px;}
#index .topic ul li#bn2 a img{margin-right:70px;}
#index .topic ul li#bn3 a img{margin-right:120px;}

#index .topic ul li a img:hover{
border:3px solid #C00;
}