body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*background:transparent url(../images/bg4.jpg) repeat-y scroll center center;
	background-color: #003366;*/
	background-color: #FFFFFF;
}

strong {
	font-weight: bold;
}

h1 {
	position: absolute;
	left: -9999px;
}

/* Main Frame *****************************************************************************/

#header {
	padding-top: 20px;
}
	#header h2, #header h3 {
		position: absolute;
		left: -9999px;
	}	
	#header, #header a {
		color: #0C2D8E;
	}
	#header .date {
		margin-left: 10px;
	}	
	#header .quick-link li{
		display: inline;
		
		padding: 0 8px 0 2px;
		*padding: 0 4px 0 8px;
	}
	#header .last {
		background: none!important;
	}
	#header .quick-link a {
		text-decoration: none;
	}	

#menu {
		height: 70px;
		background: url(../images/menu.png) no-repeat left top;
		margin: 10px 0 10px;
		padding-top: 1px;
	}
	#menu ul {
		margin: 0 0 0 20px;
	}	
	#menu li {
		display: block;
		float: left;
	}
	#menu li a {
		display: block;
		height: 65px;
		width: 78px;
		background: url(../images/menu-list.png) no-repeat;
		text-indent: -9999px;
		margin-right: 1px;
	}
	#menu a.home {
		width: 190px;
		background: none;
		
	}
	#menu a.guide {
		background-position: -25px 1px; 
	}
	#menu a.qlink {
		background-position: -145px 1px; 
		width: 79px;
	}
	#menu a.video {
		background-position: -245px 1px; 
	}
	#menu a.trafic {
		background-position: -340px 1px; 
		width: 79px;
	}
	#menu a.weather {
		background-position: -430px 1px; 
	}
	#menu a.map {
		background-position: -520px 1px; 
	}
	#menu a.discuss {
		background-position: -623px 1px; 
	}
	#menu a.blog {
		background-position: -765px 1px; 
	}
	#menu a.guide:hover {
		background-position: -25px -70px; 
	}
	#menu a.qlink:hover {
		background-position: -145px -70px; 
		width: 79px;
	}
	#menu a.video:hover {
		background-position: -245px -70px; 
	}
	#menu a.trafic:hover {
		background-position: -340px -70px; 
		width: 79px;
	}
	#menu a.weather:hover {
		background-position: -430px -70px; 
	}
	#menu a.map:hover {
		background-position: -520px -70px; 
	}
	#menu a.discuss:hover {
		background-position: -623px -70px; 
	}
	#menu a.blog:hover {
		background-position: -765px -70px; 
	}

#footer {
	font-size: 11px;
	margin: 30px 0 60px;
	color: #646564;
	padding-left: 50px;
	background-position: center;	
}
	#footer li {
		display: inline;
		background: url(../images/footer.png) right center no-repeat;
		padding: 0 10px 0 0;
		margin-right: 3px;
		*margin-right: 5px;
		
	}
	#footer a {
		color: #747574;
		text-decoration: none;
	}
	.copyright {
		background: url(../images/copyright.png) no-repeat left center;
		text-indent: -9999px;
		font-family: "Times New Roman", Times, serif;
	}
	
/* index.html ******************************************************************************/

#promote{
}
	#promote h2{
		background: url(../images/h2-promote.png) no-repeat;
		height: 30px;
		text-indent: -9999px;
	}
	#front-list {
		border: 1px solid #D7FFFF;
		padding: 10px 0;
	}
	#front-list .wrapper{
		width: 240px;
		display: inline;
		float: left;
		padding-left: 15px;
	}
	#front-list .travel h3 {
		height: 30px;
		background: url(../images/h3-front-list-travel.png) no-repeat;
		text-indent: -9999px;
	}
	#front-list .food h3 {
		height: 30px;
		background: url(../images/h3-front-list-food.png) no-repeat;
		text-indent: -9999px;
	}
	#front-list li {
		padding: 3px 0 3px 30px;
		background: url(../images/front-list.png) no-repeat;	
	}
		#front-list .travel .list1 {
			background-position: 0 3px;
		}
		#front-list .travel .list2 {
			background-position: 0 -27px;
		}
		#front-list .travel .list3 {
			background-position: 0 -57px;
		}
		#front-list .travel .list4 {
			background-position: 0 -87px;
		}
		#front-list .travel .list5 {
			background-position: 0 -117px;
		}
		#front-list .travel .list6 {
			background-position: 0 -147px;
		}
		#front-list .travel .list7 {
			background-position: 0 -177px;
		}
		#front-list .travel .list8 {
			background-position: 0 -207px;
		}
		#front-list .travel .list9 {
			background-position: 0 -237px;
		}
		#front-list .travel .list10 {
			background-position: 0 -267px;
		}
	
		#front-list .food .list1 {
			background-position: 0 -297px;
		}			 
		#front-list .food .list2 {
			background-position: 0 -327px;
		}			 
		#front-list .food .list3 {
			background-position: 0 -357px;
		}			 
		#front-list .food .list4 {
			background-position: 0 -387px;
		}			 
		#front-list .food .list5 {
			background-position: 0 -417px;
		}			 
		#front-list .food .list6 {
			background-position: 0 -447px;
		}			 
		#front-list .food .list7 {
			background-position: 0 -477px;
		}			 
		#front-list .food .list8 {
			background-position: 0 -507px;
		}			 
		#front-list .food .list9 {
			background-position: 0 -537px;
		}			 
		#front-list .food .list10 {
			background-position: 0 -567px;
		}			 
	
	#front-list a{
		color: #5D82C1;
		text-decoration: none;
	}
	#travel-player {
		background: url(../images/travel-player.png) no-repeat;
		padding-top: 70px;
		margin-top: 15px;
		height: 250px;
		position: relative;
	}
		#travel-player .ad {
			position: absolute;
			right: 13px;
			top:0;
		}
		#travel-player h2 {
			position: absolute;
			left: -9999px;
		}
		#travel-vote {
			width: 381px;
			height: 220px;
			margin: 5px 0 0 10px;
			display: inline;
			float: left;
			background: url(../images/travel-vote.png) no-repeat;
		}
		#travel-list {
			width: 551px;
			display: inline;
			float: left;
			margin-left: 13px;
		}
		#travel-list ul.tab {
			height: 55px;
		}
		#travel-list ul.topic {
			background: url(../images/travel-list-topic.png) no-repeat top;		
		}
		#travel-list ul.video {
			background: url(../images/travel-list-video.png) no-repeat top;		
		}
		
		
		#travel-list ul.tab li {
			display: block;
			float: left;
		}	
		#travel-list ul.tab a {
			display: block;

			width: 232px;
			height: 36px;
			margin-right: 5px;
			text-indent: -9999px;
		}
		#travel-list .list {
			width: 551px;
			height: 170px;
			background: url(../images/travel-list.png) no-repeat bottom;
		}
		#travel-list .list ul{
			padding: 0 15px;
		}
		#travel-list .list li {
			width: 89px;
			float: left;
			height: 20px;
			border-bottom: 1px solid #9DC0EB;
			padding: 3px 0 3px 15px;
			*padding: 8px 0 0px 15px;
			background: url(../images/travel-list-dot.png) no-repeat left center;
		}
		#travel-list .list li.last {
			border-bottom: 0;
		}
		#travel-list .list a {
			text-decoration: none;
			color: #2900C2;
		}
	#hot{
		color: #252525;
		margin-bottom: 30px;
	}
		#hot h2 {
			height: 30px;
			background: url(../images/h2-hot.png) no-repeat;
			text-indent: -9999px;
		}
		#hot li {
			width: 110px;
			
			margin: 10px 0 10px 20px;
			display: inline;
			height: 1%;
			float: left;
		}
		#hot .frame img{
			text-align: center;
			padding: 3px 10px;
			margin-bottom: 3px;
			border: 1px solid #C0C0C0;
	
		}
		#hot ul {
			margin-left: 5px;
		}
	#tv-hot {
	}
		#tv-hot {
			background: url(../images/tv-hot.png) no-repeat;
			height: 320px;
			margin-left: 10px;
			position: relative;
		}
		#tv-hot h3 {
			margin: 5px 10px;
		}
		#tv-hot ul {
			margin: 10px 0 0 0;
			padding: 5px;
		}
		#tv-hot li {
			display: block;
			width: 110px;
			float: left;
			margin-left: 10px;
			margin-bottom: 15px;
			border-right: 1px dotted #000;
		}
		#tv-hot a {
			color: #23619A;
			text-decoration: none;
		}
		#tv-hot .last {
			border: 0;
		}
		#tv-hot .more {
			position: absolute;
			right: 15px;
			top:5px;
		}
		#tv-hot .more a {
			color: #3049C2;
		}
	
	.news {
	display: inline;
	float: left;
	background: #fff;
	padding: 10px;
	width: 950px;
	}
	
/* taiwan.html ******************************************************************************/

.search-wrapper h2 {
	font-size: 18px;
	color: #090089;
	background: url(../images/h2-search-city.png) no-repeat left center;

	padding-left: 15px;
	margin: 5px 0 15px;
	
}

	#search-city{
		background: #ffffff url(../images/search-top.png) no-repeat top; 
		color: #090089;
	}
	
	#search-city a{
		color: #090089;
		text-decoration: none;
	}
	#search-city .footer {
		background: url(../images/search-foot.png) no-repeat top;
		height: 8px;
	}
	
	#search-city h3 {
		font-weight: bold;
		padding-left: 70px;
		padding-top: 20px;
		margin-bottom: 20px;
	}
	.search-list {
		margin-left: 60px;
	}
	.search-list .title {
		font-weight: bold;
		width: 45px;
		float: left;
	}
	.search-list ul {
		float: left;
		width: 510px;
		margin-bottom: 20px;
	}
	.search-list ul li {
		width: 83px;
		display: block;
		float: left;
		padding-bottom: 10px;
	}
	
	#quick-search {
		background: url(../images/quick-search.png) no-repeat left top;
		height: 50px;
		margin-top: 15px;
		margin-left: 5px;
		position: relative;
	}
	#quick-search h3 {
		display: none;
	}
	#quick-search form div {
		margin: 15px 20px 10px 155px;
		line-height: 22px;
	}
	#quick-search form select {
		vertical-align: baseline;
	}
	.go-button {
		position: absolute;
		right: 55px;
		top:15px;
	}
	
/* taiwan-list.html ******************************************************************************/
	
h2.city {
	font-size: 18px;
	color: #090089;
	padding-left: 20px;
	margin: 5px 0 35px;
	
}

#store-info {
	font-size: 15px;
	width: 340px;
	display: inline;
	float: left;
}
	#store-info h3 {
		font-weight: bold;
		margin-bottom: 15px;
		margin-left: 10px;
	}
	#store-info li {
		line-height: 2;
		margin-left: 10px;
	}
	#store-info ul ul li {
		margin-left: 0;
	}
#store-photo {
	width: 170px;
	display: inline;
	float: left;
	
}
	#store-photo .score{
		float: left;
		width: 100px;
	}
	#store-photo .count{
		display: block;
		float: left;
	}
	#store-photo img {
		margin-bottom: 5px;
	}
	#store-photo .photos {
		margin-bottom: 5px;
	
	}
	#store-photo .more-photo a {
		padding: 15px 0 0 40px;
		display: block;
		height: 20px;		
		background: url(../images/more-photo.png) no-repeat left top;
		color: #000;
		text-decoration: none;
	}
	
#give-score {
	padding-left: 210px;
	height: 40px;
	margin: 20px 0;
	background: url(../images/give-me-score.png) no-repeat left top;		
}
	#give-score .score {
		float: left;
		width: 100px;
		margin-top: 8px;
	}
	#give-score div {
		float: left;
		line-height: 30px;
		height: 30px;
		width: 180px
	}
	#give-score div input {
		line-height: 30px;
		vertical-align: middle;
		*vertical-align: top;
	}
	
#user-reviews {
}
	#user-reviews h3 {
		border-bottom: 3px solid #FD8528;
		margin-bottom: 10px;
		height: 24px;
		*height:1%;
	}
	#user-reviews h3 span {
		background: url(../images/user-review_01.png) no-repeat top left;
		display: block;
		*height:1%;
		float: left;
		
	}
	#user-reviews h3 span span{
		background: url(../images/user-review_02.jpg) no-repeat top right;
		height: 24px;
		*height:1%;
		display: block;
		line-height: 24px;
		padding: 0 5px;
		margin-left: 2px;

	}
	#user-reviews h4 {
		color: #BE0004;
		float: left;
	}
	.user-review .review-content {
		margin-left: 55px
	}
	.review-intro .review-content {
		margin-left: 65px
	}
	.review-intro {
		margin: 40px 0 10px;
	}
	.user-review {
		margin: 20px 0;
	}
	
	.user-thumbnail {
		float: left;
	}
	.user-name {
		padding: 5px;
		background: #f8f8f8;
		margin-bottom: 5px;
		height: 15px;
	}
	.user-name a {
		color: #524CC0;
		text-decoration: none;
		display: block;
		float: left;
	}
	.user-comment {
		margin-top: 20px;
	}
	.user-level {
		display: block;
		width: 75px;
		height: 15px;
		background: url(../images/user-level.png) no-repeat left top;
		text-indent: -9999px;
	}
	.user-name .user-level {
		float: left;
		margin-left: 10px;
	}
	
		.user-level-2 {
			background-position: 0 -30px;
		}
		.user-level-3 {
			background-position: 0 -60px;
		}
		.user-level-4 {
			background-position: 0 -90px;
		}
		.user-level-5 {
			background-position: 0 -120px;
		}
	.comment-block {
	}
		.comment-block h3 {
			height: 30px;
			background: url(../images/user-comment.png) no-repeat left;
			text-indent: -9999px;
			margin: 20px 0 5px;			
		}
		.comment-block textarea {
			width: 100%;
			height: 140px;
			border: 1px solid #ccc;
			margin-bottom: 10px; 
		}
		.comment-block .submit {
			line-height: 30px;
			vertical-align: middle;
		}


	#google-map {
		width: 380px;
		height: 380px;
		border: 1px solid #ccc;
		margin-bottom: 20px;
	}
	
	#google-search {
		width: 380px;
		border: 1px solid #ccc;
	
	}

/* taiwan-district.html ******************************************************************************/

#city-category{
	border: 1px solid #ccc;
}
	#city-category ul {
		margin-left: 3px;
		margin-top: 5px;
	}
	#city-category li .title {
		padding-left: 25px;
		background: url(../images/list.png) no-repeat;
	}
	#city-category li li {
		padding-left: 40px;
		background: url(../images/list2.png) no-repeat 5px center;
	}
	#city-category li ul {
		*height: 1%;
		margin-bottom: 20px;
	} 
	#city-category a{
		color: #2F1BC6;
		text-decoration: none;
	}
	#city-category .areas li, #city-category .ways li {
		padding-left: 40px;
		background: url(../images/red-tri.png) no-repeat 20px center;
		margin-bottom: 3px;
		
	}

.c-taiwan {
	background: #7096C9;
	padding: 3px;
	text-align: center;
	
	font-weight: bold;
	color: #fff;
	margin: 3px 3px 0;
}
.c-area {
	background: #FB4D53;
	padding: 3px;
	text-align: center;
	
	font-weight: bold;
	color: #fff;
	margin: 1px 3px 0;
}
.c-all {
	background: #827FD4;
	padding: 3px;
	text-align: center;
	
	font-weight: bold;
	color: #fff;
	margin: 1px 3px 0;
}
#reseteraunts {
	width: 480px;
	display: inline;
	float: left;
}
#reseteraunts2 {
	width: 600px;
	display: inline;
	float: left;
}
	.resteraunt-info {
		margin-left: 50px;
		border-bottom: 1px solid #C0C0C0;
		padding: 20px 0;
	}
	.resteraunt-info h3 {
		font-weight: bold;
		display: inline;
		float: left;
		margin-left: 50px;
		width: 160px;
	}
	.resteraunt-info .score {
		float: left;
		width: 100px;
	}
	.resteraunt-info .count {
		float: left;
		margin-bottom: 20px;
	}
	.resteraunt-info li {
		line-height: 1.5;
	}
	.pager {
		margin: 10px;
	}
	/*.pager a {
		padding: 2px 5px ;
		border: 1px solid #BFD2DF;
		text-decoration: none;
	}
	.pager .selected {
		background: #524CC0;
		color: #fff;
	}
	.pager .nextpage {
		padding: 2px 15px 2px 5px;
		*padding-top:5px;
		background: url(../images/nextpage.png) right center no-repeat;
	}
	.pager .lastpage {
		padding: 2px 5px 2px 15px;
		*padding-top:5px;
		background: url(../images/lastpage.png) 3px center no-repeat;
	}*/
#r-ad {
	width: 295px;
	margin-left: 20px;
	border: 1px solid #9BCBFE;
	display: inline;
	float: left;
	
}

/* traffic.html ******************************************************************************/

#parking-nav h2{
	font-size: 18px;
	color: #090089;
	background: url(../images/h2-search-city.png) no-repeat left center;

	padding-left: 15px;
	margin: 5px 0 15px;

}
#parking-map {
	border: 1px solid #C9CAC9;
	position: relative;
	margin-top: 15px;
}
	#parking-map h2 {
		text-indent: -9999px;
		position: absolute;
		top:-15px;
		left: 10px;
		background: url(../images/h2-parking-map.png) no-repeat;
		width: 300px;
		height: 30px;
	}
	

	
#trans-ad{

}
	#trans-ad h2 {
		background: #fff url(../images/h2-trans-ad.png) no-repeat;
		height: 41px;
		text-indent: -9999px;
		margin-bottom: 2px;
	}
	.video-block {
		width: 180px;
		height: 135px;
		padding: 5px 0 0 5px;
		margin: 0 5px 10px 0;
		border: 1px solid #DFE0DF;
		float: left;
	}
	#trans-ad h3 {
		color: #042D96;
		font-weight: bold;
	}
	
#fast-link {
	margin-top: 10px;
	*margin-top:20px;
}
	#fast-link h2 {
	font-size: 18px;
	color: #090089;
	background: url(../images/h2-search-city.png) no-repeat left center;

	padding-left: 15px;
	margin: 5px 0 15px;
/*		height: 32px;
		background: url(../images/h2-fast-link.png) no-repeat;
		text-indent: -9999px;
*/	}

	#fast-link table {
		width: 100%;
	}	
	#fast-link th {
	font-size: 15px;
	color: #392B9F;
	width: 60px;
	padding: 5px 10px 5px 10px;
	line-height: 25px;
	vertical-align: top;
	}
	#fast-link td {
	/*background: url(../images/fast-link.png);*/
	padding: 5px 0 0 5px;
	vertical-align: top;
	
	}
	

	#fast-link li {
		display: inline;
		margin-right: 10px;
		line-height: 25px;
		
	}	
	#fast-link a {
		/*color: #000;*/
		text-decoration: none;
	}
	
/* video.html ******************************************************************************/


#video-category, .video-top, .h3-border, .latest, .latest2, .v-detail {
	border: 1px solid #ccc;
}

.board, .latest, .latest2, .v-detail {
	margin-top: 10px;	
}

#video-nav h2{
	font-size: 18px;
	color: #090089;
	background: url(../images/h2-search-city.png) no-repeat left center;

	padding-left: 15px;
	margin: 5px 0 15px;

}
#map-nav h2{
	font-size: 18px;
	color: #090089;
	background: url(../images/h2-search-city.png) no-repeat left center;

	padding-left: 15px;
	margin: 5px 0 15px;

}
#blog-nav h2{
	font-size: 18px;
	color: #090089;
	background: url(../images/h2-search-city.png) no-repeat left center;

	padding-left: 15px;
	margin: 5px 0 15px;

}
	#video-category ul {
		margin-left: 3px;
		margin-top: 5px;
	}
	#video-category li .title {
		padding-left: 25px;
		background: url(../images/list.png) no-repeat;
	}
	#video-category li li {
		padding-left: 40px;
		background: url(../images/list2.png) no-repeat 5px center;
	}
	#video-category li ul {
		margin-bottom: 20px;
	} 
	#video-category a{
		color: #2F1BC6;
		text-decoration: none;
	}

.v-cat {
	background: #7096C9;
	padding: 3px;
	text-align: center;
	
	font-weight: bold;
	color: #fff;
	margin: 3px 3px 0;
}
.v-home {
	background: #ccc;
	padding: 3px;
	text-align: center;
	
	font-weight: bold;
	color: #fff;
	margin: 1px 3px 0;
}

.video-top {
}
	.video-top h3 {
		font-size: 15px;
		font-weight: bold;
		margin: 5px 10px;
	}
	.video-top .frame {
		padding: 2px 8px 5px; 
	}

.board h3, .latest h3, .latest2 h3, .v-detail h3{
	background: #7096C9;
	color: #fff;
	margin: 3px;
	padding: 5px 10px;
	
	font-size: 15px;
	font-weight: bold;
}

 .v-detail h3{
	background: #5e6eb1;
	color: #fff;
	margin: 3px;
	padding: 5px 10px;
	
	font-size: 15px;
	font-weight: bold;
}

 .v-detail h3 a{
	color: #CCCCCC;
	text-decoration: none;
}

.latest h3 {
	background: #ccc url(../images/h2-latest-video.png) no-repeat;
	text-indent: -9999px;
	
}
.latest2 h3 {
	background: #ccc url(../images/h2-latest-video2.png) no-repeat;
	text-indent: -9999px;
	
}

	.board ul {
		margin: 10px 0 40px 15px;
		color: #5D82C1;
	}
	.board li {
		padding-left: 10px;
		background: url(../images/board-list.png) no-repeat left center;
	}

.v-detail {
	padding-bottom: 10px;
}
	.v-detail h3 {
		margin-bottom: 15px;
	}
	.v-detail .area {
		font-size: 15px;
		font-weight: bold;
		width: 150px;
		float: left;
		margin-left: 5px;
	}
	.v-detail .data {
	display: inline;
		float: right;
		width: 70px;
		text-align: center;
		margin-right: 5px;
	}
		.v-detail .date {
			margin-bottom: 5px;
		}
	.v-detail .vote {
	display: inline;
		width: 140px;
		float: left;
		margin-top: 23px;
		margin-left: 10px;
	}
		.v-detail .viewed {
			font-size: 36px;
			display: block;
		}
	
/* 5stars ratings */

	.score {
		background: url(../images/stars.png) no-repeat;
		display: block;
		height: 15px;
		margin-bottom: 3px;
		text-indent: -9999px;
		
	}
	.score0-5 {
		background-position: 0 -20px;
	}
	.score1 {
		background-position: 0 -40px;
	}
	.score1-5 {
		background-position: 0 -60px;
	}
	.score2 {
		background-position: 0 -80px;
	}
	.score2-5 {
		background-position: 0 -100px;
	}
	.score3 {
		background-position: 0 -120px;
	}
	.score3-5 {
		background-position: 0 -140px;
	}
	.score4 {
		background-position: 0 -160px;
	}
	.score4-5 {
		background-position: 0 -180px;
	}
	.score5 {
		background-position: 0 -200px;
	}
/* end of 5stars rating */



.ad-block {
	border: 1px solid #A0CCFD;
}

.ad-block2 {
	border: 1px solid #A0CCFD;
}
	
.clear {
	clear:both;
}
/**********************map.php************************/
.latest3 {
	width:100%;
}
.latest3 h3 {
	background: #fff url(../images/h2-mao-ad.png) no-repeat;
	text-indent: -9999px;
}
.latest3 h3{
	color: #fff;
	margin: 3px;
	padding: 10px 10px;
	
	font-size: 15px;
	font-weight: bold;
}