@charset "utf-8";
/* CSS Document */
*{
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
a, img{
	border:none;
	text-decoration:none;
	}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img{
  list-style-type: none;
  margin:0;
  padding:0;
  }

/* ------------------------------------------- */
/* container			    		           */	
/* ------------------------------------------- */ 



/* ------------------------------------------- */
/* header			    		               */	
/* ------------------------------------------- */ 
/*header-main*/
.header-main{
	padding: 21px 0;
	position:relative;
	margin:0 auto;
	width: 980px;
	}

.logo{
	display:block;
	height:52px;
	width:261px;
	}
	
.user-prefs{
	position:absolute;
	right:0;
	bottom:21px;
	}

.user-prefs ul li{
	border-right: 1px solid #cccccc;
	cursor: pointer;
	float:left;
	padding: 4px 10px;
	}

li.language{
	border-right: none!important;
	}

.user-prefs li a {
	color: #656565;
	font-size: 13px;
	}

.user-prefs li a:hover{
	text-decoration:underline;
	}

/*header-bar*/
.header-bar {
	border-top:1px solid #8f1112;
	border-bottom:1px solid #8f1112;
	box-shadow: 0 1px 3px 0 rgba(4,0,0,.75);
	background: #e51d1e; /* Old browsers */
	background: -moz-linear-gradient(top,  #e51d1e 0%, #ca1c1d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e51d1e), color-stop(100%,#ca1c1d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e51d1e 0%,#ca1c1d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e51d1e 0%,#ca1c1d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e51d1e 0%,#ca1c1d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e51d1e 0%,#ca1c1d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51d1e', endColorstr='#ca1c1d',GradientType=0 ); /* IE6-9 */
	height: 50px;
	width: auto;
	position: relative;
	z-index: 99;
	}

.header-bar table {
	font-family:微軟正黑體;
	margin: 0 auto;
	width: 980px;
	}

.header-bar table td {
	padding: 10px 0;
	}

.selectCounty, .keywordInput, .checkinDate, .selectedNight{
	padding:5px;
	}

li.county {
	margin-right: 6px;
	}

select.selectCounty {
	margin-right: 8px;
	width: 85px;
	}

input.keywordInput {
	margin-right: 55px;
	width: 210px;
	}

.checkin p, .night p{
	color: white;
	font-size: 15px;
	font-weight: bold;
	float: left;
	margin: 5px 8px 0 0;
	}

input.checkinDate {
	margin-right: 8px;
	width: 70px;
	}

select.selectedNight {
	margin-right: 8px;
	width: 60px;
	}

.checkout{
	color: white;
	font-size: 15px;
	font-weight: bold;
	float: left;
	}

.checkout p{
	float: left;
	margin-right: 8px;
	}

.checkout span {
	margin-right: 30px;
	}
	
/*搜尋*/	
input.search {
	background: #fce76c; /* Old browsers */
	background: -moz-linear-gradient(top,  #fce76c 0%, #f5ca1d 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce76c), color-stop(98%,#f5ca1d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fce76c 0%,#f5ca1d 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fce76c 0%,#f5ca1d 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fce76c 0%,#f5ca1d 98%); /* IE10+ */
	background: linear-gradient(to bottom,  #fce76c 0%,#f5ca1d 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce76c', endColorstr='#f5ca1d',GradientType=0 ); /* IE6-9 */
	border: none;
	cursor: pointer;
	padding: 5px 40px;
	font-size: 16px;
	font-family: 微軟正黑體;
	font-weight: bold;
	text-align: center;
	}

.search:hover{
	background: #f5ca1d; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5ca1d 0%, #fce76c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ca1d), color-stop(100%,#fce76c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5ca1d 0%,#fce76c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5ca1d 0%,#fce76c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5ca1d 0%,#fce76c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5ca1d 0%,#fce76c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ca1d', endColorstr='#fce76c',GradientType=0 ); /* IE6-9 */
	}

/* ------------------------------------------- */
/* canvas     		    		               */	
/* ------------------------------------------- */
#canvas{
	width: 990px;
	margin: 0 auto;
	}

#content {
	font-family: 微軟正黑體;
	float: left;
	margin: 0 auto 25px;
	width: 990px;
	}

#county-goodtrip ul li {
	float: left;
	height: 199px;
	margin: 0 9px 25px 9px;
	position: relative;
	width: 312px;
	cursor: pointer;
	}

#county-goodtrip ul li:hover {
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
	position: relative;
	z-index: 9999;
	}

#county-goodtrip li a:hover .raised{
	background:url(../images/raised.png)no-repeat left top;
	cursor: pointer;
	color:white;
	font-size:15px;
	display:block;
	height: 199px;
	position: absolute;	
	width:312px;
	z-index:9999;
	}
	
span.caption {
	bottom: 0;
	background: white;
	background-color: rgba(255,255,255,.7);
	filter: Alpha(opacity=70);
	display: block;
	left: 23px;
	overflow: hidden;
	top: 0;
	position: absolute;	
	padding: 45px 10px 0 10px;
	z-index:99;
	}
	
p.location {
	color: #313131;
	font-size: 36px;
	}

p.goodtrip {
	color: #313131;
	font-size: 20px;
	}
	
/* ------------------------------------------- */
/* footer     		    		               */	
/* ------------------------------------------- */
#footer{
	border-top:2px solid #ca1c1d;
	clear: both;
	position: relative;
	}

.footer-body{
	margin:50px auto;
	text-align: center;
	width: 980px;
	}

p.description, p.copyright{
	font-size: 13px;
	padding-bottom: 10px;
	}

p.copyright{
	color: #686868;
	}