@CHARSET "UTF-8";

/* page */

.page{display:table;margin:0 auto;background:#F0F0F0;-moz-box-shadow: 0 5px 20px #CCCCCC;-webkit-box-shadow: 0 5px 20px #CCCCCC;box-shadow: 0 5px 20px #CCCCCC; width:100%}
.box {width:80%; margin:30px 10%;}
.event_year{width:15%;border-bottom:2px solid #DDD;text-align:center;float:left;margin-top:10px;}
.event_year li{height:40px;line-height:40px;background:#FFF;margin-bottom:1px;font-size:18px;color:#828282;cursor:pointer; list-style:none}
.event_year li.current{width:100%;background:#0066ff url('../images/jian.png') 130% 0 no-repeat;color:#FFF;text-align:center;padding-left:9px;}
.event_list{width:85%;float:right;background:url('../images/dian3.png') 139px 0 repeat-y;margin:10px 0 20px 0;}
.event_list h3{margin:0 0 10px 132px;font-size:24px;font-family:Georgia;color:#0066ff;padding-left:25px;background:url('../images/jian.png') 0 -45px no-repeat;height:38px;line-height:30px;font-style:italic;}.event_list li{background:url('../images/jian.png') 136px -80px no-repeat; list-style:none}
.event_list li span{width:127px;text-align:right;display:block;float:left;margin-top:10px;}
.event_list li p{width:81%;margin-left:24px;display:inline-block;padding-left:10px;background:url('../images/jian.png') -21px 0 no-repeat;line-height:25px;_float:left;}
.event_list li p span{width:100%;text-align:left;border-bottom:2px solid #DDD;padding:10px 15px;background:#FFF;margin:0;}

@media only screen and (max-width: 767px){
.box {   width: 100%; padding:5px; margin:0}
.page {
    display: table;
    margin: 0 auto;
    background: #F0F0F0;
    -moz-box-shadow: 0 5px 20px #CCCCCC;
    -webkit-box-shadow: none; 
   box-shadow:none;
    width: 100%; 
}
.event_year li.current {
    width: 100%;
    background: #0066ff url(../images/jian.png) 249% 0 no-repeat;
    color: #FFF;
    text-align: center;
    padding-left: 9px;
}
.event_list h3 {
    margin: 0 0 10px 10px;
    font-size: 16px;
    font-family: Georgia;
    color: #0066ff;
    padding-left: 25px;
    background: url(../images/jian.png) 0 -45px no-repeat;
    height: 31px;
    line-height: 19px;
    font-style: italic;}
.event_list h3{margin:0 0 10px 10px;color:#0066ff;padding-left:25px;background:url('../images/jian.png') 0 -45px no-repeat;height:38px;line-height:20px;font-style:italic;}
.event_list li{background:url('../images/jian.png') 14px -80px no-repeat; list-style:none}
.event_list li span {
    width: 80px;
    text-align: right;
    display: block;
    float: left;
    margin-top: 8px;
}
.event_list {
    width: 85%;
    float: right;
    background: url(../images/dian3.png) 17px 0 repeat-y;
    margin: 10px 0 20px 0;
}
.event_year li{height:40px;line-height:40px;background:#FFF;margin-bottom:1px;font-size:11px;color:#828282;cursor:pointer; list-style:none}
.event_list li p {
    width: 92%;
    margin-left: 24px;
    display: inline-block;
    padding-left: 10px;
    background: url(../images/jian.png) -21px 0 no-repeat;
    line-height: 25px;
    _float: left;
}
}