@charset "UTF-8";
/* CSS Document */
	.highlight {
		color: #000;
		font-weight: bold;
	}
body	{
	font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
	background-color:#cff3fc;
	font-size:16px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
.mySlides {display:none}
.mySlides2 {display:none}
.mySlides3 {display:none}

.w3-left, .w3-right, .w3-badge {
	cursor:pointer
	}
.w3-badge {
	height:13px;
	width:13px;
	padding:0
	}
* {box-sizing: border-box}
/* Style tab links */



/* Style the tab content (and add height:100% for full page content) */
.container	{
	max-width:2560px; 
}
.home	{
	color:#ffffff;
	font-size:16px;
	float: left;
	border:1px solid #ffffff;
	padding:10px;
}
.tips-padding	{
	padding-top:30px;
}
.content4-padding	{
	padding:10px;
	margin:20px;
}
.next	{
	color:#ffffff;
	font-size:16px;
	float: right;
}
img.img-honeymoon {
	width: 117%;
}
.tab1-container	{
	background-color:#0081c2;
	padding:0px;
	}
.tab2-container	{
	background-color:#0081c2;
	}
.destination-container-l	{
	position:relative;
	height:auto;
	padding:0px;
	border-bottom:4px solid #ffffff;
	border-right:2px solid #ffffff;
	}
.destination-container-r	{
	position:relative;
	height:auto;
	padding:0px;
	border-bottom:4px solid #ffffff;
	border-left:2px solid #ffffff;
	}	
.overlay {
	  display: block;
	  position: absolute; 
	  bottom: 0; 
	  background: rgb(0, 0, 0);
	  background: rgba(38, 164, 219, 0.7); /* Black see-through */
	  color: #f1f1f1; 
	  height: 100%;
	  width: 100%;
	  transition: .5s ease;
	  opacity:0;
	  text-align: center;
}	
.destination-text	{
	position:absolute;
	left:45%;
	bottom:1px;
	height:100px;
	font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
	font-size:30px;
	font-weight:bold;
	color: #ffffff;
	text-align: center;
	}
.destination-container-l:hover .overlay {
  opacity: 1;
}	
.destination-container-r:hover .overlay {
  opacity: 1;
}	
img.destination-photo	{
	 display: block;
	 width: 100%;
	 height: auto;
		}
img.content-photo	{
	 width: 100%;
		}
.tab3-til	{
	font-size: 24px;
	color:#ffffff;
	font-weight:bold;
	text-align: center;
}
.content-img-til	{
	background-color:#f6921e;
	color:#ffffff;
	font-size:20px;
	padding:10px;
}
.content-img-text	{
	text-align:left;
	color:#ffffff;
	font-size:18px;
	padding:10px;
	text-align: justify;
	font-weight:100 !important;
}
span.text-hover:hover	{
	background-color:#e2231a;
	padding:10px;
	}					
.content	{
	font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
	font-size:16px;
	text-align:justify;
	padding-top:10px;
	line-height:25px;
	}
.content-container	{
	width:100%;
	max-width:1080px;
	text-align: center;
}
img.content-img-size {
	width:100%;
}
.content-til	{
	background-color: #ec297b;
	color:#ffffff;
	font-size:24px;
	font-weight:bold;
	padding:15px;
}
.btn	{
	background-color:#e2231a;
	position:inherit;
	width:50%;
	}
.btn:hover	{
	background-color:#666;
	}	

.tnc-content	{
	color:#000;
	line-height:25px;
	padding:20px;
	}
.tnc-til	{
	font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
	font-size:16px;
	color:#000;
	font-weighT:bold;
	}	
.panel-title	{
	font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	}	
.list-style	{
	font-size:10px;
	}
.footer	{
	background-color:#404041;
	padding:10px;
	line-height:20px;
	color:#ffffff;
	font-size:10px;
	}
.BackToTop	{
	position:fixed;
	left:0;
	bottom:0;
	z-index:1;
	padding:80px 20px;
	}	
img.icon_btt	{
	width:64px;
	}
.btn-lg-start	{
	font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
	width:20%;
	font-size:18px;
	padding:10px;
	}
btn-lg-start:hover	{
	background-color:#F90;
	}		
.head-kvlogo	{
	background:url("images/kv_logo_zh.png") no-repeat center top;
	height:350px;
	margin-top:160px;
	}	
.head-banner	{
	background:url("images/head_banner1.jpg") no-repeat center top;
	width:100%;
	height:530px;
	}
.head-banner2	{
	background:url("images/head_banner2.jpg") no-repeat center top;
	width:100%;
	height:530px;
	}
.head-banner3	{
	background:url("images/head_banner3.jpg") no-repeat center top;
	width:100%;
	height:530px;
	}
	
.glyphicon	{
	color:#ffffff;
	}
a	{
	text-decoration:none;
	color:#ffffff;
	}
a:hover	{
	text-decoration:none;
	color:#ffffff;
	}			
.flight-container	{
	font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
	background-color:#ffffff;
	color:#333333;
	padding:10px;
	text-align:center;
	}
.flight-destination	{
	font-size:24px;
	color:#0081c2;
	font-weight:bold;
	}
.airline	{
	font-size:18px;
	color:#333333;
	}
.price	{
	color:#e2231a;
	font-weight:bold;
	font-size:28px;
	}
.up	{
	font-size:18px;
	font-weight:bold;
	}
.btn-lg-book	{
	width:100%;
	font-size:20px;
	padding:5px;
	font-weight:bold;
	}
.ticket-price	{
	color:#E01E24;
	font-size:26px;
	font-weight:bold;
}
.deal-img-container	{
	padding:0px;
}
.background-w	{
	padding:20px;
	background-color:#ffffff;
	text-align: center;
}
.hotel-background-w	{
	padding:0px;
	background-color:#ffffff;
	text-align: center;
	border:5px solid #0081c2;
}
.flight-title	{
	color:#0085d2;
	font-size:22px;
	padding: 10px;
}
img.offer-photo	{
	width:100%;
	}
.flight-container2	{
	font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
	background-color:#ffffff;
	text-align:center;
	padding:0px;
	}
.flight-offer2	{
	padding:10px;
	}
a.tnc-link	{
	text-decoration:none;
	color:#0081c2;
	}	
.tab2-til	{
	font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
	font-size:30px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding-bottom:20px;
	}	
.tab1-intro	{
	font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
	font-size:18px;
	color:#ffffff;
	text-align:left;
	padding-bottom:20px;
	line-height:30px;
	}
img.til-icon	{
	width:40px;
	}	
img.gift	{
	width:230px;
	}
.coupon-container	{
	font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
	font-size:18px;
	font-weight:bold;
	padding:10px;
	color:#ffffff;
	text-align:center;
	background-color:#e2231a;
	}
.gift-border	{
	border-right:1px solid #ffffff;
	}																								
@media screen and (max-width:414px)	{
	img.head-logo{
		width:50%;
	}
	.head-kvlogo	{
		background:url("images/kv_logo_zh_mob.png") no-repeat right top;
		height:300px;
		margin-top:10px;
		}	
	.head-banner	{
		background:url("images/head_banner1.jpg") no-repeat center top;
		width:100%;
		height:340px;
		}
	.head-banner2	{
		background:url("images/head_banner2.jpg") no-repeat center top !important;
		width:100%;
		height:340px;
		}
	.head-banner3	{
		background:url("images/head_banner3.jpg") no-repeat center top !important;
		width:100%;
		height:340px;
		}
	.tablink {
		  font-size: 16px;
		  height:75px;
		}	
	.btn-lg-start	{
		width:50%;
		}
	.destination-container-l	{
		height:auto;
		padding:0px;
		border-bottom:4px solid #ffffff;
		border-right:0px solid #ffffff;
		}
	.destination-container-r	{
		height:auto;
		padding:0px;
		border-bottom:4px solid #ffffff;
		border-left:0px solid #ffffff;
		}	
	 .overlay {
	  display:hidden;
	  color: white;
}		
	.destination-text	{
		position:absolute;
		left:5%;
		top:65px;
		height:100px;
		font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
		font-size:20px;
		font-weight:bold;
		color: #ffffff;
		text-align: left;
		}	
		img.gift	{
		width:280px;
		}
	.gift-border	{
		border-right:0px;
		border-bottom:1px solid #ffffff;
		}
	img.img-honeymoon {
	width: 100%;
	}
	.content-til	{
	background-color: #ec297b;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	padding:15px;
}
	.tab1-intro	{
	font-family:lato,Arial,sans-serif,STHeiti,microsoft jhenghei,微軟正黑體,黑体;
	font-size:16px;
	color:#ffffff;
	text-align:center;
	padding-bottom:20px;
	line-height:30px;
	}
.content-img-text	{
	text-align:left;
	color:#ffffff;
	font-size:16px;
	padding:10px;
	text-align: justify;
	font-weight:100 !important;
}
	.tips-padding	{
	padding-top:0px;
}
}
@media screen and (min-width:1024px)	{
		img.gift	{
		width:230px;
		} 
@media screen and (max-width:320px)	{
		img.gift	{
		width:250px;
		}
	}