.about-testimonials{margin-top:-15px;margin-left:10%;width:80%;}
.about-testimonials div{font-size:40px;}
.about-testimonials div div:first-child{margin-top:30px;color:#facc16;font-weight:700;font-size:80px;font-family:"微軟正黑體","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1;}
.about-testimonials div div:last-child{color:#333;text-transform:uppercase;}
.timelineer{margin-top:0;margin-bottom:3vh;margin-bottom:70px;padding-top:0;background-color:#000;background-image:url(../../images/about-history-bg.png),url(../../images/about-history-1.jpg);background-position:right top,left top;background-size:50% 100%,auto auto;background-repeat:no-repeat;}
.timelineer .ccontent{float:right;padding:150px 70px 150px 0;width:calc(100% - 371px);height:400px;color:#E4E4E4;text-align:right;}
.timelineer .ccontent h3{margin:0;color:#facc16;font-weight:lighter;font-style:italic;font-size:30px;}
.timelineer .ccontent h2{margin:0;color:#FFF;font-weight:700;font-size:50px;}
.timelineer .ccontent h5{margin:20px 0 0 0;color:#FFF;font-size:16px;}
.timelineer .panel a{position:relative;display:block;margin:0;padding:0;padding-left:15px;height:60px;color:#facc16;font-weight:200;font-style:italic;font-size:21px;line-height:60px;}
.timelineer .panel{float:right;padding:120px 0;width:15%;border-left:1px solid rgba(255,255,255,.22);}
.timelineer .panel a.active:before{position:absolute;top:27px;left:-3px;width:6px;height:6px;border-radius:999em;background:#facc16;content:"";}



/*媒体查询--------------------------------------------------------------*/
@media only screen and (max-width:1650px){
	.about-testimonials div div:first-child{font-size:90px;}
}
/*----------------------------------------------------------------------*/
@media only screen and (max-width:1450px){
	.timelineer{margin-top:-90px;}
}
/*----------------------------------------------------------------------*/
@media only screen and (max-width:1250px){
	.about-testimonials div div:first-child{font-size:70px;}
	.about-testimonials div{font-size:34px;}
}
/*----------------------------------------------------------------------*/
@media (max-width:960px){
	.timelineer .ccontent div:not(.onlymobile){display:none!important;}
	.timelineer .ccontent div.onlymobile{display:block;}
	.timelineer .panel{position:relative;top:-30px;padding:15px 0;width:100%;border-left:0;background:linear-gradient(to bottom right,#000,rgba(0,0,0,.5));}
	.timelineer .panel a{float:left;padding:0;width:16.6%;text-align:center;font-size:18px;}
	.timelineer .panel a.active:before{top:50px;left:calc(50% - 3px);}
	.timelineer .ccontent h3{font-size:24px;}
	.timelineer .ccontent h2{font-size:36px;}
	.timelineer .ccontent{padding:50px 0 0 0;width:75%;}
	.timelineer{position:relative;top:100px;margin-top:0;margin-bottom:170px;background-position:right top,left 15% top;background-size:70% 100%,auto 100%;}
}
/*----------------------------------------------------------------------*/
@media(max-width:768px){
	.about-testimonials{float:none;display:block;margin-top:0;margin-bottom:30px;margin-left:0;width:100%;text-align:center;transform:none;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
}
/*----------------------------------------------------------------------*/
@media only screen and (max-width:568px){
	.about-testimonials{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:0;margin-bottom:80px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
	.about-testimonials div div:first-child{font-size:70px;}
	.about-testimonials div div:last-child{margin-top:20px;}
	.about-us .page-section.content-divide>.reverse-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}
	.about-us .page-section.content-divide>.reverse-container .section-image{margin-left:-30px;}
}
/*----------------------------------------------------------------------*/
@media (min-width:961px){
	.timelineer .ccontent div.onlymobile{
		display:none!important;}
}







