/*company*/
.company-box { margin-left: 62px;}
.company-data-top { max-width: 733px; background: #158daf; padding: 40px 30px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin-bottom: 240px; margin-left: -62px;}
.company-data-top > div:first-child { width: 188px;}
.company-data-top > div:last-child { width: calc(100% - 188px); font-size: 15px; line-height: 20px; color: #fefefe;} 
.company-data-top > div:last-child span { display: block; color: #fff600; font-size: 20px; letter-spacing: 1px; padding-bottom: 25px;}
.company-data-bottom { max-width: 733px; background: #158daf; padding: 60px 30px; flex-direction:column; flex-wrap: nowrap; align-items: center; margin:0 0 0 auto; font-size: 15px; line-height: 20px; color: #fefefe; position: relative; bottom: -70px;}
.company-ce { margin-top: 35px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.company-ce > div { padding: 0 4px 10px 4px;}

/*history*/
.history-banner { line-height: 0; margin-bottom: 30px;}
.timeline {padding: 0px 0px;width: 100%;margin-bottom: 0px; position: relative;}
.timeline:before {content: "";position: absolute;top: 0px;left: 15px;width: 3px;height: calc(100% + 50px);background: #c0392b;}
.timeline .column {margin: 40px 40px 40px 70px; position: relative;}
.timeline .column .title .year {font-size: 120px;color: rgba(0,0,0,0.1);font-family: serif;letter-spacing: 3px; line-height: 100%; font-family: "Times New Roman", "serif"; font-weight: bold; position: relative;top: -10px;}
.timeline .column .title .year:before {content: "";position: absolute;left: -62px;top: 86px;width: 10px;height: 10px;background: #fff;border: 3px solid #c0392b;}
.timeline .column .title .year-title {margin-top: -40px;font-size: 34px; color: #000000; font-weight: bold; line-height: 100%; margin-bottom: 16px;}
.timeline .column .year-data {border-left: 2px solid #000; font-size: 15px; color: #000000 ; line-height: 22px; padding:10px 0 10px 20px;}



@media only screen and (max-width: 980px) {
	.company-box {margin-left: 0;}
	.company-data-top { max-width: 100%; margin-left: 0px;}
	.company-data-bottom { max-width: 100%; bottom: 0;}
}

@media only screen and (max-width: 768px) {
	.company-data-top, .company-data-bottom { flex-flow:column; padding: 30px;}
	.company-data-top > div { width: 100% !important;}
	.company-data-top > div:first-child {padding-bottom: 15px;}
}

@media only screen and (max-width: 570px) {
	.timeline .column { margin-left: 40px; margin-right: 10px;}
	.timeline .column .title .year:before {left: -32px; top:64px;}
	.timeline .column .title .year { font-size: 90px;}
	.timeline .column .title .year-title { font-size: 24px;}
}