/*===================== styles reset =====================*/
html, body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button, textarea,
p, blockquote, abbr, acronym ,img, th, td{
    margin: 0;
    padding: 0;    
}
body {line-height: 1.5;}
html, body, fieldset, button, img, abbr, acronym {border: 0;}
abbr, acronym {font-variant: normal;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, var, em, strong, th, optgroup {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6, code, kbd, samp, tt, sup, sub {	font-size: 100%;}
sup, sub {vertical-align: baseline;}
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {text-align: left;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins, s {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/*===================== modals =====================*/
/* block modal */
.block {}
.block .heading {}
.block .heading h2 {}
.block .heading .right {
	float:right;
	display:inline;
}
.block .body {clear:both;}

/* box modal */
.box {}
.box .caption {}
.box .caption h2 {}
.box .caption .right {float:right;display:inline;}
.box .content {clear:both;}
.box .footer {clear:both;}
.box .footer span.right {float:right;display:inline;}

/* pack modal */
.pack {}
.pack .picture {background:#FFFFFF none repeat scroll 0 0;}
.pack .text {}

/* these models are using with javascript. */
/* collapsable modal */
.collapsable.collapsed .switch {}
.collapsable.collapsed .content {display:none;}

/* tabs modal*/
.tabs {}
.tabs .tab-menu {}
.tabs .tab-menu label {cursor:pointer;display:inline;}
.tabs .tab-menu label.current {}
.tabs .tab-body {display:none;}
.tabs .tab-body.current {display:block;}

/*=====================  common styles =====================*/
body{
	margin:auto;
	width:950px;
	font-size:12px;
	color:#333;
	vertical-align:middle;
	font-family:Arial,"宋体","lucida Grande",Helvetica,sans-serif;
}
a {color:#333;text-decoration:none;}
a:hover {color:#F00;}
a:focus {outline: 1px dotted #333;}

input,textarea,button {color:#000;}
input.radio {background-color:transparent;}
input.text {
	border:1px solid #7d9cb8;
	display:inline;
	margin:0 2px;
}

.row {margin:8px auto;clear:both;}
.col {float:left;display:inline;}

.clearfix {display:inline-block;} 
.clearfix:after {
	/*/*/content: "."; /* 兼容ie8 */ 
	display:block; 
	height:0; 
	clear: both;  
	visibility: hidden;
} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End Hides from IE-mac */ 

.clear {clear:both;font-size:0;line-height:0;}


/*=============  head and foot ==============*/
body {background:url(img/_bg_x01.gif) repeat-x;}

#head {margin:0 auto 8px;height:92px;}
#head #logo {width:125px;height:65px;float:left;display:inline;}
#head a:hover {color:#F00;}

#main {margin:0 auto;}

#foot {margin:5px auto;text-align:center;clear:both;_height:150px;min-height:150px;}

.fl {float:left;display:inline;}
.fr {float:right;display:inline;}

/* --- quick login, quick tool --- */
.quick-login-wrapper {height:27px;line-height:27px;color:#1f376d;}
/* --- quick tool --- */
.quick-login-wrapper .s {}
/* --- quick login ---*/
.quick-login-wrapper .quick-login {padding:0 15px;}
.quick-login-wrapper .quick-login label {float:left;display:inline;width:4em;}
.quick-login-wrapper .quick-login input.text {float:left;display:inline;margin:3px 3px 0 3px;border:1px solid #CCC;width:128px;height:19px;padding:0;}
.quick-login-wrapper .quick-login .btn {float:left;display:inline;margin:3px 3px 0 3px;border:0;padding:0;width:60px;height:20px;line-height:20px;text-align:center;background:url(img/_bg_btn.gif) no-repeat;color:#1f376d;}


/* ---  bottom nav, copyright, government ---*/
.bottom-nav {height:35px;line-height:35px;}
.bottom-nav a {margin:0 3px;}

.copyright {line-height:23px;}
.copyright a.siteurl {font-weight:bold;font-size:13px;color:#be0000;}
.copyright a.siteurl:hover {color:#F90;}
.copyright a.icp {text-decoration:underline;}

.government img {margin:10px 8px;border:1px solid #D2D2D2;}

/* ---  .nav-sub ---*/
.nav-sub {float:right;display:inline;padding-right:10px;height:32px;line-height:32px;color:#004499;}
.nav-sub a {margin:0 3px;color:#004499;}


/* ---  nav-main ---*/
.nav-main {float:right;display:inline;padding:0 5px 0 8px;width:800px;height:33px;line-height:33px;background:url(img/_nav_bg.gif) no-repeat;position:relative;}

.nav-main li {float:left;display:inline;margin-left:-2px;padding:5px 10px 0 12px;height:28px;line-height:28px;font-size:13px;text-align:center;background:url(img/_nav_item.gif) no-repeat;}
.nav-main li.first {background-image:none;}

.nav-main li a {color:#FFF;font-weight:bold;text-decoration:none;}
.nav-main li a:hover {color:#FFF;}
.nav-main li .hotimg {position:absolute;top:0px;z-index:10;}

.nav-main li.current {position:relative;z-index:1;padding:5px 0 0;width:52px;background:url(img/_nav_item_active.gif) no-repeat center bottom;}
.nav-main li.current a {color:#000;}
.nav-main li.current a:hover {color:#000;}