/* update-link
------------------ */
#topics #contents .topLink {
	padding: 0 30px;
	margin-bottom: 2em;
}
#topics #contents .topLink li a {
	display: block;
	padding: 6% 0;
	font-size: 13px;
	color: #cfee1d;
	border: 1px solid #fff;
	box-sizing: border-box;
}
#topics #cn #contents .topLink li a,
#topics #hk #contents .topLink li a {
	padding: 9% 0;
}
#topics #contents .topLink li.update2 a {
	background: url(../../images/topics/bg_link_update2.png) no-repeat left center #000;
	background-size: 42% auto;
}
#topics #contents .topLink li.update3 a {
	background: url(../../images/topics/bg_link_update3.png) no-repeat left center #000;
	background-size: 42% auto;
}
#topics #contents .topLink li.update4 a {
	background: url(../../images/topics/bg_link_update4.png) no-repeat left center #000;
	background-size: 42% auto;
}
#topics #contents .topLink li.update5 a {
	background: url(../../images/topics/bg_link_update5.png) no-repeat left center #000;
	background-size: 42% auto;
}
#topics #contents .topLink li.update6 a {
	background: url(../../images/topics/bg_link_update6.png) no-repeat left center #000;
	background-size: 42% auto;
}
#topics #contents .topLink li a span{
	display: block;
	padding-left: 45%;
	padding-right: 10%;
	background: url("../../images/icon/icon_arrow_d.svg") right 5% center/1em auto no-repeat;
}

@media only screen and (max-width: 320px) {
	#topics #cn #contents .topLink li a,
	#topics #hk #contents .topLink li a {
		font-size: 11px;
		padding: 10% 0;
	}
}

/* ==========================================================
  display: PC
========================================================== */

@media screen and (min-width: 768px) {
	
	#topics #contents .topLink {
		margin-bottom: 80px;
		padding: 0;
		text-align: center;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-ms-flex-flow: row wrap;
		-webkit-flow: row wrap;
		flex-flow: row wrap;
		-webkit-justify-content: center;
		justify-content: center;
	}
	#topics #contents .topLink li {
		display: block;
		width: 340px;
		margin: 0 8px 16px !important;
	}
	#topics #contents .topLink li a {
		padding: 15px 0;
		font-size: 16px;
		text-align: left;
		height: 80px;
	}
	#topics #contents .topLink.it li a {
		height: 104px;
	}
	#topics #cn #contents .topLink li a,
	#topics #hk #contents .topLink li a {
		padding: 15px 0;
		font-size: 15px;
	}
	#topics #cn #contents .topLink li a span,
	#topics #hk #contents .topLink li a span {
		height: 48px;
		line-height: 48px;
	}
	#topics #contents .topLink li.update2 a {
		background: url(../../images/topics/bg_link_update2.png) no-repeat left center #000;
		background-size: 40% auto;
	}
	#topics #contents .topLink li.update3 a {
		background: url(../../images/topics/bg_link_update3.png) no-repeat left center #000;
		background-size: 40% auto;
	}
	#topics #contents .topLink li.update4 a {
		background: url(../../images/topics/bg_link_update4.png) no-repeat left center #000;
		background-size: 40% auto;
	}
	#topics #contents .topLink li.update5 a {
		background: url(../../images/topics/bg_link_update5.png) no-repeat left center #000;
		background-size: 40% auto;
	}
	#topics #contents .topLink li.update6 a {
		background: url(../../images/topics/bg_link_update6.png) no-repeat left center #000;
		background-size: 40% auto;
	}
	#topics #contents .topLink li:hover a {
		border: 1px solid #cfee1d;
	}
	#topics #contents .topLink li:hover span {
		content: "";
		background: url("../../images/icon/icon_arrow_on.svg") right 5% center/1em auto no-repeat;
	}

}