@charset "utf-8";
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}

body {
	overflow-x: hidden;
}
body, .kv{max-width: 1920px;}
header~* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition-property: all;
	-moz-transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}
body > header {
	position: relative;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	height: 80px;
}
body > header:after {
	content: "";
	position: relative;
	clear: both;
	width: 100%;
	height: 0;
}
body > header a {
	text-decoration: none;
}
footer {
	display: block;
	position: relative;
}
.kv {
	position: fixed;
	display: block;
	width: 100%; width:calc(100% - 45px);
	height: 600px;
}
.bbc .kv{width: 100%}
.kv.fixed {
	height: 600px/*!important*/;
	z-index: 1;
}
.container {
	position: relative;
	display: block;
	margin-top: 600px;
	padding: 0 2%;
	padding-bottom: 20px;
	background-color: #fff;
	box-shadow: 0 -1px 20px 0 rgba(0, 0, 0, 0.25);
	/*移除base的15後避免跑版先在這設回*/
	font-size:15px;
}
.container:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: url(Images/bg5.png) 0 0 repeat;
}
nav {
	position: fixed;
	display: none;
	width: 100%;
	height: 40px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 5%;
	top: 90px;
	left: 0;
	z-index: 4;
	background-color: rgb(189, 189,189);
	background-color: rgba(75,75,75, 0.74);
}
nav:before {
	content: "";
	position: relative;
	display: inline-block;
	font-size: .813em;
	line-height: 2.36;
	width: 100px;
	height: 100%;
	vertical-align: middle;
	float: left;
	color: #fff;
	background: url(Images/icon.png?0910) -100px 12px no-repeat;
}
nav a {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	margin: 0;
	text-decoration: none;
	vertical-align: middle;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	transition: all ease 1s;
	border-left: #fff 1px dashed;
	border-left: rgba(255, 255, 255, 0.45) 1px dashed;
	box-sizing: border-box;
	float: left;
	height: 100%;
	text-align: center;
}
nav a:hover {
	background-color: rgba(255,255,255,0.3);
}
.unslider {
	position: relative;
	display: block;
	height: 100% !important;
}
.unslider ul {
	height: 100% !important;
}
.unslider ul li {
	float: left;
	height: 100% !important;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}
a[full] {
	display: block;
	width: 100%;
	height: 100% !important;
}
.dots {
	position: absolute;
	width: 26%;
	top: 41px;
	left: 37%;
	text-align: center;
	padding:6px 0 13px 0;
}
.dots li {
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 6px;
	margin: 0 10px;
	text-indent: -9em;
	overflow: hidden;
	border: 2px solid #fff;
	cursor: pointer;
	opacity: .5;
	filter: alpha(opacity=40);
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	-o-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
    box-shadow:#888 0px 2px 2px;
	box-shadow:rgba(77, 77, 77, 0.7) 0px 2px 3px;
}
.dots li.active {
	background: #fff;
	opacity: 1;
	filter: alpha(opacity=100);
}
.unslider-arrow {
	position: absolute;
	top: 25%;
	display: block;
	width: 60px;
	height: 50%;
	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
}
.unslider:hover .unslider-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
}
.unslider-arrow.next{right: 0}
.unslider-arrow.prev{left: 0}
.unslider-arrow.next:before, .unslider-arrow.prev:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 40px;
	height: 100px;
	margin-top: -50px;
	background-image: url(Images/icon.png?0910);
	background-repeat: no-repeat;
}
.unslider-arrow.next:before{
	background-position: -50px 0;
}
.unslider-arrow.prev:before{
	background-position: 0 0;
}
.unslider-arrow.prev:hover, .unslider-arrow.next:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
/*這是給輪播內容用的，輪播內容的父層可用此.kv-html確保內容置中*/
.kv-html{
	width: 1920px;
	position: relative;
	height: 100%;
	left: 50%;
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
h1 {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	top: -1.5em;
	font-size: 5.625em;
	font-weight: bold;
	letter-spacing: .5em;
	color: #fff;
	text-shadow: 2px 2px 1px #000, 1px 1px 3px #000;
	text-align: center;
	opacity: .8;
	filter: alpha(opacity=80);
	pointer-events: none;
	padding-left: .5em;
	font-family: Meiryo, "微軟正黑體", Microsoft JhengHei, sans-serif;
}
.row {
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}
h1+.row{margin-bottom: 15px;}
.col1, .col2, .col3{
	position: relative;	display: table-cell;	vertical-align: top;
	padding-top: 25px;
}
.col1 {
	width:285px;
}
.col2 {	width: auto;height: 100%; padding: 25px 25px 0;}
.col3 {	width:240px;}
.col3 img{ cursor: pointer;}
.col3>.M{display: none}
ul.type_bar {
	position: relative;
	display: table;
	width:100%;
	list-style: none;
	text-align: center;
	padding: 0;
	border: #aaa 1px solid;
	border-radius: .3em;
	margin-bottom: 8px;
}
ul.type_bar:after {
	content: "";
	position: relative;
	display: block;
	clear: both;
	height: 0;
}
ul.type_bar li {
	position: relative;
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	padding: .6em 0;
	cursor: pointer;
}
.col_1 li {
	width: 100%;
}
/*
.col_1 li.small {
	width: 50%;
}
*/
.col_2 li {
	width: 50%;
}
/*
.col_2 li.small {
	width: 25%;
}
*/
.col_3 li {
	width: 33.3%;
}
/*
.col_3 li.small {
	width: 16.65%;
}
*/
.col_4 li {
	width: 25%;
}
/*
.col_4 li.small {
	width: 12.25%;
}
*/
.col_5 li {
	width: 20%;
}
/*
.col_5 li.small {
	width: 10%;
}
*/
.col_6 li {
	width: 16.66%;
}
/*
.col_6 li.small {
	width: 8.33%;
}
*/
.col_7 li {
	width: 14.28%;
}

/*分隔線*/
ul.type_bar li:before {
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 65%;
	background-color: #aaa;
	right: -0px;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
}
ul.type_bar li:last-child:before {
	display: none;
}

ul.type_bar a {
	color: #000;
	text-decoration: none;
	position: relative;
	display: inline-block;
	font-size: 1.467em;
	margin: 0 auto;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}
li.small a {
	font-size: 1.25em;
	margin: 0 auto;
}
ul.type_bar li a:after {
	display: block;
	font-size:12px;
	color: #333;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transform: scale(0.75); transform: scale(0.75);
}
.type_theme:after {
	content: "SPECIAL PROPOSE";
	letter-spacing: 0em;
}
.col_7 .type_theme:after{content: "SPECIAL"}
.type_group:after {
	content: "GROUP TOUR";
	letter-spacing: .1em;
}
.type_self_guided:after {
	content: "SELF-GUIDED";
	letter-spacing:0;
}
.type_cruise:after {
	content: "CRUISES TOUR";
	letter-spacing: .15em; left:.07em;
}
.col_7 .type_cruise:after{content: "CRUISES";letter-spacing:0;}
.type_ne_asis:after {
	content: "NORTHEAST ASIA";
	letter-spacing: 0;
}
.col_7 .type_ne_asis:after {content: "NE ASIA"; /*letter-spacing:.4em;*/left:.2em;}

.type_se_asis:after {
	content: "SOUTHEAST ASIA";
	letter-spacing:0;
}
.col_7 .type_se_asis:after {content: "SE ASIA"; /*letter-spacing:.4em;*/ left:.2em;}
.type_china_hk:after {
	content: "CHINA×HK×MACAO";
	letter-spacing: .04em;
}
.type_china:after {
	content: "CHINA";
	/*letter-spacing: .28em;*/left:.14em;
}
.type_hk:after {
	content: "HK×MACAO";
	letter-spacing:0;
}
.type_highgrade:after {
    content: "EUROPE";
    letter-spacing: 0em;
    left: .14em;
}

ul.type_bar li:hover a, ul.type_bar li:hover a:after, li.selected a, ul.type_bar li.selected a:after {
	color: #ffb017;
}
ul.type_bar li:hover a {
	letter-spacing: 0.2em;
}
ul.type_bar li:hover .type_theme:after {
	letter-spacing: 0.19em;
}
ul.type_bar li:hover .type_group:after {
	letter-spacing: 0.5em;
}
ul.type_bar li:hover .type_self_guided:after {
	letter-spacing: 0.16em;
}
ul.type_bar li:hover .type_cruise:after {
	letter-spacing: 0.47em;
}
ul.type_bar.col_6 li:hover a, ul.type_bar.col_6 li:hover a:after, ul.type_bar.col_7 li:hover a, ul.type_bar.col_7 li:hover a:after {
	letter-spacing: 0; left:0;
}








/*HACK搜尋引擎*/
.col1 .search-wrap{width: 100%; height: 260px}
.col1 .tab_container{ width: 240px; margin:18px 0 0 22px;}
.col1 .blockf{font-size: 13px; width: 100%}
.col1 .tabs{width: 100%; height: auto; margin-top: 0; border-right: none; border-bottom: #ddded9 1px solid}
.col1 .tabs>li, .col1 .tabs>li >a{font-size: 15px;}
.col1 .tabs>li{width: 25%!important; float: left;}
.col1 .tabs>li.active:after{ width: 100%; height: 3px; top: 100%; left: 0;}
.dateft #GroupdateSD, .dateft #GroupdateED{width: 5.5em}
.col1 #btnGroupSearch{ border-bottom: none}




/*快速前往選項*/
.nav_location_belt{
}
.nav_location_belt>.head{
	display: inline-block;
	font-weight: 700; color: white; cursor: default; margin:15px 0 3px;
	background-color: #1db3c3; padding: 0 0.6em 0.1em;
}
/*放大鏡*/
/*
.nav_location_belt>.head i{ 
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: 1.2em;
    vertical-align: middle;
}
.nav_location_belt>.head i:before{
    content: "";
    position: absolute;
    display: block;
    width: 9px;
    height: 3px;
    border-radius: 2px;
    background-color: #008291;
    left: 7px;
    transform: rotate(45deg);
    top: 11px;
}
.nav_location_belt>.head i:after{
	content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    border: 2px solid #008291;
    left: 0;
    top: 0;
	
}
*/
.region{display: table; width: 100%;}


.region>div{display: table-row}
.region>div>*{ position: relative; display: table-cell; vertical-align: top}

.region>div>div{
	padding: 0.5em 1em 0.5em 0; cursor: default;
	font-weight: 700; color: #008291;
}
.region_subtitle{
	position: absolute;
    top: 6px;
    font-weight: 700;
    left: 99%;
    width: 5em;
    color: black;
}
.region.off>div>div{ display: none!important}
.sn17 .region.off>div>div, .sn16 .region.off>div>div{ display:table-cell}
.region ul{ position: relative;list-style: none; overflow: hidden}

.region li{
	float: left; width: 20%;
	/*border-bottom: #ddd dashed 1px;*/
}
/*
.region.off li{width: 16.6667%;}
*/
/*畫底線*/
.region li:first-child:before{content: ""; position: absolute; width: 100%; left: 0; top: 2.2em;border-bottom: #ddd dashed 1px; margin-top: -1px}
.region li:nth-child(3):before{content: ""; position: absolute; width: 100%; left: 0; top: 4.4em;border-bottom: #ddd dashed 1px;margin-top: -1px}
.region li:nth-child(4):before{content: ""; position: absolute; width: 100%; left: 0; top: 6.6em;border-bottom: #ddd dashed 1px;margin-top: -1px}
.region li:nth-child(6):before{content: ""; position: absolute; width: 100%; left: 0; top: 8.8em;border-bottom: #ddd dashed 1px;margin-top: -1px}
.region li:nth-child(8):before{content: ""; position: absolute; width: 100%; left: 0; top: 11em;border-bottom: #ddd dashed 1px;margin-top: -1px}
.region li:nth-child(10):before{content: ""; position: absolute; width: 100%; left: 0; top: 13.2em;border-bottom: #ddd dashed 1px;margin-top: -1px}

.region li a{
	display: block; padding:0.5em 0 0.5em;
	color: #666;  line-height: 1.2;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
	cursor: pointer;
}
.region li.more a{color: #008291;}
.region li a:hover{color: #ffb017 !important}










.c_shadow {
	top: 33px;
	left: 48px;
	width: 72px;
	height: 72px;
	border-radius: 50px;
	position: absolute;
	-moz-box-shadow: 2px 2px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 1px rgba(0,0,0,0.3);
	background: #FFF;
}


.aside{
	position: relative;
	display: block;
	width: 285px;
	float: left;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;	
}
.container .main {
	position: relative;
	display: block;
	width: calc(100% - 310px);
	float: right;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}


aside {
	position: relative;
	display: block; width: 285px;
}
aside header {
	position: relative;
	display: block;
	width: 100%;
	font-size: 2em;
	font-weight: bold;
	color: #000;
	letter-spacing: .2em;
	line-height: 1.2em;
}
.sn16 aside header,.sn17 aside header{
	height: 1.2em;
    overflow-y: hidden;
}
aside header ul {
	list-style: none;
	position: absolute;
	top: .05em;
	left: -.05em;
}
aside header ul li {
	list-style: none;
	position: relative;
	display: inline-block;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 1.1em;
	height: 1.1em;
	margin-right: .1em;
	margin-bottom: .1em;
	border-radius: .6em;
	border: 1px #000 solid;
}
/*
.nav_location_aside{
	overflow: auto;
	scrollbar-face-color: #efefef;
	scrollbar-track-color: #cccccc;
	scrollbar-arrow-color: #efefef;
}

.nav_location_aside::-webkit-scrollbar {width:6px;}
.nav_location_aside::-webkit-scrollbar-track {background-color:#efefef;border-radius:4px;}
.nav_location_aside::-webkit-scrollbar-thumb {background-color:#cccccc;border-radius:4px;}
.nav_location_aside::-webkit-scrollbar-button {height:0;}
*/

.nav_location_aside:before {
	content: "";	display: block;
	clear: both;
	width: 20px;
	height: 30px;
	margin-top: 6px;
	background: url(Images/icon.png?0910) -150px -50px no-repeat;
}

.sn4 .nav_location_aside:before, .sn16 .nav_location_aside:before, .sn17 .nav_location_aside:before{margin-top:8px;height:0}

aside .head{margin-bottom: 6px;    font-weight: 700;color: #008291;cursor: default;}

ul.nav_location:not(.no_country) li, ul.nav_location.no_country>li li{
	position: relative;
	display: block;
	margin-bottom: 6px;
	padding-left: 1em;
}
.sn4 ul.nav_location>li{margin-bottom:5px}

.nav_position {
    padding-top: 10px;
    padding-bottom: 7px;
    display: none;
	transition: all .3s ease-out;
}
.nav_position li a {
    text-decoration: none!important;
}
.display_block{
	display: block!important;
}
.nav_location .nav_position li a {
    font-size: 0.833em;
    color: #777;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 1px;
}
.nav_position li a:before{
	content: "";
    display: inline-block;
    width: 17px;
    height: 20px;
    vertical-align: top;
    position: relative;
    background: url(Images/icon.png?0121) -180px -84px no-repeat;
}
.nav_position li:before, .nav_position li:before{
	content: "";
	display: none;
}
.nav_position li {
    padding-left: 0em!important;
}
.nav_position li a:after{
	display: none;
}





.nav_location img {
    width: 10px;
    transform: rotate(3.14159rad);
    margin-top: 7px;
	transition: all .3s ease-out;
	margin-left: 5px;
}
.transform_none img {
    transform: none!important;
}
.ImgLeftSign a:after{
	content: "";
	display: inline-block;
	width: 17px;
	height: 20px;
	vertical-align: top;
	position: relative;
	background: url(Images/icon.png?0121) -160px -84px no-repeat;
}
a.transform_none:after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 20px;
    vertical-align: top;
    position: relative;
    background: url(Images/icon.png?0121) -140px -84px no-repeat !important;
}





/*第一層的項目符號-大圈圈樣式*/
.nav_location:not(.no_country)>li:before, .nav_location.no_country>li li:before{
	content: "";
	position: absolute;
	top: .3em;
	left: 0;
	width: .5em;
	height: .5em;
	border-radius: 60%;
	border: #777 1px solid;
}
/*第二層的項目符號-小點點樣式*/
.nav_location:not(.no_country)>li li a:before {
	content: "\FF0E";
	position: absolute;top:0;	left: -1em;
}

/*針對目前正在瀏覽的項目加上動畫提示*/
.nav_location>li.selected:before, .nav_location.no_country>li li.selected:before{
	animation: rainbow .3s infinite linear alternate;
}
@keyframes rainbow {
 0% {border-color:#ccc;background-color:#ccc}
 100% {border-color:#000;background-color:#000}
}
.nav_location>li li.selected a:before {
	animation: rainbow2 .4s infinite linear alternate;
}
@keyframes rainbow2 {
 0% {color:#eee;color:#eee}
 100% {color:#000;color:#000}
}



/*
.nav_location li.selected:after{
	content:"";
	position:absolute;
	font-size: .813em;
	top:.35em;
	right: -1em;
	border: .4em solid;
	border-color:transparent transparent transparent #aaa;
	animation:rainbow .5s infinite 0s alternate;
}
@keyframes rainbow{
	0{ border-left-color:#ccc;}
	100%{ border-left-color:#000;}
}
.nav_location li:hover, .nav_location li.selected {
  background-position-y: -146px;
}
*/

.nav_location a:hover , .nav_location li.selected a {
	color: #000;
	text-decoration: underline;
}
ul.nav_location a {
	position: relative;
	display: block;
	text-decoration: none;
	font-size: 0.933em;
	line-height: 1.385em;
	color: #777; cursor: pointer;
}
ul.nav_location.no_country>li>a{display: none}
.push_news{ margin-top:20px;}
.push_news a{ border:none; outline:none; cursor:pointer;}

/*閱讀模式*/
#read_mode_btn {
	position: relative;
	display: block;
	float: left;
	width: 12.9em;
	font-size:15px;
	height: 1.6em;
	line-height: 1.6em;
	cursor: pointer;
	margin: .5em 0 .7em 2.5em;
	opacity:.5;filter:alpha(opacity=50);
	-webkit-transition:all .6s;transition:all .6s;
}
#read_mode_btn.onscreen{opacity:1;filter:alpha(opacity=100); margin-left:0;}
#read_mode_btn:before {
	content: "";
	position: absolute;
	top: .15em;
	left: 5.3em;
	width: 3.3em;
	height: 1.3em;
	border-radius: 1em;
	background-color: #f77c1e;
}
#read_mode_btn:after{
	content: "";
	position: absolute;
	top: 0;
	left: 7.15em;
	width: 1.5em;
	height: 1.5em;
	border-radius: .9em;
	box-shadow: -3px 1px 1px 1px rgba(0, 0, 0, 0.20);
	background-color: #F9F9F9;
	background: -webkit-radial-gradient(#f7f7f7, #ffffff, #F9F9F9); /* Safari 5.1-6.0 */
	background: -o-radial-gradient(#f7f7f7, #ffffff, #F9F9F9); /* For Opera 11.6-12.0 */
	background: -moz-radial-gradient(#f7f7f7, #ffffff, #F9F9F9); /* For Firefox 3.6-15 */
	background: radial-gradient(#f7f7f7, #ffffff, #F9F9F9); /* Standard syntax */	
	
	-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.read_mode_btn1, .read_mode_btn2 {
	position: absolute;
	display: block;
}
.read_mode_btn1 {
	width:6.4em;
	color: #333;
	left: 0;
	text-align: left;
}
.read_mode_btn2 {
	width: 5.4em;
	color: #FF6E00;
	font-weight: bold;
	right: 0;
	text-align: right;
}
.read_mode_btn1:after, .read_mode_btn2:before {
	content: "";
	position: absolute;
	top: .7em;
	width: .2em;
	height: .2em;
	border-radius: .1em;
	background-color: #FAA665;
}
.read_mode_btn1:after {
	right: 0em;
}
.read_mode_btn2:before {
	left: 0em;
}
.mode_txt #read_mode_btn:after {
	left:5.3em; box-shadow:3px 1px 1px 1px rgba(0, 0, 0, 0.20);
}
.mode_txt #read_mode_btn.onscreen:after{
	animation:runR linear .6s 1s;
}
.mode_pic #read_mode_btn.onscreen:after{
	animation:runL linear .6s 1s;
}
@keyframes runR{0%{left:5.3em}50%{left:6.7em}100%{left:5.3em}}
@keyframes runL{0%{left:7.15em}50%{left:5.8em}100%{left:7.15em}}
.mode_txt .read_mode_btn1 {
	color: #FF6E00;
	font-weight: bold;
}
.mode_txt .read_mode_btn2 {
	color: #333;
	font-weight: normal;
}
section {
	position: relative;
	display: block;
	width: 100%;
	clear: both;
	margin-bottom: 10px;
	margin-top: 1px;/*for js hack*/
}
section:after {
	content: "";
	position: relative;
	display: block;
	height: 0;
	clear: both;
}
section.theme {
	margin-top: 15px;
}
.location {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 99%;
	margin-bottom: 10px;
	padding: 8px 20px;
	border-radius: 3px;
	background: #edf6f8 url(Images/bg2.jpg) left center repeat;
}
.location > span {
	position: relative;
	display: none;
	border:none;
	font-size:23px;
    margin-right: 1em;
	vertical-align: middle;
	cursor: default;
}
.location h2 {
	position: relative;
	display: inline;
	font-size:23px;
	font-weight:bold;
	line-height: 1.4em;
	letter-spacing:2px;
	color: #008383;
	cursor: default;
	vertical-align: middle;
	margin-right: 12px;
}
section.theme .location {
	background:#ffe5e5 url(Images/bg8.jpg) left center repeat;
	/*
	background: #f8f1f9 url(Images/bg7.jpg) left center repeat;/*
	*/
}
section.theme .location h2 {
	color:#e50302;
}
/*
section.theme .location > span {
	display: inline-block;
}
*/
.location > label {
	position: relative;
	display: inline-block;
	font-size: .813em;
	color: #777;
}

.location_box {
    background-color: #fff;
}



/*小分類新增其他分類*/
.location_theme {
    margin-top: 12px;
    margin-bottom: 15px;
}
.location_theme li, .location_theme span {
    display: inline-block;
    width: auto;
    min-width: 4em;
    font-size: 12pt;
    letter-spacing: 2px;
    color: #49a1a1;
    margin-right: 2em;
}
.location_theme li a {
    color: #49a1a1;
}
span.theme_arrow {
    position: relative;
    margin-right: 10px;
    top: -3px;
    width: 0;
    min-width: 0;
    border-style: solid;
    border-width: 5px 0 5px 9px;
    border-color: transparent transparent transparent #ff6600;
}
.location_theme:after {
    content: '';
    border-bottom: #e9f0f4 2px solid;
    display: block;
    width: 99%;
    margin-top: -1px;
}
.location_theme > ul li a:after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    left: 0;
    margin-top: 8px;
    background-color: #a3d0d0;
    -moz-transition: ease 0.3s all;
    -o-transition: ease 0.3s all;
    -webkit-transition: ease 0.3s all;
    transition: ease 0.3s all;
}
.location_theme > ul li a:hover:after {
  content: '';
  width: 100%;
}
.location_theme .selected:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #a3d0d0;
    margin-top: -3px;
}





/*查所有日期按鈕*/
.list_btn {
	position: relative;
	display: inline-block;
	width: 14em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	font-size: .813em;
	vertical-align: middle;
	color: #777;
	background: transparent;
	border-left:1px solid #cacaca;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: background .4s;
	-moz-transition: background .4s;
	-o-transition: background .4s;
	transition: background .4s;
}
.list_btn:hover {
	color: #3B84BA;
}
.list_btn:before {
	content: "";
	display: inline-block;
	background: url(Images/icon.png?0910) -100px -30px no-repeat;
	width: 16px;
	height: 15px;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
	vertical-align: middle;
}
.list_btn:hover:before {
	background-position-x: -130px;
}
.list_btn:hover:after {
	content: "›";
	animation: .5s expand infinite alternate;
}
@keyframes expand {
 0% {margin-left:0em;} 100% {margin-left:1em;}
}

/*查所有XX出發日期,按鈕*/
.list_btn2 {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	text-align: center;
	font-size: .857em;
	vertical-align: middle;
	color: #777;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: background .4s;
	-moz-transition: background .4s;
	-o-transition: background .4s;
	transition: background .4s;
}
.list_btn2:hover {
	color: #3B84BA;
}
.list_btn2:before {
	content: "";
	display: inline-block;
	background: url(Images/icon.png?0910) -100px -30px no-repeat;
	width: 16px;
	height: 15px;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
	vertical-align: middle;
}
.list_btn2:hover:before {
	background-position-x: -130px;
}
.list_btn2:hover:after {
	content: "›";
	animation: .5s expand infinite alternate;
}





a.card {
	position: relative;
	display: block;
	float: left;
	width: 32.333%;
	margin-right: 1%;
	margin-bottom: 1%;
	background: #f5f3f4 url(Images/bg3.jpg);
	background-size: 100% auto;
	text-decoration: none;
	color: #111;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
}
.card.title{ display:none}
.mode_txt .card.title{ display:block; border-top:0; border-bottom: #e9f0f4 1px solid; cursor:default}
.mode_txt a.card+.card.title{margin-top:20px}
.title .card_text span, .card_text_departure span{
	color:#464646; font-size:1.143em; /*font-weight:bold;*/
	}
.title .card_text h3 span, .card_text_departure h3 span{ color: #FF6E00; font-family: Meiryo, "微軟正黑體", Microsoft JhengHei, sans-serif; font-size: 12pt;}
.title .card_text h4.point:before,.title .card_text h4.discount:before{ display:none;}

.mode_pic a.card.NoPicture {
	display: none;
}
.mode_pic a.card {
	border-radius: 0.3em;
}
a.card[class*="tag"]:before {
	content: "";
	position: absolute;
	display: block;
	top: -1px;
	right: -1px;
	width: 88px;
	height: 88px;
	overflow: hidden;
	z-index: 1;
	background-image: url(Images/tag.png?0811);
	background-repeat: no-repeat;
}
.mode_pic a.card[class*="tag"]:before {
}
.mode_txt a.card[class*="tag"]:before {
	display: none;
}
.card_img {
	position: relative;
	display: block;
	width: 100%;
	height: 220px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	border-radius: .3em .3em 0 0;
}
a.card:hover .card_img:before {
	content: "";
	position: absolute;
	display: block;
	width: 34px;
	height: 26px;
	background: url(Images/icon.png?0910) -100px -50px no-repeat;
	top: 42%;
	left: 50%;
	margin-left: -17px;
	overflow: hidden;
	z-index: 1;
}
a.card:hover .card_img:after {
	content: "詳細行程";
	position: absolute;
	display: block;
	font-size: 1em;
	width: 100%;
	top: 55%;
	text-align: center;
	color: #fff;
	text-shadow: #000 0px 2px 2px;
}
.card_img>span {
	box-sizing: border-box;
	position: absolute;
	max-width: 100%;
	left: 0;
	bottom: 0;
	background-color: #3e76a6;
	background-color: rgba(62, 118, 166, 0.75);
	color: #fff;
	font-size: .813em;
	padding: .3em 16px;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.card_text {
	position: relative;
	display: block;
	box-sizing: content-box;
	margin: 16px;
	height: 6.6em;
}
.b2b .card_text, .vip .card_text, .b2e .card_text {
	height: 8.8em;
}
.mode_txt .card_text {
	width:100%;
	height: auto;
	margin: 0;
}
.mode_pic .card_text:after {
	content: "";
	position: absolute;
	display: block;
	height: 1px;
	width: 100%;
	top: 3.3em;
	border-top: #ccc 1px dotted;
}
.card_img div {
	position: relative;
	width:300px; min-width:100%;
	height:260px;
	background-position: center center;
	background-size: cover;
	opacity: 1;
	filter: alpha(opacity=100);
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-ms-transform-origin: center center;
	-moz-transform-origin: center center;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
a.card:hover .card_img {
	background: url(Images/bg5.png) 0 0 repeat;
}
a.card:hover .card_img div {
	filter: url(images/blur.svg#blur);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=2);
	opacity: .66;
	filter: alpha(opacity=66);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity .3s, transform .7s ease;
	-moz-transition: opacity .3s, transform .7s ease;
	-o-transition: opacity .3s, transform .7s ease;
	transition: opacity .3s, transform .7s ease;
	-ms-transform: translate(-50%, -50%) scale(1.25);
	-moz-transform: translate(-50%, -50%) scale(1.25);
	-webkit-transform: translate(-50%, -50%) scale(1.25);
	transform: translate(-50%, -50%) scale(1.25);
}
.card h3 {
	position: relative;
	display: block;
	box-sizing: content-box;
	width: 100%;
	height: 2.934em;
	line-height: 1.467em;
	color: #000;
	word-break: break-word;
	word-wrap: break-word;
	overflow: hidden;
}
.mode_pic .card h3 {
	margin-bottom:.6em;
}
.mode_txt .card h3 {
	height: auto;
	float: left;
	width: 40%;
	min-width: 32.1em;
	padding-right: 2em;
	white-space: nowrap;
	text-overflow: ellipsis;
	top: 0;
	line-height:1.8;
}
.card_text_departure h3 {
	float: left;
    white-space: normal;
    text-overflow: ellipsis;
    top: 0;
}
.card_text_departure p {
    font-size: 13pt;
    font-weight: 800;
    letter-spacing: 2px;
    color: #49a1a1;
	padding-top: 15px;
    padding-bottom: 3px;
}
.clear_both {
    clear: both;
}
.card_text{font-size:.933em;/*14px*/}
.points{
    display: inline-block;
    height: 1.773em;overflow: hidden;
}
.mode_txt .points{
	width: calc(60% - 2em - 24em);/*扣掉標題佔40%+2em，剩下的是要避開價錢*/
	max-width:40%;
}
.b2c .mode_txt .points, .bbc .mode_txt .points{
	width: calc(55% - 2em - 11em);
}

.mode_pic .points{
	width:100%; height:auto;
}


.point, .discount, .card_price {
	line-height: 1.9;
}
/*
.mode_txt h4.point {
	width: 9.5em;
	padding-right: 2em;
	font-size:.933em;
}
*/
.point{
	float: left;
	position: relative;
	display: block;
	height: 1.9em;
	color: #3e76a6;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width:calc(100% - 11em);
}
.points.no_discount .point, .mode_pic .point{max-width:100%;}

.discount {
	position: relative;
	display:block;
	height: 1.9em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/*
	max-width: 30em;
	*/
}
.mode_txt .discount{
	color: #3e76a6;
}
.mode_pic .discount{
	clear:left; width:calc(100% - 6em); top:-4px;
	color:#de7fd5;
}
.mode_txt .discount:before {
	content:"。";
	position:relative;
	display:inline-block;
}
.mode_pic .discount:before {
	content: "";
	position: relative;
	display: inline-block;
	width: 17px;
	height: 20px;
	background: url(Images/icon.png?0910) -120px -80px no-repeat;
	vertical-align: top;
}
.point:before, .point.null+.discount:before {
	content: "";
	position: relative;
	display: inline-block;
	width:17px;
	height: 20px;
	background: url(Images/icon.png?0910) -100px -80px no-repeat;
	vertical-align: top;
}

.mode_txt .title .discount { display:none;}
.card_price {
	position: relative;
	float: right;
	height: 3.8em;
	text-align: right;
	display: table;
}
.mode_pic .card_price{
	position: absolute;bottom:-8px;	right: 0; height:auto;
}
.card_price_origin, .card_price_sale, .price_viewlist {
	position: relative;
	display: table-cell;
	white-space: nowrap;
	height: 1.5em;
	vertical-align:middle;
}
.card_price_origin span/*, .card_price_sale span*/ {
	margin-left: .1em;
}
.card_price_sale span {
	font-size: 1.143em;/*16px*/
}
.card_price_origin span:before {
	font-size: .923em;
}
.card_price_sale span:before {
	font-size: .813em;
}
.card_price_origin span:before, .card_price_sale span:before {
	content: "$";
	margin-right: 2px;
}
.card_price_origin span:after, .card_price_sale span:after {
	content: "起";
}
.card_price_sale span:after {
	font-size: .813em;
}
.b2c .card_price_sale{ width:6em}
.b2b .card_price_sale, .b2b .card_price_origin{width:8.5em;}
.vip .card_price_sale {width: 9.5em;}

/*因為遊輪產品新增一個可查售價表的按鈕*/
.mode_pic .price_viewlist{ display:none}
.price_viewlist>a{
	position:relative; display:block; padding:4px 6px;
	font-size:12px; line-height:1;
	background-color:#bcd9f1; color:white;border-radius:2px;
	-webkit-transition:all .25s;-ms-transition:all .25s;transition:all .25s;
}
.price_viewlist:hover>a{
	background-color:#7fcae5; 
}

.price_viewlist:hover>.pop_price{ display:block}
.pop_price {
    display: none;
    border: #7fcae5 3px solid;
	padding:20px 16px;
    position: absolute;
    width:480px; max-width:100vw;
    right:0;
    background-color: #fff;
    z-index: 1;
    text-align: left;
    cursor: default;
    pointer-events: none;
}
.b2b .pop_price{width:600px}
.cruisesPriceTable{ font-size:15px}
.card_text_departure .cruisesPriceTable span { font-size:15px; }
.cruisesPriceTable>table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
}
	.cruisesPriceTable>table{ width:100%; border:0; border-collapse:collapse}
	.cruisesPriceTable>table+table{ margin-top:10px}
	.cruisesPriceTable thead td {
		font-weight: bold;background: #f1f8fb;
		padding:8px 2px; line-height:1.5; vertical-align:middle;
	}
	
	.cruisesPriceTable thead td.cpt1{ text-align:left;}
	.cruisesPriceTable tbody td {
		padding:5px 2px; line-height:1.5;    border-bottom: #f0f0f2 1px dashed;
	}
	.cruisesPriceTable tbody tr:last-child td{ border-bottom:none}
	.cruisesPriceTable tbody tr:hover { background-color: #f9f9f9}

	.cruisesPriceTable .typeTitle {}
	/*
	.cruisesPriceTable .table_item_name {
		width: 165px;
		display: inline-block;
	}
	*/
	.table_item_name_memo{ font-size:12px; margin-left:5px}

	.cruisesPriceTable .cruisesTableLink {
		color: #b3b3b3;
		font-size: 13px;
		display: inline-block;
	}
		.cruisesPriceTable .cruisesTableLink a {
			color: #b3b3b3;
			text-decoration: none;
		}
		.cruisesPriceTable .cruisesTableLink a:hover{
			color:#F00;
		}
.cruisesPriceTable td{text-align: center; width: 16%;}
.cruisesPriceTable td:first-child{ width: auto; text-align: left; padding-left:12px;}
/*B2B的td要加寬，且裡面篩兩個價錢*/
.b2b .cruisesPriceTable td{width: 20%;}
.b2b .cruisesPriceTable td:first-child{ width: auto;}
.cruisesPriceTable .half{display: inline-block; width:48%;}


.lowest-price{ color:red; font-weight:700;}












.card_text .null {
	display: none;
}
/*
.mode_pic .null {
	display: none;
}
.mode_txt .null {
	visibility: hidden;
}
.propose .mode_txt .null {
	display: none;
}
*/
/*文字模式*/
.mode_txt .read_mode {
	color: #f77c1e;
}
.mode_txt .read_mode label:before {
	background-color: #f77c1e;
}
.mode_txt a.card {
	width: 99%;
	background: none;
	border-top: #e9f0f4 1px solid;
	margin: 0 1% 0 0;
	padding:0.7% 0 .3%;
}

.mode_txt a.card:last-child {
	border-bottom: none;
	margin-bottom: 8px;
}
.mode_txt a.card[class*="tag"]:before {
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	width: 88px;
	height: 88px;
	overflow: hidden;
	z-index: 1;
	background-image: url(Images/tag.png);
	background-repeat: no-repeat;
}
.mode_txt .card_img {
	display: none;
}
.mode_txt .card_price {height: auto; line-height:1.6}
.tag05:before {
	background-position: 0 -300px;
}
.tag06:before {
	background-position: -100px -300px;
}
.tag07:before {
	background-position: -200px -300px;
}
.tag08:before {
	background-position: -300px -300px;
}
.tag10:before {
	background-position: -100px 0;
}
.tag11:before {
	background-position: -200px 0;
}
.tag12:before {
	background-position: -300px 0;
}
.tag13:before {
	background-position: -400px 0;
}
.tag14:before {
	background-position: 0 -100px;
}
.tag15:before {
	background-position: -100px -100px;
}
.tag09:before,.tag16:before {
	background-position: -200px -100px;
}
.tag17:before {
	background-position: -300px -100px;
}
.tag18:before {
	background-position: -400px -100px;
}
.tag19:before {
	background-position: 0 -200px;
}
.tag20:before {
	background-position: -100px -200px;
}
.tag21:before {
	background-position: -200px -200px;
}
.tag22:before {
	background-position: -300px -200px;
}
.tag04:before {
	background-position: -400px -200px;
}
.tag23:before {
	background-position: 0 -400px;
}
.tag24:before {
	background-position: -400px -300px;
}

.pagetop {
	position: fixed;
	display: none;
	right: 00px;
	bottom: 00px;
	width: 145px;
	height: 30px;
	border: none;
	background: transparent;
	background-image: url(//www.flos.ne.jp/img/pagetop.png);
	cursor: pointer;
}









/*側邊欄的廣告*/
.aside_top{padding-bottom: 15px;}
.push_fit{
	position: relative; display: block;
}
.push_fit:before{
	content: attr(title); display: block; margin-bottom: 5px;
	font-size: 13px; color: black; 
}

.push_fit_photo{
	padding: 15px 0; min-height: 158px;
	background: url(/Travel/tour/Destination/CSS/Images/noise.gif) repeat;
}
.push_fit_main{ text-align: center}
.push_fit_main img{max-width: 92%}

.push_fit_main2{ text-align: center;}
.push_fit_main2 img{max-width: 100%;} 

.push_fit .table{ width:92%; max-width: 240px; display:table; margin: 0 auto 10px;}
.push_fit .table>div{display:table-cell}
.push_fit .windows{
	width:90px; height:90px; border-radius:50%; overflow:hidden; background-color:#fff;
	background-image:url(/Travel/tour/Destination/CSS/Images/push_fit_windows.jpg), url(/Travel/tour/Destination/CSS/Images/push_fit_windows.jpg);
}
.push_fit .windows.ticket{ background-position:0 0, 0 90px; animation:win_tkt 4s linear infinite}
.push_fit .windows.hotel{ background-position:-90px -180px, -90px 90px;animation:win_htl 4s linear infinite; box-shadow: inset rgba(0, 0, 0, 0.4) 0px 0px 12px;}
@keyframes win_tkt{
	0%{background-position-y:0, 90px}
	26%{background-position-y:0, 90px;}
	32%{background-position-y:-90px, 180px;}
	58%{background-position-y:-90px, 180px;}
	64%{background-position-y:-180px, 180px;}
	92%{background-position-y:-180px, 180px;}
	100%{background-position-y:-270px, 0;}
}
@keyframes win_htl{
	0%{background-position-y:-180px, 90px}
	26%{background-position-y:-180px, 90px;}
	32%{background-position-y:-90px, 90px;}
	58%{background-position-y:-90px, 90px;}
	64%{background-position-y:0, 90px;}
	92%{background-position-y:0, 90px;}
	100%{background-position-y:90px, 0;}
}

.push_fit .symbol{ line-height:90px; font-size:40px; font-weight: 300; text-align: center; color: #909090;}




/*
在離開自由行頁籤時要彈出攔截廣告。
20180129 隨著各館改版已移除

.mask{
	position:fixed; display:block;width:100%; z-index:110; top:50%; margin-top:-219px;
	background:url(//hotel.bwt.com.tw/Images/HTL/noise.gif) 0 0 repeat;
}
.mask_inner{
	display:block; margin:0 auto; padding:40px 0; z-index:111;
}
.pop_fit{ text-align:center; width:400px; cursor:default}
.pop_fit .intro{ font-size:24px;}
.pop_fit_head{
	width:400px; height:75px; text-indent:-50em; overflow:hidden; margin:15px 0;
	background:url(/eWeb/GO/images/pop_fit_h1.png) 0 0 no-repeat;
}
.pop_fit .btn{ margin-top:30px;}
.pop_fit .table{ width:100%; display:table; margin-top:28px;}
.pop_fit .table>div{display:table-cell}
.pop_fit .windows{
	width:160px; height:160px; border-radius:50%; overflow:hidden; background-color:#fff;
	background-image:url(/eWeb/GO/images/pop_fit.jpg), url(/eWeb/GO/images/pop_fit.jpg);
}
.pop_fit .windows.ticket{ background-position:0 0, 0 160px; animation:win_tkt 4s linear infinite}
.pop_fit .windows.hotel{ background-position:-160px -320px, -160px 160px;animation:win_htl 4s linear infinite; box-shadow: inset rgba(0, 0, 0, 0.4) 0px 0px 12px;}
@keyframes win_tkt{
	0%{background-position-y:0, 160px}
	26%{background-position-y:0, 160px;}
	32%{background-position-y:-160px, 160px;}
	58%{background-position-y:-160px, 160px;}
	64%{background-position-y:-320px, 160px;}
	92%{background-position-y:-320px, 160px;}
	100%{background-position-y:-480px, 0;}
}
@keyframes win_htl{
	0%{background-position-y:-320px, 160px}
	26%{background-position-y:-320px, 160px;}
	32%{background-position-y:-160px, 160px;}
	58%{background-position-y:-160px, 160px;}
	64%{background-position-y:0, 160px;}
	92%{background-position-y:0, 160px;}
	100%{background-position-y:160px, 0;}
}

.pop_fit .symbol{ line-height:160px; font-size:40px;}
.pop_fit button, .pop_fit a{
	outline:none; border:none; height:2.2em; line-height:2.2; font-size:20px; text-align:center;
	display:inline-block; color:#fff; text-decoration:none; width:180px; vertical-align:middle;
	border-radius:3px; font-family:inherit;
	cursor:pointer; -webkit-transition:all .25s;transition:all .25s;
}
.pop_fit button{background-color:#9d9d9d;}
.pop_fit button:hover{background-color:#444;}
.pop_fit a{ background-color:#f08200; margin-left:30px;}
.pop_fit a:hover{ background-color:#39b4bc;}

*/


























.close_wrap {
	position: fixed;
	display: block;
	z-index: 3;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.75);
}

@media screen\0 {
.close_wrap {
	background-image: url(Images/bg5.png);
	background-repeat: repeat;
}
}

/*---------- 
這些.oops屬性，是各館改版前有一塊行程風評區，當已無該行程時會跳出此警訊.oops
20180910:目前應該都沒有再用了，今日先備註掉，若無意外，日後就可以刪除了
.oops {
	position: fixed;
	display: block;
	width: 710px;
	height: 540px;
	top: 20%;
	left: 50%;
	margin-left: -355px;
	background: url(Images/oops_bg.png) center center no-repeat;
	box-sizing: border-box;
	padding: 140px 70px 60px 75px;
	z-index: 3;
}
.oops:after, .oops:before {
	content: "";
	position: absolute;
	display: block;
	background-image: url(Images/icon.png);
	background-repeat: no-repeat;
}
.oops:before {
	width: 25px;
	height: 68px;
	background-position: 0 -30px;
	top: 0px;
	right: 295px;
	animation: oops1 .5s infinite alternate;
}
@keyframes oops1 {
 0 {
top: 0px;
}
 100% {
top: -15px;
}
}
.oops:after {
	width: 85px;
	height: 33px;
	background-position: 0 -110px;
	top: 146px;
	right: 30px;
	animation: oops2 .5s ease-in-out infinite alternate;
}
@keyframes oops2 {
 0 {
right:30px;
}
 100% {
right:50px;
}
}
.oops header {
	color: #38B5C8;
	font-size: 1.125em;
	font-weight: bold;
	margin-bottom: 17px;
	cursor: default;
}
.oops .mode_txt {
	height: 15.7em;
	padding-right: 2%;
	overflow-x: hidden;
	scrollbar-face-color: #fff;
	scrollbar-track-color: #E7E7E7;
	scrollbar-arrow-color: #fff;
}
.oops .mode_txt::-webkit-scrollbar {width:6px;}
.oops .mode_txt::-webkit-scrollbar-track {background-color:#E7E7E7;border-radius:4px;}
.oops .mode_txt::-webkit-scrollbar-thumb {background-color:#aaa;border-radius:4px;}
.oops .mode_txt::-webkit-scrollbar-button {height:0;}


.oops .mode_txt a.card {
	width: 100%;
	border-bottom-color: #c0ced7;
	margin: 4px 0 0 0;
	padding: 5px 0 2px 0;
}
.oops .mode_txt .card h3 {
	width: 100%;
}
.b2c .oops .mode_txt .points, .bbc .oops .mode_txt .points{
	width: auto;
    max-width: 80%;
}
.oops_more {
	position: absolute;
	display: block;
	bottom: 67px;
	right: 125px;
	border: none;
	background: none;
	color: #ffaf16;
	font-size: .938em;
	cursor: pointer;
	font-family: inherit;
}
.oops_more:before {
	content: "";
	display: inline-block;
	width: 42px;
	height: 17px;
	background: url(Images/icon.png) 0 0 no-repeat;
}
.oops_more:hover {
	color: #38b5c8;
}
.oops_more:hover:before {
	background-position-x: -50px;
}
.oops_close {
	position: absolute;
	border: none;
	display: block;
	width: 50px;
	padding: 54px 0 0 0;
	top: 38px;
	left: 7px;
	background: url(Images/icon.png) 0 -150px no-repeat;
	cursor: pointer;
	color: #38B5C8;
	font-size: 1em;
	font-family: inherit;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	pointer-events: all;
}
.oops_close:hover {
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg);
	font-family: inherit;
}
*/

.blur3 {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
 filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}


.Online_service {
    display: none;
}

/*----------HEADER HACK-------------*/
/*----------HEADER HACK-------------*/
/*----------HEADER HACK-------------*/


.web-header{
	position: fixed;
    height: 80px;
	display: block;
	width: 100%; max-width: none; padding-right: 45px; box-sizing: border-box;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.92);
	z-index: 5;
}
.bbc .web-header{
	padding-right: 0;
}
.web-header:after {
	content: "";
	position: relative;
	display: block;
	clear: both;
	height: 0;
}
.search-panel, #ad_pic, .header-warning {
	display: none;
}
.destination_SN .logobar {
	display: block;
	padding: 0 2% 0 3%;
	margin: 0;
	float: left;
	width: 9%;
	height: 90px;
}
.web-header .logo {
	position: relative;display: block;width: 100%; margin-left:0
}

.vip .logobar{width:18%}
.vip .slogan{display:none}

/*.logo a img, */.logo_b2e_company img { max-height: 40px;}
.logo a img{ max-height: 70%;}
.vip .logo a img { max-height:100%}
.bbc .logo a img{    max-width: 100%;    max-height: 50px;}
footer a {
	text-decoration: none;
}


/*----------------HEADER HACK----END--------------*/












/*-------------header新樣式20190418--------------*/
.destination_SN .hnav {
    float: none;
}
.destination_SN .hnav>ul>li>a {
    white-space: nowrap;
	font-size: 16px;
}
.destination_SN .hnav .tw_project li a {
    /*line-height: initial;*/
    font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
}
.destination_SN .hnav>ul>li, .b2b .destination_SN .hnav>ul>li {
    width: auto;
}
.destination_SN .logobar {
    width: inherit;
}
.destination_SN .hnav .cru:hover {background-color: #fff !important;}
.destination_SN .hnav .menutt a:hover {color: #272D3A !important;}
.destination_SN .hnav .cru a:hover {color: #272D3A !important;}
.destination_SN .hnav>ul>li, .destination_SN .hnav>ul>li:first-child {
    top: 44%;
}
.b2e .destination_SN .hnav>ul>li {
    width: auto;
}

@media screen and (max-width:930px){
.destination_SN .kv {
    margin-top: 10px;
}
.destination_SN nav {
    top: 80px!important;
}
}
@media screen and (max-width: 695px){
.destination_SN .kv {
    margin-top: 25px;
}
.destination_SN nav {
    top: 120px!important;
}
}
@media screen and (max-width: 640px){
.destination_SN .kv {
    margin-top: 40px;
}
}

/*-------------header新樣式20190418--------------*/






@media screen and (min-width:1901px) {
a.card{width: 19%}	
}
@media screen and (min-width: 1801px){
.container {padding: 0 3%; font-size:16px}
.mode_pic .card_text{ font-size:.833em}
.mode_txt .card_text{ font-size:1em}
}



@media screen and (min-width: 1540px) {
.hnav>ul>li>a {
	font-size: 1.1em;
	letter-spacing: 0;
}
ul.col_5 li:not(.small) a:before {
	display: block;
}
a.card {
	width: 19%;
}
.region li{width: 20%}
/*
.mode_pic .card_text:after {
	top: 2.95em;
}
.mode_txt .card_text{font-size:1.067em;}
.mode_txt .discount {
	max-width: 60em;
}
*/
}

@media screen and (min-width:1500px) and (max-width:1900px) {
	a.card{width: 24%}
}


/*
計算優惠的寬度(.points)，因為行程名稱是40% 且 最少34.1em寬
這個視窗寬度時，行程名稱寬度已經是34.1em，所以改用100%來處理*/
@media screen and (min-width:1161px) and (max-width:1440px) {
	.b2c .mode_txt .points, .bbc .mode_txt .points{ width:calc(100% - 34.1em - 6em)}
	.b2c .mode_txt .is_pricelist .points, .bbc .mode_txt .is_pricelist .points{ width:calc(100% - 34.1em - 12em)}
}
@media screen and (min-width:1331px) {
	.b2e .hnav>ul>li, .b2e .hnav>ul>li:first-child{width:10%;}	
}
@media screen and (max-width:1330px) {
	ul.col_5 a {
		font-size: 1.5em;
	}
	ul.col_5 li:not(.small) a:after, ul.col_5 li:hover a {
		letter-spacing: 0 !important;
	}
	ul.col_4 {
		margin-left: 10em;
		width: -webkit-calc(100% - 10em);
		width: -moz-calc(100% - 10em);
		width: calc(100% - 10em);
	}
	ul.col_6 li a {	letter-spacing: 0}
	.type_theme:after{content: "SPECIAL";}
	.type_group:after{content: "GROUP";}
	.type_self_guided:after{content: "SELF";}
	.type_cruise:after{content: "CRUISE";}
	.type_ne_asis:after{content: "NE ASIA";}
	.type_se_asis:after{content: "S ASIA";}
	.type_china_hk:after{content: "CHINA";}
	
	.b2e .hnav>ul>li, .b2e .hnav>ul>li:first-child{width: auto}
}


@media screen and (max-width:1230px) {
	.mode_txt .points{    width: calc(100% - 17em);max-width: none;}
}

@media screen and (min-width:973px) and (max-width:1230px) {
	a.card {width: 32.3%;}
}
@media screen and (min-width:1024px) and (max-width:1230px) {
	.point{max-width: calc(100% - 8em);}
}
@media screen and (min-width:972px) and (max-width:1211px) {
	/*行程名稱變三行*/
	.card h3 {height: 4.4em}
	.card_text {height:8.1em;}
	.mode_pic .card_text:after {top: 4.7em;}
}
@media screen and (max-width:1190px){
	.hnav>ul>li>a {	letter-spacing: 0;}
	ul.col_4 {margin-left: 1%;width: 98%;}

}

@media screen and (max-width:1188px) {
	.col_5 li.small a {padding: .65em 0;}
}

@media screen and (max-width:1160px) {
	/*文字版改成兩行*/
	.b2c .mode_txt .points, .bbc .mode_txt .points{ width:calc(100% -  7em); max-width:none}
	.b2c .mode_txt .card.title h4, .bbc .mode_txt .card.title h4{display: none;}
	.discount{ max-width:30em;}
}
@media screen and (min-width:973px) and (max-width:1023px) {
	/*行程名稱變三行*/
	.card h3 {height: 4.4em}
	.card_text {height:8.1em;}
	.mode_pic .card_text:after {top: 4.7em;}
}
@media screen and (min-width:641px) and (max-width:1100px) {
	/*文字版改成兩行*/
	.b2c .mode_txt .is_pricelist .points, .bbc .mode_txt .is_pricelist .points{ width:calc(100% -  12em); max-width:none}
}




@media screen and (min-width:1021px) and (max-width:1080px) {
	ul.col_4 li:not(.small) a:before {display: none;}
	ul.col_3 {margin-left: 1%;width: 98%;}
	ul.type_bar a{ font-size: 1.333em; font-weight: 700}
}

@media screen and (max-width:1020px) {
	.container {padding-left: 1%;padding-right: 1%;}
	.location {	margin-left: .3%;}
	.dots {	width: 100%;left: 0;}
	.col1{display: none;}
}
@media screen and (min-width:981px) and (max-width:1020px) {
	.hnav{ width:74%}
}
@media screen and (min-width:861px) and (max-width:1020px) {
	/*調整欄位*/
	.col2{ display: inline-block;width: calc(100% - 240px);box-sizing: border-box;}
	.col3{ display: block; float: left}
	.aside, aside{width: 240px}
	.container .main{ width: calc(100% - 265px)}
	/*---------*/
}

@media screen and (min-width:861px) and (max-width:972px) {
a.card {width: 49%;}
}




@media screen and (min-width:931px){
	/*HEADER HACK*/
	.logo_b2e_company{ display: none}
	.hnav{width:86%}
	.hnav{height: 80px;float: left;border-bottom: none !important;}
	.menuWrapper{position: absolute;top:50px;left:50%; width: 100%; max-width: 1250px;transform: translateX(-50%);}
	.bbc .menuWrapper{ top:60px}
	.vip .hnav{width: 68%}

	.hnav ul{ height:100%;}
	.hnav>ul>li, .hnav>ul>li:first-child{
		position: relative;width:8%;   top: 50%;
		-webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%); transform: translateY(-50%);
	}
	.b2b .hnav>ul>li, .b2b .hnav>ul>li:first-child{width:12%;}	
	.hnav>ul>li.prjtt{width:5%; text-align: center}
	.hnav>ul>li>a {width: 100%; min-width:none;padding:0;	white-space: normal;}
	.b2b .hnav>ul>li>a {padding:0}
	.cru{margin-left:0}
	.hnav .menutt a {	background: none !important;color: #272D3A !important;cursor: pointer;}
	.hnav .prjtt a{margin-top:0}
	.b2b .hnav .prjtt a{ padding: 0 0 0 6px}
	.hnav>ul>li.b2bbook {width: 16%;}
	.hnav .prjnav a {	width: 100%;}
	.hnav .menutt a:hover {color: #F7841E !important;}
	/*HEADER HACK END*/
}


@media screen and (min-width:931px) and (max-width:1100px) {
	/*再轉換成漢堡選單前隱藏部分選單，然後LOGO略為加大*/
	.hnav>ul>li.prjtt:nth-child(11)~*, #headMain .hnav>ul>li.prjtt:nth-child(11){display: none}
	.hnav>ul>li, .hnav>ul>li:first-child{width: 11.7%}
	.logobar{width: 11%}
	.hnav{width: 83%}
	
	.b2e .hnav>ul>li>a{ padding: 0 8px}
}



/*header定義930時會改成漢堡選單*/
@media screen and (max-width:930px) {
	.web-header{background-color: transparent; height: auto}
	.logobar{ width: 100%; box-sizing: border-box; float: none;}
	.web-header .logo, .logo_b2e_company{ text-align: left; width: auto}
	.bmL1::after{display: none}

	ul.col_6, ul.col_7{
		margin-left: 0; 
		width: 100%;
	}
	.mode_txt .card h3 {
		width: 100%;
		min-width:100%;
		padding-right: 0;
	}
	.mode_txt .card.title h3{width:auto; min-width:auto;}
	.card.title h4{ display:none;}
}


@media screen and (max-width: 930px){
	body > header{height: 70px;}
	.logobar {height: 70px;}
	nav {top: 70px;}
}


@media screen and (max-width:860px) {
/*側邊欄隱藏*/
.aside {display: none;}
.container .main {width: 100% !important;}

ul.type_bar a{ font-size: 1.333em; line-height: 1.2}
/**/
.col2{padding-left: 0}
.col3{width: 28%}
.col3 img{width: 100%}
}

@media screen and (min-width:600px) and (max-width:860px) {
/*行程名稱變三行*/
.card h3 {height: 4.4em}
.card_text {height:8.1em;}
.mode_pic .card_text:after {top: 4.7em;}
}

@media screen and (min-width:641px) and (max-width:800px) {
ul.col_2 {width: 80%;margin-left: 10%;}
}






@media screen and (max-width:780px) {
ul.col_4 li:not(.small) a:before {display: none;}
ul.col_3 {margin-left: 1%;width: 98%;}
}

@media screen and (min-width:599px) and (max-width:725px) {
/*行程名稱變三行*/
.card h3 {height: 4.4em}
.card_text {height:8.1em;}
.mode_pic .card_text:after {top: 4.7em;}
	
}
@media screen and (max-width: 695px){
	body > header{height: 95px;}
	.logobar {height: 70px;}
	nav {/*top: 100px;*/}
	#headMain .web-header{padding-right: 0;height: auto;}
	.kv{width: 100%}
}

@media screen and (max-width:640px) {
body > header{height: 80px;}
.logobar {
    height: 55px;
}
nav {
    top: 80px;
}
.kv {height: 230px !important; position:absolute;}
.b2b .kv {display: none;}
.container {margin-top:270px!important;}
.b2b .container {margin-top: 50px!important;}
h1 {font-size:12vw; letter-spacing: 0; padding-left: 0;}
.b2b h1 {color: #757474; text-shadow: 2px 2px 1px #fff, 1px 1px 3px #fff;}
.location {
	margin-right: 1%;
	margin-bottom:5px;
	padding:8px 12px;
}
.mode_txt a.card{padding:.7% 0;}
.card_text {
	margin: 12px
}
.b2b .mode_txt .card_text{ padding-bottom:1.8em}
.b2b .mode_txt .card_price{position: absolute; bottom: 0;right: 0;}
.b2b .mode_txt .points{ width:100%}

	
.discount{ max-width:18em;}
.b2b .mode_txt .discount{ max-width:30em;}

.mode_txt .card h3 {white-space: normal;}
#read_mode_btn{opacity:1;filter: alpha(opacity=100); margin-left:0}

.price_viewlist{ display:none}
	
	.col2{ display: inline-block; width: 100%; padding: 25px 0px 0;}
	.col3{ display: block; float: left; width: 100%; display: none;}
	.col3>.M{ display: block;}
	.col3>.DT{ display: none;}
#divFilterGroup .nav_location_belt .region li {min-width: 7em!important;}

ul.type_bar {
  margin-bottom: auto;
  padding-bottom: 8px;
  background: white;
}
.is-sticky .col2 {
    width: 98%;
}
.col2 #filter {
    background: white;
}
}

@media screen and (min-width:600px) and (max-width:640px) {
a.card {width: 32.3%;}
}

/*2欄*/
@media screen and (max-width:599px) {
a.card {width: 49%;}
/*.mode_pic .point{ max-width:calc(100% - 6em)}*/
}

@media screen and (min-width:301px) and (max-width:540px) {
/*行程名稱變三行*/
.card h3 {height: 4.4em}
.card_text {height:8.1em;}
.mode_pic .card_text:after {top: 4.7em;}
}

@media screen and (max-width:531px) {
ul.col_3 li:not(.small) a:before {
	display: none;
}
.col_3 li.small a {
	padding: .65em 0;
}
}

@media screen and (max-width:430px) {
.col_2 .size_L:before {
	display: none;
}
.col_2 .size_L>span {
	padding-left: 0;
}
.discount {max-width:9.5em;}
.mode_txt .point{ max-width:calc(100% - 8em)}
ul.type_bar li:not(.small) a:after{ display:none}
#research_bar{ display:none !important}
	
.mode_txt .point {max-width: 50%;}	
.b2b .mode_txt .discount {max-width: 20em;}
	
	
/*手機小分類*/	
.region {
    font-size: 10pt;
}
.region li {
    width: auto;
    padding-right: 1em;
}
#divFilterGroup .nav_location_belt .region li {
    min-width: auto!important;
}
#divFilterCruises .nav_location_belt .region li {
    min-width: auto!important;
}
#divFilterG2 .nav_location_belt .region li {
    min-width: auto!important;
}
/*手機小分類END*/
}

@media screen and (max-width:319px) {
a.card {
	width: 99%;
}
.mode_pic .point{max-width: calc(100% - 8em);}
}
/*Add By Gary*/
#ui-datepicker-div {
	font-size: 14px;
}
.PopProm {
	z-index: 4;
	position: fixed;
	background-color: white;
	width: 80%;
	left: 10%;
	max-height: 80%;
	overflow: auto;
}
.PopClose {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0px;
}
.fixed {
	position: fixed;
}
.displaynone {
	display: none;
}
.displayNone {
	display: none;
}
.mode_pic a.card.NoPicture {
	display: none !important;
}