.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;}

@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;}
}
@media (max-width:768px) {
    #unit4348 > div > div:nth-child(2){font-size:17px!important;}
	#component7741,
	#component6957,
	#component3932{margin:0px 0px 50px!important;}
	#component7741 > #unit2131 > div,
	#component6957 > #unit8088 > div,
	#component3932 > #unit7086 > div{margin:0!important;}
	#component7741 > #unit2131 > div > div > span,
	#component6957 > #unit8088 > div > div > span,
    #component3932 > #unit7086 > div > div > span{font-size:26px!important;}
}