.result{overflow:auto;}
p.subtitle{color:var(--main);}
p.title{color:var(--main); font-size:40px;}
.moreBtn.PDFBtn span{ float: left; margin-top: 4px;}
a:hover .moreBtn.PDFBtn span{ background-position:top}
.banner{padding:30px 10px; background-image:url('../img/img-inner-banner.jpg'); background-size:cover; overflow:auto;}
table tr th{background-color:var(--main);}
table tr td{background-color:var(--BG2);}
table tr p{color:var(--word); padding:10px 20px; margin-bottom:0}
table th p.filter-title{color:var(--white); padding:10px 20px;}
th p.filter-title-addition{background-color:var(--blue); color:var(--white)}

.wrapper.video .video_container{text-align:center; max-width:960px; margin:30px auto; position:relative;}

video{ width:960px; max-width:100%;}
.video_cover{position:absolute; width:100%; height:100%;top:0; left:0; background-image:url('../img/aboutUs/img-video.jpg'); background-size:cover; z-index:6; cursor:pointer;}

.wrapper.aboutUs{display:flex;}
.aboutUsLogo{ margin:40px auto 0; float:left; width:66.66%; background-color:var(--white); padding:20px;}
.aboutUsLogo img{ margin:20px; float:right;}
.aboutUsLogo p.subtitle{text-align:right;}
.aboutUsLogo p.subtitle span{word-break: keep-all;}
.aboutUs-img{ float:left; width:33.33%; margin:40px auto 0;background-image:url('../img/aboutUs/img-aboutUs1.jpg') ; background-size:cover; background-position:left;}
.aboutUs-img img{}
.factory{display:flex;}
.factory .factoryContents{width:33.33%; background-color:var(--main); padding:40px; min-height:300px;}
.factory .factoryContents p{color:var(--white); font-size:24px;}
.factory .factoryContents.factoryContentsImg2{background-image:url('../img/aboutUs/img-aboutUs2.jpg') ; background-size:cover; background-position:left;}
.factory .factoryContents.factoryContentsImg3{background-image:url('../img/aboutUs/img-aboutUs3.jpg') ; background-size:cover; background-position:left;}

.milestone-parts1{background-image:url('../img/products/BG-milestone1.jpg'); background-size:contain; background-color:#e4eee6; background-position:right; background-repeat:no-repeat; width:100%; float:left;padding:60px 0; margin-bottom:30px;}
.milestone-parts1 p{ width:100%; text-align:center}
.wrapper.milestone{max-width:800px; overflow:hidden; margin:20px auto; }
.wrapper.milestone .event{width:100%;display:flex;}
.wrapper.milestone .event:nth-of-type(2n) .date p{float:left;}
.wrapper.milestone .event:nth-of-type(2n) .content p{text-align:right;}
.wrapper.milestone .event img{float:left;position:relative;z-index:3;}
.wrapper.milestone .event:nth-of-type(2n) img{float:right;}
.wrapper.milestone .date{width:40%; float:left;margin-top:40px;border-radius:4px;position:relative;}

.wrapper.milestone .date:after{position:absolute;width: 0px;  height: 0px; border-style: solid; border-width: 20px 0 20px 80px; border-color: transparent transparent transparent var(--white);transform: rotate(0deg);top:30px; right:-60px; content:"";}
.wrapper.milestone .event:nth-of-type(2n) .date:after{position:absolute;width: 0px;  height: 0px; border-style: solid; border-width: 20px 80px 20px 0; border-color: transparent var(--white) transparent transparent;transform: rotate(0deg);top:30px; right: unset; left:-60px; content:"";}

.wrapper.milestone .date p{float:right; background-color:var(--white); width:auto; padding:30px 20px; border-radius:60px;position:relative;z-index:3}
.wrapper.milestone .content{width:40%; float:left; background-color:var(--main); border-radius:4px; padding:0 20px 20px;position:relative;}
.wrapper.milestone .content p.subtitle{text-align:left; color:var(--white);position:relative;z-index:3}
.wrapper.milestone .content:after{position:absolute;width: 0px;  height: 0px; border-style: solid; border-width: 20px 80px 20px 0; border-color: transparent var(--main) transparent transparent;transform: rotate(0deg);top:70px; left:-60px; content:"";}
.wrapper.milestone .event:nth-of-type(2n) .content:after{position:absolute;width: 0px;  height: 0px; border-style: solid; border-width: 20px 0 20px 80px; border-color: transparent transparent transparent var(--main);transform: rotate(0deg);top:70px; left: unset; right:-60px; content:"";}

.wrapper.milestone .line{margin-top:0; padding-top:80px; width:20%; float:left; text-align:center;background-image:url('../img/aboutUs/milestone/line.jpg'); background-repeat:repeat-y; background-position:center;}
.wrapper.milestone .points{margin:auto; width:20px; height:20px; border-radius:20px; background-color:var(--main);}
.wrapper.milestone .event:first-of-type .line{ margin-top:80px;padding-top:0;}
.wrapper.milestone .event:last-of-type .line{height:0;}

.wrapper.linecard{max-width:800px;}
.wrapper.linecard p{text-align:center; float:none;}
.wrapper.linecard p.title{margin:80px auto 10px;}
.wrapper.linecard p.subtitle{margin:80px auto 0}
.wrapper.linecard .row{text-align:center; margin-bottom:60px;}
.wrapper.linecard .row img{max-width:250px;}
.wrapper.linecard .row .col-sm-4{border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.wrapper.linecard .row .col-sm-4:nth-of-type(3n){border-right:0px;}
.wrapper.linecard .row .col-sm-4:nth-last-of-type(1){border-bottom:0px;}
.wrapper.linecard .row .col-sm-4:nth-last-of-type(2){border-bottom:0px;}
.wrapper.linecard .row .col-sm-4:nth-last-of-type(3){border-bottom:0px;}


@media screen and (max-width: 1400px){
	.milestone-parts1 p.title{text-align:left; font-size:24px;}
	.milestone-parts1 p.subtitle{text-align:left;}
}

@media screen and (max-width: 1200px){
	.factory .factoryContents{padding:20px;}
}

@media screen and (max-width: 991px){
	.milestone-parts1{background-image:url('../img/products/BG-milestone1A.jpg'); background-size:cover;}
	.milestone-parts1 p{max-width:100%;}
	.wrapper.milestone .date:after{right:-30px; }
	.wrapper.milestone .event:nth-of-type(2n) .date:after{left:-30px; }
	.wrapper.milestone .content:after{left:-30px; }
	.wrapper.milestone .event:nth-of-type(2n) .content:after{right:-30px; }
}

@media screen and (max-width: 720px){
	.wrapper.aboutUs{display:block;}
	.factory{display:block;}
	.aboutUsLogo{width:100%; margin:0}
	.aboutUs-img{width:100%; margin:0;min-height:400px;background-position:top;}
	.factory .factoryContents{width:100%; overflow:hidden;min-height:300px;}
}