/*modify common-----------------------*/
section{
	padding: 0 0 50px;
	margin: 0 auto 40px;
}
/*-------------------------------------*/

.category{
	display:flex;
	border:1px solid #005EAE;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.category li{
	width:50%;
	padding:10px 0;
	border-right:1px solid #005EAE;
	background:#DEE4F4;
	color:#005EAE;
	text-align:center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	cursor:pointer;
}
.category li.current{
	background:#005EAE;
	color:#fff;
}
.category li:last-child{
	border:none;
}
.cate:nth-of-type(2){
	display:none;
}

.topic{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:50px 115px 70px;
	border-right:1px solid #005EAE;
	border-left:1px solid #005EAE;
	border-bottom:1px solid #005EAE;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	text-align:left;
	background:#fff;
}
.topic > div:nth-of-type(1){
	width:52%;
}
.topic > div:nth-of-type(2){
	width:44%;
}
.topic > div:nth-of-type(2) img{
	width:100%;
}
.topic .title{
	margin:0 0 10px 0;
	font-size:22px;
	font-weight:600;
	color:#005EAA;
	line-height:1.4;
}
.topic dl{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.topic dt{
	width:20%;
}
.topic dt:first-letter{
	color:#005EAA;
}
.topic dd{
	width:76%;
}

@media screen and (max-width: 930px) {
	
	.category li{
		padding:5px 0;
		font-size:12px;
	}
	
	.topic{
		padding:30px 3% 30px;
	}
	.topic > div:nth-of-type(1){
		width:100%;
	}
	.topic > div:nth-of-type(2){
		width:100%;
		margin:10px auto 0;
	}
	.topic .title{
		font-size:18px;
	}
	.topic dl{
		margin:0 0 10px;
	}
}