@import url(/inc/common.css);
@import url(/inc/cyclo/common.css);

.left{float:left;width:250px;}
.left2{float:left;width:565px;}
.center{float:left;margin-left:10px;width:345px;}
.center2{float:left;margin-left:10px;width:235px;}
.right{float:right;width:180px;}

.my-style{border:solid 1px #5FA9F3;background-color:#F5F9FE;text-align:left;margin-top:8px;}
.my-style-top{margin-top:0px;}
.my-style div{background-color:#5FA9F3;padding:3px 8px 2px;font-size:14px;font-weight:bold;color:#fff;border-bottom:solid 2px #ddd;}
.my-style div a{float:right;font-size:12px;font-weight:normal;color:#fff;}
.my-style div a:link,.my-style div a:visited {color:#fff;}
.my-style div a:hover {color:#fff;}
.my-style ul{padding:4px;list-style-position: inside;color:#06c;}
.my-style ul li{padding:3px 2px 2px;}
.my-style ul li a:link,.my-style ul li a:visited{color:#06c;}
.my-style ul li a:hover{color:#f90;}

.my-style2{float:left;width:250px;height:230px;text-align:left;margin-top:8px;background-image:url(/image/cyclo/cyclo_news_bg.gif)}
.my-style2-top{margin-top:0px;}
.my-style2 div{padding:4px 8px 2px;font-size:14px;font-weight:bold;color:#fff;}
.my-style2 div a{float:right;font-size:12px;font-weight:normal;color:#039;}
.my-style2 div a:link,.my-style2 div a:visited {color:#fff;}
.my-style2 div a:hover {color:#fff;}
.my-style2 ul{padding:4px;list-style-position: inside;color:#06c;}
.my-style2 ul li{padding:3px 2px 3px;}
.my-style2 ul li a:link,.my-style2 ul li a:visited{color:#06c;}
.my-style2 ul li a:hover{color:#f90;}

.my-style3{margin-left:10px;width:305px;background-image:url(/image/cyclo/cyclo_news_bg2.gif)}

.my-style4{float:left;width:248px;border:solid 1px #9EC9EC;text-align:left;margin-top:8px;}
.my-style4 div{/*background-color:#D1E7FC;*/
	padding:3px 8px 2px;
	font-size:14px;
	font-weight:bold;
	color:#039;
	border-bottom:solid 1px #9EC9EC;
	background-image: url(/image/cyclo/news_title_bg.gif);
}
.my-style4 div a{float:right;font-size:12px;font-weight:normal;color:#039;}
.my-style4 div a:link,.my-style4 div a:visited {color:#039;}
.my-style4 div a:hover {color:#039;}
.my-style4 ul{padding:4px 4px 5px;list-style-position: inside;color:#06c;}
.my-style4 ul li{padding:3px 2px 2px;}
.my-style4 ul li a:link,.my-style4 ul li a:visited{color:#06c;}
.my-style4 ul li a:hover{color:#f90;}

.my-style5{float:left;margin-left:10px;width:303px;}

.ad-565{float:left;width:565px;margin-top:8px;}

#big-news{float:left;width:250px;}
#big-news a{display:block;background-color:#eee;padding-top:5px;height:25px;font-size:16px;font-weight:bold;color:#f00;margin-top:1px;clear:both;}

#pony{float:left;width:303px;margin-left:10px;border-color:#f90;background-color:#FFFFF5;}
#pony div{background-color:#f90;}
#pony ul{padding:3px 4px;}

#topic span{display:block;float:left;width:82px;text-align:center;margin-top:6px;margin-left:4px;}
#topic span a{display:block;height:35px;margin-top:6px;line-height:16px;}
#topic ul{clear:both;padding:7px 4px 6px;}
#topic ul li{padding:2px;}

#person span{display:block;text-align:center;margin-top:5px;}
#person span a{display:block;border-bottom:dashed 1px #666;padding:0px 5px 10px;margin:5px 5px;line-height:16px;}
#person ul{list-style-type: none;list-style-position: outside;text-align:center;}
#person ul li{float:left;width:81px;}

#madia ul{list-style-type: none;list-style-position: outside;text-align:center;padding:3px 0px 2px;}
#madia ul li{padding:1px;}
#madia ul li a img{border:none;}