@charset "utf-8";

*{margin: 0; padding: 0;font-family: "微軟正黑體",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";}


/* Header */

	#header {
		position: fixed;
		z-index: 10000;
		left: 0;
		top: 0;
		width: 100%;
		background: rgba(255, 255, 255, 0.95);
		height: 70px;
		line-height: 70px;
		box-shadow: 0 0 0.15em 0 rgba(0, 0, 0, 0.1);
		padding-left:30px;
	   
	}

		
	#header nav {
		position: absolute;
		right: 30px;
		top: 0;
		height: 70px;
		line-height: 70px;
	}

	#header nav ul {
		margin: 0;
	}

	#header nav ul li {
		display: inline-block;
		margin-left: 0.5em;
		font-size: 0.9em;
	}

	#header nav ul li a {
		display: block;
		color: inherit;
		text-decoration: none;
		height: 70px;
		line-height: 70px;
		padding: 0 0.5em 0 0.5em;
		outline: 0;
	}
	.logo{
		width:auto;
		height: 50px;
}






@media screen and (max-width: 800px) {
	.logo{width:auto;height: 45px;}
	#header {
		height: 60px;
		line-height: 60px;
		padding-left:20px;
	}
	#header nav {
		display: none;
	}
	
/*形象宣言*/
.vi-image {
    height: auto;
    width: 100%;
	background-image: url("../images/header_bg_s.jpg");
	background-repeat: no-repeat;
    background-position: center top;
	background-size:contain;
}
.circle_all{
	width: 100%;
	height: auto;
	padding-top: 90%;
	padding-left: 20px;
	margin-bottom: 30px;
}

.contant_all{
	margin-bottom:none;
}
.tour_title_green{
	width:100%;
	height: auto;
	padding-top: 5px;
	padding-buttom: 5px;
	padding-left: 6%;
	padding-right: 6%;
	line-height: 40px;
	background-color: #efefef;
	margin-bottom: 20px;
	font-size: 24px;
	color: #22ac38;
}
.tour_title_orange{
	width:100%;
	height: auto;
	padding-top: 5px;
	padding-buttom: 5px;
	padding-left: 6%;
	padding-right: 6%;
	line-height: 40px;
	background-color: #efefef;
	margin-bottom: 20px;
	font-size: 24px;
	color: #ea5514;
}

.tour_title_golden{
	width:100%;
	height:auto;
	padding-top: 5px;
	padding-buttom: 5px;
	padding-left: 6%;
	padding-right: 6%;
	line-height: 40px;
	background-color: #efefef;
	margin-bottom: 20px;
	font-size: 24px;
	color: #b28247;
}
.tour_title_olives{
	width:100%;
	height:auto;
	padding-top: 5px;
	padding-buttom: 5px;
	padding-left: 6%;
	padding-right: 6%;
	line-height: 40px;
	background-color: #efefef;
	margin-bottom: 20px;
	font-size: 24px;
	color: #00a29a;
}

}





.service_box {display: none;}

/*service box*/
@media(max-width: 767px){
	.service_box{
		display: block;
		width:100%;height: 40px;
		line-height: 40px;
		position: fixed;
		bottom: 0; left: 0; 
		z-index: 999;
		color:#fff;
		text-align: center;
		clear:both;
}
	.service_btn_tel{
		width:24%;
		background-color:#40a498;
		float: left;
	}
	.service_btn_mail{
		width:24%;
		background-color:#ee7628;
		float: left;
	}
	.service_btn_line {
		width:24%;
		background-color:#7fbf33;
		float: left;
		color:#fff;
	}
	.service_btn_line a:link{
		
		color:#fff;
	}
	.service_btn_line a:hover{
		color:#fff;
	}
	.service_btn_line a:active{
		color:#fff;
	}
	.service_btn_fb{
		width:24%;
		background-color:#0e6eb8;
		float: left;
		color:#fff;
	}
	.service_btn_fb a:link{
		
		color:#fff;
	}
	.service_btn_fb a:hover{
		
		color:#fff;
	}
	.service_btn_fb a:active{
		
		color:#fff;
	}

}

/*網頁內容*/
@media screen and (min-width: 801px){
/*形象宣言*/
.vi-image {
    height: auto;
    width: 100%;
	background-image: url("../images/header_bg.jpg");
	background-repeat: no-repeat;
    background-position: center top;
	background-size:cover;
}
.circle_all{
	width: 90%;
	height: auto;
	padding-top: 50%;
	padding-left: 20px;
	margin-left: 5%;
	margin-right: 5%;
}
.circle_one{
	margin-bottom: 40px;
}
.tour_title_green{
	width:100%;
	height: 50px;
	padding-top: 5px;
	padding-buttom: 5px;
	padding-left: 10%;
	padding-right: 6%;
	line-height: 40px;
	background-color: #efefef;
	margin-bottom: 20px;
	font-size: 24px;
	color: #22ac38;
}
.tour_title_orange{
	width:100%;
	height: 50px;
	padding-top: 5px;
	padding-buttom: 5px;
	padding-left: 10%;
	padding-right: 6%;
	line-height: 40px;
	background-color: #efefef;
	margin-bottom: 20px;
	font-size: 24px;
	color: #ea5514;
}

.tour_title_golden{
	width:100%;
	height: 50px;
	padding-top: 5px;
	padding-buttom: 5px;
	padding-left: 10%;
	padding-right: 6%;
	line-height: 40px;
	background-color: #efefef;
	margin-bottom: 20px;
	font-size: 24px;
	color: #b28247;
}
.tour_title_olives{
	width:100%;
	height: 50px;
	padding-top: 5px;
	padding-buttom: 5px;
	padding-left: 10%;
	padding-right: 6%;
	line-height: 40px;
	background-color: #efefef;
	margin-bottom: 20px;
	font-size: 24px;
	color: #00a29a;
}
}
.evnet_wrap{
	margin-left: 10%;
	margin-right: 7%;
}
.event_title {
    font-size: 24px;
    background-color: #f39800;
    padding-top: 5px;
	padding-buttom: 5px;
	padding-left: 10px;
	padding-right: 10px;
    float: left;
    height: 50px;
	line-height: 40px;
    width: 200px;
	color:#fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 20px;
	
}
.event_text{
	width: 100%;
	height: auto;
	line-height: 2em;
	font-size: 20px;
	padding-left: 3%;
}

.contant_line{
	width:100%;
	height: 50px;
	line-height: 30px;
	padding: 10px;
	background-color: #8fc31f;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 20px;
	float: left;
	
	color:#fff;
	text-align: center;
	font-size: 20px;
}
.contant_tel{
	width:100%;
	height: 50px;
	line-height: 30px;
	padding: 10px;
	background-color: #2ea7e0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 20px;
	float: left;
	
	color:#fff;
	text-align: center;
	font-size: 20px;
}

/*行程*/

.product_wrap_all{
	margin-left: 8%;
	margin-right: 5%;
	margin-bottom: 30px;
}
.product_wrap{
	width:100%;
	height: auto;
	line-height: 1.5em;
	font-size: 20px;
	border-right: 1px solid #c9caca;
	padding-left:5%;
}


.product_date{
	font-size: 18px;
	line-height: 1.5em;
	color:#036eb8;
	padding-top: 10px;
	height: auto;
	width:100%;
}
.poduct_price_title{
	width:100%;
	height: 25px;
	font-size: 16px;
	line-height: 20px;
	color:#e60012;
	float:left;
}
.poduct_price{
	width:100%;
	height:25px;
	font-size: 20px;
	line-height:25px;
	float:left;
}
.text_link{
	color:#000;
}
.text_link a{
	color:#000;
	text-decoration: none;
}
.text_link a:hover{
	color:#000;
	text-decoration: none;
}
.text_link a:link{
	color:#000;
	text-decoration: none;
}

.special_text{
	width:100%-35px;
	height: auto;
	line-height:1.5em;
	margin-bottom: 40px;
	background-color: #fffbc7;
	margin-left: 15px;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:10px;
	clear: both;
}
.special_text_stitle{letter-spacing: 3px;}