body
{
    font-family: helvetica,tahoma,verdana,sans-serif;
    padding: 0px;
    font-size: 12px;
    margin: 0;
    width: 100%;
    min-width:800px;
}
html,body{
  height:100%;
}
table
{
	font-size:12px;
}

a{
  color: #428bca;
  text-decoration: none;
}

a:hover,a:focus
{
    color:#005580;
    text-decoration:underline;
}

#statustip{display:"";}
#dgCityRank{display:"";}
.eastregion{display:"";padding:0 0 0 1px;width:195px;}
.westwidth{width:610px;}
.eastwidth{width:350px;}
.dgwest{width:435px;}
.northheight{height:260px;}
.chartheight{height:240px;}

@media screen and (min-width: 1024px){
#statustip{display:"";}
#dgCityRank{display:"";}
.eastregion{display:"";padding:0 0 0 1px;width:195px;}
.westwidth{width:610px;}
.eastwidth{width:350px;}
.dgwest{width:435px;}
}
@media screen and (max-width: 1024px) {
#statustip{display:none;}
#dgCityRank{display:none;}
.eastregion{display:none;padding:0px;width:0}

.eastwidth{width:300px;}
.dgwest{width:270px;}
}
@media screen and (min-height: 560px){
.northheight{height:260px;}
.chartheight{height:250px;}
}
@media screen and (max-height: 560px) {

.chartheight{height:210px;}
}

.leveltip{
	font-size:12px;
	border-collapse:collapse;
	border-spacing:0;
	border-left:1px solid #888;
	border-top:1px solid #888;
}

.leveltip td{
	width:50px;
	text-align:center;
	vertical-align:middle;
	line-height:15px;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
}

.demo-info{
	background:#FFFEE6;
	color:#8F5700;
	padding:12px;
}
.demo-tip{
	width:16px;
	height:16px;
	margin-right:8px;
	float:left;
}

.header{
	width:100%;
}
.copyright{
	width:100%;
	height:50px;
}

.foot,.foot a{ font-size:12px; color:#08c; text-decoration:none ; line-height:22px;}
.foot a:hover{color:#0169A3; text-decoration:underline }

.tip { font-size:15px; line-height:22px; }
.tip a{ font-size:15px; color:#08c; text-decoration:none ; line-height:22px;}
.tip a:hover{color:#0169A3; text-decoration:underline }

table.gridtable {
  font-family: verdana,arial,sans-serif;
  color:#333333;
  font-size:14px;
  margin-top: 10px;
  margin-bottom: 5px;
  border-width: 1px;
  border-color: #666666;
  border-collapse: collapse;
  padding:5px;
}
table.gridtable th {
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #666666;
}
table.gridtable td {
  border-width: 1px;
  padding: 5px;
  border-style: solid;
  border-color: #666666;
}
table.gridtable td a{
  color:#08c; 
  text-decoration:none ; 
  line-height:22px;
}
table.gridtable td a:hover{
  color:#0169A3; 
  text-decoration:underline
}

.textdiv
{
	font-size:15px;
	line-height:20px;
	width: 900px;
}

.textbody
{
    font-size: 22px;
    color: #333;
    line-height: 28px;
    font-family: ����, ������, Arial, Helvetica, sans-serif;
}

.fitem th
{
	width:65px;
	height:13px;
	font-size:12px;
	font-weight:normal;
	text-align:right;
}

.fitem td
{
	font-size:12px;
}

#allmap {width: 100%;height: 100%;overflow: hidden; margin:0;}
#title
{    
	height:30px;	
	font-size:20px;
	text-align:center;
	margin: 10px auto;
	left: 40%;
	z-index:2000;
	color:#ff0000;
	position: absolute;
}

#maptitle
{    
	height:30px;	
	font-size:20px;
	top:70px;
	left:58%;
	text-align:center;
	position:absolute;  
	z-index:2000;
	color:#ff0000;
}

#worldmaptitle
{    
	height:30px;	
	font-size:26px;
	top:0px;
	left:40%;
	position:absolute;  
	z-index:2000;
	color:#ff0000;
	text-align:center;
}

.tips
{	
	bottom:0px;
	right:0px;
	position:absolute;  
	z-index:2000;
	color:#000000;
	text-align:right;
}

.minetab
{
	min-width:500px;
	max-width:700px;
	min-height:500px;
	max-height:700px;	
}


.citySelector{  font:12px/1.5 tahoma,arial,\5b8b\4f53; background: #fff; }
.cityslide {width:250px; list-style:none; margin:0;padding:0; border: 1px solid #85BEE5; border-right-color: #3485C0; border-bottom-color: #3485C0;box-shadow: 2px 2px 3px rgba(0,0,0,0.3);  margin-top:-2px;}
.cityslide li { list-style:none; overflow:hidden;  height:16px; padding:4px 5px;}
.cityslide li.on{background:#9CD9FF; color:#fff;}
.cityslide li b { font-weight:normal;}
.cityslide li.empty{ background: #fff2e8; color: #666;}
.cityslide li.empty em{color: red; font-style:normal;}
.cityname {float:left;}
.cityspell {float:right;}
.cityBox{ width: 400px; border: 1px solid #85BEE5; overflow: hidden; box-shadow: 2px 2px 3px rgba(0,0,0,0.3);}
.cityBox ul{ margin: 0; padding: 0; overflow: hidden;}
.cityBox ul li{ float: left; list-style: none; padding: 2px 4px; border: 1px solid #85BEE5; cursor:pointer; margin-left: 4px; display: inline; background: #E1EFFE;}
.cityBox ul li.on{ background: #fff; border-bottom-color:#fff; position: relative;}
.hide{ display: none;} 
p.tip{ color:#666; line-height: 20px; padding: 5px; margin: 0; text-indent: 3px;}
.hotCity{ border-top: 1px solid #85BEE5; margin-top: -1px; clear:left; overflow: hidden; padding-bottom: 5px; padding-top: 5px; _margin-bottom:8px;}
.cityTab{overflow: hidden;}
.cityTab dl{ margin:0; padding: 0; overflow: hidden; }
.cityTab dl dt{float: left; padding-left: 3px;color: #F30;text-indent: 5px; font-family: "Lucida console","consolas","courier new";line-height: 22px; font-size: 14px; width: 20px;}
.cityTab dl dd{ margin-left:2px; float:left; width: 360px;}
.cityTab dl dd a{ padding-left:5px; width:66px; line-height: 22px; display: inline-block; color: #000; text-decoration: none;}
.cityTab dl dd a:hover{text-decoration:underline; color: red}

.cityinput{
padding: 1px 0 1px 2px;
border: 1px solid #95B8E7;
height: 18px;
line-height: 18px;
width: 80px;
font-size: 12px;
vertical-align:middle;
background: url(../image/searchlogo.png) no-repeat 60px 3px;
}