.history-tab { text-align:center; overflow:hidden; margin:0 0 50px;  }
.history-tab a { color:#333; text-decoration:none; }
.history-tab > li:first-child > a{width:34%;}
.history-tab li a { float:left; width:33%; font-size:17px; padding:15px 0;  color:#333; cursor:pointer; border:2px solid #323f68; box-sizing:border-box; }
.history-tab li:hover a { background:#323f68; transition:0.3s all; color:#fff;}
.history-tab .active a { background:#323f68; }
.history-tab .active a { color:#fff; }
.history-tab2 { text-align:center; overflow:hidden; margin:0 0 50px;  }
.history-tab2 a { color:#333; text-decoration:none; }
.history-tab2 li a {margin: 10px;float: left;width: 23.5%;font-size: 20px;padding: 7px 0;color: #333;  cursor: pointer;box-sizing: border-box;border: 2px solid transparent;}
.history-tab2 li:hover a,.history-tab2 .active a { color: #325481!important;border: 2px solid #B4CEF1;font-weight: 700;}
.mok td{font-size:17px;}

@media (min-width:1200px) and (max-width:1499px) {
}
@media (min-width:992px) and (max-width:1199px) {

}
@media (min-width:768px) and (max-width:991px) {
	.history-tab2 li a{width:30%;}
	#component3521 > #unit6170 > div > div > span, #component8923 > #unit2988 > div > div > span, #component1590 > #unit2960 > div > div > span, #component6255 > #unit1017 > div > div > span, #component2380 > #unit7163 > div > div > span, #component6914 > #unit1814 > div > div > span, #component7820 > #unit8811 > div > div > span, #component9561 > #unit1286 > div > div > span, #component6909 > #unit9511 > div > div > span
	{font-size: 32px!important;}
	
}
@media (max-width:768px) {
	.history-tab2{margin:0!important;display: inline-flex;flex-wrap: wrap;}
	.history-tab2 li{padding:0px 10px;display:inline-block;width:50%;float:left;}
	.history-tab2 li a{margin:0;width:100%!important;word-break: keep-all;}
    #unit4348 > div > div:nth-child(2){font-size:17px!important;}
}