/* Minification failed. Returning unminified contents.
(13,99): run-time error CSS1038: Expected hex color, found '#00000'
(183,54): run-time error CSS1019: Unexpected token, found ' '
(183,54): run-time error CSS1019: Unexpected token, found ' '
(183,54): run-time error CSS1042: Expected function, found ' '
(183,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
@charset "utf-8";
/* CSS Document */

body{ font-family:'微軟正黑體';}

.main{ display:block; width:1400px; margin:auto;  }

/*國民旅遊卡*/
.card{ display:block;}
.card ul{ display: block;  border:1px solid #d8d8d8; background:#fff; }
.card li{ display:inline-block; vertical-align:top; padding:10px 10px 10px 0; }
.card li p{ display:block; font-size:17px; margin-bottom:5px;}
.card .card_txt{ display:block; border:1px solid #d8d8d8; padding:7px; font-size:17px; background:#00000;}
.card img.card_pic{ display:block; margin:0 15px;}

/*.page_group{ display:block; width:1400px; margin:auto; padding-top:150px;}*/
.page_tit{ display: inline-block; font-size:48px; color:#27cdd2; font-weight:bold; padding-bottom:10px; }
.order_item{ margin:0px auto auto auto;}



.page{ display:block; width:1400px; margin:0px auto auto auto; padding-top:60px;}
.page_group{display:block; width:1400px; margin: auto; padding-top:30px; padding-bottom:100px;}
.group_search{ display:block; width:100%; /*margin-top:90px;*/ background:#fff;}
.page_information{ display:block; width:1400px; margin:auto; position:relative;}
.group_top{ display:block;}

/*公司簡介*/
 .about{ display:block; margin-bottom:60px; }
 .about li{ display:inline-block; width:calc(100%/2 - 12px); margin-right:8px;  background:#383c3c; vertical-align:top;}
 .about li:nth-child(2){ margin-right:0;}
 .about li .apic{ display:block; overflow:hidden; width:100%; height:auto; position:relative;}
 .about li .apic img{width:100%; height:auto; display:block; transition:all ease 0.8s; vertical-align:top;}
 .about li:hover .apic img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); position:relative;}
 .about li .apic b{ position:absolute; right:35px; bottom:5px; font-size:45px; color:#fff; font-family:'Crimson Text'; z-index:100; text-shadow:1px 1px 4px #333;}
 .about li p{ display:block; font-size:15px; letter-spacing:1px; line-height:28px; color:#fff; padding:20px; min-height:150px; font-family:'微軟正黑體';}
 .about li i{ display:block; font-size:30px; font-weight:bold; width:100%; background:#fff; padding:10px 0; font-style:normal; }

 
 .about_down{ display:block;margin-bottom:30px;  }
 .about_down ul{ padding:0; margin:0;}
 .about_down li{ display:inline-block; width:calc(100%/2 - 2px);vertical-align:top; margin-right:-3px; }
 .about_down li .apic{ display:block; overflow:hidden; width:100%; height:auto; }
 .about_down li .apic img{width:100%; height:auto; display:block; transition:all ease 0.8s; vertical-align:top;}
 .about_down li:hover .apic img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); position:relative;}
 .about_down li .apic b{ position:absolute; right:20px; bottom:30px; font-size:45px; color:#fff; font-family:'Crimson Text';}
 .about_down li p{ display:block; font-size:15px; letter-spacing:1px; line-height:28px; color:#000; padding:20px; }
 .about_down li .apic_02{ display:block; margin-bottom:12px; width:100%; height:auto;}
 .about_down li .apic_02 img{ display:block; margin:auto; vertical-align:top; width:100%; height:auto;}
 .about_down i{ display:block; font-size:30px; font-weight:bold; width:100%; background:#fff; padding:10px 0;  font-style:normal;}




.about_txt{ display:block; margin-bottom:60px; padding-right:48%; background:url(../images/others/pic_26.jpg) right top no-repeat; width:calc(100% - 20px);}
.about_txt span{ display:inline-block; width:50%; height:auto; vertical-align:top; padding-top:40px;}
.about_txt span i{ display:block; padding-left:25px; font-style:none; margin-bottom:10px; background:url(../images/others/icon_20.jpg) left 50% no-repeat; font-size:20px; color:#044cbe;}
.about_txt em{ display:inline-block; width:48%; vertical-align:top;}
.about_txt em img{ display:block; width:100%; height:auto;}


.safe_txt{ display:block; padding-right:20px; }
.safe_txt b{ font-size:21px;line-height:35px; display:block; color:#000;font-family: 'cwTeXYen',' sans-serif';font-weight: bold; }
.safe_txt p{ font-size:21px;line-height:35px; display:block; color:#000;font-family: 'cwTeXYen',' sans-serif';font-weight: bold; }
.safe_txt i{ display:block; margin-bottom:8px; padding-left:48px; font-style: normal; font-weight:bold;margin-bottom:13px; background:url(../images/others/icon_21.jpg?20190819) left 50% no-repeat; font-size:18px; line-height: 40px;margin-bottom:18px; color:#000;}

/*精選行程*/
.group{ display:block; }
.group_tit{ display:block; background: url(../images/others/day_line.png); position:relative; width:100%; margin-bottom:14px; margin-top:10px;}
.group_tit td{ padding:6px 0;}
.group_tit span{ display: inline-block; background:#27cdd2; position:relative; font-size:26px; letter-spacing:5px;color:#fff; padding:0 15px; width:160px; text-align:center;}
.group_tit .point{ position:absolute; left:8px; top:-7px; background:url(../images/others/icon_06.png) left top no-repeat; width:28px; height:55px; z-index:8; }
.group_tit p{ display:inline-block; font-size:18px; padding-left:15px; padding-bottom:7px; font-weight:bold;}

.group_tit a.gmore{ position:absolute; right:20px; top:5px; color:#000; padding-right:30px; font-size:20px; background:url(../images/others/icon_07.jpg) right 50% no-repeat;}
.group_tit a:hover.gmore{ color:#ff0575; background:url(../images/others/icon_07_f2.jpg) right 50% no-repeat;}

.stroke{ display:block;}
.stroke li{ display:inline-block; vertical-align:top; padding:13px; width:calc(100%/4 - 24px); margin-bottom:20px;margin-right:calc(20px*4/3); border:1px solid #e7e7e7; background:#fff; position:relative; padding-bottom:40px;}
.stroke li:nth-child(4n){ margin-right:0;}
.stroke li b a{ display:block; font-size:20px; margin-bottom:10px; color:#000; line-height:24px;}
.stroke li:hover b a{ color:#27cdd2;}
.stroke li p{ display:block; font-size:15px; line-height:24px; }
.stroke li .picture{ display:block; position:relative; margin-bottom:8px;}
.stroke li .picture img{ display:block; width:100%; height:auto;}
.stroke li .picture em{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/others/big_bg.png)50% 50%; opacity:0;}
.stroke li:hover .picture em{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/others/big_bg.png) 50% 50%; opacity:1; transition:0.5s;}

.stroke li span{ position:absolute; right:13px; bottom:5px; height:25px;}
.stroke li span img{ margin-left:10px; display:inline-block;}
.stroke li span img:hover{ opacity:0.5;}

/*分期利率*/
.staging{ display:block; padding:7px; margin:15px 0; }
.staging span{ display:block; font-size:15px; padding:4px 0; border-bottom:1px solid #c9c7c7; letter-spacing:2px; }
.staging em{ display: inline-block; font-size:15px; margin:10px 0;  letter-spacing:2px; }

.staging span:last-child{ border:none;}
.staging i{ color:#DB1A56; font-family:'Fjalla One'; font-size:20px; font-style:normal;}

.staging02{ display: inline-block;  margin:15px 0 15px 20px; padding:4px 15px; border:1px solid #C4C4C4; }
.staging02 em{ display:block; font-size:20px;  letter-spacing:2px; font-weight:bold; }
.staging02 i{ color:#DB1A56; font-family:'Fjalla One'; font-size:20px; font-style:normal;}



/*精選行程_詳細頁*/
.group_pic{ display:block; width:100%; height:auto;}
.group_pic img{ display:block; width:100%; height:auto;}

.group_item{ display: block; width:100%; background:#000;  margin:auto; text-align:center; }
.group_item ul{ display:block; width:1400px; margin:auto; text-align:center;}
.group_item li{ display:inline-block; font-size:24px; text-align:center; width:calc(100%/6 - 4px); padding:7px 0;}
.group_item li a{color:#27cdd2;}
.group_item li a:hover{ color:#f6f42c;}
.group_item li.refer{ background:#f6f42c;}
.group_item li.refer a{ color:#000; }
.group_item li:hover.refer {  background:#ff0575; transition:0.5s;}
.group_item li:hover.refer a{ color:#fff; }


.group_photo{ display:block; width:100%; height:auto;}
.group_photo img{ display:block; width:100%; height:auto;}

/*房型價格*/
.route_list{ display:inline-block; width:30%; background:#fff; padding:15px; border-radius:4px; vertical-align:top;}
.route_part{ display:block; margin-bottom:15px;}
.route_part label{ display:block; font-weight:bold; margin-bottom:5px; font-size:22px;}
.route_part label a{ color:#2692ad; text-decoration:underline; font-size:22px; font-weight:normal; padding:12px;}
.route_part .choice{ border:1px solid #d1d1d1; border-radius:3px; height:35px; padding:5px 8px; width:90%; margin-right:10px;}
.route_part table{ border-top:1px solid #d1d1d1; border-right:1px solid #d1d1d1; display:inline-table; width:100%;}
.route_part td { padding:4px 7px;border-left:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
.route_part td p{ display:inline-block; font-size:18px; min-width:75px;}
.route_part td font{color:#ff4800; font-size:25px; font-family:'Fjalla One'; display:inline-block; padding-left:6px; }

.route_room{ display:block; border-bottom:1px solid #d1d1d1; width:100%;}
.route_room p{ display:inline-block; font-size:18px; min-width:75px;}
.route_room font{color:#ff4800; font-size:25px; font-family:'Fjalla One'; display:inline-block; padding-left:6px; }



.route_icon{ display:block; padding:8px 0; text-align:center; letter-spacing:3px; font-size:24px; background:#27cdd2; color:#fff; width:100%; border-radius:5px; border:none; cursor:pointer;}
.route_icon:hover{ background:#ff0575; transition:0.5s;}


/*行程簡介*/
.route_data{ display:inline-block; width:calc(100% - 30% - 94px); margin-right:90px; position:relative;}
.route_data span{ position:absolute; width:150px; right:0; top:0;}
.route_data h2{ display:block; margin-bottom:8px; font-size:32px; color:#27cdd2; line-height:28px; font-weight:normal; }
.route_data_txt{ display:block; border:2px solid #27cdd2; border-width:2px 0 2px 0; padding:15px 0; margin-bottom:40px;}
.route_data_txt p{ font-size:18px; line-height:24px;}

.data_price{ display: inline-block; }
.data_price p{ font-size:20px; display:inline-block; font-weight:bold;}
.data_price font{ color:#ff4800; font-size:38px; font-family:'Fjalla One'; display:inline-block; padding:0 10px;}

.route_tit{ display:block; font-size:28px;  margin-bottom:5px;}
.item_tit{ display:block; font-size:22px; letter-spacing:3px; padding:4px 15px; color:#fff; background:#000;  margin-top:40px; margin-bottom:20px;}


.outset{ display:block; font-size:25px; font-weight:bold; margin-top:5px; color:#27cdd2;}
.outset p.hue{ color:#AD1146; font-size:28px; font-family:'Fjalla One'; display: inline;}


/*每日行程*/
.route_day{ display:block;}
.edit_route{ display:block; padding:20px 0; margin-bottom:15px; background:url(../images/others/group_line.png) left top no-repeat; margin-top:35px;}

.hotel{ display:block; border-radius:5px; background:#fff; padding:7px;}
.hotel li{ display:inline-block; width:calc(100%/2 - 4px); padding-left:95px; min-height:80px; vertical-align:top; }
.hotel li.hicob_01{ background:url(../images/others/icon_13.jpg) left top no-repeat;}
.hotel li.hicob_02{ background:url(../images/others/icon_14.jpg) left top no-repeat;}
.hotel li p{ font-size:18px; display:inline-block; font-weight:bold; padding-right:20px;}



/*模組*/

.scenery_txt{ padding: 20px; background:#fff; width:100%; height:250px; vertical-align:top; overflow-y:auto;  }
.scenery_txt b{display:block; font-size:27px; margin-bottom:5px; line-height:27px;}
.scenery_txt p{ display:block; font-size:15px; line-height:24px;}

.module_01{ display:inline-block; width:clac(100%/2 - 4px); margin-bottom:30px;}
.module_01 li{ display:inline-block; width:calc(100%/2 - 4px); vertical-align:top;}
.module_01 table{ display:inline-table; width:100%;}
.module_01 td{ width:50%; vertical-align:top; background:#fff;}
.module_01 .mpic_01{ display:block; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.module_01 .mpic_01 img{ display:block; width:100%; height:auto; transition:all ease 0.8s;}
.module_01 .mpic_01:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.module_02{ display:block;}
.module_02 li{ display:inline-block; width:calc(100%/4 - 10px); margin-right:10px; margin-bottom:30px;}
.module_02 li:last-child{ margin-right:0;}
.module_02 .mpic_02{ display:block; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.module_02 .mpic_02 img{ display:block; width:100%; height:auto; transition:all ease 0.8s;}
.module_02 .mpic_02:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.module_03{ display:block; margin-bottom:30px; }
.module_03 li{ display:inline-block; width:calc(100%/3 - 14px); margin-right:10px; }
.module_03 li:last-child{ margin-right:0;}

/*說明*/
.edit_caption{ display:block; padding-bottom:10px;}
.edit_hotel{ display: inline-block; vertical-align:top;  width:calc(100% - 40% - 55px);}
.edit_deal{ display:block;  padding:15px 0; }

.edit_deal p{ font-size:16px; line-height:27px; height:450px; overflow-y:scroll; }

.edit_deal .agree{ display:block; margin:auto; text-align:center; font-size:18px; padding-top:30px;  border-top:30px solid #000; margin-top:30px; margin-bottom:30px;}
.edit_deal .agree input{ margin-right:20px;}

/*飯店圖輪播*/
		.hotelBox{display: inline-block; width:40%; margin-right:50px; height:auto; overflow:hidden; position:relative;   }
		.hotelBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.hotelBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.hotelBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.hotelBox .hd ul li.on{ background:#f00; color:#fff; }
		.hotelBox .bd{ position:relative; height:100%; z-index:0;   }
		.hotelBox .bd li{ zoom:1; vertical-align:middle; }
		.hotelBox .bd img{ width:100%; height: auto; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.hotelBox .prev,
		.hotelBox .next{ position:absolute; left:0%; top:50%; margin-top:-25px; display:block; width:50px; height:100px; background:url(../images/others/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.hotelBox .next{ left:auto; right:-13px; background-position:8px 5px; }
		.hotelBox .prev:hover,
		.hotelBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.hotelBox .prevStop{ display:none;  }
		.hotelBox .nextStop{ display:none;  }

/*訂購流程*/
.order_item{ display: block; width:100%; background:#e3e3e3;text-align:center; }
.order_item ul{ display:block; width:1400px; margin:auto; text-align:center;}
.order_item li{ display:inline-block; font-size:24px; font-weight:bold; text-align:center; width:calc(100%/4 - 4px); padding:7px 20px 7px 0; background:url(../images/others/icon_15.png) right 50% no-repeat;  color:#686868;}
.order_item li:last-child{ background:none;}
.order_item li font{ font-style:italic;}
.order_item li.oat{ color:#e11f6d;}

.start{ display:block; }
.start p{ display:inline-block; background:url(../images/others/icon_16.jpg) left 50% no-repeat; font-size:24px; padding-left:25px;}
.start font{display:inline-block; color:#27cdd2; padding-left:15px; margin-left:15px; font-size:27px; background:url(../images/others/line_04.jpg) left 50% no-repeat; }

.room{ display:block;}


.box-wrap{ display:inline-block; width:calc(100%/5 - 22px); margin-right:18px; vertical-align:top; margin-bottom:30px;}
.box-wrap:last-child{ margin-right:0;}

.box-wrap .toggle { cursor:pointer;
	display:block; width:100%; text-align:left; padding:0 15px;
    font-size: 20px;
    border-radius: 4px; border:none;
	color:#fff;
    background: #27cdd2;
	position:relative; height:50px;
}
.box-wrap.box-open .toggle:after {
    content:url(../images/others/icon_18_f2.jpg);
	position: absolute; 
	width:25px; height:25px; 
	right:13px; top:15px;}

.box-wrap.box-close .toggle:after {
    content:url(../images/others/icon_18.jpg);
	position: absolute; 
	width:25px; height:25px; 
	right:13px; top:15px;}

.box {
	
    display: block;
    width: auto;
    background: #fff;
    transition: opacity 1s, max-height 0.35s ease;
    overflow: hidden;    
}
.box-close .box {
    max-height:0px;
}

.box-open .box {
    max-height: 400px;
}

.box ul{ padding:15px 15px 0 15px;}
.box li{ display:block;  margin-bottom:12px;}
.box span{ display:inline-block; width:calc(100% - 64px);}
.box select{ display:inline-block; width:60px; border:1px solid #000; font-size:17px; padding:0px; vertical-align:top; height:35px;}
.box p{ display:block; font-size:18px; margin-top:-4px;}
.box font{ display:block; font-size:22px; color:#d0673e; padding:0; margin-top:-10px;}





.total{ display:block; margin-top:30px;}
.total_icon{ vertical-align:top;cursor:pointer;  display:inline-block; width:300px; padding:10px 20px; text-align:center; font-size:24px; color:#fff; border-radius:5px; margin-right:15px; border:none; background:#fd0575;}
.total_icon:hover{ background:#ba004d; transition:0.5s;}
.total .money{ border:2px solid #b5b5b5; padding:7px; width:calc(100% - 325px); position:relative; height:52px; display:inline-block;}
.total .money span{ position:absolute; right:20px; top:3px;}
.total .money p{ text-align:right; font-size:25px; padding-right:15px; background:url(../images/others/line_04.jpg) right 50% no-repeat; display:inline-block;}
.total .money font{ text-align:right; color:#ff4800; font-size:32px; font-family:'Fjalla One'; padding-left:15px;display:inline-block; }

.agree_icon{ vertical-align:top;cursor:pointer;  display:block; width:300px; padding:10px 20px; text-align:center; font-size:24px; color:#fff; border-radius:5px; margin:auto; text-align:center; border:none; background:#27cdd2;}
.agree_icon:hover{ background:#2798d2; transition:0.5s;}

/*訂購表單*/

.final_txt{ display:inline-block; width:65%; margin-top:50px; min-height:400px;}
.final_txt p{ display:block; font-size:23px; margin-bottom:10px; font-weight:bold;}
.final_txt font { color:#167bc9; font-weight:normal;}
.final_txt a { color:#167bc9; text-decoration:underline;}


.order{ display:inline-block; width:65%; }
.order_data_tit{ display:block; margin-bottom:10px;}
.order_data_tit i{ display:inline-block; margin-right:10px; width:35px; height:35px; border-radius:50%; background:#0e428a; text-align:center; color:#fff; font-family:'Fjalla One'; font-size:23px; font-style:normal;}
.order_data_tit p{ display:inline-block; font-size:18px; }
.order_data_tit p:nth-of-type(2){ padding-left:147px;}
.order_data_tit b{ display:inline-block; font-size:21px; color:#167bc9;  margin-right:10px;}


.order_data{ display:block; }
.order_data ul{ display:block; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; padding-left:3px; margin-bottom:25px;}
.order_data li textarea{ display:block; width:100%; height:70px; border:none; }
.order_data li .gender{font-size:15px; color:#585858; padding-top:6px; display:inline-block;}
.order_data li .gender span{ display:inline-block; margin-left:8px;}
.order_data li .gender span input{ margin:5px 5px 0 0;}
.order_list_tit{ display:block; background:url(../images/others/icon_17.jpg) left 50% no-repeat; padding-left:15px; /*font-size:15px; color:#585858;*/ font-size:20px; color:#1b9ad7;}





.short{ display:inline-block; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:10px; width:calc(100%/3 + 0.8px); margin-left:-3px; background:#fff;vertical-align:top; }
.long{display:block; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:10px; background:#fff; width:calc(100% - 0.8px); height:90px;vertical-align:top; }
.short p{ display:block; width:100%;font-size:17px; margin-bottom:5px; vertical-align:top; text-align:left; }
.long p{ display:block; width:100%;font-size:17px; margin-bottom:5px; vertical-align:top; text-align:left; }
.long_id{display:block; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:10px; background:#fff; width:calc(100% - 0.8px); height:90px;vertical-align:top; }
.long_id p{ display:block; width:100%;font-size:17px; margin-bottom:5px; vertical-align:top; text-align:left; }



.cbox{ display:inline-block; padding:7px 6px; border:none; background: #E3E3E3; border:1px solid #fff; font-size:17px; width:50%; color:#467084;}
.cbox_02{ display:block; padding:6px; background:#E3E3E3; border:1px solid #fff; font-size:17px; width:100%; height:39px; color:#467084;}
.cbox_03{ display:block; padding:10px; background:#E3E3E3; border:1px solid #fff; font-size:17px; width:100%; }
.cbox_04{ display:block; padding:6px; background:#E3E3E3; border:1px solid #fff; font-size:17px; width:70%; height:39px; color:#467084;}


.pay{ display:inline-block; width:26%; height:auto; margin-right:15px; margin-top:10px;}
.pay img{ display:block; border:1px solid #d8d8d8; margin-bottom:10px; width:100%; height:auto;}
.pay p{ display:block;font-size:18px; color:#585858;}
.pay input{ margin:7px 5px 0 5px;}




.travel{ position:absolute; right:0; top:75px; border:1px solid #d8d8d8; width:calc(100% - 65% - 90px); background:#fff; vertical-align:top; }
.travel b{ display:block;font-size:18px; color:#1d9ad7; line-height:24px; padding:17px; }
.travel ul{border-bottom:1px solid #d8d8d8; padding:0 15px 15px 15px;}
.travel li{ display:block; margin-bottom:13px; position:relative;  }
.travel li p{  display:block;font-size:18px; font-weight:bold; margin-bottom:3px; }
.travel li .house{ position:absolute; right:0; top:3px; font-size:18px; color:#e11f6d; font-weight:bold; padding-left:10px; background:url(../images/others/icon_19.png) left 50% no-repeat;}
.travel li span{ display:block; padding:6px; border:none; background:#eceeee; font-size:18px; margin-bottom:7px; color:#1d9ad7}
.travel li table{ display: inline-table;  margin-bottom:6px; background:#eceeee; width:100%;}
.travel li th{ font-weight:bold; font-size:18px; padding:6px;  }
.travel li td{ font-size:18px; text-align:right; padding:6px 20px; text-align:right; color:#1d9ad7; }

.travel .settlement{ display:block; position:relative; padding:15px; height:75px;}
.travel .settlement p{ font-size:18px; font-weight:bold;}
.travel .settlement .setmny{ color:#ff4800; font-size:35px; position:absolute; right:15px; top:15px; font-family:'Fjalla One'; }
.travel .settlement .setmny font{ font-family:'微軟正黑體'; font-size:25px;}


.sure{ display:block; margin:40px  auto;}
.sure_icon{ display:inline-block; background:#ff0576; border-radius:6px; padding:15px; font-size:20px; letter-spacing:3px; color:#fff; text-align:center;  border:none; width:300px; cursor:pointer;}
.sure_icon:hover{ background:#ba004d; transition:0.5s; border:none;}



a.back_icon{ float:left; display:inline-block; border-radius:6px; padding:13px 15px; width:300px; background: #8E8E8E ; color:#fff; font-size:20px; text-align:center; margin-right:20px;}
a:hover.back_icon{ background: #3D3D3D; transition:0.5s;}

 
/*景點介紹*/
.place_bg{background: url(../images/others/place_bg.png) 50% 0 no-repeat fixed;}

.place_search{ display:block; width:100%;   background:#fff url(../images/idx/girl_ap.png); margin:auto auto 50px auto; padding-top:15px;}

.place{ display:block; width:1400px; margin:auto;}

.place li{ display:inline-block; width:calc(100%/4 - 23px); margin-right:calc(20px*4/3); margin-bottom:30px;  position:relative;  }
.place li:nth-child(4n){ margin-right:0;}
.place li .photo{ display:block; overflow:hidden; width:100%; height:auto;  border-radius:4px;}
.place li .photo img{ width:100%; height:auto; display:block; transition:all ease 0.8s; border-radius:4px;}
.place li:hover .photo img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.place li a{  width:100%; }
.place li b{ position:absolute; left:0; bottom:0; width:100%; border-radius:0 0 4px 4px; background:url(../images/others/black_ap.png) left bottom; text-align:center; color:#fff; font-size:24px; text-shadow:0px 0px 5px #333; padding:7px 10px; z-index:10;}


.area{ display:inline-block; background:#27cdd2; width:calc(100%/2 - 15px); margin-right:27px;  padding:0 10px 5px 10px;}
.area li{ display:inline-block;  padding-right:30px;}
.area li a{ font-size:28px; color:#fff; background:url(../images/others/icon_06.png) left top no-repeat; padding-left:40px; padding-top:15px;}
.area li:hover a{background:url(../images/others/icon_06_f2.png) left top no-repeat; padding-left:40px;  color:#f6f42c; }
.area li a.on{color:#f6f42c; background:url(../images/others/icon_06_f2.png) left top no-repeat; padding-left:40px;}

.city{ display:inline-block; background:#27cdd2; width:calc(100%/2 - 17px); padding:0 10px 5px 10px; position:relative;}
.city select{ width:250px; border:none; padding:4px 10px; font-size:18px; position:absolute; right:10px; top:8px;}
.city p{ display:block; font-size:28px; font-weight:bold; color:#fff; }



.turn{ display:inline-block; width:calc(100%/2 - 25px); margin-right:30px;}
.place_txt{ display:inline-block; width:calc(100%/2 - 20px); vertical-align:top; background:#fff; padding:20px;}
.place_txt img{ display:block; max-width:100%; height:auto;}
.place_txt b{ display:block; font-size:36px; color:#27cdd2;}

.place_txt p{ display:block; font-size:17px; line-height:30px; color:#484e4e;}


/*景點圖輪播*/
		.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;   }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0; width:100%  }
		.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; height:auto; }
		.slideBox .bd img{ width:100%; height: auto; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:0%; top:50%; margin-top:-25px; display:block; width:50px; height:100px; background:url(../images/others/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:-13px; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }





/*最新消息*/


.news_bg{	background: url(../images/others/news_bg.jpg)  50% top no-repeat fixed; }

.news{ display:block;}

.news ul{display:block; width:1400px; margin:auto; }
.news li{ display:inline-block; width:calc(100%/2 - 34px);box-shadow:0 0 8px #333333; margin-right:30px; background:#fff; margin-bottom:40px; height: auto; overflow-y:hidden; padding:20px 0 15px 0;}
.news li:nth-child(2n){ margin-right:0;}
.news li:hover{ box-shadow:0 0 15px #333333;}
.news li .npic{ display:inline-block; width:calc(100%/2 - 4px); overflow:hidden;}
.news li .npic img{ width:100%; height:auto; display:block; transition:all ease 0.8s;}
.news li:hover .npic img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}


.news li .ntxt{ display:inline-block; width:calc(100%/2 - 44px); padding:0px 20px 30px 20px; background:#ffffff; vertical-align:top;}
.news li .ntxt .ndate{ display:block; text-align:center; padding-top:10px; margin-bottom:15px; font-size:16px; vertical-align:top; font-family:'Ubuntu';   background:url(../images/others/line_03.jpg) 50% bottom no-repeat; padding-bottom:4px;}
.news li .ntxt b a{ display:block; font-size:20px; color:#000; text-align:left; line-height:26px; margin-bottom:10px;}
.news li:hover .ntxt b a{ color:#38bbbe;}
.news li .ntxt p{ display:block; font-size:16px; color:#000; line-height:28px; text-align:left;}


.news_data{ display:block; background:#fff; height: auto;}
.news_detail{ display:block;  padding:0 20px 60px 20px; background:#fff;}
.news_detail .news_item{ display:block; font-size:26px; padding-bottom:5px; }
.news_detail .news_date{ display:block; text-align:right; width:100%; border-top:1px solid #000; font-size:20px; color:#27cdd2; font-family:'Ubuntu'; padding-top:10px; margin-bottom:0px;}
.edit_news{ display:block; min-height:400px; overflow-y:auto;}
.edit_news p{ font-size:20px; line-height:28px;}



/*聯絡我們*/
.contact_bg{background:url(../images/others/contact_ap.png) 50% 30% no-repeat fixed; display:block; }


.contcat_form{ display:inline-block; width:60%; margin-right:30px; background: url(../images/others/white_ap.png); padding:45px; margin-bottom:100px; vertical-align:top;}
.citem{ display:inline-block; width:calc(100%/2 - 17px); margin-right:30px; border-bottom:1px solid #000; margin-bottom:30px;}
.citem label{ display:inline-block; font-size:20px; color:#000; margin-right:10px; width:80px;}
.citem:nth-child(2){ margin-right:0;}

.citem_02{ display:inline-block; width:100%; border-bottom:1px solid #000; margin-bottom:30px;}
.citem_02 label{ display:inline-block; font-size:20px; color:#000; margin-right:10px; }
.citem_02 textarea{display:block; border:none; background-color: transparent; font-size:17px; border:1px solid #000; border-width:1px 1px 0 1px; padding:10px; width:100%; height:80px;}

.clist{ display:inline-block; width:calc(50% - 2px);  position:relative; vertical-align:top; }
.clist:nth-child(2){ margin-right:0;}

.citem_03{ display:block; width:80%; border-bottom:1px solid #000;}
.citem_03 label{ display:inline-block; font-size:20px; color:#000; margin-right:10px;}


.contact_box{ display:inline-block; border:none; background-color: transparent; font-size:17px;  }

.code{ display:block; margin-top:8px;}

.send_icon{ position:absolute; right:0; top:10px; border:3px solid #000; display:block; font-size:20px; color:#000; text-align:center; background-color: transparent; border-radius:4px; width:100%; padding:10px 0;}
.send_icon:hover{ color:#fff; background:#000; transition:0.5s; cursor:pointer;}



.information{ display:inline-block; width:calc(100% - 60% - 34px);}
.information span{ display:block; padding:15px 20px 25px 20px; background:#074ead;}
.information b{ display:block; color:#26c9ce; font-size:36px; letter-spacing:3px; text-align:center; background: url(../images/idx/line.jpg) 50% bottom no-repeat; padding-bottom:5px; margin-bottom:15px;}
.information p{ display:block; padding-left:35px; font-size:16px; margin-bottom:5px; color:#fff;}
.information p.ipic_01{ background: url(../images/others/icon_03.png) left 50% no-repeat;}
.information p.ipic_02{ background: url(../images/others/icon_04.png) left 50% no-repeat;}
.information p.ipic_03{ background: url(../images/others/icon_05.png) left 50% no-repeat;}

.map{ display:block; width:100%; }
.map iframe{ width:100%; height:277px;}


@media only screen and (max-width:1699px)
{

.group_item{ display: block; width:100%;}

.page_group{ width:100%;}
.group_top{ display:block; padding-top:120px;}

.group_search{ display:block; width:100%; /*margin-top:150px;*/ background:#fff;}
}



@media only screen and (max-width:1550px)
{
/*景點介紹*/
.area{ display:inline-block; width:60%;}
.city{ display:inline-block; width:calc(100% - 60% - 31px); }

}

@media only screen and (max-width:1399px)
{
.main{display:block; width:100%; padding:0 0 80px 0; }

.page{/*margin-top:170px;*/ padding-top:40px;width:100%;}
.place{ width:100%;}
.page_information{ display:block; width:100%;}

/*訂購表單*/
.order{ width:70%;}
.travel{ width:calc(100% - 70% - 30px);}

/*最新消息*/
.news_detail{ width:100%;}
.news ul{display:block; width:100%;}
	
/*景點介紹*/
.place{ width:100%; }
.area li{ display:inline-block;  padding-right:15px;}
.area li a,.area li:hover a,.area li a.on{ padding-left:30px; font-size:23px;}


.city p{ font-size:23px; font-weight: normal;}
.city select{ width:180px; border:none; padding:2px 7px; font-size:16px; position:absolute; right:10px; top:8px;}



/*精選行程詳細頁*/
.group_item ul{ width:100%;}

/*訂購流程*/
.order_item ul{ width:100%;}

/*訂購流程*/
.box-wrap{ display:inline-block; width:calc(100%/3 - 22px); margin-right:18px; vertical-align:top;}


/*行程簡介*/
.route_data{ display:inline-block; width:calc(100% - 37% - 44px); margin-right:40px; position:relative;}
.route_list{ width:37%;}


/*公司簡介*/
.about_txt{padding:0 48% 0 20px; background-size:50%;}
	}
	
	
@media only screen and (max-width:1250px)
{
.travel{ position: inherit; display:block; top:0; width:100%; margin-bottom:40px; }
.order{width:100%;}
	}




@media only screen and (max-width:1024px)
{
/*公司簡介*/
 .about li .apic b{ font-size:36px;}
/*最新消息*/
.news li .npic{ display:block; width:100%;}
.news li .ntxt{ display:block; width:100%; }

/*景點介紹*/
.place li{ display:inline-block; width:calc(100%/3 - 12px); margin-right:15px;  }
.place li:nth-child(4n){ margin-right:15px;}
.place li:nth-child(3n){ margin-right:0px;}
.place li b{ font-size:18px; font-weight:normal;}


/*精選行程*/
.stroke li{ display:inline-block; width:calc(100%/3 - 12px); margin-right:15px; }
.stroke li:nth-child(4n){ margin-right:15px;}
.stroke li:nth-child(3n){ margin-right:0px;}


/*行程簡介*/
.route_data{ display:inline-block; width:calc(100% - 40% - 34px); margin-right:30px; position:relative;}
.route_list{ width:40%;}


.turn{ display:block; width:100%; margin-right:0px;}
.place_txt{ display:block; width:100%;}

}

@media only screen and (max-width:990px)
{
/*公司簡介*/
.about_txt{padding:0 20px 0 20px; background-image:none; width:100%; }
.safe_txt{ padding:0;}
	
/*景點介紹*/
.area{ display: block; width:100%; margin-right:0;}
.city{ display: block; width:100%;}	

/*精選行程_詳細頁*/
.group_item li{ font-size:18px;}
.specil{padding-top:55px; display:block;}
.specil_02{padding-top:80px; display:block;}
/*訂購流程*/
.order_item{ margin-top:0px;}
.order_item li{ font-size:18px;}
.short{ display:inline-block; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:10px; width:calc(100%/2 + 0.8px); margin-left:-3px; background:#fff;vertical-align:top; }
.long_id{width:calc(100%/2 - 2px ); display:inline-block;}
.cbox_04{ width:100%;}



/*模組*/
.edit_route img{ display:block; margin-bottom: 10px; width: 100%; height: auto; }
.scenery_txt{padding: 20px; background:#fff; width:100%; height:100%; vertical-align:top; overflow-y:scroll;  }
.scenery_txt b{display:block; font-size:20px; margin-bottom:5px; line-height:27px;}
.scenery_txt p{ display:block; font-size:15px; line-height:24px;}

.module_01 li{ display:block; margin-bottom:20px; width:100%; margin-right:0;}


.module_02 li{ display:inline-block; width:calc(100%/2 - 10px); margin-right:10px; margin-bottom:30px;}
.module_02 li:last-child{ margin-right:0;}
.module_02 li:nth-child(2n){ margin-right:0;}
	}
	
@media only screen and (max-width:880px)
{
.group_item{ display: block; width:100%; background:#000;  margin:auto; text-align:center; }


.group_top{ display:block; padding-top:0px;}
.page{/*margin-top:100px;*/ padding-top:20px;width:100%;}

.page_group{ padding-top:20px;}
.group_search{ display:block; width:100%;/* margin-top:63px;*/ background:#fff;}

.contcat_form{ display:block; width:100%; margin-right:0;margin-bottom:30px; padding:20px;}
.information{ display:block; width:100%; margin-bottom:60px;}
.citem{ display:block; width:100%; margin-right:0px;}
}

@media only screen and (max-width:768px)
{
	
.group_item{ display: block; width:100%; background:#000;  margin:auto; text-align:center;}


.group_top{ display:block; padding-top:0px;}
.page{/*margin-top:140px;*/ padding-top:20px;width:100%;}
	
	
	
/*景點介紹*/
.place li{ display:inline-block; width:calc(100%/2 - 10px);  }
.place li:nth-child(4n){ margin-right:0px;}
.place li:nth-child(3n){ margin-right:15px;}
.place li:nth-child(2n){ margin-right:0px;}
	
/*每日行程*/
.hotel li{ display:block; margin-bottom:8px; width:100%; }	
.hotel li:nth-child(2){ border-top:1px solid #27cdd2; padding-top:6px;}	
.hotel li.hicob_02{ background-position: left 10px;}
	
/*精選行程*/
.stroke li{ display:inline-block; width:calc(100%/2 - 10px);  }
.stroke li:nth-child(4n){ margin-right:0px;}
.stroke li:nth-child(3n){ margin-right:15px;}
.stroke li:nth-child(2n){ margin-right:0px;}

/*行程簡介*/
.route_data{ display:block; width:100%; margin-right:0px;}
.route_list{ display:block; width:100%; margin-top:30px; margin-bottom:50px; }
.route_data h2{ display:block; margin-bottom:15px; font-size:24px; color:#27cdd2; line-height:28px; font-weight:normal; }


/*訂購流程*/
.box-wrap{ display:block; width:100%; margin-right:0; margin-bottom:20px; }
.total_icon{ width:200px;}
.total .money{  width:calc(100% - 225px);}

/*精選行程_詳細頁*/
.group_item li{ text-align:center; width:calc(100%/3 - 4px); padding:7px 0;}

/*飯店*/
.hotelBox{display: block; vertical-align: top; width: 100%; margin-right:0; margin-bottom:20px;}
.edit_hotel {
    display: block;
    vertical-align: top;
    width: 100%;
}

/*模組*/
.module_01 li{display:block; margin-bottom:20px; }
.module_01 td{ display: block; width:100%; }
.module_02 li{ display:block; margin-bottom:20px; width:100%; margin-right:0; }


/*訂購流程*/
.pay{ width:100%; display:block; margin-bottom:10px;}
.pay img{ width:40%; display:inline-block;}
.pay p{ display:inline-block; vertical-align:top; margin-left:15px;}

/*公司簡介*/
 .about{ display:block; margin-bottom:60px; }
 .about li{ display:block; width:100%; margin-right:0px; margin-bottom:30px; background:#383c3c; vertical-align:top;}


 
 .about_down{ display:block;margin-bottom:30px;  }
 .about_down ul{ padding:0; margin:0;}
.about_down li{ display:block; width:100%; margin-right:0px;background:#383c3c; vertical-align:top;}


.about_txt{ display:block; margin-bottom:60px;}
.about_txt span{ display:block; width:100%; vertical-align:top; padding-top:0px;}
.about_txt span p{ display:block; padding-left:25px; margin-bottom:10px; background:url(../images/others/icon_20.jpg) left 50% no-repeat; font-size:20px; color:#044cbe;}
.about_txt em{ display:block; width:100%; vertical-align:top;}

.order_data_tit p:nth-of-type(2){ padding-left:8px;}
	}
	
	
	
@media only screen and (max-width:580px)
{
.page_tit{  font-size:35px; padding-bottom:20px; }

/*最新消息*/
.news ul{ padding:0 20px;}
.news li{ display:block; margin-right:0; width:100%;}

.total_icon{ width:100%; display:block; margin-bottom:20px;}
.total .money{ width:100%; display:block;}


/*訂購流程*/
.short{ display:block; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:10px; height:90px; width:100%; margin-left:-3px; background:#fff;vertical-align:top; }
.long_id{ display:block; width:100%;}
.staging02{ display: inline-block;  margin:15px 0 15px 0px; padding:4px 15px; border:1px solid #C4C4C4; }

	}
	
@media only screen and (max-width:480px)
{
/*景點介紹*/
.place li{ display:block; width:100%; margin-right:0px;  }
.place li:nth-child(4n){ margin-right:0px;}
.place li:nth-child(3n){ margin-right:0px;}
.place li:nth-child(2n){ margin-right:0px;}

.stroke li{ display:block; width:100%; margin-right:0px;  }
.stroke li:nth-child(4n){ margin-right:0px;}
.stroke li:nth-child(3n){ margin-right:0px;}
.stroke li:nth-child(2n){ margin-right:0px;}



/*訂購流程*/
.pay{ width:100%; display:block; margin-bottom:25px;}
.pay img{ width:100%; display:block;}
.pay p{ display:block; vertical-align:top; margin-left:0;}

	}