@charset "utf-8";
@import url("travel.css");
/* CSS Document */

html, body { 
	height: 100%; }

.wrap {
	height:100%;
	min-height: 100%;
	*display: table; /* For IE7 Hack */
	*height: 100%; /* For IE7 Hack */}
	
#header{
	z-index:2200;
	position: absolute;
	width:100%;
	height:74px;
	top:0px;
	left:0px;
	background-image: url(../images/bg_header.png);
	background-position:left top;
	background-repeat:repeat;
	border-bottom:0px solid #be2a20;}

#header .logo{
	z-index:11;
	position:absolute;
	width:180px;
	height:95px;
	top:0px;
	left:0px;}

#header .logo a{
	display:block;
	width:180px;
	height:95px;
	text-indent:-9999px;
	background-image:url(../images/logo_page.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
.logo_ci{
	position:absolute;
	width:150px;
	height:140px;
	top:0px;
	left:0px;
	background-image:url(../images/bg_page_logo.png);
	background-position:left top;
	background-repeat:no-repeat;}
	
.top_links{
	float:right;
	width:100%;
	height:20px;
	background-image:url(../images/bg_toplinks.png);
	background-position:left top;
	background-repeat: repeat;
	padding-right:100px;
	padding-top:5px;
	border-bottom: 1px solid #DDD4C4;
	font-size:13px;}

.top_links ul{}

.top_links li{
	float:right;}

.top_links li a{
	display:block;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#ececec;
	font-weight:bold;
	text-decoration:none;
	padding:0 10px;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	border-left:1px solid #ddd;}

.top_links li a:hover{
	color:#49796c;}
	
.main_nav{
	clear:both;
	width:800px;
	height:50px;
	padding-left:180px;
	padding-top:0px;
	}

.main {
	height:100%;
	min-height:100%; 
	overflow:auto; 
	/*padding-bottom:36px;*/} /* must be same height as the footer */
	
.content_head{
	height:25px;
	line-height:25px;
	margin-bottom:5px;
	padding:0 10px;
	overflow:hidden;}
	
.site_path{
	float:left;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;}
	
.site_path a{
	color:#CCC;
	text-decoration:none;
	outline:none;}
	
.site_path a:hover{
	color:#9d8d77;transition: all 0.4s;
	}
	
.facebook_page{
	float:right;}
	
#footer {
	float:left;
	width:100%;
	height:36px;
	background-image: url(../images/bg_footer.png);
	background-position:left top;
	background-repeat:repeat-x;
	z-index:9999;
	margin-top:-36px;
	position: relative;
	clear:both;}
	
#footer .copyright{
	position:absolute;
	width:965px;
	z-index:1002;
	top:10px;
	right:20px;
	padding-left:10px;
	overflow:hidden;}
	
#footer .copyright p{
	display:block;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	line-height:20px;
	padding-right:5px;}
	
#footer .facebook{
	float:right;
	padding-right:30px;}
	
#footer .webdesign{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	line-height:20px;}
	
#footer a{
	color:#000;
	text-decoration:none;
	outline:none;
	}
	
#footer a:hover{
	color:#4a7465;}
	
.buttonset{
	visibility:hidden;
	position:absolute;
	width:40px;
	height:40px;
	top:30px;
	right:20px;}
	
#showRightPush{
	width:40px;
	height:40px;
	text-indent:-9999px;
	border:none;
	background-image:url(../images/push_menu.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
	outline:none;}
	
#showRightPush:active{
	background-position:left bottom;}

@media screen and (max-width: 1024px) {
	
.buttonset{
	visibility:visible;
	position:absolute;
	width:40px;
	height:40px;
	top:30px;
	right:20px;}
	
#showRightPush{
	width:40px;
	height:40px;
	text-indent:-9999px;
	border:none;
	background-image:url(../images/push_menu.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
	outline:none;}
	
#showRightPush:active{
	background-position:left bottom;}	
	}