/* 
广州港 2009年10月
 */

/*==默认样式重置(CSS Reset)开始==*/

html, body { padding: 0;margin: 0 auto; background:#fff;}
body, a, a:visited {font-size: 11px;color: #333333;font-family: Tahoma, Geneva, sans-serif,"宋体";}
dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, th, td, hr { padding: 0;margin: 0;}
h1, h2, h3, h4, h5, h6, strong, em {font-weight: normal;font-size: 100%;}
a {cursor: pointer;text-decoration: none;}
a:hover {color: #cc0000;}
a:active, a:focus { outline: none;}
li {list-style: none;}
img { border: 0;}
table { border-collapse: collapse; border-spacing: 0; font-weight:normal;}

/*==默认样式重置结束==*/

/*==网站通用定义开始==*/

/*溢出隐藏*/
.overflow_hidden { overflow: hidden;}
/*分页样式*/
.showpage{text-align: center;}
.pagecss span{ margin: 0 2px;}
#page{ color:#000;}
#page_up a, #page_up a:visited { margin-right:20px; color:#000;}
#page_down a, #page_down a:visited { margin-left: 20px; color: #000;}
.showpage a:hover, #page_up a:hover, #page_down a:hover { color: #f30;}

/*间隔空白*/
.spacing { clear:both;font-size: 0px;visibility: hidden;line-height: 8px; height: 8px;}
/*清除浮动*/
.clearbox { border-top: 1px solid transparent !important; margin-top: -1px !important; margin-top: 0px;clear: both;font-size: 0px;line-height: 0px; height: 0px;
 border: 0px;visibility: hidden;}
.fleft{ float: left; display: inline;}
.fright{ float: right; display: inline;}

/*==网站通用定义结束==*/

/*==全局结构定义开始==*/

body{ background: url(images/body_bg.gif) center 4px no-repeat;}
#header, #container, #footer, #maincontent{width: 980px; overflow: hidden; margin: 0 auto; padding: 0px;}


/*==全局结构定义结束==*/

/*==顶部==*/
#header{ background:url(images/logo.gif) left 17px no-repeat;}
.flash_banner{ width: 980px; height: 255px; margin-top:70px;}
.top_banner{width: 980px; height: 140px; margin-top: 70px; overflow: hidden;}
.top_banner img{ width: 980px; height: 140px;}
#menu{ height: 45px; background:url(images/menu_bg.gif) left top repeat-x; padding-left: 50px;}
#menu li{ float:left; background:url(images/menu_line.gif) right center no-repeat; padding-right:1px;}
#menu li.last{ background:none;}
#menu a, .menu a:visited{ display: inline-block; height: 45px; line-height: 45px; color:#cff;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold;}
#menu a span{ padding: 0px 20px; display: inline-block; height: 45px;}
#menu a:hover, #menu a.current{ display: inline-block; height: 45px; background:url(images/menu_on.gif) center top no-repeat;}
#menu a:hover span, #menu a.current span{ background: url(images/meu_icon.gif) 5px center no-repeat; padding: 0px 20px; display: inline-block; height: 45px;}

/*==中间部==*/
#maincontent{height: auto; overflow:hidden; margin-top: 8px; margin-bottom:30px;}

/*--左边侧栏--*/
.sidebar{ float:left; width: 235px; display:inline;}

/*--右边主体--*/
.mainbox{ float:left; margin-left:25px; display:inline; width: 720px;}

/*==底部==*/
#footer{ width: 1030px; background:url(images/footbg.gif) center top; height: 52px; padding-top: 10px;text-align:center; color:#1f396e; line-height: 22px;}
#footer span{ color: #000; font-family:Arial, Helvetica, sans-serif; font-size: 10px; padding-right: 10px;}
#footer a, #footer a:visited{ color: #001d59; }
#footer a:hover{ color:#F30;}

/*==首页中间部==*/
#container{height: auto; overflow:hidden; margin-bottom: 22px;}

/*--公共盒子--*/
.box_a, .box_b{float: left; width: 370px;}
.box_a dt, .box_b dt, .box_c dt{ height: 50px; text-indent: -9999px;} 

/*--左--*/
.box_a dt{ background: url(images/a_title.gif) left center no-repeat;}

/*--中--*/
.box_b dt{ background: url(images/b_title.gif) left center no-repeat;}
.box_b dd{ padding-right: 10px;line-height: 21px; height: auto; overflow:hidden;}
.showPic{ float: left;padding-bottom: 15px; width:130px;}
.showPic img{ width:130px; height: 85px;}
.showTxt{ float: right; width: 215px; text-align:justify;}
.showTxt h6, .showTxt h6 a, .showTxt h6 a:visited{ font-weight: bold; color:#f60; height: 25px; line-height: 25px;}
.box_b li{ clear:both; background: url(images/b_icon.gif) left center no-repeat; padding-left: 17px;}
.box_b li a:hover{ color: #f60;}
.box_b li span{ float: right;}
.box_b li.see_more{ text-align: right; background: none;}
.box_b li.see_more a{ color: #f60; text-decoration:underline; font-size: 10px;}
.box_b dd li.one{ background:none; padding-left: 0px; }

/*--右--*/
.box_c {float: right; width: 230px;}
.box_c dt{ background:url(images/c_title.gif) 2px center no-repeat;}
.box_c dd.c_links{ background:url(images/links_icon.gif) left center no-repeat; height:28px; padding-left: 50px; padding-top: 8px;}
.box_c dd img{ width: 230px; height: 108px;}

#jumpMenu #friendsitelist {
	width:170px;
	background: #fff url(images/selectbg.gif) repeat-x;
	border:1px solid #ccc; height:21px;
	font-family:Tahoma, Arial;
	font-size:11px;
	vertical-align:middle;
	color:#333;
	line-height:19px;
	padding-left:5px;
}
#jumpMenu .select_box{ width:185px;height:24px;}
#jumpMenu div.tag_select{ display:block;color:#000;width:138px;height:22px;background:transparent url(images/tm-select2.gif) no-repeat 0 0;padding:0 10px;line-height:22px;}
#jumpMenu div.tag_select_hover{ display:block;color:#000;width:138px;height:22px;background:transparent url(images/tm-select2.gif) no-repeat 0 -22px;padding:0 10px;line-height:22px;}
#jumpMenu div.tag_select_open{ display:block;color:#000;width:138px;height:22px;background:transparent url(images/tm-select2.gif) no-repeat 0 -44px;padding:0 10px;line-height:22px;}

#jumpMenu ul.tag_options{ position:absolute;margin:0;list-style:none;background:transparent url(images/tm-select2.gif) no-repeat left bottom;width:100px;padding:0 0 1px;margin:0;width:135px;}
#jumpMenu ul.tag_options li{ background:transparent url(tm-select2.gif) repeat-y -102px 0;display:block;width:118px;padding:0 10px;height:22px;text-decoration:none;line-height:22px;color:#000;}

#jumpMenu ul.tag_options li.open_hover{ background:transparent url(images/tm-select2.gif) no-repeat 0 -88px;color:#000}
#jumpMenu ul.tag_options li.open_selected{ background:transparent url(images/tm-select2.gif) no-repeat 0 -66px;color:#19555F}