@charset "utf-8";


@media all and (max-width:1440px) {
	.overview_flex {background-size:650px auto;}
}

@media all and (max-width:1024px) {
	.overview_flex {padding-top:400px;background-size:contain;}
	.overview_flex .overview_info {
    width: 100%;
		background:#fff;padding:40px 20px;
}
	.history-sec > div:before {left:-63px;}
.history-sec > div:after {left:-52px;}
	.history-wrap .history-sec:nth-child(even) > div:before {right:-63px;}
.history-wrap .history-sec:nth-child(even) > div:after {right:-52px;}
}

@media all and (max-width:800px) {
.history-sec {
    padding: 10px 0;
}
	.history-sec > div h5 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 2px;
}
	.history-sec p.img, .history-sec > div {
    width: 100%;
}
	.history-sec:after {
   display:none;
}
	.history-sec p.img {
    padding-top:10px;
		text-align:left;
		order:2;
}
	.history-wrap .history-sec:nth-child(even) > div {
   text-align:left;
}
	.history-wrap .history-sec:nth-child(even) li strong {
    left: 0;
    right:auto;
}
	.history-wrap .history-sec:nth-child(even) li,
	.history-sec li{
    padding: 2px 0px;
}
	.history-sec li {
    font-size: 1em;
}
	.history-sec > div {order:1;}
	
	.history-wrap img {width:120px}
}
@media all and (max-width:480px) { 
.overview_flex {padding-top:200px;}
	
	
.tableA tbody th {
	padding: 10px 5px;
	width:25%;
}
.tableA tbody td {
	padding: 10px 5px;
}
}