*{margin:0;padding:0;}
html, body, #page {height: 100%;}
body > #page {height: auto; min-height: 100%;}
#container {padding-bottom: 70px;}
#footer {position: relative;margin-top: -70px; height: 70px;clear:both;} 
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
body{ background-image: url(404.png) !important; background-repeat:repeat;font:13px/1.3 'Microsoft Yahei',微软雅黑;color:#999; padding-top:30px;}
#page,#footer_inner{margin:0 auto;width:890px;}
h1#logo{background:url('404.png') no-repeat 50% 25px;overflow:hidden;height:93px;padding: 25px 0;}
h1#logo a{display:block;text-indent:-9999px;height:93px;}
#container{margin:0 auto;}
#container h2 {font-weight:normal;line-height:28px;}
#container p{padding:10px 0;}
.credit{text-align:center;padding: 20px 0 100px;font-size:10px;}
a{text-decoration:none;color:#888;}
a:visited {text-decoration:none;outline:none;}
a:hover{text-decoration:none;color:#ff5b00;}

.demotips{margin:0 auto;text-align:center;font-size:25px;}
.demotips a{margin:0 10px;}


#timeline {width: 890px;height: 350px;overflow: hidden;position: relative;
background: url('../image/dot.gif') left 45px repeat-x;}
#dates {width: 890px;height: 60px;overflow: hidden;}
#dates li {list-style: none;float: left;height: 50px;font-size: 24px;text-align: center;background: url('../image/biggerdot.png') center bottom no-repeat; padding:0px 5px !important;width:auto !important; min-width:100px; width:100px;_width:100px; width:auto;}
#dates a {line-height: 38px;padding-bottom: 10px;}
#dates .selected {color:#ff5b00;}

#issues {width: 890px;height: 350px;overflow: hidden;}
#issues li {width: 890px;height: 350px;list-style: none;float: left;}
#issues li img {float: left;margin: 10px 30px 10px 50px;}
#issues li h1 {color: #000;font-size: 48px;margin: 20px 0;}
#issues li p {font-size: 14px;margin-right: 70px;font-weight: normal;line-height: 22px;}

#grad_left,
#grad_right {
width: 100px;
height: 350px;
position: absolute;
top: 0;
}
#grad_left {
        left: 0;
}
#grad_right {
        right: 0;
}

#next,#prev {position: absolute;top: 0;font-size: 70px;top: 170px;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('../image/next.png');}
#prev {left: 0;background-image: url('../image/prev.png');}
#next.disabled,#prev.disabled {opacity: 0.2;}