@charset "utf-8";
/* CSS Document */
/*搜尋中訊息*/
#loading_msg{
    text-align: center;
}
#loading_msg .title{
    font-size: 17px;
    color: #000;
    text-align: center;
}
.gray_bg{
	background-color:#f7f7f7;
	display:block;
	width:100%;
}
.tourlist_margin{
	padding-top:180px;
	padding-bottom:80px;
}
.travel_margin{
    padding-bottom: 30px;
}

/*團控表*/
.search_box{
    margin-bottom: 50px;
    background-color: #efe6cd;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 1px 1px 5px rgb(134 104 39 / 10%);
}
.search_box h2{
    margin: 0;
/*    background-color: #20a2e5;*/
    padding: 30px 40px 0 40px;
    color: #866d3b;
    font-size: 19px;
    font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; 
    font-weight: 500;
    letter-spacing: 1px;
}
.search_bar{
	padding: 15px 15px 0 15px;
/*    background: #fff;*/
}
.search_bar2{
    padding:20px 40px 15px 40px;
/*	background:#fff;*/
    font-size: 15px;
}
.search_bar h2 {
    margin: 0;
    padding-bottom: 15px;
    padding-left: 10px;
    font-size: 21px;
    font-weight: bold;
    color: #2780C1;
}
.search_bar .search_pad{
    padding-left: 10px;
    padding-right: 10px;
}
.search_line{
/*	overflow:hidden;*/
	border-top:2px solid #c0c0c0;
	padding-top:15px;
	padding-bottom:15px;
    font-size:15px;
}
.search_bar .form-group{
/*	overflow:hidden;*/
    display: table;
    width: 100%;
    margin-bottom: 18px;
}
.search_bar .input_css{
    -webkit-appearance: none;
    height: 42px;
    padding: 10px;
    font-size: 15px;
    border-radius: 5px;
	border:0px solid #b3b3b3;
	outline:none;
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
}
.search_bar .select_css{
    background-image: url(../images/icon_select.svg) !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 8px !important;
    height: 42px;
    padding: 10px;
    font-size: 15px;
    border-radius: 5px;
	border:0px solid #b3b3b3;
	outline:none;
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
}
.search_bar .input_w100{
	width:100%;
}
.search_bar .search_label{
	display: table-cell;
	text-align:left;
	font-weight:normal;
	width:85px;
	color: #000;
    vertical-align: middle;
}
.search_bar .search_float{
    position: relative;
    display: table-cell;
	width: calc(100% - 85px);
}
.search_bar .DateClearBtn {
    padding: 0px;
    width: 30px;
    height: 30px;
    color: #15AAEA;
    line-height: 30px;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    bottom: 7px;
    right: 0;
}
.search_bar .btn_search{
    background-color: #f06b37;
    width: 100%;
    color: #FFF;
    font-size: 18px;
    padding: 9px;
    border-radius: 8px;
    font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; 
    font-weight: 400;
    letter-spacing: 1px;
}
.search_bar .btn_reset{
	background-color:#fff;
	border:2px solid #20a2e5;
	color:#000;
	width:100%;
	font-size: 17px;
    padding: 8px;
    border-radius: 20px;
}
/*目的地*/
.search_bar .search_input{
    cursor: pointer;
    background-color: #fff;
}
.search_bar .place_wrapper{
    display: none;
    position: absolute;
    top: 50px;
    z-index: 99999;
    width: 650px;
}
.search_bar .place_box{
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    filter: drop-shadow(0 0 4px rgba(0,0,0,.2));
/*    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 30%);*/
    padding: 20px 25px 25px 25px;
}
.search_bar .place_box:before{
    position: absolute;
    content: '';
    display: block;
    top:-12px;
    left: 100px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 13px 15px;
    border-color: transparent transparent #fff transparent;
}
.search_bar .place_nav{
    margin: 0;
    padding: 0;
    padding-bottom: 13px;
    border-bottom: 0;
}
.search_bar .place_nav>li.active>a, 
.search_bar .place_nav>li.active>a:focus, 
.search_bar .place_nav>li.active>a:hover {
    color: #2d7cd1;
    border: 0;
    border-bottom: 2px solid #20a2e5;
    cursor: pointer;
}
.search_bar .place_nav>li>a, 
.search_bar .place_nav>li>a:focus, 
.search_bar .place_nav>li>a:hover {
    background-color: #fff;
    border: 0;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    color: #222;
    text-align: center;
    border-radius: 0;
    padding: 4px;
    margin: 0 5px 10px 5px;
}
.search_bar .place_nav>li>a:hover{
    border-bottom: 2px solid #20a2e5;
}
.search_bar .place_nav>li:first-child>a{
    margin-left: 0;
}
.search_bar .place_content .place_item{
    display: flex;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}
.search_bar .place_content .place_item .place_country{
    background-color: #e5f3fa;
    color: #2d7cd1;
    width: 120px;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 600;
}
.search_bar .place_content .place_item .place_area{
    background-color: #eff8fc;
    width: calc(100% - 120px);
    color: #222;
}
.search_bar .place_content .place_item .place_area ul{
    margin: 0 ;
    padding:10px 15px 5px 20px;
    width: 100%;
}
.search_bar .place_content .place_item .place_area li{
    list-style: none;
    display: inline-block;
    cursor: pointer;
    margin: 0 0 7px 0;
    width: 48%;
    font-size: 14px;
    vertical-align: top;
}
.search_bar .place_content .place_item .place_area li:nth-child(odd){
    margin: 0 15px 7px 0;
}
.search_bar .place_content .place_item .place_area span:hover{
    text-decoration: underline;
}
.search_bar .place_content .place_item .place_area span.active,
.search_bar .place_content .place_item .place_area span:hover .active{
    text-decoration: none;
    color:#2d7cd1;
}
.search_bar .SearchType{
    width: 100%;
    color: #525252;
    display: table;
    padding-bottom: 5px;
}
.search_bar .SearchType>div {
    margin: 0;
    padding: 8px 0 0 30px;
    width: 50%;
    height: 40px;
    line-height: 20px;
    display: table-cell;
    text-align: left;
    cursor: pointer;
}
.search_bar .SearchType>div:nth-child(1) {
    border: 1px solid #866d3b;
    border-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.search_bar .SearchType>div:nth-child(2) {
    border: 1px solid #866d3b;
    border-left: none;
    border-radius: 0;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.search_bar .SearchType .select {
    color: #fff!important;
    background-color: #866d3b;
    background-image: url(../images/search_home_select.svg);
    background-position: left 5px center;
    background-size: 22px;
    background-repeat: no-repeat;
}


/*自訂checkbox*/
.search_checkbox2 input[type=checkbox]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}
.search_checkbox2 input[type=checkbox]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  padding-right: 15px;
  line-height  : 1.5em;
  font-weight  :normal;
  font-size    :15px;
  color:#000;
}
.search_checkbox2 input[type=checkbox]:not(old) + label > span{
  display          : inline-block;
  width            : 22px;
  height           : 22px;
  margin           : 0.2em 0.3em 0em 0em;
  border           : 2px solid #888;
  border-radius    : 4px;
  vertical-align   : bottom;
}
.search_checkbox2 input[type=checkbox]:not(old):checked + label > span{
  border           : 2px solid #888;
  background       : rgb(255,255,255);
  background-image :    -moz-linear-gradient(rgb(167,137,95));
  background-image :     -ms-linear-gradient(rgb(167,137,95));
  background-image :      -o-linear-gradient(rgb(167,137,95));
  background-image : -webkit-linear-gradient(rgb(167,137,95));
  background-image :         linear-gradient(rgb(167,137,95));
}
.search_checkbox2 input[type=checkbox]:not(old):checked + label > span:before{
  content     : '';
  display     : block;
  color       : rgb(68,121,186);
  font-size   : 16px;
  line-height : 1em;
  text-align  : center;
  margin-left : 6px;
  margin-top  : 3px;
  width: 6px;
  height: 10px;
  border: solid #4479BA;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
/*分頁*/
.pagination>li>a, .pagination>li>span,
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	height:34px;
	font-size:14px;
}
.pagination>li>a i{
	margin-top:3px;
}

/*搜尋條件*/
.search_condition{
	font-size:18px;
	background:url(../images/icon_right.png) no-repeat;
	background-position:0px 25px;
	padding:25px 0px 25px 30px;
}
.search_condition span{
    color: #8fb223;
}
.search_array_bg{
	background-color:#fff;
	padding:7px 0px;
	margin-bottom:20px;
}
.search_array{
	font-size:15px;
	text-align:right;
	padding-top:5px;
}
.search_array label{
	margin-bottom:0;
	padding-right:5px;
}
.search_array i{
	color:#2780C1;
}

/*搜尋結果*/
.search_tab{
   border-bottom:1px solid #ddd;
   margin-bottom:20px;
}	
.search_tab a{
  font-size:14px;
  display: inline-block;
  padding: 7px 15px;
  color: #2780C1;
  text-decoration: none;
  margin-bottom: -1px;
}
.search_tab a:hover{
  background: #eee;
  border-radius: 4px 4px 0 0;
}
.search_tab a.active_on{
	background-color:#fff;
	border:1px solid #ddd;
	border-bottom:1px solid #fff;
	border-radius: 4px 4px 0 0;
	color:#555;
}
.search_tab .num{
	color:#fff;
	background-color: #f6c3ca;
}

/*呈現方式*/
.filter{
	display: block;
	width: 100%;
	text-align: right;
	margin-bottom: 20px;
	margin-top: -28px;
}
.filter div{
	display: inline-block;
	font-size: 15px;
}
.filter .item{
	text-align: center;
	color: #333;
    border: 1px solid #bbb;
	background-color: #fff;
	border-radius: 20px;
	padding: 4px 12px;
	min-width: 45px;
	cursor: pointer;
	margin-left: 3px;
}
.filter .item.active{
	font-weight: 600;
	color: #f06b37;
	border: 1px solid #f06b37;
}

/*圖片模式*/
#type_pic{
}
#type_pic.pic_row{
    display: flex;
    flex-wrap: wrap;
	margin-left:-15px;
	margin-right:-15px;
}
.tour_pic_box{
	display: flex;
    flex-direction: column;
}
.tour_pic_item{
    border-radius: 0px;
    padding: 0px;
	z-index:400;
	position:relative;
	overflow:hidden;
    border: 0;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 8%);
    margin-bottom: 30px;
    height: 100%;
}
.tour_pic_item a,
.tour_pic_item a:hover,
.tour_pic_item a:focus{
	color: #000;
    text-decoration: none;
}
.tour_pic_item a h3{
	margin:0;
	padding:12px 20px 8px 20px;
	font-size:17px;
    font-weight:400;
    color:#000;
	line-height:25px;
    letter-spacing: 0.5px;
/*	min-height:76px;*/
    font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; 
}
.tour_pic_item:hover a,.tour_pic_item:focus a,
.tour_pic_item:hover a h3,.tour_pic_item:focus a h3{
	text-decoration: none;
}
.tour_pic_item.item_h{
/*	min-height:380px;*/
}
.tour_pic_item .img_view {
   overflow: hidden;
   position: relative;
   display: block;
}
.tour_pic_item img,.tour_pic_item a img{
   width:100%;
   height:220px;
   object-fit: cover;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.tour_pic_item:hover img{
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.tour_pic_item .pic_type1,.tour_pic_item .pic_type2{
	position:absolute;
	top:10px;
	left:10px;
	border-radius:4px;
	padding:2px 5px;
	color:#fff;
	font-size:15px;	
}
.tour_pic_item .pic_type1{
	background-color:#f6c3ca;
}
.tour_pic_item .pic_type2{
	background-color:#8ca5d0;
}
.tour_pic_item h3{
	margin:0;
	padding:5px;
	font-size:16px;
	color:#333;
	line-height:24px;
	min-height:60px;
}
.tour_pic_item h3 a{
	color:#333;
}
.tour_pic_item h3 a:hover{
	text-decoration:none;
}
.tour_pic_item .slogan{
	color:#FA6C00;
	font-size: 15px;
	line-height:23px;
	padding:0 10px;
}
.tour_pic_item .line1{
	border-top:1px solid #E9E9E9;
	border-bottom:1px solid #E9E9E9;
	width:100%;
	display:block;
	overflow:hidden;
}
.tour_pic_item .line2{
	border-top:1px solid #ccc;
	width:100%;
	display:block;
	overflow:hidden;
}
.tour_pic_item .date_list{
    text-align: left;
    width: 100%;
    padding: 6px 0px;
	font-size:12px;
	color:#333;
}
/*
.tour_pic_item .date_list{
    float: left;
	text-align:left;
    width: 75%;
    padding: 0 0 5px 5px;
	font-size:14px;
	color:#777;
}
*/
.tour_pic_item .date_list a{
	color:#333;
	padding: 3px 6px;
	border: 1px solid #ccc;
    border-radius: 12px;
	line-height: 26px;
	white-space:nowrap;
}
.tour_pic_item .date_list a:hover,
.tour_pic_item .date_list a:focus{
	color:#1272cc;
	text-decoration:none;
}
.tour_pic_item .more{
    float: right;
	text-align:right;
    width: 25%;
    padding: 0 5px 5px 0;
	font-size:14px;
	color:#777;
}
.tour_pic_item .more a,
.tour_pic_item .more a:hover,
.tour_pic_item .more a:focus{
	color:#1272cc;
	text-decoration:none;
}
.tour_pic_item .more i{
	font-size:20px;
	line-height:14px;
}
.tour_pic_item .days{
    float: left;
    width: 41%;
    padding: 5px;
	font-size:14px;
	color:#777;
}
.tour_pic_item .date{
    float: left;
    width: 59%;
    padding: 5px;
	font-size:14px;
	color:#777;
}
.tour_pic_item .plane{
    float: left;
    width: 33.33%;
    padding:3px 5px;
	font-size:14px;
	color:#777;
}
.tour_pic_item .plane a,
.tour_pic_item .plane a:hover{
	color:#4479BA;
	text-decoration:none;
}
.tour_pic_item .seat{
    float: left;
    width: 33.33%;
    padding:3px 5px;
	font-size:14px;
	color:#777;
}
.tour_pic_item .seat span{
	color:#4479BA;
}
.tour_pic_item .seat .full{
	color:#F00;
}
.tour_pic_item .tour_pic_pos{
/*
	position:absolute;
	bottom:12px;
	width:100%;
	left: 50%;
    margin-left: -50%;
    text-align: center;
*/
	padding: 15px 20px;
	overflow: hidden;
}
.tour_pic_item .tour_pic_pos2{
    padding: 0 20px 15px 20px;
	width:100%;
    text-align: left;
}
.tour_pic_item .day_txt{
	float:left;
	width:50%;
	padding:10px 0px 0px 2px;
	font-size:16px;
	color:#20a2e5;
	text-align:left;
	font-weight: 400;
	font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif;
}
.tour_pic_item .price_low{
	float:left;
	width:50%;
	padding:5px 0px 0px 0px;
    font-size: 19px;
    color:#F22727;
	text-align:right;
}
.tour_pic_item .price_txt{
	font-size:13px;
	color:#F22727;
	letter-spacing: 0.5px;
	margin-left: 2px;
}
.tour_pic_item .price_voucher{
    font-family: Arial,Microsoft JhengHei,Helvetica Neue,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    text-align: left;
    color: #666;
}
.tour_pic_item .price_voucher .price_default{
/*    text-decoration: line-through;*/
    color:#aaa;
}
.tour_pic_item .price_voucher .price_red{
    color: #F22727;
}
.tour_pic_item .price_voucher .price_sale{
    font-size: 22px;
    font-weight: 500;
}
.tour_pic_item .price{
	float:left;
	width:50%;
	padding:5px 5px 0px 0px;
    font-size: 22px;
    color:#F22727;
}
.tour_pic_item .price span{
	font-size:15px;
}
.tour_pic_item .tour_btn{
	float:left;
	width:50%;
	padding:7px 5px 0px 5px;
	text-align:center;
}
.tour_pic_item .tour_btn a{
	color:#fff;
	width:100%;
	padding:2px 6px;
	font-size:16px;
}
.tour_pic_item .tour_btn a.btn_signup{
	background-color:#2780C1;
}
.tour_pic_item .tour_btn a.btn_waiting{
	background-color:#f17d69;
}
.tour_pic_item .tour_btn .btn_full{
	background-color:#bbb;
	color:#fff;
	width:100%;
	padding:3px 6px;
	font-size:16px;
	border-radius:4px;
	margin:0 auto;
	text-align:center;
}

/*圖片列表*/
.tour_list_box{
	box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 6%);
	background-color: #fff;
	border: 0px solid #E5E5E5;
	margin-bottom: 20px;
	width: 100%;
	height: 100%;
	display: table;
}
.tour_list_box .box_image{
	width:20%;
	display: table-cell;
}
.tour_list_box .img_view {
   overflow: hidden;
   position: relative;
   display: block;
}
.tour_list_box img,.tour_list_box a img{
   width:100%;
   height:170px;
   object-fit: cover;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.tour_list_box:hover img{
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.tour_list_box .box_con{
	width: 80%;
	display: table-cell;
	vertical-align: top;
	height: 100%;
}
.tour_list_box .top{
	padding: 20px 18px;
	height: calc(100% - 50px);
	width: 100%;
	display: table;
}
.tour_list_box .top a{
	font-size:18px;
    font-weight:400;
    color:#000;
	line-height:26px;
	letter-spacing: 0.5px;
    font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif; 
}
.tour_list_box .top a:hover,
.tour_list_box .top a:focus{
	color: #20a2e5;
	text-decoration: none;
}
.tour_list_box .top .slogan{
	color:#FA6C00;
	font-size: 15px;
	line-height:23px;
	margin-top: 5px;
}
.tour_list_box .top .top_left{
	width: 78%;
	display: table-cell;
	vertical-align:top;
	padding-right: 10px;
}
.tour_list_box .top .top_right{
	width: 22%;
	display: table-cell;
	vertical-align:top;
	border-left:1px solid #E5E5E5;
	text-align: right;
	padding-left: 10px;
}
.tour_list_box .top .price_low {
    font-size: 19px;
    color: #F22727;
}
.tour_list_box .top .price_txt {
    font-size: 13px;
    color: #F22727;
	margin-left: 2px;
	letter-spacing: 0.5px;
}
.tour_list_box .bottom{
	border-top:1px solid #E5E5E5;
	height: 50px;
	width: 100%;
	display: table;
	padding: 10px 18px;
}
.tour_list_box .bottom_left{
	width: 78%;
	display: table-cell;
	vertical-align:middle;
	padding-right: 10px;
}
.tour_list_box .bottom_right{
	display: table-cell;
	vertical-align:middle;
	width: 22%;
	border-left:1px solid #E5E5E5;
	text-align: right;
	color: #20a2e5;
	font-size: 16px;
	font-weight: 400;
	font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif;
}
.tour_list_box .bottom .date_list{
	font-size:13px;
	color:#333;
}
.tour_list_box .bottom .date_list a{
	font-size:13px;
	color:#333;
	padding: 3px 7px;
	border: 1px solid #ccc;
    border-radius: 15px;
	line-height: 26px;
	white-space:nowrap;
	margin-right: 2px;
}
.tour_list_box .bottom .date_list a:hover,
.tour_list_box .bottom .date_list a:focus{
	color:#1272cc;
	text-decoration:none;
}
.tour_list_box .bottom .more{
    float: right;
	text-align:right;
    width: 25%;
    padding: 0 5px 5px 0;
	font-size:14px;
	color:#777;
}
.tour_list_box .bottom .more a,
.tour_list_box .bottom .more a:hover,
.tour_list_box .bottom .more a:focus{
	color:#1272cc;
	text-decoration:none;
}
.tour_list_box .bottom .more i{
	font-size:20px;
	line-height:14px;
}
.tour_list_box .bottom .pad_line{
	text-align: right;
	border-left:1px solid #E5E5E5;
}

/*列表表格*/
.tour_list {
    width: 100%;
    border: 1px solid #ddd;
    font-size: 16px;
	margin-bottom: 25px;
}
.tour_list tr {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #ddd;
}
.tour_list tbody tr:last-child {
    border-bottom: 0;
}
.tour_list th,
.tour_list td{ 
    display: flex;
/*    flex: 1;*/
    -webkit-box-align: center;
    justify-content: center;
    align-items:center;
    line-height: 20px;
}
.tour_list th {
    background-color: #23303e;
    color: #fff;
    font-weight: 600;
    padding: 15px 5px;
    font-size: 16px;
}
.tour_list td {
    background-color: #fff;
    padding: 20px 5px;
}
.tour_list .tour_name{
	display: block;
	width: 100%;
}
.tour_list a,
.tour_list a:hover{
    color: #333;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}
.tour_list .btn_order{
    background-color:#ff7e25;
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    white-space:nowrap;
}
.tour_list .btn_order:hover{
    background-color: #f06b37;
    color: #fff;
    font-size: 16px;
}
.tour_list .travel_icon{
	margin-top: 8px;
}
.tour_list .travel_icon span{
	margin: 0 5px 5px 0;
    padding: 0 5px;
    height: 23px;
    line-height: 21px;
    font-size: 13px;
    color: #FFF;
	background-color: #20a2e5;
    border-radius: 3px;
    display: inline-block;
}


/*飯店多圖輪播*/
.hotel_pic_slick.slick-dotted.slick-slider{
    margin-bottom: 0;
}
.hotel_pic_slick img{
    width:100%;
    height: auto;
}
.hotel_pic_slick .slick-prev, .hotel_pic_slick .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 999;
    top:40%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    transform: translate(0, 0);
    cursor: pointer;
    color: #fff;
    border: none;
    outline: none;
    background: none;
    transition: all .5s;
/*	border-radius:100%;*/
	background-color:rgba(0,0,0,0.5);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
}
.hotel_pic_slick .slick-prev{
	left:0px;
}
.hotel_pic_slick .slick-next{
	right:0px;
}
.hotel_pic_slick .slick-prev:before {
    content: '\f104';
}
.hotel_pic_slick .slick-next:before {
    content: '\f105';
}
.hotel_pic_slick .slick-prev:before, 
.hotel_pic_slick .slick-next:before {
    font-family: FontAwesome;
    font-size: 28px;
    opacity: 1;
    color: rgba(255,255,255,0.9);
}
.hotel_pic_slick .slick-prev:hover, 
.hotel_pic_slick .slick-prev:focus, 
.hotel_pic_slick .slick-next:hover, 
.hotel_pic_slick .slick-next:focus {
	color: rgba(255,255,255,0.9);
    background-color:rgba(0,0,0,0.5);
}
.hotel_pic_slick .slick-dots{
	bottom:20px;
}
.hotel_pic_slick .slick-dots li{
	margin:0 5px;
}
.hotel_pic_slick .slick-dots li button {
    border: 1px solid rgba(255,255,255,0.5);
    background-color: rgba(0,0,0,0.3);
    width: 5px;
    height: 5px;
}
.hotel_pic_slick .slick-dots li button:focus, 
.hotel_pic_slick .slick-dots li.slick-active button {
    outline: none;
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0.6);
    border:none;
}
.hotel_pic_slick .slick-dots li.slick-active{
	margin: 0 6px;
}
/*飯店列表*/
.hotel_list{
/*    border: 1px solid #e2e2e2;*/
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(43,43,43,0.06);
    border-radius: 5px;
    margin-bottom: 30px;
}
.hotel_list .hotel_flex{
    display: flex;
    width: 100%;
}
.hotel_list .hotel_flex .flex_right{
    width: 25%;
}
.hotel_list .hotel_flex .flex_right img{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.hotel_list .hotel_flex .flex_left{
    padding: 25px;
    width: 75%;
    color: #444;
}
.hotel_list .hotel_flex .flex_left .hotelname{
    color: #006ce4;
    background-color:#E4F3FF;
    padding: 6px 10px;
}
.hotel_list .hotel_flex .flex_left h4{
    font-size: 21px;
    line-height: 30px;
    color: #333;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 15px;
	font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif;
}
.hotel_list .hotel_flex .flex_left h4.modal-title{
    margin: 0;
    padding: 5px 10px;
}
.hotel_list .hotel_flex .flex_left .modal-body {
    padding: 25px;
    line-height: 26px;
    font-size: 15px;
}
.hotel_list .hotel_flex .flex_left .modal-body .detail_title{
    padding-bottom: 5px;
}
.hotel_list .hotel_flex .flex_left .modal-body .detail_box{
    padding-bottom: 20px;
}
.detail_tb{
    font-size:15px;
    line-height: 26px; 
    border-spacing:0;
    border-collapse:collapse;
    margin-bottom: 10px;
}
.detail_tb th{
    line-height:21px;
    padding:10px;
    background-color:#ECECEC;
    background-color:#DBECF5;
    border-bottom:2px solid #fff;
    border-right:1px solid #fff;
    text-align: center;
}
.detail_tb td{
    font-size:14px;
    line-height:21px;
    padding:10px;
    background-color:#EFF8FD;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
}

.hotel_list .hotel_flex .flex_left .desc{
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 15px;
}
.hotel_list .hotel_flex .flex_left .detail a{
    color: #f06b37;
    text-decoration: underline;
    font-size: 15px;
}
.hotel_list .hotel_flex .flex_left .item_icon{
    font-size: 14px;
}
.hotel_list .hotel_flex .flex_left .item_icon .item{
    display: inline-block;
    padding-right: 20px;
}
.hotel_list .hotel_flex .flex_left .item_icon span{
    color:#006ce4;
    padding-right: 1px;
}
.hotel_list .hotel_flex .flex_left .price{
    color:#F22727;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 15px;
    font-family: Arial,Microsoft JhengHei,Helvetica Neue,Helvetica,sans-serif;
}
.hotel_list .hotel_flex .flex_left .price span{
    font-size: 15px;
    padding-left: 2px;
}
.hotel_list .hotel_flex .flex_left .btn_blue{
    font-family: 'Noto Sans TC', 微軟正黑體, "Microsoft JhengHei", sans-serif;
    display: inline-block;
    background-color: #f89f1d;
    border: 0;
    color: #fff;
    padding: 10px 35px;
    font-size: 16px;
    font-weight: 300;
    border-radius: 10px;
    letter-spacing: 1px;
    text-decoration: none;
}


/*航班參考*/
.flight_info {border: 1px solid #464646;}
.flight_info .flight_title {background-color: #252525; color:#fff}
.flight_info ul {padding:0; margin:0;width: 100%; display: table; border-bottom: 1px solid #464646;}
.flight_info ul:nth-last-child(1) {border-bottom: none;}
.flight_info ul li { list-style:none;margin:0;float: left; width: 15%;line-height:21px; text-align: center; padding: 13px 10px; font-size: 15px;}
.flight_info ul li:nth-child(1) {width: 10%; text-align: center;}
.flight_info .flight_content:nth-child(odd) {background: #F7F7F7;}

/*更多出團日期*/
@media (min-width: 768px){
.Modal_date .modal-dialog {
    width: 700px;
    margin: 100px auto;
}
}
.Modal_date .modal-content{
	border-radius:0;
	border:0;
}
.Modal_date .close{
	outline: none; /* for Firefox Google Chrome  */
    behavior:expression(this.onFocus=this.blur()); /* for IE */
	position:absolute;
	z-index:1000;
	top:-55px;
	right:-35px;
	color: #fff;
    text-shadow: 0 0px 0 #fff;
	font-size:50px;
	line-height:50px;
	filter: alpha(opacity=100);
    opacity:1;
}
.Modal_date .modal-body{
	padding:0;
}

@media all and (max-width: 1440px) {
.tour_pic_item img,.tour_pic_item a img{
   height:180px;
}
.hotel_list .hotel_flex .flex_right{
    width: 30%;
}
.hotel_list .hotel_flex .flex_left{
    width: 70%;
}
}

/*
@media all and (max-width: 1200px) {
.tour_pic_item img, .tour_pic_item a img {
    height: 200px;
}	
}
*/

@media all and (max-width: 992px) {
.search_box h2 {
    padding: 25px 30px 0 30px;
}
.search_bar{
    padding: 20px 30px 30px 30px;
}
.search_list_pad {
	margin:0;
}
#type_pic{
    margin-left:0;
}
#type_pic.pic_row{
    margin-left:0;
    margin-right:0;
}
.tour_pic_box{
	padding-left:12px;
	padding-right:12px;
}
.tour_pic_item img,.tour_pic_item a img{
   height:190px;
}
/*
.tour_pic_item .tour_pic_pos{
	position:inherit;
	bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
*/
.tour_pic_item .tour_btn{
	width:30%;
}
.tour_pic_item .price{
	width:70%;
}
.tour_pic_item .price_low {
    font-size: 18px;
}
.tour_pic_item .tour_btn a{
	padding:6px;
}
.tour_pic_item .tour_btn .btn_full{
	padding:7px 6px;
}
.hotel_list .hotel_flex .flex_right{
    width: 35%;
}
.hotel_list .hotel_flex .flex_left{
    width: 65%;
}
.hotel_list .hotel_flex .flex_left .price {
    padding-top: 15px;
    font-size: 21px;
}
.Modal_date .modal-dialog {
    margin: 40px 10px 10px 10px;
}
.Modal_date .close{
	top:-40px;
	right:0;
	font-size:38px;
	line-height:38px;
}
}

@media all and (max-width: 768px) {
.travel_margin{
    padding-top: 30px;
    padding-bottom: 20px;
}
.search_box {
	border-radius: 10px;
}
/*列表模式*/
.tour_list{
    border: 0;
    font-size: 15px;
	margin-bottom: 0;
}
.tour_list tr{
    display: block;
    border: 0;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    padding: 12px 0 16px 0;
    margin-bottom: 20px;
}
.tour_list thead{
    display: none;
}
.tour_list tbody tr:last-child {
    border-bottom: 1px solid #ddd;
}
.tour_list td{
    -webkit-box-align: stretch;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    background-color:transparent;
    padding: 7px 0;
}
.tour_list td:nth-child(n){
    width: 100%; 
}
.tour_list td::before {
    content: attr(data-th) " ";
    color: #666;
    width: 90px;
/*    background-color: #f5f5f5;*/
/*    border-right: 1px solid #ccc;*/
    display: flex;
    -webkit-box-align: center;
    align-items: flex-start;
    justify-content: center;
}
.tour_list td div{
    width: calc(100% - 90px);
    text-align: left;
}
.tour_list a, .tour_list a:hover {
    font-size: 16px;
    line-height: 22px;
}

/*航班資訊*/
.flight_info {border: 1px solid #464646;}
.flight_info .flight_title {display: none;}
.flight_info ul {width: 100%; display: table; border-bottom: 1px solid #464646;}
.flight_info ul:nth-last-child(1) {border-bottom: none;}
.flight_info ul li {float: left; width: 50%;line-height:26px; text-align: left; padding: 6px 5px; border-bottom: 1px solid #464646;}
.flight_info ul li:nth-child(odd) {width: 50%;}
.flight_info ul li:nth-child(even) {width: 50%;}
.flight_info ul li:nth-child(1) {width: 100%; text-align: center; background-color: #252525; color:#fff}
.flight_info .flight_content:nth-child(odd) {background: #F7F7F7;}
.flight_info ul li:nth-child(1):before {content:'第'; margin-right: 5px;}
.flight_info ul li:nth-child(1):after {content:'天'; margin-left: 5px;}
.flight_info ul li:nth-child(2):before {content:'航空公司：';}
.flight_info ul li:nth-child(3):before {content:'航班：';}
.flight_info ul li:nth-child(4):before {content:'出發地：';width: 100%;display: table;}
.flight_info ul li:nth-child(5):before {content:'起飛時間：';width: 100%;display: table;}
.flight_info ul li:nth-child(6):before {content:'目的地：';width: 100%;display: table;}
.flight_info ul li:nth-child(7):before {content:'抵達時間：';width: 100%;display: table;}
/*
.tour_pic_item.item_h{
	min-height:inherit;
}
*/
.tour_pic_item img, .tour_pic_item a img {
    height: 220px;
}
.search_bar .place_wrapper{
    width: 100%;
}
}

@media screen and (max-width: 640px) {
.tour_pic_item.item_h {
/*    min-height: 360px;*/
}
.tour_pic_item img, .tour_pic_item a img {
    height: 180px;
}
.search_bar .place_content .place_item .place_area li{
    width: 46%;
}
.hotel_list .hotel_flex {
    display:block;
}
.hotel_list .hotel_flex .flex_right{
    width: 100%;
}
.hotel_list .hotel_flex .flex_left{
    width: 100%;
}
.hotel_list .hotel_flex .flex_right img{
    width: 100%;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    
}
.hotel_list .hotel_flex .flex_left h4{
    margin-top: 0;
    font-size: 20px;
    line-height: 28px;
}
.hotel_list .hotel_flex .flex_left .btn_blue{
    width: 100%;    
}
}

@media screen and (max-width: 480px) {
.tour_pic_box{
    width: 100%;
    padding: 0;
}
.tour_pic_item img, .tour_pic_item a img {
    height: auto;
}
.tour_pic_item.item_h {
    min-height: auto;
}
.tour_pic_item a h3 {
    min-height: inherit;
}
.tour_pic_item .tour_pic_pos {
    position: relative;
    bottom: 0;
}
.tour_pic_item .tour_pic_pos2{
	position:relative;
    bottom: 0;
    padding-top: 10px;
    padding-bottom: 15px;
}
.search_bar .form-group {
    margin-bottom: 15px;
}
.search_bar .place_box {
    padding: 15px 20px 20px 20px;
}
.search_bar .place_content .place_item .place_country{
    width: 100px;
    padding: 10px 15px;
}
.search_bar .place_content .place_item .place_area{
    width: calc(100% - 100px);
}
.search_bar .place_content .place_item .place_area li {
    display: block;
    width: 100%;
    margin: 0 0 7px 0;
}
.search_bar .place_content .place_item .place_area li:nth-child(odd){
    margin: 0 0 7px 0;
}
.tour_list_box .box_image,
.tour_list_box .box_con{
	width:100%;
	display: block;
}
.tour_list_box .box_con a {
    font-size: 17px;
}
.tour_list_box .top {
    padding: 12px 15px;
    height: auto;
}
.tour_list_box .top .top_left{
    width: 100%;
    display: block;
    padding-right:0;
}
.tour_list_box .top .top_right {
    width: 100%;
    display: block;
    border-left: 0;
    padding-left: 0;
	padding-top: 8px;
}
.tour_list_box .top .price_low {
    font-size: 18px;
}
.tour_list_box img, .tour_list_box a img {
	height: 180px;
}
.tour_list_box .bottom {
	padding: 10px 15px;
}
.tour_list_box .bottom .date_list a {
    padding: 3px 6px;
    border-radius: 12px;
    margin-right: 0px;
}
.tour_list_box .bottom_left,
.tour_list_box .bottom_right{
    width: 100%;
    display: table;
}
.tour_list_box .bottom_right {
	border-left:0;
	padding-top: 8px;
}
}


/*手機版查詢*/
.mobile_search_box{
   display: none; 
}
@media screen and (max-width: 992px) {
.mobile_search_box{
    cursor: pointer;
    display: table;
    width: 100%;
    padding: 0 5px; 
    margin-bottom: 30px;
}
.mobile_search_box .search_left{
    display:table-cell;
    width:calc(100% - 80px);
    border:1px solid #ddd;
    background-color: #fff;
    padding: 10px 15px;
    height: 48px;
    color:#999;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.mobile_search_box .search_right{
    display:table-cell;
    width: 80px;
}
.mobile_search_box .btn_search{
    background-color: #20a2e5;
    width: 100%;
    color: #FFF;
    padding: 12px;
    border: 0;
    outline: none;
    font-size: 16px;
    height: 48px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}    
}