﻿.cyfocus {
	width: 750px;
	overflow: hidden;
	position:relative
}
#focusTabID {
	POSITION: absolute;
	BOTTOM: 4px;
	RIGHT: 5px;
}
#focusTabID LI {
	FLOAT: left;
	CURSOR: pointer;
	WIDTH: 78px;
	HEIGHT: 39px;
	background:url(../images/tarvel/cyfocus_2.gif);
	FILTER: alpha(opacity=50);
	opacity: 0.5;
}
#focusTabID LI IMG {
	WIDTH: 66px;
	HEIGHT: 26px;
	MARGIN: 6px 6px 7px 6px;
}
#focusTabID LI.active {
	background:url(../images/tarvel/cyfocus_1.gif);
	FILTER: alpha(opacity=100);
	opacity: 1;
}
.btn-travel-title{
	margin-left:-25px;
}
.btn-travel-title div{
	float:left;
	width:145px;
	height:55px;
	border-radius:5px;
	line-height:55px;
	font-size:24px;
	font-weight:bold;
	background:#e7e7e7 url(../images/intro/icon-travel.png) no-repeat 24px top;
	color:#025193;
	text-indent:69px;
	margin-left:25px;
	cursor:pointer
}
.btn-travel-title div.active{
	color:#fff;
	background-color:#025193;
	background-image:url(../images/intro/icon-travel-active.png)
}
.btn-travel-title div.icon-scenic{ 
	background-position-y:-55px;
}
.btn-travel-title div.icon-hotel{ 
	background-position-y:-110px;
}
.btn-travel-title div.icon-hospital{ 
	background-position-y:-165px;
}
.btn-travel-title div.icon-supermarket{ 
	background-position-y:-220px;
}
.btn-travel-title div.icon-bank{ 
	background-position-y:-275px;
}
.btn-travel-title div.icon-ktv{ 
	background-position-y:-330px;
}
.btn-travel-title div.active span{
	display:block;
	height:7px;
	background:#fff url(../images/intro/icon-arrow.png) no-repeat top center;
	margin-bottom:-7px;
}
.body-map,.map-content{
	width:1168px;
	height:625px;
}