

/* timeline */
#timeline{width:100%;height:250px;overflow:hidden;margin:40px auto 0 auto;position:relative;background:url('../img/dot.gif') left 45px repeat-x;}
#dates{width:100%;height:60px;overflow:hidden;}
#dates li{float:left;width:150px;height:50px;font-size:24px;text-align:center;background:url('../img/biggerdot.png') center bottom no-repeat;}
#dates a{line-height:38px;padding-bottom:10px;}
#dates .selected{font-size:38px;}
#issues{width:1170px;height:250px;overflow:hidden;}
#issues li{width:1170px;height:350px;float:left;}

#issues li p{font-size:16px;font-family:"Î¢ÈíÑÅºÚ"; text-align:center;font-weight:normal;line-height:22px;margin-top:50px;padding:0 50px 0 50px;}
#grad_left,#grad_right{width:100px;height:250px;position:absolute;top:0;}
#grad_left{left:0;background:url('../img/grad_left.png') repeat-y;}
#grad_right{right:0;background:url('../img/grad_right.png') repeat-y;}
#next,#prev{position:absolute;top:0;font-size:70px;top:100px;width:22px;height:38px;background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;}
#next:hover,#prev:hover{background-position:0 -76px;}
#next{right:0;background-image:url('../img/next.png');}
#prev{left:0;background-image:url('../img/prev.png');}
#next.disabled,#prev.disabled{opacity:0.2;}


@media only screen and (max-width: 1025px) {
#issues{width:950px;}
#issues li{width:950px;}
}

@media only screen and (max-width: 801px) {
#issues{width:700px;}
#issues li{width:700px;}
#next,#prev{top:110px;}
}

@media only screen and (max-width: 490px) {
#issues{width:400px;}
#issues li{width:400px;}
}

@media only screen and (max-width: 380px) {
#issues{width:350px;}
#issues li{width:350px;}
}
