body{font-family: arial, helvetica, sans-serif,"微軟正黑體";overflow-x: hidden;}
span{display: block;}
a{text-decoration: none;}
::-webkit-input-placeholder {
        color: #BABABA;
    }
    :-moz-placeholder {
        color: #BABABA;
    }
    .placeholder {
        color: #BABABA;
    }
input[type="search"]:focus
,input[type="image"]:focus
,input[type="email"]:focus
,input[type="submit"]:focus
,select:focus
{outline: none;}
::-webkit-search-cancel-button { -webkit-appearance: none; }
.wrapper {position: relative;}
.content,.footer,.header{
	margin: 0 auto;
    width: 960px;
}
.content{min-height: 600px;}
.clear{overflow: hidden;}
.left{float: left;}
.right{float: right;}
.language{margin-top: 33px;}
#google_translate_element span {display: inline;}
#google_translate_element select {width: 200px;}
/*******slide hide nav*******/
#nav{
	position: fixed;
	width: 15.625em;
	z-index: 5;
	background: #F4F4F4;
	height: 100%;
	text-align: center;
	padding-top: 50px;
}
.panel {
    left: -250px;
}
.panel ul{list-style: none;}
.panel ul,#nav ul{margin-top: 50px;}
.panel ul li,#nav ul li{
	text-align: center;
	margin-bottom: 20px;
}
.panel ul li a,#nav ul li a{
	color: #113e60;
	font-size: 10px;
	letter-spacing: 1.5px;
	font-weight: bold;
	padding: 3px 10px;
	-webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
}
.panel ul li a:hover,#nav ul li a:hover{
	background: #EFD050;
}
.nav-link{
	position: fixed;
	top: 0;
	z-index: 5;
	width: 25px;
	height: 100%;
	background: #F4F4F4;
	border-right: 1px #113e60 solid;
}
.nav-link img{
	width: 45px;
	height: 45px;
	position: absolute;
	top: 50%;
	left: 3px;
}
.fb{
	position: absolute;
	bottom: 20%;
	left: 80px;
	width: 80px; 
	background: #4C679D;
	color: #fff;
	padding: 5px 10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
}
.fb:hover{background: #6A7B9E;}

/*******footer*******/
.go_top{
	background: url(../images/go_top.png);
	width: 50px;
	height: 50px;
	margin: 0 auto;
	cursor: pointer;
	position: relative;
	top: 25px;
	z-index: 9999;
	-webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
}
.go_top:hover{background: url(../images/go_top2.png);}
.footer_top{
	background: url(../images/footer_top.png) repeat-x top;
	height: 5px;
}
.footer_bg{
	z-index: 1;
	background: #113E60;
	padding: 40px 0;
}
.info,.service{text-align: center;}
.service{margin-right: 80px;}
.info{margin-left: 80px;text-align: center;}
.info p,.service p{
	color: #fff;
	font-size: 13px;
	margin-bottom: 5px;}
p.footer_title{
	font-size: 17px;
	border-bottom: 1px #EFD050 solid;
	padding-bottom: 5px;
}
.copyright{
	float: left;
	margin-left: 50px;
	background: url(../images/logo2.png) no-repeat top;
	height: 60px;
}
.copyright p{
	margin-top: 80px;
	color: #B4B4B4;
	font-size: 12px;
}
.panel {
    left: -250px;
}
/*******header*******/
.header_bg{
	border-bottom: 1px #113E60 solid;
	padding-bottom: 10px;
}
.header{padding-top: 20px;overflow: hidden;}
.language{
	overflow: hidden;
	margin: 35px 0 0 10px;
}
.language li{
	float: left;
	margin-left: 15px;	
	font-size: 15px;
}
.language li a{color: #898989;}
.search{margin: 30px 0 0 10px;}
.search input[type="search"]{
	background: #F4F4F4;
	border: 1px #F4F4F4 solid;
	padding: 5px 10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	font-size: 15px;
}
.search input[type="image"]{
	position: relative;
	right: 25px;
}
/*******subnav*******/
.subnav{
	text-align: center;
	height: 40px;
	width: 960px;
	border-top: 0;
	border-radius: 0 0 30px 30px;
	-moz-border-radius: 0 0 30px 30px;
	-webkit-border-radius: 0 0 30px 30px;
	overflow: hidden;
	background: #113e60 url(../images/subnav_bg.png) repeat-x bottom;
}
.subnav ul{
	list-style: none;
	display: inline-block;
	overflow: hidden;
}
.subnav li{
	float: left;
	width: 187px;
	height: 50px;
	border-right: 1px #fff solid;
	border-top: 0;
}
.subnav li + li + li + li + li{border-right: 0;}
.subnav li a{
	font-size: 15px;
	line-height: 45px;
	color: #fff;
}
.subnav li:hover{background: url(../images/subnav_hover_bg.png)no-repeat;}

/*******news&lost*******/
.news,.lost,.event,.box3{
	margin-top: 20px;
}
.news,.event{width: 525px;}
.lost{width: 395px;}
.lost ul{list-style: none;}
.title_line{
	border-bottom: 3px #EFD050 solid;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
.title{
	color: #113E60;
	font-size: 17px;
	font-weight: bold;
}
.more a{
	background: url(../images/more_arrow.png) no-repeat right;
	color: #898989;
	font-size: 15px;
	padding-right: 15px;
}
.news ul{list-style: none;}
.news ul li,.lost ul li{
	background: url(../images/dashed_line.png) repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 13px;
}
.date{
	display: inline-block;
    color: #898989;
    width: 80px;
}
.news_text,.lost_text{
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;		
}
.news_text{width: 430px;}
.lost_text{width: 290px;}
.news_text a,.lost_text a{color: #000;}
.news_text a:hover,.lost_text a:hover{color: #898989;}
/*******travel_spot & travel_route*******/
.travel_spot,.travel_route{
	width: 100%;
	height: 100%;
	background: #F4F4F4;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 3px #EFD050 solid;
}
.travel_spot_title,.travel_route_title{
	text-align: center;
	background: #EFD050;
	height: 50px;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	
}
.travel_spot_title p,.travel_route_title p{
	padding-top: 10px;
	line-height: 1.8;
}
.travel_spot ul{
	display: inline-block;
	width: 800px;
	list-style: none;
}
.travel_spot ul li{
	width: 130px;
	height: 95px;
	float: left;
	margin: 20px 35px;
}
.travel_spot ul li a:hover,.travel_route ul li a:hover{
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.travel_spot ul li p{color: #000;}
.travel_spot ul li img{width: 100%;height: 100%;}

.travel_route ul{
	display: inline-block;
	margin-top: 10px;
	list-style: none;
}
.travel_route ul li{
	float: left;
	width: 150px;
	margin: 10px 20px;
}
.travel_route ul li img{
	width: 150px;
	height: 150px;
}
.travel_route ul li p{color: #000;}
.travel_route ul li p + p{
	margin: 10px 0;
}
.travel_route_subtitle{
	border-bottom: 1px #113E60 solid;
	padding-bottom: 5px;
	margin-bottom: 15px;
}