/* CSS Document */

#headTopics {
	background:url(img/title.gif) no-repeat 13px 5px;
	border-left:4px solid #36C;
	height: 22px;
	margin-top: 30px;
	padding-top: 30px;
}

#headTopics h2 {
	font-size:10px;
	font-weight:bold;
	font-family:Verdana;
	color:#444;
	line-height:10px;
	border-top:1px solid #CCC;
	margin-left: 5px;
	padding-top: 5px;
	padding-left: 7px;
}

#linkBox {
	border:2px solid #E0E0E0;
	background-color:#FFF;
	margin:30px 0 30px 0;
	padding:12px 0 12px 30px;
	line-height:200%;
	overflow:auto;
}

#linkBox li {
	display:block;
	float:left;
	padding:0 0 0 0;
	margin-right:25px;
	white-space:nowrap;
}

#linkBox a {
	background-image:url(../imgs/common/module/ico_btn_2x.png);
	background-repeat:no-repeat;
	background-size:10px 8px;
	background-position:6px 4px;
	transition:all 0.1s linear;
	-webkit-transition:all 0.1s linear;
	padding-left:30px;
}

html.oldIE #linkBox a {
	background-image:url(../imgs/common/module/ico_btn.png);
}

#linkBox a:hover {
	background-position:9px 4px;
}

#topics {
	margin:0 0 60px;
	padding:0;
	list-style:none;
}

#topics li {
	overflow:auto;
/*	width:824px;*/
	vertical-align:middle;
	padding:1px 0;
	line-height:150%;
	background:url(../imgs/common/border_dot.gif) repeat-x bottom;
}

#topics li img {
	margin:3px 0 -3px 4px;
}

#topics .date {
	display:block;
	width:12%;
	font-weight:bold;
	font-size:10px;
	font-family:Verdana;
	float:left;
	white-space:nowrap;
	padding:12px 0;
	line-height:150%;
}

#topics li a {
	background-image:url(../imgs/common/module/ico_btn_2x.png);
	background-repeat:no-repeat;
	background-size:10px 8px;
	background-position:6px 17px;
	transition:all 0.1s linear;
	-webkit-transition:all 0.1s linear;
	padding-left:20px;

	width:80%;
	float:left;
	display:block;
	margin:0;
	padding:11px 0 11px 24px;
}

html.oldIE #topics a {
	background-image:url(../imgs/common/module/ico_btn.png);
}

#topics li a:hover {
	background-position:9px 17px;
}


@media only screen and (max-width : 640px){
	#linkBox {
		padding:12px 0 12px 10px;
		border:0;
		
	}
	#linkBox li {
		margin-right:10px;
		float:none;
		white-space:normal;
	}
	#linkBox a {
		display:block;
		padding-left:14px;
		line-height:120%;
		margin:12px 0;
		background-position:0px 4px;
	}
	#topics li a {
		padding:11px 0 11px 18px;
		margin-left:30px;
		width:70%;
	}
}





#topics li span.noLink {
	background-image: url("../imgs/common/module/ico_btn_2x.png");
	background-position: 6px 17px;
	background-repeat: no-repeat;
	background-size: 10px 8px;
	display: block;
	float: left;
	margin: 0;
	padding: 11px 0 11px 24px;
	transition: all 0.1s linear 0s;
	width: 80%;
}

@media only screen and (max-width: 640px) {
	#topics li span.noLink {
		margin-left: 30px;
		padding: 11px 0 11px 18px;
		width: 70%;
	}
}