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

/*--------------------------------------reset 此區塊請勿更動*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, /*p, */blockquote, pre,
/*a, */abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	
}
ol, ul {list-style: none;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---------------------------------------------------------------------*/


body {background: url(images/bg.jpg) center top no-repeat #f6ead4;}	

img {border: 0;}

hr {
	margin: 0;
	padding: 0;
	clear: both;
	visibility:hidden;
}

ul,li,p{
	margin:0;
	padding:0;
}
	
	
	
/* 主要版型 */

li,ul,p,a{
	margin:0;
	padding:0;
}
	
.container{
	width: 100%;
	margin: 0 auto;	
	overflow:auto;
}

.header {
	width: 960px;
	height: 423px;
	margin: 0 auto;
	padding: 0;
	background: url(images/head.jpg) 0 0 no-repeat;
	position:relative;
}
	
h1, h2, h3 {
	text-indent:-9999px;
}

a.btn {
    display: block;
    position: absolute;
    left: 460px;
    top: 270px;
    width: 100px;
    height: 30px;
	background: #92280F;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    text-decoration: none;
    border-bottom: 3px solid #CC4833;
}
a.btn:hover{margin-top:-2px;  background: #CE3A17;}


/*行程區*/
.main {
	max-width: 960px;
	margin: 0 auto;
	font-family: "微軟正黑體";
}


.main2 {
	max-width:900px;
	margin: 0 auto;
	font-family: "微軟正黑體";
}


/* sale_box */
.sale_info{
	font-size: 15px;
	line-height: 1.5 !important;
	font-family: '微軟正黑體';
    padding: 0px 10px 10px 10px;
}
.sale_info .title{
	font-size:24px;
	font-weight:bold;
	margin: 0;
	
}
.sale_info .smtitle{
	font-size:16px;
	padding: 0;
	color:#d40f7d;
	margin: 0;
}

.sale_info ul {
	padding-top: 5px !important;
}

.sale_info ul li{
	display: block !important;
	clear: both;
	line-height: 1.5 !important;
	color: #454545;
}



.share_fb{
	display: block;
	clear: both;
	padding-top: 10px;
}

/* ---------------------- Back to top button --------------------- */
#back-top {
		width: 25px;
		height: 25px;
		display: none;
		position: fixed;
		bottom: 50px;
		left: 50%;
		margin-left: 495px;
		padding: 8px;
		font-size:12px;
		line-height: 13px;
		text-align: center;
		color:#00a3e0;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;    
		background:white;
		cursor: pointer;
		box-shadow:0 0 10px #ccc;
		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
		box-sizing:content-box;	
	}


/* ---------------------- 平板769px --------------------- */
@media only screen and (min-width:769px) {		
#togglenav {display:none;}

/*注意事項*/
.avoid{width:900px; padding:20px 50px;font-weight:bold; line-height:25px;position:relative;float:left; margin-bottom:20px;display:none;}		
.avoid li{font-weight:bolder; font-size:13px; margin-left:20px; }
.avoid  ul {color:#030303; font-size:13px;list-style:square;}
.avoid  strong{color:#742E04;font-size:17px;}
.avoid .nav3 {
    width: 152px;
    height: 41px;
    margin: 0 auto;
    margin-top: 30px;
}
/* .avoid .nav3 {
	position: absolute;
	top: -60px;
	right: 500px;
	width: 152px;
	height: 41px;
} */
.avoid .nav3  a{
	display:block;
	width:152px;
	height:41px;
	text-indent:-9999px;
	background-image:url(images/bot.png);}

.avoid .nav3 a:hover{background-position:left bottom;}

}

.nav2{
	width:961px;
	height:525px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
	background:url(images/POP3.png);}
	
.nav2 p{text-indent:-9999px;}

.container_2{width: 780px; margin: 0 auto;}

/* 促銷活動時使用這個 .thumbnail{width:245px;float:left;margin:20px 20px 25px 50px;} -- */

.thumbnail{
	width:245px;
	float:left;
	margin:10px 20px 10px 50px;}

.thumbnail ul{display:block; overflow:hidden;}	

.thumbnail li{
	display: block;
	min-height:440px; 
	background:url(images/price_bg.png) center bottom ;
	width:240px;
	margin:0px 20px 10px 0px;
	padding-bottom:5px;
	float:left;
	display:block;
	}
.thumbnail li a{
	display:block;
	margin:0 auto;
	overflow:hidden;
	width:90%;
	line-height:30px;
	border-bottom:dashed 1px #b97036;
	text-decoration:none;
	}
.thumbnail_location{
	display:block;
	width:240px;
	height:183px;
	text-indent:-9999px;
	}
	
.location01{background:url(images/chinese.jpg) no-repeat;}	
.location02{background:url(images/canada.jpg)no-repeat;}
.location03{background:url(images/europe.jpg) no-repeat;}	
.location04{background:url(images/australia.jpg)no-repeat;}	
	
.thumbnail ul li a:hover{background-color:#C16804;}
	
.thumbnail ul li a .ait_t{font-weight:bold;}
	
.air_t{
	display:block;
	float:left;
	font-size:13px;
	padding-top:2px;
	color:#FFFFFF;
	font-weight:500;
	margin-left:3px;
	margin-left:1px \9;
	font-weight:bold;
	}
	
.air_p{
	display:block;
	float:right;
	color:#FCF9AF;
	margin-right:3px;	
	}

.FB_share{
	text-align: center;
}

.FB_share a{
	background:#3b5a9b ;
	color: #fff;
	padding: 5px 8px;
	border-radius:5px;
    text-decoration: none;
}
.FB_share a:hover{
	background:#344e85;
}


	
/* 文字顏色大小  */

.type_red{color:#FF0004;}
	
.type_bold{font-weight:bold;}
	
.type13{font-size:13px;}

.type17{
	font-size:17px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	}
.type21{
	font-size:21px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	}
.price{
	padding:0 2px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	}

/*banner*/
.banner img {width:100%;max-width:960px;margin-top: 105px;margin-bottom: -100px;}

/* -----------------------------手機版型736px---------------------------- */

@media screen and (max-width:736px) {
*{box-sizing:border-box; /* 讓 padding 與 width 解除關係 */}	

html,body{-webkit-text-size-adjust:none;/* iPhone 旋轉後 文字不要放大 */}

.container{
	min-width:320px;
	margin: 0 auto;
	font-family:微軟正黑體;
	background-color:#fd8060;
}
.header {
	height:auto; /* 高度自動 */
	margin:0 auto;
	border:none;
	width:100%; /* 等比例 伸縮式的 banner */
	padding-bottom:62.5%;
	background-image:url(images/mobile-banner.png);		
	background-size:cover; /* 背景圖自動伸縮 */
	background-position:center center; /* 縮放時以中間點為縮放基準 */			
	text-indent:-9999px;
}

h1, h2, h3 {display:none;}

/*行程區*/
.main {
    width:100%;
	height:100%;
    margin:0 auto;
    overflow:hidden;
}


.main2 {
    width:95%;
	height:100%;
    margin:0 auto;
    overflow:hidden;
}


.nav2{display:none;}

/*按鈕列*/

#togglenav {
	z-index:9999;
	position:fixed;
	right:0;
	overflow:hidden;
	line-height:35px; width:100%;
	cursor:pointer;
	}
.gridContainer {position:relative;}


.thumbnail{width:100%; float:none; margin:0px 0px 10px 0;}

.thumbnail ul{}	

.thumbnail li{
	background:#703402;
    width:85%;
	margin:20px 30px 10px 30px;
	float:none;
	display:block;	
	}
	
.thumbnail li a{
	display:block;
	line-height:44px;
	border-bottom:dashed 1px #b97036;
	text-decoration:none;
	}
	
.thumbnail_location{
	display:block;
	width:100%;
	height:183px;
	text-indent:-9999px;
	}
	
.location01{
	background:url(images/chinese_2.jpg);
	background-size:cover; /* 背景圖自動伸縮 */
	background-position:center center;	/* 以中心為縮放點 */}	

.location02{
	background:url(images/canada_2.jpg);
	background-size:cover; /* 背景圖自動伸縮 */
	background-position:center center;	/* 以中心為縮放點 */}
	
.location03{
	background:url(images/europe_2.jpg);
	background-size:cover; /* 背景圖自動伸縮 */
	background-position:center center;	/* 以中心為縮放點 */}

.location04{
	background:url(images/australia2.jpg);
	background-size:cover; /* 背景圖自動伸縮 */
	background-position:center center;	/* 以中心為縮放點 */}
	
.thumbnail ul li a:hover{background-color:#C16804;}
	
.air_t{font-size:15px;}

/*注意事項*/
.avoid{width:100%; color:#030303; float:left; margin:0 auto; padding:30px 26px;}			
.avoid li{font-weight:bolder; margin-left:20px;font-size:15px;}
.avoid  ul {color:#030303; font-size:13px;list-style:square;}
.avoid  ul p{display:block; text-indent:-11px; padding:0px 0px 0px 25px; margin:0px; 
             color:#030303; font-size:13px; line-height:20px;}
.avoid  strong{color:#742E04; font-size:18px;}
.avoid .nav3{display:none;}
a.btn {display:none;
}
	
/*banner*/
.banner img {width:100%;max-width:960px;margin-top: 0px;margin-bottom: 0px;}

}

/*表單*/
.tabs-colorful-icons{
    font: bold 1em sans-serif;
    margin: 0;
	width:100%;    
    text-align: center;
	margin-bottom: 30px;
}

/* The tabs */

.tabs-colorful-icons ul{
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

.tabs-colorful-icons ul li{
    display: inline-block;
    margin-bottom: -1px;
}

.tabs-colorful-icons ul li a{
display: block;
text-decoration: none;
font-size: 17px;
/* border: 1px solid transparent; */
border-top: 5px solid #c99175;
border-bottom: 1px solid #dddddd;
border-radius: 3px 3px 0 0;
padding: 8px 15px 8px 15px;
background-color: #FFFFFF;
color: #c99175;
}

.tabs-colorful-icons ul li i{
    padding-right: 8px;
}

/*.tabs-colorful-icons .first-tab{
    color: #6e3a14;
}

.tabs-colorful-icons .second-tab{
    color: #5799e4;
}

.tabs-colorful-icons .third-tab{
    color: #5799e4;
}*/

.tabs-colorful-icons .tab-active {
border-color: #ffffff;
border-top: 5px solid #890303;
	color: #890303;
}

/* The content */

.tabs-colorful-icons .tabs-content-placeholder{
    overflow: hidden;
    border-top: 1px solid #dddddd;
    font-weight: normal;
    background-color: #fff;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
}

.tabs-colorful-icons .tabs-content-placeholder div{
    display: none;
}



.tabs-colorful-icons .tabs-content-placeholder div.tab-content-active{
    display: block;
}

.tabs-colorful-icons .tabs-content-placeholder div p{

    text-align: left;
    margin:0;
}

.tabs-colorful-icons .tabs-content-placeholder div.rightbox{
	display:block;	   
    margin:0;
	float:right;
	width: 670px;
}

.tabs-colorful-icons .tabs-content-placeholder div.rightbox p{
	font-size:15px;
    line-height: 20px;
    text-align: left;
    margin:0;
	margin-bottom: 10px;
}

.tabs-colorful-icons .tabs-content-placeholder div.rightbox p strong{
    line-height: 2em;
	color:#C95E17;
    margin:0;
	clear: both;
display: block;
}

.tabs-colorful-icons .tabs-content-placeholder div img{
    max-width: 100%;
}

/*.tabs-colorful-icons .tabs-content-placeholder div img.sm{
	display:none;
}*/

.rightbox ul {
	
}

.rightbox li {
list-style: disc !important;
line-height: 20px;
font-size: 14px;
padding-left: 14px;
margin-bottom: 10px !important;
color: #565a5c;
background: url(images/list_icon.jpg) no-repeat;
background-position: 3px 7px;
}

.rightbox a {
color: #C95E17;
border-bottom: 1px solid #C95E17;
}

.rightbox a:hover {
color:#e8762a;
border-bottom: 1px solid #e8762a;
}

.but {
display: block !important;
margin: auto;
text-align: center;
}

.but a {
display: table;
background-color: #C95E17;
margin: auto;
color: #ffffff;
padding: 5px 10px;
font-size: 15px;
border-radius: 5px;
box-shadow: 3px 3px 0px #964b19;
}

.but a:hover {
background-color:#803f13;
}

.sale_price {
display: block !important;
margin: auto;
text-align: center;
}

.sale_price a {
float: right;
display: table;
background-color:#fff6ad;
font-size: 20px;
font-weight: bold;
border-bottom: 0px;
padding: 5px 15px;
color: #565a5c;
}

.sale_price a:hover {
border-bottom: 0px;
color: #565a5c;
background-color: #FFF961;
}

.sale_price span {
font-size: 25px;
color: #C95E17;
font-family: sans-serif;
}

.active_box table{
	margin:10px auto 30px auto;
	border:solid 1px #DFDFDF;
	} 
	
.active_box table td{
	border:solid 1px #DFDFDF;
	line-height:2;
    padding: 5px 10px;
    vertical-align: middle;
     font-family: '微軟正黑體';
      font-size: 14px;
	}
	
.active_box table td p{
	font-size:13px;
	color:#414040;
	font-family: arial,sans-serif;
	padding:0px 5px 0px 5px;
	}

.table_bg01{
	background-color:#783cca;
	color: #FFFFFF;
	}

.active_box table p{
    font-family: '微軟正黑體';
}

.txt{
    text-align: left;
}

.active_box table .title_tb{
    font-size: 18px;
    color:#000;
    font-weight: bold;
    font-family: '微軟正黑體';
}

.active_box td a{
    color: #D70003;
    font-size: 18px;
}

.active_box td a:before{
    content: '$';
    color: #333333;
    font-size: 12px;
}

.active_box td a:after{
    content: '起';
     color: #333333;
    font-size: 12px;
}