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

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

.title_page{
	/*width:100%;
	height:40px;
	background-size:auto 40px;*/
	/*background-image: url(../images/title_travel.png);
	background-position:0px -20px;
	background-repeat:no-repeat;*/
	/*overflow:hidden;
	margin-left:5px;*/
	width:100%;
	height: 66px;
	overflow:hidden;
	/*background: #a27a5b;*/
	/*opacity: .9;*/
	}
	
.title_page h1{
	display:none;
	text-indent:-9999px;}
	
.travel_head{
	overflow:hidden;
	padding:10px 0 0 10px;
	display:none;}

/*.sightseeing td div{ float:left; margin-right:0.05em;} */
	
h2{
	display:block;
	float:left;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
	font-weight:700;}
	
.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;
	color:#fff;
	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;
	color: #FFF;
	text-align:center;}
	
.pageview{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	margin-top:5px;
	margin-right:20px;
	padding-top:5px;
	border-top:1px solid #ccc;
	overflow:hidden;}
	
.pageview a{
	text-decoration:none;
	color:#fff;
	outline:none;
	transition: all 0.4s;}
	
.pageview a:hover{
	color:##eaf9af;
	transition: all 0.4s;}
	
.total{
	float:right;
	margin-right:10px;}

.first{
	float:right;
	margin-right:10px;}

.previous{
	float:right;
	margin-right:10px;}

.pages{
	float:right;
	margin-right:10px;}
	
.pages ul{}

.pages li{
	float:left;}

.pages li a{
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	margin-right:5px;
	transition: all 0.4s;}

.pages li a:hover{
	background-color:#a29785;
	color:#fff;
	transition: all 0.4s;}
	
.pages li.active_pages {
	display:block;
	width:20px;
	height:20px;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-right:5px;
	background-color:#799396;}

.next{
	float:right;
	margin-right:10px;}

.last{
	float:right;
	margin-right:10px;}

label , label div {
	max-height:60px;}
.top_links li a{
	color: #333;
}
ul.menu li.language a.menulink{
	background-image:url(../images/language_page_travel.png) !important;
}