@charset "utf-8";
/* CSS Document */


.content_head{ padding-left:10px; width:inherit;}
.content{
	overflow:hidden;}

.title_page{
	background: url(../images/title_travel.png) no-repeat;
	width:100%;
	height: 120px;
	overflow:hidden;
	}
	
.title_page h1{
	display:none;
	text-indent:-9999px;}
	
.travel_head{
	overflow:hidden;
	padding:10px 0 0 10px;}

/*.sightseeing td div{ float:left; margin-right:0.05em;} */
	
h2{
	display:block;
	float:left;
	font-size:15px;
	font-weight:700;
	background:url(../images/iten.png) no-repeat left center; padding: 5px 0 5px 31px; margin-left: 10px;}
	
.divider{
	float:left;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#333;
	margin:0 5px;
	font-weight:100;}
	
h3{
	display:block;
	float:left;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#be2a20;
	font-weight:100;}
	
.control_page{
	padding:0 30px;
	border-bottom:1px solid #ccc;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:5px;}
	
.article_page p{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#555;
	line-height:24px;
	text-indent:14px;
	letter-spacing:1px;
	margin-bottom:10px;}
	
/*===路線規劃===*/
#travel_mode{color:#B3B2A9;}
.sel_transport{
	overflow:hidden;
	margin-bottom:5px;}

.title_transport{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-top:5px;
	padding-right:5px;}
	
.icon_transport{
	float:left;
	height:24px;}

.icon_transport ul{}

.icon_transport li{
	display:block;
	float:left;
	width:50px;
	height:24px;
	margin-right:5px;}
	
.icon_transport li.driving a{
	display:block;
	margin:0 auto;
	width:50px;
	height:24px;
	text-indent:-9999px;
	background-image:url(../images/mode_driving.png);
	background-position:0px 0px;
	background-repeat:no-repeat;}
	
.icon_transport li.driving a.active_mode{
	background-position:0px -48px;}
	
.icon_transport li.transit a{
	display:block;
	margin:0 auto;
	width:50px;
	height:24px;
	text-indent:-9999px;
	background-image:url(../images/mode_transit.png);
	background-position:0px 0px;
	background-repeat:no-repeat;}

.icon_transport li.transit a.active_mode{
	background-position:0px -48px;}
	
.icon_transport li.walking a{
	display:block;
	margin:0 auto;
	width:50px;
	height:24px;
	text-indent:-9999px;
	background-image:url(../images/mode_walking.png);
	background-position:0px 0px;
	background-repeat:no-repeat;}

.icon_transport li.walking a.active_mode{
	background-position:0px -48px;}
	
.icon_transport li.bicycling a{
	display:block;
	margin:0 auto;
	width:50px;
	height:24px;
	text-indent:-9999px;
	background-image:url(../images/mode_bicycling.png);
	background-position:0px 0px;
	background-repeat:no-repeat;}

.icon_transport li.bicycling a.active_mode{
	background-position:0px -48px;}
	
.icon_transport li a:hover{
	background-position:0px -24px;}
	
.textfield{
	width:250px;
	height:29px;
	line-height:29px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	background-image:url(../images/bg_textfield.png);
	background-position:left bottom;
	background-repeat: repeat-x;
	background-color:#FFF;
	border-radius:3px;
	border: 1px solid #bbbbbb;}
	
.change_route{}

.change_route a{
	display:block;
	width:35px;
	height:35px;
	text-indent:-9999px;
	background-image: url(../images/route_change.png);
	background-position:left top;
	background-repeat:no-repeat;}
	
.change_route a:hover{
	background-position:left bottom;}
	
.directions{
	width:390px;
	height:300px;
	overflow:auto;}
	
#directions-panel{
	margin-top:-10px;
	background-image:url(../images/bg_panel1.png);
	background-position:left top;
	background-repeat: repeat;}
	
.travel_name{
	clear:both;
	overflow:hidden;
	width:120px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;}
	
	
.travel_block {
    height: 120px;
}