body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.8em;
	text-transform: none;
	color: #000;
	background-color: #669900;
}
* {margin:0px; padding:0px;}
.clear{font-size:1px; height:1px; line-height:1px; clear:both;}
#wrap { width:900px; margin:auto; background-color:#fff;}
#wrap #header { height:100px; background-image: url(../image/banner/banner-homepage.jpg); background-repeat:no-repeat;}

#wrap #navi {  background-color:#FF0000; color: #FF0000; text-align:center; padding:5px 0px;}
#wrap #navi a:link, #wrap #navi a:visited { color:#fff; padding:5px; text-decoration:none;}
#wrap #navi a:hover { color:#eb7f00;}

#navi2{ width:auto; height:auto; float:right; margin-bottom:20px; margin-top:10px; margin-right:5px; text-align:right}



#wrap #content { width:900px;}
.left{ width:230px; float:left; border-color: #FF0000; border:solid; border-width:1px; padding-left:30px; margin-left:5px; margin-right:5px;}
.left h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#000000; text-align:center; padding-top:10px;}
.left ul li{ margin-bottom:20px; padding:10px; font-size:12px;  width:auto; }
.img {padding-bottom:20px; margin-right:10px;}


.right{width:600px; margin-right:1px; float:right}

.history{width:auto; float:left; text-align:justify; padding:10px; clear:both;}
.history h1{ font-size:16px; text-align:center}
.right h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#000000; text-align:center;}
.right h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-align:center;}
.history-content{ width:870px; padding:10px; font-size:12px; clear:both}
.history-content h2{ font-size:14px}
.navi-history{ width:870px; margin-bottom:10px;  margin-top:30px; clear:both; float:left}
.history li{ width:auto; float:left; margin-left:10px; padding:10px;}
.history-table li{ width:230px; margin-bottom:5px; padding:50px;}
.dynasty{  width:400px; height:380px; float:left; margin-left:10px; margin-bottom:0px;}


#map{width:580px; float:left; margin-bottom:20px; padding-bottom:20px; height:auto;}
#map hi{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#000000; text-align:center; padding-top:30px;}

#china-province{width:584px; padding-top:20px; float:left; padding-left:10px; }
.province li{ margin-bottom:10px;font-size:12px; width:189px; float:left;padding-top:10px;  }

#auto-region{ width:584px; margin-top:20px; float:left;padding-left:10px;}
.auto-region li{margin-bottom:10px;font-size:12px; width:289px; float:left; padding-top:10px;  }



#municipalities{ width:584px; margin-top:20px; float:left;padding-left:10px;}
.municipalities li{margin-bottom:10px;font-size:12px; width:289px; float:left; padding-top:10px;  }


#special-regions{ width:584px; margin-top:20px; float:left;padding-left:10px;}
.special-regions li{margin-bottom:10px;font-size:12px; width:289px; float:left;padding-top:10px;   }
.city li{ width:auto; float:left; margin-left:10px; padding:5px;}

.introduction{ width:850px; height:auto; float:left; padding:10px; clear:both; text-align:justify; padding:10px; margin-right:20px; margin-top:5px;}
.navi3{ width:850px; margin-bottom:10px; margin-left:2px; margin-top:30px;}

.introduction h1{ text-align:center; font-size:18px; padding-bottom:10px;}
.introduction h2{ text-align:center; font-size:16px}
.introduction h3{ text-align:left; font-size:14px}
.linkcontent{ width:850px; padding:10px;}
.linkcontent h1{ font-size:16px; padding-top:10px; text-align:center; clear:both}


.link-list li{ width:auto; float:left; padding:10px; margin-left:10px;}
.link-content li{ padding-left:5px; width:800px; float:left; margin-top:5px; margin-left:20px;}
.linkfacts{ width:auto; margin-top:5px; padding:10px; border:solid; border-color:#CCCCCC; border-width:0.5px; margin-left:2px;}
.linkfacts li h2 p{ padding:20px;}
.linkcontent{ padding:10px;}

.history-navi{ width:810px; float:left; text-align:center; margin-left:10px;  clear:both; font-size:16px; background-color: #CCCCCC }

.ancient-era{ width:870px; float:left}

.city-guide-navi { width:auto; margin-top:40px; clear:both; margin:20px;}
.city-guide-navi h1 { font-size:16px; text-align:center; padding-top:30px;}
.city-navi li{ width:auto; height:auto; float:left; padding:5px; margin-left:5px; list-style-type:none;}
.culture-content{  width:400px; height:450px; float:left; margin-left:10px; margin-bottom:0px;}


.travel-home{ width:560px; margin:5px; padding:10px; float:left; text-align:justify}
.travel-home h2{ text-align:center; font-size:12px; padding-top:10px;}
.travel-home1 { width:500px; height:50px; background-image:url(../image/china-travel/china-travel.jpg);}
.travel-home2 { width:500px; height:50px; background-image:url(../image/china-travel/travel-home2.jpg);}
.travel-home3 { width:500px; height:50px; background-image:url(../image/china-travel/travel-home3.jpg);}
.travel-home4 { width:500px; height:50px; background-image:url(../image/china-travel/travel-home4.jpg);}
.travel-home5 { width:500px; height:50px; background-image:url(../image/china-travel/travel-home3.jpg);}
.travel-home6 { width:500px; height:50px; background-image:url(../image/china-travel/travel-home3.jpg);}
.travel-home7 { width:500px; height:50px; background-image:url(../image/china-travel/travel-home3.jpg);}
.travel-home8 { width:500px; height:50px; background-image:url(../image/china-travel/travel-home3.jpg);}
.travel-home9 { width:500px; height:50px; background-image:url(../image/china-travel/travel-home3.jpg);}
.travel-content{  width:400px; height:400px; float:left; margin-left:10px; margin-bottom:0px;}


.life-home1 { width:500px; height:50px; background-image:url(../image/china-life/china-clothing.jpg);}
.life-home2 { width:500px; height:50px; background-image:url(../image/china-life/china-food.jpg);}
.life-home3 { width:500px; height:50px; background-image:url(../image/china-life/china-family.jpg);}
.life-home4 { width:500px; height:50px; background-image:url(../image/china-life/china-puclic-transport.jpg);}
.life-home5 { width:500px; height:50px; background-image:url(../image/china-life/china-festival.jpg);}
.life-home6 { width:500px; height:50px; background-image:url(../image/china-life/china-entertainment.jpg);}
.life-home7 { width:500px; height:50px; background-image:url(../image/china-life/china-education.jpg);}
.life-home8 { width:500px; height:50px; background-image:url(../image/china-life/china-sport.jpg);}
.life-home9 { width:500px; height:50px; background-image:url(../image/china-life/china-dating.jpg);}
.life-home10 { width:500px; height:50px; background-image:url(../image/china-life/china-shopping.jpg);}
.life-home11 { width:500px; height:50px; background-image:url(../image/china-life/china-marriage.jpg);}
.life-home12 { width:500px; height:50px; background-image:url(../image/china-travel/tour.jpg);}

.travel-home1 h2 h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; padding:20px;}
.travel-home h3{ text-align:left; font-size:12px}


.life-content{ width:870px; margin:5px; height:auto; padding:10px; text-align:justify; margin-top:20px; float:right}
.life-content p{ padding:10px;}
.life-content h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:center}

#city-guide { padding:10px;}
#city-guide h1{ font-size:16px; text-align:center}
.city{ width:850px;float:left; margin-left:10px; margin-bottom:30px;}
.city2{  width:400px; height:350px; float:left; margin-left:10px; margin-bottom:10px;}
.city3{ width:400px; width:400px;float:left; margin-left:10px; margin-bottom:30px;}
.city4{ width:400px; width:400px;float:left; margin-left:10px; margin-bottom:30px;}
.city5{ width:400px; width:400px;float:left; margin-left:10px; margin-bottom:30px;}
.city6{ width:400px;width:400px;float:left; margin-left:10px; margin-bottom:30px;}
#other-city{ width:auto; float:left; clear:both}
#main-city{ width:870px; float:left; clear:both}

#title{ width:800px; float:left; padding:10px;}

.province{ width:850px; margin-left:25px; padding:10px; margin-bottom:20px; margin-top:40px;}
.province h1 { font-size:16px; text-align:center}



.life-content h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:left; padding:10px;}

#attractions{ width:auto; height:420px;}
.attractions-list{ width:150px; float:left; height:160px; margin:10px;}
#forecast{ width:500px; height:150px;}
.attraction-tips td { border-bottom-style:solid; border-width:1px; border-color:#FF0000;}

#transport{ width:auto; height:280px;}
.transport-list{ width:150px; float:left; height:120px; margin:10px;}

.picture{ width:auto; height:auto; margin-top:10px;}












#wrap #footer {  background-color:#FF0000; color:#FF0000; text-align:center; padding:5px 0px;}
#wrap #footer a:link, #wrap #footer a:visited { color:#fff; padding:5px; text-decoration:none;}
#wrap #footer a:hover { color:#eb7f00;}