﻿/* CSS Document */

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#top_header,#top, #header, #nav, #main, #footer {
	width: 788px;
	margin: 0px auto;
	clear:both; 
}
#date {
	line-height: 20px;
	height: 20px;
	float: left;
	margin: 0;
	padding: 0;
}
#logo {
	border: 1px solid #00A8FF;
	float: left;
	height: 70px;
	width: 200px;
	line-height: 70px;
	text-align: center;
}
#banner {
	border: 1px solid #00A8FF;
	height: 70px;
	width: 560px;
	float: right;
	line-height: 70px;
	text-align: center;
}
#header {
	overflow: hidden;
}
#fav {
	line-height: 20px;
	float: right;
	height: 20px;
	margin: 0;
	padding: 0 10px 0 0;
}
#top {
	line-height: 20px;
	height: 20px;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	height: 32px;
	list-style: none;
	background: url(ind-cityviewbg.gif) repeat-x;
}
#nav li {
	line-height: 40px;
	float: left;
}
#nav a {
	padding: 15px 18px;
}
#nav a:hover {
	background: url(ind-selviewbg.gif) repeat-x center 1px;
	}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
#sider #notice p {
	background-color: #FBFEFF;
	margin: 0 0 12px 0;
	padding: 5px 10px;
	border: 1px solid #00A8FF;
}
#sider {
	width: 190px;
	float: left;
}
#contents {
	width: 590px;
	float: right;
}
#contents .news {
	float: right;
	width: 320px;
}
.space {
	height: 1px;
	clear: both;
	overflow: hidden;
}
.ads {
	clear: both;
}
#sider h2 {
	background: url(link3.gif) no-repeat left top;
	font-size: 12px;
	margin: 0px;
	padding-left: 40px;
	color: #FFFFFF;
	line-height: 23px;
	height: 23px;
}
#contents .lists {
	width: 290px;
	float: left;
	margin: 0 0 0 3px;
}
#sider ul {
	background-color: #FBFEFF;
	width: 178px;
	margin: 0 0 12px 0;
	padding: 5px;
	list-style-type: none;
	border: 1px solid #00A8FF;
}
#sider li {
	line-height: 20px;
	padding: 0 5px 0 15px;
	border: 1px dashed #97D2FF;
	border-width: 0 0 1px 0;
	background: url(jt-2.gif) no-repeat 2px center;
}
#contents h2 {
	font-size: 12px;
	background: url(new.gif) no-repeat;
	line-height: 23px;
	margin: 0px;
	height: 23px;
	padding-left: 30px;
	color: #0179F1;
}
.news {
	float: right;
	width: 310px;
	height: 195px;
	padding: 8px 0 0 8px;
	margin: 0;
}
.news ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 174px;
}
.news li {
	line-height: 21px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
	background: url(jt-2.gif) no-repeat left center;
}
.news strong {
	font-weight: normal;
	font-family: Verdana;
	float: right;
	margin: 0 18px 0 0;
	color: #666666;
	line-height: 21px;
}
.news h6 {
	float: left;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 12px;
	clear: none;
	line-height: 21px;
}
#contents .images {
	float: left;
	width: 245px;
	height: 170px;
	padding: 10px 0 10px 10px;
}
.images img {
	padding:2px;
	border: 1px solid #D9F3FF;
	border-color: #D9F3FF #88D8FF #88D8FF #D9F3FF;
}
#contents .lists label {
	float: left;
}
#contents .lists strong {
    font-weight:700;
	cursor: pointer;
	float: right;
	margin-right: 10px;
	color: #0179F1;
}
#contents .lists ul {
	background-color: #FBFEFF;
	margin: 0 0 5px 0;
	padding: 5px;
	list-style-type: none;
	border: 1px solid #D3F1FF;
	border-color: #D3F1FF #8BDAFF #8BDAFF #D3F1FF;
}
#contents .lists li {
	background: url(dot1.gif) no-repeat 3px center;
	height: 20px;
	line-height: 20px;
	padding: 0 5px 0 15px;
	border: 1px dashed #D7F2FF;
	border-width: 0 0 1px 0;
}
#slideimg {
	border: 1px solid #D9F3FF;
	border-color: #D9F3FF #88D8FF #88D8FF #D9F3FF;
}
#footer {
	background: url(server_foot2.gif) #F5FCFF repeat-x left top;
	border: 1px solid #D9F3FF;
	border-color: #D9F3FF #88D8FF #88D8FF #D9F3FF;
	height: 60px;
	padding: 12px 0 0 0;
	margin-top: 10px;
}
#footer p {
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 20px;
}
.path {
	font-size: 12px;
	background: url(new.gif) no-repeat;
	line-height: 23px;
	margin: 0;
	height: 23px;
	padding-left: 30px;
	color: #0179F1;
}
.path a:link {
	color: #0179F1;
}
.path a:visited {
	color: #0179F1;
}
.path a:hover {
	color: #0179F1;
}

#title {
	background-color: #FBFEFF;
	text-align: center;
	border-bottom: 1px dashed #ABE4FF;
	border-left: 1px solid #88D8FF;
	border-right: 1px solid #D9F3FF;
	padding: 10px 0 5px 0;
}
.newsinfo {
	background-color: #FBFEFF;
	border-left: 1px solid #88D8FF;
	border-right: 1px solid #D9F3FF;
	border-bottom: 1px solid #D9F3FF;
	padding: 10px;
	line-height: 18px;
}
.newslists ul {
	padding: 10px;
	margin: 0;
	list-style: none;
}
.newslists li {
	background: url(dot1.gif) no-repeat 3px center;
	line-height: 20px;
	height: 20px;
}
 label {
	float: left;
	margin: 0;
	padding-left:  15px;
}
 strong {
	float: right;
	font-weight: normal;
	margin: 0;
	padding-right:20px;
}
/*img*/
.imglists {
	width:100%;
	float:left;
	margin:auto; 
	margin-top:4px;
}
.newslists label {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
}
.imglists ul{
		float:left;
		margin:5px;
		text-align:center;
		width:100%;
		overflow:hidden;
}


.siderlists .im{
	margin:auto;
	text-align:center;
 	width:125px;
	height:105px;
 	border:1px #CCCCCC solid;
}
.siderlists .im img{
	border:0px;
	padding:3px;
 	width:122px;
	height:100px;
}
.imglists li{
	float:left;
	width:145px;
	height:145px;
	text-align:center;
	
}
.imglists .im{
 	width:125px;
	height:125px;
 	border:1px #CCCCCC solid;
}
.imglists img{
	padding:3px;
	width:120px;
	height:120px;
	border:0px;
}

.attach {
	color: #00A8FF;
	margin: 12px 0 0 0;
 }
.attach img {
	border: 1px solid #D9F3FF;
	border-color: #D9F3FF #88D8FF #88D8FF #D9F3FF;
	padding: 7px;
	margin-top: 10px;
}

.commenttitle {
	font-size: 14px;
	clear:both;
	position:relative;
	height:18px;
	font-weight: bold;
	text-indent: 5px;
	border-left: 6px solid #6FB4FF;
	border-bottom: 1px solid #6FB4FF;
	background-color: #FFF;
	padding: 2px;
}

.quote {
	margin: 5px 0px;
	padding: 5px;
	border: 1px solid #000;
	background-color: #EEF9F9;
}

.commentcontent {
	margin: 5px 0px 15px 0px;
}
.commentdate {
	color: #777777;
	font-size: 11px;
	padding-top: 2px;
	text-align: right;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #B3CBE1;
}
/*ҳʽ*/
.page {
	text-decoration: none;
	font-family: sans-serif;
	font-size: 12px;
	padding: 5px;
	background: #E7E7E7;
	margin: 0px;
	color:#000000
}
a.page, a.page:link, a.page:visited {
	font-family: sans-serif;
	text-decoration: none;
	color:#0044dd;
}
a.page:hover  {
	font-family: sans-serif;
	text-decoration: none;
	color:#FFF;
	background: #0000CC;
}
/*  CSS  */
.search {  padding-bottom:-15px;
	width:786px;
	margin-top:-10px;
	border: 1px solid #00A8FF;
	margin-left: auto;
	margin-right: auto;
	background-color: #FBFEFF;
	clear:both; 
	height:35px;
}
.backgroundbord BUTTON {
BORDER-RIGHT: #47BCFF 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #47BCFF 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B4E3FE); BORDER-LEFT: #47BCFF 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #47BCFF 1px solid ;clear:both; 

}
.backgroundbord {
	WIDTH: 60px; 
	POSITION: relative;
}
.keyinput {
	WIDTH:150px;
	height:15px;
	margin-left:2px;
	BORDER: #00A8FF 1px solid;
	BACKGROUND-COLOR: #fff;clear:both; 
}
/*  HotKeyCSS  */
a.hotkey{ 
	color:#000000; 
	BACKGROUND: #ffffff
	text-decoration:underline; 
} 
a.hotkey:link{ 
	color:#000000; 
	text-decoration:underline; 
	BACKGROUND: #ffffff
} 
a.hotkey:visited{ 
	color:#000000; 
	text-decoration:underline;
	BACKGROUND: #ffffff
} 
a.hotkey:active{ 
	color:#000000; 
	text-decoration:underline; 
	BACKGROUND: #ffffff
} 
a.hotkey:hover{ 
	color:#0099CC; 
	
	text-decoration:underline; 
	BACKGROUND: #ffffff
} 
/*  ҳCSS  */
#resultstyle {
	width:786px;
	margin-top:-20px;
	border: 1px solid #A8D1FF;
	margin-left: auto;
	margin-right: auto;
	background-color: #FBFEFF;
	clear:both; 
}

#result ul{
	margin:0;
	font-family: ",verdana, arial, "sans-serif;
	list-style:none;
}
#result li { 
    width: 770px;
	padding-top:3px; 
	padding-right:5px; 
	padding-bottom:3px; 
	display:block;
	float:left;
	border-bottom: 1px dashed #6FB4FF;
	background:url(arrow.gif) no-repeat 5px 6px;
	text-indent:18px;
}

h2 {
	font-size: 12px;
	padding-left: 12px;
	height: 20px;
    line-height: 20px;
	margin: 0;
	background-color: #6FB4FF;
	border: 3px double #A8D1FF;
	color: #FFFFFF;
}


/* 推荐*/
.tui {clear:both;width:584px;height:110px;margin:0 0 5px 0;border:1px solid #8bdaff;font-family:verdana,Arial;text-align:left;
font-size:12px;}
.tui a:link{ text-decoration:none; color:#000000;}
.tui a:hover{ text-decoration:none;}
.tui_font{float:left;width:14px;height:90px;background-color:#b5e7ff;color:#0179f1;padding:20px 3px 0 3px;}

.tui_l {float:left; width:204px; margin:auto;}
.tui_l ul{ float:left;width:204px; margin:auto;}
.tui_l li{line-height:20px; list-style-type:none;}

.tui_2 { position:absolute;float:right; width:290px;margin-left: -25px;}
.tui_2 ul{width:190px; margin:auto;}
.tui_2 li{font-size:12px;line-height:20px; list-style-type:none;}
.tui_img{float:left; width:85px;padding:5px 0 0 5px;display:block;}


#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:375px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:500px; height:375px}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}

#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
 #slidearea img{ width:100px;height:70px;border:0px;}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
#jj {margin-top:15px;margin-bottom:15px; height:84px; border:1px #CCCCCC solid; padding:4px;}
#jj .tt { color:#FF0000; margin-left:20px; padding-right:8px;width:140px; font-size:16px; font-weight:800;}

.txtlists{ float:right;width:450px; margin:auto; position:absolute}
.txtlists li{ height:20px; width:45%; overflow:hidden; text-align:left;background: url(jt-2.gif) no-repeat 2px center; padding-left:15px}
