.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: 31.8%;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;}
#unit1982,#unit5765,#unit5763{height:400px; margin-bottom: 50px;}
@media (min-width:1200px) and (max-width:1499px) {
	.history-tab2 li a{width:31%!important;}
}
@media (min-width:992px) and (max-width:1199px) {
	.history-tab2 li a{width:31%!important;}
}
@media (min-width:768px) and (max-width:991px) {
	.history-tab2 li a{width:30%!important;}
	#unit5765{width:33%!important;}
	#unit5763{width:33%!important;}
	#unit1982{width:33%!important;}
}
@media (max-width:767px) {
	#component5212 > #unit1447 > div > div > span,
	#component7414 > #unit5456 > div > div > span,
	#component3567 > #unit2764 > div > div > span{font-size:26px!important;}
	#component3827{margin: 50px 0px!important;}
    #unit4348 > div > div:nth-child(2){font-size:17px!important;}
	.history-tab2 li a{width:29.5%!important;margin: 5px!important;}
	#unit5765{width:75%!important; margin: 0 auto!important;}
	#unit5763{width:50%!important;height:355px!important;float:left!important;padding: 0 5px!important;}
	#unit1982{width:50%!important;height:355px!important;float:left!important;padding: 0 5px!important;}
	#unit1982 > div > span > strong:nth-child(1),
	#unit5765 > div > span > strong:nth-child(1),
	#unit5763 > div > span > strong:nth-child(1){font-size:20px!important;}
	#unit1982 > div > span > strong:nth-child(2),
	#unit5765 > div > span > strong:nth-child(2),
	#unit5763 > div > span > strong:nth-child(2){font-size:17px!important;}
	#unit1982 > div > span:nth-child(3),
	#unit5765 > div > span:nth-child(3),
	#unit5763 > div > span:nth-child(3){font-size:17px!important;}
	.history-tab2{margin:0!important;}
	
}