.product{margin:20px 0 50px;}
.product .product_col{width:50%;}
.product .product_img{border:1px solid #cce4f6;padding-bottom:5px; width:100%; position:relative;-webkit-transition: background 0.4s 0.5s;transition: background 0.4s 0.5s;}
.product .product_img img{margin:-5px 0 0 -5px; width: 100%;
-webkit-filter: contrast(1) blur(1.5px);
   -moz-filter: contrast(1) blur(1.5px);
     -o-filter: contrast(1) blur(1.5px);
    -ms-filter: contrast(1) blur(1.5px);
      	filter: contrast(1) blur(1.5px);
        -webkit-transition: 300ms ease-out;
      	-moz-transition: 300ms ease-out;
      	-o-transition: 300ms ease-out;
      	transition: 300ms ease-out;
      	-webkit-backface-visibility: hidden;
}
.product:hover .product_img img{
	-webkit-filter: contrast(1.3) blur(0px);
       -moz-filter: contrast(1.3) blur(0px);
      	 -o-filter: contrast(1.3) blur(0px);
      	-ms-filter: contrast(1.3) blur(0px);
         	filter: contrast(1.3) blur(0px);}
.product .product_summary{padding:20px 50px;}
.product .product_tit{color:#165585; font-size:300%; background:url(../images/product_tit_bg.jpg) no-repeat left bottom; padding-bottom:5px;}
.product .product_en{color:#92b5d0; margin-top:10px; text-transform:uppercase;}
.product .product_tit a{color:#165585;}
.product .product_texts{color:#6c6c6c; margin-bottom:20px;}
.product:nth-child(2n) .product_summary{padding:20px 50px 20px 10px;}
.product:nth-child(2n) .product_link{ margin-left:10px;}
.product_link{margin:0 50px;}
.product_link i{margin-left:20px;}
.product_link a{color:#5ba5de; font-weight:800; letter-spacing:1px; border-bottom:1px solid #cadffb; border-top:1px solid #cadffb; padding:7px 30px;}
.product_link a::before {
	color: #0090ff;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.product_link a:hover::before,
.product_link a:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}





/*2*/
.tour_en{font-size:5.5em; border-bottom:1px solid #fff; border-top:1px solid #fff; display:inline-block; text-shadow:0 0 3px #000;}
.tour_zh{font-size:5em; letter-spacing:5px; text-shadow:0 0 3px #000;}
.tour{margin:0 0px;}
.tour_box{padding:0 30px; width:33.33%; margin:30px 0; display:inline-block; vertical-align:top;}
.tour_box .tour_img{width:100%; height:330px; overflow:hidden; background:#000; position:relative;}
.tour_box .tour_img img{
width: 100%; min-height: 100%;
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 5s;
transition: opacity 0.35s, transform 5s;
-webkit-transform: scale(1);
transform:  scale(1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tour_box:hover .tour_img img{
opacity: 0.7;
-webkit-transform:  scale(1.12);
transform: scale(1.12);
}
.tour_box .tour_img p {opacity: 0; color:#fff; font-size:1.5em; text-shadow:0 0 2px #666; font-weight:bold;
	position: absolute;	top: 0;	left: 0; right:0; bottom:0; z-index:5;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40%,45%,0);
	transform: translate3d(-40%,45%,0);
	pointer-events: none;
}
.tour_box:hover .tour_img p { opacity: 1;
	-webkit-transform: translate3d(35%,45%,0);
	transform: translate3d(35%,45%,0);
}
.tour_box .tour_name{background:#fff; width:100%; display:table;}
.tour_box .tour_name .name{padding:20px; font-size:1.1em; display:table-cell;}
.tour_box .tour_name .name a{color:#000; -webkit-transition: color 0.35s;transition: color 0.35s;}
.tour_box:hover .tour_name .name a{color:#ff9600;}
.tour_box .tour_name .tour_price{background:#00a2ff; padding:10px 20px; margin-right:15px; display:table-cell;}
.tour_box .tour_name .tour_price .twd{color:#007fc8; font-size:1.2em;}
.tour_box .tour_name .tour_price .num{font-family: 'Playfair Display', serif; font-size:1.8em; text-align:center; color:#fff;}
.tour_box .tour_name .tour_price .from{text-align:right; color:#fff;}
/*連外行程*/
.tour_box .tour_name .tour_out{background:#00a2ff; padding:10px 20px; margin-right:15px; display:table-cell;}
.tour_box .tour_name .tour_out .en{color:#007fc8; font-size:1.2em;  }
.tour_box .tour_name .tour_out .travel{font-family: "微軟正黑體", Verdana; font-size:1.6em; text-align:center; color:#fff;}
.tour_box .tour_name .tour_out .one{text-align:right; color:#fff;}

.search_list{width:100%; border:0; margin:0 0 5% 0; text-align:center;}
.search_list thead{background:#0087be;}
.search_list thead th{padding:0.5% 1%; color:#fff; font-size:18px; padding:15px;}
.search_list tbody{background:#fff;}
.search_list tbody td{color:#000; padding:1% 5px; font-size:16px; border-bottom:1px solid #dfeaef; }
.search_list tbody td:nth-child(2){ color:#4bb306;}
.search_list tbody td:nth-child(3){text-align:left;}
.search_list tbody td:nth-child(6){font-size:15px; color:#ff4444;}
.search_list tbody td:nth-child(8) span{border-radius:5px; color:#fff; padding:5px 8px; word-break:keep-all;}
.search_list tbody td:nth-child(9){ width:30%; text-align:left;}
.search_list tbody td a{color:#ff9600;}
.search_list tbody td a:hover{color:#B95200;}
.wait{background:#818181;}
.booking{background:#ff0575; white-space:nowrap;}
a .booking:hover{background:#ff0505;}

/*3*/
.tour_detail{ position:relative; overflow:hidden;}
.tour_detail img{opacity:0.7;}
.bg-img {position: absolute; background:#000; overflow: hidden; z-index:1;	top: 0;	left: 0; right: 0; bottom: 0; -webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.bg-img img {position: absolute; z-index:1; top: 0; left: 0; display: block; min-width: 100%; min-height: 100%;}
/*.title {z-index: 2;	margin: 0 auto;	padding: 0 1.25em;	width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.title h2 {padding: 0 0 0.2em; color: #fff;	font-size: 3.5em; margin: 0 auto;}*/

.title{ display:block; padding-left:55px; margin:20px 0 6px 0; border-radius:3px; background:#03458f;}
.title h2{ display:block;color:#fff;  font-size:35px; text-align:center; padding:3px 0; letter-spacing:2px; text-shadow:1px 2px rgba(20%,20%,40%,0.5);  }
.title h2:before{content: '─';margin: 0 8px;}
.title h2:after{content: '─';margin: 0 8px;}
	


@media only screen 
and (max-width : 990px) {
.tourpage{padding:20px 0;}
.group_text_en{font-size:2.5em; line-height:50px; }
.group_text_zh{font-size:1.6em; margin-top:15px; padding:5px 100px;}
.product .product_texts{ height:180px; overflow:hidden; overflow-y:auto; font-size:0.85em;}
.product .product_img img{
-webkit-filter: contrast(1) blur(0px);
   -moz-filter: contrast(1) blur(0px);
     -o-filter: contrast(1) blur(0px);
    -ms-filter: contrast(1) blur(0px);
      	filter: contrast(1) blur(0px);
}
.search_bg{background:none #f9f9f9; overflow:hidden; padding:0 10px;}
.search_bg .searchArea{display:none;}

.tour_en{font-size:4em;}
.tour_zh{font-size:3.5em;}
.tour{margin:0 -15px;}
.tour_box{padding:0 15px; margin:15px 0;}
.tour_box .tour_name .tour_price{ padding:2% 4%;}
.tour_box .tour_name .tour_price .twd{font-size:0.9em;}
.tour_box .tour_name .tour_price .num{font-size:1.3em;}
/*連外*/
.tour_box .tour_name .tour_out{ padding:2% 4%;}
.tour_box .tour_name .tour_out .twd{font-size:0.9em;}
.tour_box .tour_name .tour_out .num{font-size:1.3em;}
.tour_box .tour_name .name{font-size:0.9em;}
.tour_box .tour_img p{display:none;}

.tour_section{padding:30px;}
.subMenu .inner li{width:14%; font-size:1.1em; height:auto; line-height:normal;}
.subMenu .inner li:last-child{width:16%; font-size:1.1em;}
.subMenu .inner li a{padding:8px;}
.subMenu .inner li:nth-child(6){border-right:0; background-image:none; }
.hotel_img{max-width:none; width:50%;}
.hotel_img img{max-width:100%;}
.hotel_intro{ width:50%;}
.hotel_room_style .room_price_box{height:100px;}
.hotel_room_style .room_price_box .type{font-size:1em; margin-bottom:15px;}
.hotel_room_style .room_price_box .price{font-size:1.2em;}
.hotel_room_style .room_price_box .type:before,
.hotel_room_style .room_price_box .type:after{content:""; padding:0;}
.note_tit{padding:10px 0 !important; text-align:center; width:30%;}

.flight .table thead{font-size:1.1em;}
.flight .table tbody td{font-size:1.1em;}

.meal_box{padding:15px;}
.meal_box .meal{background:no-repeat 10px center; padding:10px; padding-left:95px; font-size:1em;}

.style2 .col3:nth-child(1){width:50%;}
.style2 .col3:nth-child(2){width:50%;}
.style2 .col3:nth-child(3){width:100%; display:block}

.order_row .order_cell .order_title{ min-width:120px; max-width:120px; font-size:0.95em}
.order_row .order_cell .order_content{ font-size:0.8em;}
.order_select{min-width:inherit;}
.order_textarea{height:150px;}

}

@media only screen 
and (max-width : 768px) {
.group_text_zh{font-size:1.5em; margin-top:15px; padding:5px 70px;}

.product .product_summary{padding:5px 15px;}
.product .product_texts{ height:100px; font-size:0.75em;}
.product .product_en{font-size:0.75em;}
.product .product_tit{font-size:180%; margin-top:-10px;}
.product_link{margin:0 15px; margin-top:10px;}
.product_link a{padding:5px 0px; font-size:0.85em;}
.product:nth-child(2n) .product_summary{padding:0px 5px 0px 0px;}
.product:nth-child(2n) .product_link{ margin-left:0px;}



.style1 .col2{display:block;}
.style1 .col2:first-child{width:100%;}
.style1 .col2:last-child{width:100%;}

.style2 .col2:last-child{width:100%; display:block; margin-top:20px;}

.order_row .order_cell .order_title{ min-width:90px; max-width:90px;}

.agreement{height:300px; font-size:0.8em; padding:10px;}
.order_finish .order_finish_box{width:80%; font-size:1.1em;}

}
@media only screen 
and (max-width : 640px) {
.meal_box{padding:0px; background:none; }
.meal_box .meal{padding:0px; padding-bottom:10px; color:#777; border:0;}
.meal_box .meal p:first-child{ color:#F48800; margin-right:10px;}
.meal_box .meal p:first-child:before{padding-right:7px;}
.meal_box .meal:nth-child(1) p:first-child:before{content:'早餐';}
.meal_box .meal:nth-child(2) p:first-child:before{content:'午餐';}
.meal_box .meal:nth-child(3) p:first-child:before{content:'晚餐';}

.order_table{margin-bottom:20px;}
.order_head{ font-size:1em; padding:10px 20px;}	
.order_row .order_cell div{padding:8px; height:auto; display:block; text-align:center;}
.order_row .order_cell .order_title{width:100%; max-width:inherit; padding:7px;}
.order_button{margin-bottom:30px;}
.order_button a{ width:30%; font-size:1.1em;}
.order_finish{padding:10px;}
.order_finish .order_finish_box{width:100%; font-size:1.1em;}
/*-----feature-----*/
.edit{display:none;}
.edit_moble{ display:block;}
/*-----day tour----*/
.day_title .day_summary{ width:75%;}
}

@media only screen 
and (max-width : 480px) {
.group_text_en{ font-size:1.3em; line-height:25px; margin-top:-30px;}
.group_text_zh{font-size:1.3em; padding:0; margin-top:5px;}

.product{position:relative; width:100%; height:280px; overflow:hidden;}
.product .product_col{width:100%; position:absolute; z-index:1; overflow:hidden; float:none !important;}
.product:nth-child(2n) .product_col:nth-child(2){width:100%; position:absolute; z-index:0;}
.product:nth-child(2n) .product_summary{padding:15px;}
.product:nth-child(2n) .product_link{ margin-left:15px;}
.product .product_summary{padding:15px;}
.product .product_img{border:0; padding:0px; height:280px; position:static; background:#000;}
.product .product_img img{margin:0; height:280px; opacity:.4}
.product .product_texts{ color:#ddd;}
.product .product_tit{margin-top:0px; color:#fff;}
.product .product_tit a{ color:#fff;}
.product_link a{border:0;color: #fff;}
.product_link a::before {color: #fff;}

.tour_en{ display:none;}
.tour_zh{font-size:3em;}
.tour_box{width:100%; margin-bottom:25px;}
.tour_box .tour_img,
.tour_box .tour_img img{height:auto; min-height: inherit; margin:0; padding:0;}
/**/
.tour_box .tour_name .name{ padding:20px;}

.title h2 {font-size: 2em;}
.intro-effect-jam3.modify .tour_detail{height:0; margin-bottom:100px;}

.subMenu{margin:0;}
.subMenu .inner li{width:33.33%; height: auto; line-height:20px; background-image:none;}
.subMenu .inner li:last-child{width:100%; font-size:1em; line-height:20px;}
.subMenu .inner li{ font-size:1em;}

.tour_section{padding:20px;}
.hotel{padding-bottom:15px; margin-bottom:15px;}
.hotel_tit{font-size:0.9em;}
.hotel_intro .edit{height:150px;}
.hotel_room_style .roow_col:last-child{position:static; width:100%;}
.hotel_room_style .roow_col{width:33.33%; }
.hotel_room_style .roow_col:nth-child(5),
.hotel_room_style .roow_col:nth-child(6){width:50%;}
.hotel_room_style .room_price_box .type{font-size:0.95em;}
.hotel_room_style .orderbtn,
.hotel_room_style .orderfull {margin:0; padding:8px; font-size:1.1em; width:100% !important;}
.note_tit{ width:auto; padding:0; background:none; color:#000; font-size:1em;}
.note_tit:after{ content:''; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #000;}

.flight .table tbody td{font-size:0.95em; padding:10px;}

.meal_box .meal{padding:0px; padding-bottom:10px; color:#777; display:block; width:100%; border:0;}
.styles .col{padding:0px 5px;}

.order_input{padding:5px;}
.order_select{ padding:1px;}
.order_textarea{padding:5px; height:100px;}
.order_button a{ width:40%; font-size:1em; margin:0 5px; padding:10px;}
.order_finish a{width:100%;}
/*-----day tour----*/
.day_title .day_summary{ width:100%;}
}


/*news*/
.news{margin:0 -20px;}
.news .newslist{padding:0 20px; width:25%; margin-bottom:40px; display:inline-block; vertical-align:top;}
.news .newslist .newsimg{width:100%; height:165px; overflow:hidden; background:#000; position:relative;}
.news .newslist .newsimg img{
width: 100%; min-height: 100%;
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 5s;
transition: opacity 0.35s, transform 5s;
-webkit-transform: scale(1);
transform:  scale(1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.news .newslist:hover .newsimg img{
opacity: 0.7;
-webkit-transform:  scale(1.12);
transform: scale(1.12);
}
.news .newslist .newsimg p {opacity: 0; color:#fff; font-size:1.5em; text-shadow:0 0 2px #666; font-weight:bold;
	position: absolute;	top: 0;	left: 0; right:0; bottom:0; z-index:5;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,40%,0);
	transform: translate3d(-40px,40%,0);
	pointer-events: none;
}
.news .newslist:hover .newsimg p { opacity: 1;
	-webkit-transform: translate3d(30%,40%,0);
	transform: translate3d(30%,40%,0);
}