.tabs2 {

	display: flex;
	flex-wrap: wrap; // make sure it wraps

}
.tabs2 label {
	order: 1; // Put the labels first
	display: block;
	padding: 1rem 0rem;
	margin-right: 0.2rem;
	cursor: pointer;
  /*background: #FFE4E1;*/
  border:1px solid palevioletred;
  font-weight: bold;
  transition: background ease 0.2s;
  	color:palevioletred;
	font-size:15px;
	width:auto;
  max-width:24%;
 /*width:115px;*/
  text-align:center;
  max-height:46px;
  min-width:13%
}
.tabs2 .tab {
  order: 99; // Put the tabs last
  flex-grow: 1;
	width: 980px;
	margin:auto;
	display: none;

  background: #fff;

}
.tabs2 input[type="radio"] {
	display: none;
}
.tabs2 input[type="radio"]:checked + label {
	color:white;
	background-color: palevioletred;
	/*border: 1px solid #FFE4E1;
	border-top: 3px solid #FFB6C1;
	border-bottom:3px solid palevioletred;*/
	font-size:16px;
}
.tabs2 input[type="radio"]:checked + label + .tab {
	display: block;
}


@media (max-width: 45em) {

  .tabs2 label {
    width: 24%;
	padding:1rem 0;

    /*margin-top: 0.2rem;*/
  }

}
.tabs4 {

	display: flex;
	flex-wrap: wrap; // make sure it wraps

}
.tabs4 label {
	order: 1; // Put the labels first
	display: block;
	padding: 1rem 0rem;
	margin-right: 0.2rem;
	cursor: pointer;
  /*background: #FFE4E1;*/
  border:1px solid #2894FF;
  font-weight: bold;
  transition: background ease 0.2s;
  	color:#2894FF;
	font-size:15px;
	width:auto;
  max-width:15%;
 /*width:115px;*/
  text-align:center;
  max-height:46px;
  min-width:9%
}
.tabs4 .tab {
  order: 99; // Put the tabs last
  flex-grow: 1;
	width: 980px;
	margin:auto;
	display: none;

  background: #fff;

}
.tabs4 input[type="radio"] {
	display: none;
}
.tabs4 input[type="radio"]:checked + label {
	color:white;
	background-color: #2894FF;
	/*border: 1px solid #FFE4E1;
	border-top: 3px solid #FFB6C1;
	border-bottom:3px solid palevioletred;*/
	font-size:16px;
	/*line-height:16px;*/
	
}
.tabs4 input[type="radio"]:checked + label + .tab {
	display: block;
}


@media (max-width: 45em) {

  .tabs4 label {
    width: 24%;
	padding:1rem 0;

    /*margin-top: 0.2rem;*/
  }

}
.tabs5 {

	display: flex;
	flex-wrap: wrap; // make sure it wraps

}
.tabs5 label {
	order: 1; // Put the labels first
	display: block;
	padding: 1rem 0rem;
	margin-right: 0.2rem;
	cursor: pointer;
  /*background: #FFE4E1;*/
  border:1px solid #F75000;
  font-weight: bold;
  transition: background ease 0.2s;
  	color:#F75000;
	font-size:15px;
	width:18%;
  max-width:15%;
 /*width:115px;*/
  text-align:center;
  max-height:46px;
  min-width:12%
}
.tabs5 .tab {
  order: 99; // Put the tabs last
  flex-grow: 1;
	width: 980px;
	margin:auto;
	display: none;

  background: #fff;

}
.tabs5 input[type="radio"] {
	display: none;
}
.tabs5 input[type="radio"]:checked + label {
	color:white;
	background-color: #F75000;
	/*border: 1px solid #FFE4E1;
	border-top: 3px solid #FFB6C1;
	border-bottom:3px solid palevioletred;*/
	font-size:16px;
	/*line-height:16px;*/
	width:30%;
}
.tabs5 input[type="radio"]:checked + label + .tab {
	display: block;
}


@media (max-width: 45em) {

  .tabs5 label {
    width: 24%;
	padding:1rem 0;

    /*margin-top: 0.2rem;*/
  }

}
/**
 * Generic Styling
*/
.tab-content > div > div{
	vertical-align: text-top;
}
@media (min-width: 992px){
	.th-tab .nav-tabs li a {
	    font-size: 18px;
	}

}
.th-tab .nav-tabs li a {
    border-radius: 0;
    color: #FFB6C1;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #eff2ed;
    padding: 0;
    line-height: 40px;
}




.tour{
	width: 480px;
	height: 245px;
	float: left;
}
.tour a{
	display: block;
	width: 480px;
	height: 230px;
	background: url(images/box1.png);
	float: left;
	text-decoration: none;
	transition: margin-top 0.1s ease-in-out;
	-webkit-transition: margin-top 0.3s ease-in-out;
	-moz-transition: margin-top 0.1s ease-in-out;
	margin-bottom: 5px;
	outline: none;
}
.tour a:hover{
	margin-top:5px;
}
.tour .name {
	width: 88%;
	line-height: 30px;
	display: block;
	font-size: 17px;
	color: #428a0b;
	margin-top: 30px;
	text-align: center;
	border-bottom: dashed 1px #428a0b;
	margin-left: 30px;
	font-weight: bold;
}
.tour .note {
    display: block;
    font-size: 13px;
    color: #000000;
    width: 420px;
    height: 105px;
    margin-left: 10px;
    line-height: 28px;
    margin-top: 5px;
    padding-left: 30px;
}
.tour .note strong {
    background-color: #428a0b;
    color: #FFFFFF;
    font-weight: normal;
    margin-right: 5px;
    padding: 3px;
}
.tour .price {
    display: block;
    text-align: center;
    color: #000000;
}
.tour .price strong {
    color: #E16668;
    font-size: 30px;
}
#callme{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin: auto;
	clear: both;
	background-color: #0066CC;
	height: 50px;
	padding-top: 15px;
	width: 380px;
	border-radius: 8px;
	color: #fff;
}
#callme:hover{
	padding-top: 17px;
	background-color: #0055bb;
}
.product{
	box-shadow:0 2px 3px 0px rgba(0,0,0,0.25);
	width:31%;
	margin:1%;
	display: inline-block;
	border-style:solid;
	border-width:1px;
	border-color:#D3D3D3;
	transition:.2s all;
	position: relative;
	margin-left:0px;
}
.product:hover{
	border: 1px solid #FFB6C1;
    -webkit-box-shadow: 0 3px 0 #c6cdbb;
    box-shadow: 0 3px 0 #c6cdbb;
}

/*.product:hover .product_img .prod-img-mask{opacity:1;filter:alpha(opacity=100)}.ul-grid-view>li.hover .product_img .prod-img-mask span{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}
.product:hover .product_img .prod-img-mask .icon-cricle-arrow{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1;filter:alpha(opacity=100)}*/
/*.product_img .prod-img-mask {
    position: absolute;
    top: 9px;
    left: 18px;
    height: 170px;
	width: 260px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    z-index: 3;
    background-color: rgba(205,106,17,0.7);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
}
.prod-img-mask span{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}
.prod-img-mask span{display:inline-block;font-size:36px;line-height:210px;vertical-align:middle;text-shadow:0 0 2px #bcbcbc;-webkit-transform:translate(0, -100px);-ms-transform:translate(0, -100px);-o-transform:translate(0, -100px);transform:translate(0, -100px);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;filter:alpha(opacity=0)}*/
.product_img{
	width:100%;
	float:left;
	/*padding:3% 0;*/
	text-align: center;
	position:relative;
}
.product_img img{
	height: 170px;
	width: 260px;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  width:100%;

	text-align: center;
	position:relative;
}
.product_days{
	position:absolute;
	z-index:2;
	right:8%;
	top:8%;
	font-size:30px;
}

.product div:not(.product_img):not(.start-date-box):not(.text-right) {
	/*text-align: justify;*/
}
.product_name {
	text-decoration: none;
	display: block;
	max-height: 52px;
	/*overflow: hidden;*/
	line-height: 28px;
	font-size:16px;
	color: black;
	height:30px;
	/*margin: 0 8px;
	margin-top: 10px;*/
	margin-bottom:10px;
	/*padding-right: 8px;*/
	text-overflow: ellipsis;
	/*position: absolute;
	top: 85px;*/
	width:100%;
	font-weight:bold;
	/*background-image: linear-gradient(270deg,transparent,rgba(0,0,0,.57));*/


}
@media screen and (min-width: 601px) {
	.product{
		height:238px;
		width:49%;

	}
	.bigbanner{
		width:100%;
	}
	#main{
		width:100%;
		max-width:980px;
	}
	.start-date-box{
		width:100%;
	}
	.product_name{
		font-size:16px;
	}
}
@media screen and (min-width: 960px){
	.product{
		width:31%;
	}
	.start-date-box{
		width:100%;
	}


}
@media screen and (min-width: 1190px){
	.product{
		width:23%;
	}
	.start-date-box{
		width:100%;
	}


}
@media screen and (max-width: 920px) {
	.sidefastlink{
		display:none;
	}

}
@media screen and (max-width: 600px) {
	.product{
		width: 30%;
		margin: 0;

	}
	.bigbanner{
		width:100%;
	}
	#main{
		width:100%;
	}
	.start-date-box{
		width:100%;
	}

	.product_name{
		font-size:12px;
	}
}

@media screen and (max-width: 600px) {
	.product{
		height:240px;
		width:47%;
		margin:5px;
	}
	.bigbanner{
		width:100%;
	}
	#main{
		width:100%;
		max-width:980px;
	}
	.start-date-box{
		width:100%;
	}

	.start-date-box {
    display: block;
    /*width: 295px;*/
    font-size: 13px;
    font-family: Gudea;
    vertical-align: middle;
    border-top: 1px dashed #e3e3e3;
    background-color: lavenderblush;
    /*padding: 5px 10px;*/
    height: 70px;
    font-family: Gudea,Heiti,"Microsoft JhengHei";
    position: absolute;
    bottom: 0;
	}


}


.product_salestitle{
	text-decoration: none;
	display: block;
	max-height: 40px;
	overflow: hidden;
	line-height: 20px;
	font-size: 13px;
	font-family: Gudea;
	margin: 10px 8px;
	padding-right: 8px;
	color: #666;
	text-overflow: ellipsis;
}



.product_location {

	width:100%;
	height:5%;
	float:left;
	padding:1% 0;
	text-decoration: none;
    display: block;
    max-height: 50px;
    overflow: hidden;
    line-height: 20px;
    font-size: 13px;
    margin: 10px 8px;
    padding-right: 8px;
    color: #666;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	padding-left: 5px;
    font-size: 15px;
    color: #666;
}
.product_transportation {

	width:100%;
	height:5%;
	float:left;
	padding:1% 0;
	text-decoration: none;
    display: block;
    max-height: 50px;
    overflow: hidden;
    line-height: 20px;
    font-size: 13px;
    margin: 10px 8px;
    padding-right: 8px;
    color: #666;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media screen and (min-width: 601px) {
	.start-date-box {
	    display: block;
	    /*width: 295px;*/
	    font-size: 13px;
	    font-family: Gudea;
	    vertical-align: middle;
	    border-top: 1px dashed #e3e3e3;
	    background-color: lavenderblush;
	    /*padding: 5px 10px;*/
	    height: 70px;
	    font-family: Gudea,Heiti,"微軟正黑體","Microsoft JhengHei";
	    position: absolute;
		bottom: 0;

	}


}
.grid-box-btm-left {
    /*display: table-cell;*/
    vertical-align: top;
    padding-top: 6px;
	max-height: 52px;
}

.text-right {
    text-align: right;
}
.text-orange {
    color: #f60;
}
ul.ul-default-cust {
    font-size: 16px;
    margin-left: 10px;
	margin-right: 5px;
}
/*.promoMsg span {
    width: 160px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    white-space: normal;
}*/
.text-font-24 {
    font-size: 22px;
}
.text-price {
    color: #ff6a11;
}
.text-font-13 {
    font-size: 13px;
}
@media screen and (max-width: 600px) {
	.product_salestitle,.traffic-box{
		display: none;
	}
	/*.start-date-box {
	    text-align: right;

	}*/


}
.product_img .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;

}


.product:hover img {
  /*opacity: 0.4;*/
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.product:hover .product_img{
	background: rgba(205,106,17,0.7);
}
.product_img font {
  color: #fff;
  text-align: center;
  position: absolute;
  font-size: 40px;

  width:100%;
  background-color: transparent;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
  opacity:1;
  top: 40%;
  left: 0;
}

/*.product_img h2 {
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
  opacity:1;
}*/

.product:hover font {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
a, a:link, a:active, a:visited, a:hover {
	text-decoration: none;
	outline: none;
}

.result_sprites,.icon-tag,.icon-traffic,.filter-toggle .icon-arrow,.selected-choice button.clean-all .icon-clean{
	background:url('../../images/result-sprite.png') no-repeat
}
.icon-tag{background-position:-250px 0}
.icon-tag{display:inline-block;width:16px;height:16px;margin-top:-2px;vertical-align:middle}
.tag-box .tag:hover{text-decoration:none}
.tag-box .tag:last-child{margin-right:0}
.tag-box .tag i{border-radius:100px;background-color:#fff}
.tag-box .tag h2{display:inline-block;vertical-align:middle;font-size:13px;font-family:Gudea;color:#666;margin:0 0 0 3px;line-height:22px}
.tag-box{margin:10px 8px;overflow:hidden;height:23px;cursor:default}.tag-box .tag{display:block;float:left;min-width:65px;line-height:22px;background-color:#f0f0f0;border-radius:100px;padding:0 10px 0 5px;margin-right:5px;margin-bottom:5px;vertical-align:middle;text-decoration:none;color:#666}.tag-box .tag span{}
.tag-box:last-child{margin-right:0}
.tag-box{cursor:pointer}

#warp {
	padding: 0;
	margin: 10px auto 10px;
	width: 100%;
}
#main{
	font-family: 'Noto Sans TC', sans-serif;
    margin:10px auto 10px;
	padding:0px;
	width:960px;
	clear:both;
}
.bigbanner{
	max-width: 980px;
	width: 100%;
	margin: auto;
}
/*.bigbanner img{
	width:50%;
}*/
@media screen and (max-width: 600px) {
	#main{
		width: 100%;
	}
	.bigbanner img{
		/*display: none;*/
		width:100%;
	}

}
.th-tab .nav-tabs{border-bottom:none}.th-tab .nav-tabs li{width:15%;margin-right:4px;background-color:#eff2ed;border:1px solid #e3e3e3}.th-tab .nav-tabs li a{border-radius:0;color:#FFB6C1;text-decoration:none;font-size:16px;text-align:center;border-bottom:1px solid #eff2ed;padding:0;line-height:40px}
.th-tab .nav-tabs li.active{border-top:3px solid #FFB6C1;border-left:none;border-right:none;border-bottom:none}.th-tab .nav-tabs li.active a{color:#FFB6C1;background-color:#FFF;margin-right:0px;border-bottom:none}
.th-tab .tab-content{padding:10px 0px 0px 0px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
.th-tab .tab-pane{position:relative}.th-tab .tab-pane .mask{display:none;position:absolute;top:0;left:0;width:960px;height:200px;background-color:#fff;opacity:.8;filter:alpha(opacity=80);z-index:2}
.th-tab .tab-pane .content-text{margin:0 15px}.th-tab .tab-pane .content-text.replaceWithImg{width:100%;height:200px;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
.th-tab .fix-height{position:relative;height:200px;overflow:hidden}
.th-tab .scroll-pane{width:100%;overflow:auto;outline:none}
.th-tab .nav-tabs{width:100%;display:table;table-layout:fixed}.th-tab .nav-tabs li{display:table-cell;text-align:center}.th-tab .nav-tabs li:last-child{margin-right:0}
@supports (display: flex){.th-tab .nav-tabs{display:flex} .th-tab li{display:inline-block;flex-grow:1;flex-basis:0}}.activityIntro{margin-top:10px;font-size:15px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:normal;color:#222222;}.activityIntro div{border-radius:3px;box-shadow:0 3px 0 0 #e3e3e3;border:solid 1px #e3e3e3;background-color:#ffffff;padding:19px 81px 48px;margin-top:9px}
.tab-pane>div ul li{font-size:15px}


.traffic-box{margin:10px 8px;overflow:hidden;cursor:default}.traffic-box .traffic{display:block;float:left;min-width:65px;line-height:22px;padding:0 5px 0 0;vertical-align:middle;text-decoration:none}.traffic-box .traffic span{padding-left:5px;font-size:15px;font-family:Gudea,Heiti,"微軟正黑體","Microsoft JhengHei";color:#666}
.traffic-box:last-child{margin-right:0}
.icon-traffic{display:inline-block;width:19px;height:19px;margin-top:-2px;vertical-align:middle;background-color:#999;border-radius:100px}.icon-traffic.ART{background-position:0 0}
.icon-traffic.HSR{background-position:-51px 0}
.icon-traffic.BUS{background-position:-150px 0}
.icon-traffic.BOT{background-position:-200px 0}
.icon-traffic.ITK{background-position:-100px 0}
.icon-traffic.TRN{background-position:0 0}

.flexslider .slides img{
	display: block;
	width:100%;
}
.more a:hover{
	color: hotpink;
}
/* 夯字的CSS */
.title2 .flash{
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	color: red;
	font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體修正", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
/* 定義keyframe動畫，命名為flash */
@keyframes flash{
  50% { opacity: 0; }
}
/* 添加兼容性前綴 */
@-webkit-keyframes flash {
    50% { opacity: 0; }
}
@-moz-keyframes flash {
    50% { opacity: 0; }
}
@-ms-keyframes flash {
    50% { opacity: 0; }
}
@-o-keyframes flash {
    50% { opacity: 0; }
}
/* 定義blink類*/
.flash{
    animation: flash 0.5s linear infinite;
    /* 其它瀏覽器兼容性前綴 */
    -webkit-animation: flash 0.5s linear infinite;
    -moz-animation: flash 0.5s linear infinite;
    -ms-animation: flash 0.5s linear infinite;
    -o-animation: flash 0.5s linear infinite;
}