.timeline{height:200px;padding-top:150px;*height:100px;*padding-top:100px;}
#timeline {display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;padding: 0 5%;border-top: 3px solid #eee9dc;list-style: none;}
#timeline li {float:left;display:inline-block;position: relative;width:20%;height:1px;}
#timeline .message {position: absolute;height:92px;width:210px;top:-135px;left:50%;margin-left:-105px;padding:30px 0;display:none;background:#2d97fa;text-align:center;}
#timeline .message h5,#timeline .message p {font-size:16px;color:#fff;font-weight: normal;}
#timeline .message a{position:absolute;top:5px;right:30px;color: rgba(22,155,232,0.6);}
#timeline .date {position: absolute;width: 100%;text-align: center;top: 20px;}
#timeline .circle {position: absolute;width:35px;height:35px;margin-left: -17.5px;margin-top:-17.5px;top:50%;left: 50%;background-image:url("../images/time_point.png");background-repeat: no-repeat;cursor:pointer;}
#timeline .checked .message{display:block;}
#timeline .checked .date{color: rgba(22,155,232,0.6);}
#timeline .checked .circle{background-image:url("../images/time_point_hover.gif");background-repeat: no-repeat;}
.cd-timeline-navigation{list-style: none;}
.cd-timeline-navigation a {position: absolute;padding: 0 3%;transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.cd-timeline-navigation a::after {content: '';position: absolute;height: 16px;width: 16px;left: 50%; top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.cd-timeline-navigation a.prev {left: 0;}
.cd-timeline-navigation a.next {right: 0;}