@charset "utf-8";
/* CSS Document */
/** {margin: 0;padding: 0;}
body {font-size: 12px;}
li {list-style: none;}
a {text-decoration: none;}*/
.timeline {background: url(../img/time/timeline-line.png) repeat-y 10px;width: 80px;float: left;margin-top: 40px;margin-left: 50px;}
.year li .year-button {cursor: pointer;background: url(../img/time/timeline-bg.png) 0px -175px no-repeat;height: 25px;padding-left: 22px;margin-left: 8px;line-height: 25px;margin: 10px 8px;}
.year li .year-button:hover {background: url(../img/time/timeline-bg.png) 0px -29px no-repeat}
.year>.active .year-button {background: url(../img/time/timeline-bg.png) 0px 0px no-repeat;color: #FFF;}
.year>.active .year-button:hover {background: url(../img/time/timeline-bg.png) 0px 0px no-repeat;color: #FFF;}
.month {display: none;margin-left: 7px;}
.active>.month {display: block}
.month>li {cursor: pointer;height: 25px;padding-right: 25px;line-height: 25px;text-align: right;margin: 10px 0;}
.month>li a {color: #000000;}
.month>li.active {background: url(../img/time/timeline-bg.png) 0px -89px no-repeat;}
.month>li.active a {color: #FFF;}
.month>li:hover {background: url(../img/time/timeline-bg.png) 0px -119px no-repeat;}
.month>li.active:hover {background: url(../img/time/timeline-bg.png) 0px -89px no-repeat;}

.active a{color:#fff;display: block;}

@media(max-width: 768px){
	.timeline{margin: 0;}
}