@charset "UTF-8";

/*css 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: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }


html, body {
	width: 100%;
	position: relative;
}
html {
	-webkit-text-size-adjust: none;
}
body {
	margin: 50px 0 0 0;
	color: #333333;
	background-color: #F8F8F8;
	font-size: 16px;
	line-height: 1.5;
	font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", "Segoe UI", Roboto, sans-serif;
	overflow-x: hidden;
	overflow-y: auto;
}
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
			
	/*-webkit-appearance: none;*/
	-webkit-overflow-scrolling: touch;
	
	border: none;
	border-radius: 0;
	outline: none;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	background-repeat: no-repeat;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;
}
a, a:visited, a:hover, a:active {
	text-decoration: none;
	border: none;
}
.scrollbarX {
	-webkit-overflow-scrolling: touch;
}
.besttourColor {
	/*
	background-color: #009BDE;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e7e1', endColorstr='#009BDE',GradientType=1 );
    background: linear-gradient(to right, #00e7e1 2%, #16aff5 40%, #009BDE 100%);
	/*1版*/
	background-color: #FFF;
	border-bottom: 1px solid #11ACF0;
}


/*B2B*/
.besttourColor.b2b::after {
	margin: 0 15px 0 0;
    content: 'B2B';
    font-size: 20px;
    line-height: 50px;
}
.besttourColor.b2b {
	color: #FFF;
	text-align: right;
	background-color: #FF6600;
	border-bottom: 1px solid #FFF;
}
.besttourColor.b2b > div > div > span {
	background-color: #FFF !important;
}


.CB {
	clear: both;
}
.Loading {
	width: 100%;
	height: 100%;
}

/*2020 Loading img*/
.WebLoadingImg {
	margin: 0;
	padding: 20px;
	width: 100%;
	text-align: center;
}
.WebLoadingImg img {
	margin: 0 auto;
	width: 60px;
}

/*漸變*/
.trans {
	transition: all 0.5s;
}
/*粗體*/
b {
	font-weight: 700;
}
/*斜體*/
i {
	font-style: italic;
}
/*副標*/
small {
	font-size: 80%;
}
/*隱藏*/
.toHide {
	display: none;
}
/*顯示*/
.toShow {
	display: block;
}


/*狀態顏色*/
.Promotions_talent { background-color: #FFB600; } /*旅遊達人*/
.Promotions_talent::before { content: '旅遊達人'; }
.Promotions_A { background-color: #73ACDA; } /*無購物站*/
.Promotions_A::before { content: '無購物'; }
.Promotions_B { background-color: #74C987; } /*無自費*/
.Promotions_B::before { content: '無自費'; }
.Promotions_C { background-color: #F285B0; } /*送小費*/
.Promotions_C::before { content: '送小費'; }
.Promotions_D { background-color: #B49A81; } /*保證出團*/
.Promotions_D::before { content: '保證出團'; }
.Promotions_E { background-color: #9B83D7; } /*聯營團體*/
.Promotions_E::before { content: '聯營團體'; }
.Promotions_F { background-color: #7F7F7F; } /*車上Wifi*/
.Promotions_F::before { content: '車上Wifi'; }
.Promotions_G { background-color: #52CFC5; } /*商務三排車*/
.Promotions_G::before { content: '商務三排車'; }
.Promotions_H { background-color: #458ACB; } /*免費Wifi*/
.Promotions_H::before { content: '免費Wifi'; }
.Promotions_J { background-color: #9bc342; } /*靜電壓縮袋*/
.Promotions_J::before { content: '靜電壓縮袋'; }
.Promotions_K { background-color: #e86cb2; } /*質感摺扇*/
.Promotions_K::before { content: '質感摺扇'; }
.Promotions_L { background-color: #535353; } /*轉接插頭*/
.Promotions_L::before { content: '轉接插頭'; }
.Promotions_M { background-color: #E5875D; } /*導覽耳機*/
.Promotions_M::before { content: '導覽耳機'; }
.Promotions_N { background-color: #52BC26; } /*無車購*/
.Promotions_N::before { content: '無車購'; }
.Promotions_O { background-color: #D572E9; } /*環保袋*/
.Promotions_O::before { content: '環保袋'; }
.Promotions_P { background-color: #7FC845; } /*旅行收納組*/
.Promotions_P::before { content: '旅行收納組'; }
.Promotions_Q { background-color: #11A188; } /*彩色束帶*/
.Promotions_Q::before { content: '彩色束帶'; }
.Promotions_R { background-color: #EA0411; } /*新春贈禮*/
.Promotions_R::before { content: '新春贈禮'; }
.Promotions_S { background-color: #9F80F8; } /*上網SIM卡*/
.Promotions_S::before { content: '歐洲SIM卡'; }
.Promotions_T { background-color: #EB4F74; } /*中國WiFi機*/
.Promotions_T::before { content: '中國WiFi機'; }
.Promotions_U { background-color: #CC970B; } /*行動電源*/
.Promotions_U::before { content: '行動電源'; }
.Promotions_V { background-color: #3a4fff; } /*防水袋*/
.Promotions_V::before { content: '防水袋'; }
.Promotions_W { background-color: #00A0EA; } /*有位有房*/
.Promotions_W::before { content: '有位有房'; }
.Promotions_X { background-color: #9A6B35; } /*免費SIM卡*/
.Promotions_X::before { content: '免費SIM卡'; }
.Promotions_Y { background-color: #FDC808; } /*沐浴旅行組*/
.Promotions_Y::before { content: '沐浴旅行組'; }
.Promotions_Z { background-color: #72c0ed; } /*充氣枕頭*/
.Promotions_Z::before { content: '充氣枕頭'; }
.Promotions_1 { background-color: #FF5433; } /*不二價/促銷*/
.Promotions_1::before { content: '促　銷'; }
.Promotions_3 { background-color: #ff4001; } /*熊本熊行李牌*/
.Promotions_3::before { content: '熊本熊行李牌'; }
.Promotions_4 { background-color: #6a894e; } /*保暖圍脖帽*/
.Promotions_4::before { content: '保暖圍脖帽'; }
.Promotions_5 { background-color: #72c0ed; } /*不進免稅店*/
.Promotions_5::before { content: '不進免稅店'; }
.Promotions_6 { background-color: #535353; } /*雪鞋套*/
.Promotions_6::before { content: '雪鞋套'; }
.Promotions_7 { background-color: #a97e53; } /*尊爵二排車*/
.Promotions_7::before { content: '尊爵二排車'; }
.Promotions_8 { background-color: #5688a5; } /*記憶頸枕*/
.Promotions_8::before { content: '記憶頸枕'; }

.Promotions_slogan_0 { background-color: #FF004F; } /*行銷標語*/
.Promotions_slogan_1 { background-color: #FA8900; } /*優惠*/


/*線 上*/
.LineTop { border-top: 1px solid #E9E9E9; }
/*線 下*/
.LineBottom { border-bottom: 1px solid #E9E9E9; }
/*線 左*/
.LineLeft { border-left: 1px solid #E9E9E9; }
/*線 右*/
.LineRight { border-right: 1px solid #E9E9E9; }

.Left_title {
	margin-bottom: 10px;
	color: #000; /*666*/
	font-size: 15px;
	font-weight: bold;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
h6 { font-size: 12px; }

.color_besttour {
	position: relative;
	background-color: #00a8f5;
	background-image: linear-gradient(to right, #00a8f5 2%, #16aff5 40%, #00e7e1 100%);
	z-index: 1;

	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
}
.color_besttour:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-image: linear-gradient(to right, #00e7e1 0%, #00a8f5 40%, #16aff5 100%);
	transition: opacity 0.5s ease-out;
	z-index: 2;
	opacity: 0;
}
.color_besttour:hover:after {
	opacity: 1;
}
.color_besttour span {
	position: relative;
	z-index: 3;
}

/*在手機隱藏*/
.mobileHide { display: block !important; }
/*在手機顯示*/
.mobileShow { display: none !important; }

@media screen and (max-width: 1199px) {
	body {
		font-size: 15px;
	}
	.Left_title {
		font-size: 14px;
	}
	h1 { font-size: 30px; }
	h2 { font-size: 22px; }
	h3 { font-size: 18px; }
	h4 { font-size: 16px; }
	h5 { font-size: 15px; }
	h6 { font-size: 13px; }
	h6 { font-size: 12px; }
}
@media screen and (max-width: 992px) {
	body {
		font-size: 14px;
	}
	.Left_title {
		font-size: 13px;
	}
	h1 { font-size: 26px; }
	h2 { font-size: 20px; }
	h3 { font-size: 16px; }
	h4 { font-size: 14px; }
	h5 { font-size: 13px; }
	h6 { font-size: 12px; }
	h6 { font-size: 12px; }
}
@media screen and (max-width: 768px) {
	body {
		font-size: 16px;
	}
	.Left_title {
		font-size: 15px;
	}
	.mobileHide {
		display: none !important;
	}
	.mobileShow {
		display: block !important;
	}
	.Keyword_item {
		margin: 5px 5px;
		padding: 6px 8px;
		font-size: 1em;
	}
	h1 { font-size: 32px; }
	h2 { font-size: 20px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
	h6 { font-size: 12px; }
}


/* 列表區塊 */
.List_TR {
	margin: 0 -0.65%;
}
.List_TD {
	margin: 0 0.65% 20px 0.65%;
	width: 23.7%;
	background-color: #FFFFFF;
	border-bottom: 1px solid #E2E2E2;
	float: left;
	position: relative;
}
.List_TD:hover {
	border-bottom: 1px solid #00E6E1;
}

@media screen and (max-width: 1199px) {
	.List_TD {
		margin: 0 0.65% 15px 0.65%;
		width: 32%;
	}
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
	.List_TR {
		margin: 0 -5px;
	}
	.List_TD {
		margin: 0 5px 20px 5px;
		width: calc(50vw - 25px);
	}
}

/*區塊主標*/
.Besttour_title {
	margin: 0px 0px 20px 0px;
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
	display: block;
	border-bottom: 1px solid #E9E9E9;
}
.Besttour_title > H1,
.Besttour_title > H2 {
	margin: 0 auto;
	padding: 0 10px;
	height: 70px;
	line-height: 70px;
	min-width: 200px;
	font-size: 32px;
	display: inline-block;
	text-align: center;
	border-bottom: 1px solid #11ACF0;
}
.Besttour_title > H2 > a > span {
	color: #333;
}
.Besttour_title .item {
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
	overflow-x: auto;
	overflow-y: hidden;
}
.Besttour_title .item > div > div {
	padding: 0px 5px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	cursor: pointer;
	font-size: 1em;
}
.Besttour_title .item > div > div:hover {
	color: #11ACF0;
	border-bottom: 1px solid #11ACF0;
}
@media screen and (max-width: 1299px) {
	.Besttour_title .item {
		height: 50px;
		line-height: 50px;
		position: relative;
		text-align: center;
	}
	.Besttour_title .item > div > div {
		height: 50px;
		line-height: 50px;
	}
}
@media screen and (max-width: 1199px) {
	.Besttour_title > H1 {
		margin: 0;
		height: 60px;
		line-height: 60px;
		text-align: center;
	}
}
@media screen and (max-width: 992px) {
	.Besttour_title > H1 {
		height: 50px;
		line-height: 50px;
		min-width: 180px;
	}
	.Besttour_title .item {
		margin: 0 auto;
	}
}
@media screen and (max-width: 768px) {
	.Besttour_title > H1 {
		margin: 0 auto;
		min-width: 200px;
		height: 60px;
		line-height: 60px;
		font-size: 24px;
	}
	.Besttour_title .item {
		font-size: 16px;
	}
}

/*btn color*/
.btn_color_green {
	background-color: #B1C667;
}
.btn_color_green:hover {
	background-color: #92B80B;
}
.btn_color_red {
	background-color: #FE8793;
}
.btn_color_red:hover {
	background-color: #FE4A4A;
}

/*表單統一樣式*/
::placeholder {
	color: #999;
}
input[type="text"], input[type="number"], input[type="button"],
input[type="date"], input[type="email"], input[type="number"],
input[type="password"], input[type="tel"], input[type="url"],
select, button {
	padding: 6px 10px;
	width: 100%;
	height: 42px;
	color: #333;
	font-size: 18px;
	font-family: "Microsoft JhengHei","jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,Arial, Helvetica,sans-serif;
	border: 1px solid #DEDEDE;
	-webkit-appearance: none;
}
input[type="button"], button {
	color: #FFF;
	font-size: 18px;
	text-align: center;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
select {
	background-image: url('../image/icon_select.svg');
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 12px;
	cursor: pointer;
	-moz-appearance: none; /*Firefox*/
	background-color: #FFF;
}
select:disabled {
	color: #CCC;
	border: 1px solid #E9E9E9;
	background-image: url('../image/icon_select_gray.svg');
}

/*IE 10 */
select::-ms-expand{
    display: none;
}
.input_item {
	margin: 5px 0;
	width: 100%;
	color: #333;
	text-align: left;
	position: relative;
}
.input_TR {
	margin: 12px 0;
}
.input_title {
	padding: 5px 0 0 0;
	font-size: 16px;
	color: #000;
	position: relative;
}
.input_txt {
	padding: 0 0 5px 0;
	font-size: 14px;
	color: #03A9F5;
}
.input_ERR {
	color: #FF0033;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	right: 0;
	display: none;
}
.input_Ename_txt {
	line-height: 46px;
	color: #333333;
	font-size: 16px;
	position: absolute;
	top: 0;
	left: 15px;
}
.input_Ename {
	padding: 0 15px 0 45px;
}
.input_year {
	width: 50% !important;
	float: left;
}
.input_month {
	margin: 0 0 0 -1px;
	width: 25%  !important;
	float: left;
}
.input_day {
	margin: 0 0 0 -1px;
	width: 25% !important;
	float: left;
}

/*input checkbox*/
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + label span {
	margin: -2px 6px 0 0;
    width: 16px;
    height: 16px;
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
	border: 2px solid #999999;
	border-radius: 3px;
	transition: all 0.5s;
}
input[type="checkbox"] + label span:hover{
	border: 2px solid #03A9F5;
}
input[type="checkbox"]:checked + label span {
	border: 2px solid #03A9F5;
	background-color: #03A9F5;
	background-image: url('../image/checkYN.svg');
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.5s;
}
input[type="checkbox"] + label {
	cursor: pointer;
}
input[type="checkbox"] + label:hover {
	color: #03A9F5;
	font-weight: bold;
}
input[type="checkbox"] + label:hover span {
	border: 2px solid #03A9F5;
}
.inputERR_border {
	border-bottom: 1px solid #FF0004 !important;
}

/*必填欄位符號*/
.required_field::after {
    content: "＊";
    font-size: 14px;
    color: #FF0033;
    font-weight: bold;
}

/* air check */
.checkYN_txt {
	margin-left: 8px;
	line-height: 36px;
}
.checkYN {
	margin: 5px 0px 0px 5px;
	width: 26px;
	height: 26px;
	cursor: pointer;
	border: 1px solid #03A9F5;
	border-radius: 3px;
	float: left;
}
.checkYN_N {
	background-color: #FFF;
	background-image: none;
}
.checkYN_Y {
	background-color: #03A9F5;
	background-image: url('../image/checkYN.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

@media screen and (max-width: 1199px) {
	input, select {
		padding: 0 10px;
		font-size: 16px;
	}
	input[type="button"], button {
		font-size: 18px;
	}
}
@media screen and (max-width: 992px) {
	input, select {
		padding: 0 10px;
		font-size: 16px;
	}
	input[type="button"], button {
		font-size: 16px;
	}
	.checkYN_txt {
		margin-left: 8px;
		line-height: 32px;
	}
	.checkYN {
		margin: 6px 0px 0px 6px;
		width: 20px;
		height: 20px;
	}
}
@media screen and (max-width: 768px) {
	input, select {
		padding: 9px 15px;
		line-height: 24px;
		font-size: 16px;
	}
	input[type="button"], button {
		padding: 0;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
	}
	input[type="button"].fix, button.fix {
		height: 30px;
		line-height: 30px;
		font-size: 16px;
	}
	.checkYN_txt {
		margin-left: 8px;
		line-height: 36px;
	}
	.checkYN {
		margin: 5px 0px 0px 5px;
		width: 26px;
		height: 26px;
	}
}

/* tooltip */
.ui-tooltip, .arrow:after {
	background-color: #333333;
}
.ui-tooltip {
	padding: 6px 10px;
	color: #FFFFFF;
    border-radius: 4px;
    font-size: 14px;
    font-family: "Microsoft JhengHei","jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,Arial, Helvetica,sans-serif;
    text-transform: uppercase;
}
.arrow {
  width: 16px;
  height: 16px;
  overflow: hidden;
  position: absolute;
}
.arrow:after {
  width: 12px;
  height: 12px;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow.bottom {
	bottom: -6px;
	left: calc(50% - 8px);
}
.arrow.left {
	left: -6px;
	top: calc(50% - 8px);
}
.arrow.top {
	top: -6px;
	left: calc(50% - 8px);
}
.arrow.right {
	right: -6px;
	top: calc(50% - 8px);
}


/*日曆*/
#Calendar_div {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 700px;
	height: 80vh;
	max-height: 700px;
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	display: none;
	box-shadow: rgba(0,0,0,0.3) 0 0 36px;
	transition: .3s all;
}

#ALLTop {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 888;
	background-color: rgba(0,0,0,0.5);
	display: none;
}
@media screen and (max-width: 768px) {
	#Calendar_div {
		width: 100%;
		height: 80vh;
		bottom: 0;
		top: auto;
		transform: translateY(-10%);
	}
}


/*關鍵字*/
#Keyword .content {
	padding: 15px;
	width: 100%;
}
#Keyword .list {
	text-align: left;
}
.Keyword_item_style {
	margin: 4px 2px;
	padding: 3px 12px;
	color: #333333;
	font-size: 14px;
	display: inline-block;
	border-radius: 8px;
	border: 1px solid #DEDEDE;
	cursor: pointer;
}
.Keyword_item_style:hover {
	border: 1px solid #00A8F5;
	background-color: #F2F2F2;
}
@media screen and (max-width: 992px) {
	#Keyword .content {
		padding: 10px;
	}
}
@media screen and (max-width: 768px) {
	#Keyword .content {
		padding: 15px;
	}
}

/*google 驗證*/
.grecaptcha-badge {
	z-index: 88;
	display: none !important;
}