.container { max-width:980px;width:100%; margin:0 auto;}
.content{     width: 100%; max-width: 1000px;margin: 0 auto;}
.sec-title{     margin: 30px 0 0 0; padding: 5px 10px; background-color: #99999938;text-align: left;color: #666;}

.preset-wrap{display: block;text-align: left;}
.preset {display: inline-block; width: 200px;height: 120px;text-align: left; margin: 15px; vertical-align: top;}
.preset h5{vertical-align: top;text-align: center; width: 30px; height: 30px; border-radius: 50px; border: 2px solid #80b940;background-color: #fff; position: absolute;color: #80b940;font-size: 16px; }
.preset img{vertical-align: top;background-color: #80b940; padding: 15px; display: inline; margin: 10px; width: 60px;}
.preset span{ width: 100px; color: #80b940; vertical-align: top; font-size: 20px;}
.preset-word{display:inline-block;}
.preset p, .preset2 p{ width: 120px; font-size: 14px; color: #666;}
.preset2 {width: 250px;}
.preset2 p { width: 160px;}
	
.timeline, .timeline2{display: inline-block; width: 100%; text-align: left; margin-top: 60px;    margin-left: 5px;}
.timeline2{ margin-top:90px;}
.timeline-content-up, .timeline-content-down{display: inline-block; width: 230px; vertical-align: top;border-top: 5px solid #a7a9ac;}
.timeline-content-up{ margin: 50px -5px;}
.timeline-content-down{margin: 50px 0;}
.timeline-content-up p, .timeline-content-down p, .timeline-content-up2 p, .timeline-content-down2 p{width: 80%;font-size: 14px; margin: 0 auto;text-align: center;color: #666;}
.timeline-content-up h4, .timeline-content-down h4,.timeline-content-up2 h4, .timeline-content-down2 h4{color: #80b940; text-align: center; width: 150px; margin: 0 auto;}
.timeline-content-up h4{margin-top: 10px;}
.timeline-content-down h4 { margin-top: -80px;}
.timeline-content-down{ margin: 50px 0; }
.timeline-content span{ color:#fb8b3c;}
.timeline-content-up2, .timeline-content-down2{display: inline-block;width: 140px;vertical-align: top;border-top: 5px solid #a7a9ac;}
.timeline-content-up2{margin: 50px -5px;}
.timeline-content-down2{margin: 50px 0;}	
.timeline-content-up2 h4, .timeline-content-down2 h4{width: 140px;}
.timeline-content-up2 h4{margin-top: 10px;}
.timeline-content-down2 h4 {margin-top: -105px;}

.circle-up ,  .circle-down {position: absolute; display: inline-block; margin: 10px 70px;width: 80px; height: 40px;background: #fff;border: 5px solid #80b940; z-index: 80;border-radius: 160px 160px 0 0;}
.circle-up{ border-bottom: 0;}
.circle-down { margin: 0px 85px; border-top: 0;border-radius: 0px 0px 160px 160px; }
.circle-up:after, .circle-down:after {content: ''; display: table; width: 20px; height: 20px; background: #a7a9ac; border-radius: 50%;}
.circle-up:after {margin: 25px;}
.circle-down:after { margin: 0 auto;margin-top: -12px;}
.circle-up2,.circle-down2{position: absolute; display: inline-block;width: 80px; height: 40px;background: #fff; border: 5px solid #80b940;	  z-index: 80;}
.circle-up2 {margin: 10px 25px; border-bottom: 0;border-radius: 160px 160px 0 0; }
.circle-down2 { margin: 0px 35px; border-top: 0; border-radius: 0px 0px 160px 160px; }
.circle-up2:after,.circle-down2:after{content: '';display: table; width: 20px; height: 20px; background: #a7a9ac; border-radius: 50%;}
.circle-up2:after { margin: 25px;}
.circle-down2:after { margin: 0 auto; margin-top: -12px;}

.timeline-content-down2:nth-child(6){height:200px;}
.flag em{color:#fb8b3c;font-weight: 400;}

/*----------------------------- 注意事項文字 -----------------------------------  */

/* ul { width:80%; margin:0 auto; color:#a3a3a3; list-style:decimal; padding-left:30px;}
 ul li{ margin-bottom:10px; font-size:15px; color:#333333; line-height:1.5;}
*/


@media screen and (max-width: 985px) {	

.timeline, .timeline2{position: relative; margin: 0 auto;list-style-type: none; width: 100%; padding: 4em 0 1em 0;}
.timeline:before, .timeline2:before { position: absolute; left: 50%; top: 50px; content: ' '; display: block; width: 4px; height: 90%;margin-left: -1px; background: #a7a9ac; z-index: 5;}
.timeline:before{height: 70%; top: 40px;}
.circle-up, .circle-down, .circle-up2, .circle-down2 { display:none;} 
.timeline-content-up, .timeline-content-down, .timeline-content-up2, .timeline-content-down2{ float: none; width: 100%; text-align: center;border:0; margin: 40px 0;}
.timeline-content-down2:nth-child(6) { height: 100%;}
.timeline-content-up p, .timeline-content-down p, .timeline-content-up2 p, .timeline-content-down2 p {     width: unset; font-size: 14px;color: #666; position: relative; z-index: 999; box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);background: rgb(245,245,245); padding: 1em;margin: 1em 1em 0 1em;}
.timeline-content-up h4, .timeline-content-down h4{position: relative; margin: 1em 1em 0 1em; padding: 1em; z-index: 15;border: 0;}
.timeline-content-up h4,.timeline-content-down h4{padding:7px;}	 
	
.flag { position: relative; display: inline; background: rgb(248,248,248);  padding: 6px 5px; border-radius: 5px; font-weight: 300; text-align: left; color: #80b940;background: rgb(255,255,255); z-index: 15;box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);}	 
.flag:before {  position: absolute; top: -30px; left: 50%; content: ' ';display: block;width: 12px; height: 12px; margin-left: -9px;background: #fff; border-radius: 10px; border: 4px solid #80b940; z-index: 10;}	 
		
}