/*其他------------------------------------- */
body{overflow-x: hidden;}
.big-link {display: block;text-align: center;color: #fff;position: relative;}
.clr {clear: both;}
.text-center{text-align: center;}
.text-center-m {
	text-align: center;
}
*, input{outline:none;}
*:before, 
*:after {box-sizing: inherit;}
.clr { clear:both; }
.txt_red{ color:#C00;}
.txt_red a{text-decoration:none;color:#0067b8; }
#goToTop {position: fixed;z-index:999;bottom:5%;right:2%;height:80px;width:80px;border-radius: 50%;text-align:center; line-height:80px;cursor: pointer;background-color: #494848;color: rgb(255, 255, 255);}
/* #goToTop {position: fixed;z-index:999;bottom:5%;right:0%;height:150px;width:150px;background: url(../images/icon_top.svg)no-repeat center top;} */
#goToTop a {height:80px;width:80px;display: block;color: rgb(255, 255, 255);}
#goToTop a:hover{color:#ffffff;background-color:#000000;border-radius: 50%;}
/*SHARES 分享------------------------------------------------*/
#SHARES {position:fixed;z-index:999;top:40%;right:0;width:100px;background-color:rgba(255,255,255,0.5);border-radius:15px 0 0 15px; }
#SHARES ul { padding:5px 0;margin:0;text-align: center;font-size:0.9em;line-height:1em; color: #575757;}
#SHARES li { margin:10px 0;}
#SHARES li a {display: block; height:80px;width:80px;display: block;}
#SHARES .S_line{background: url(../images/icon_line.svg)no-repeat center top;}
#SHARES .S_wechat{background: url(../images/fvicon_wechat.svg)no-repeat center top;}
#SHARES .S_mail{background: url(../images/icon_mail.svg)no-repeat center top;}
#SHARES .S_pdf{background: url(../images/icon_pdf.svg)no-repeat center top;}

/* --電腦版型共用區塊------------------------------------- */

/* body {height:100vh; background:#fff url(../images/top_kv_bg.png) no-repeat  center top; position: absolute;} */


.uberwrap_tn {width:100%; margin:0 auto; padding:0 0; overflow: hidden;background:url(../images/top_kv_itf.jpg) no-repeat  center top;}
.wrap_cn {width:100%; margin:0 auto; padding:0 0; overflow: hidden;background:url(../images/top_kv_itf.jpg) no-repeat  center top;}
.uberwrap_cn {width:100%; margin:0 auto; padding:0 0; overflow: hidden;background:url(../images/top_uberkv_cn.jpg) no-repeat  center top;}
.content {margin:0 auto; padding:0;width: 100%;max-width: 1200px;}
.content h2{margin-bottom:20px; font-size:2.5em; text-align: center;font-weight:bold;} 
.content h2.step{background-color:#0073ac; }
.content h2.traffic{background-color:#6a3906;}
.content article{margin:5% ; display:flow-root;}
.content h3{font-size:1.6em;font-weight:bold; line-height:1.6em;text-align: center;}
.content h4{font-size:1.4em;font-weight:bold; line-height:1.4em; }
.content h5{font-size:1em;font-weight:bold; line-height:1.4em; }
.content .caption{ margin:0 25%;}
.content h4.Uber_Discount{text-align: center;font-size: 1.2em;font-weight: bold;}
.Uber .caption{font-weight: bold;text-align: center;font-size: 1.8em;}
.Uber .member{display: flex;flex-direction: row;justify-content: center;}
.ios-wrap{width: 200px;margin: 1%;}
.ios-wrap img{width:100%;}
.android-wrap{width: 200px;margin: 1%;}
.android-wrap img{width:100%}
.note{font-size:0.95em;margin:2% auto;}
span{border-top:solid 1px #ffaeae;}
.Freecoupon h2 span,.step_box h2 span,.traffic h2 span{background-color:#fff; text-align:center;display: inline-block;padding: 0 20px;}
/* list type */
.list-type1 li{ padding-left:5px; margin-left:20px; list-style:decimal; line-height: 25px; margin-bottom: 5px;text-align: justify;font-size:0.9em;}
/* --kv------------------------------------- */
/*#ad_kv_tn,#ad_kv_cn{ height: 900px; margin:0 auto;background:url(../images/top_kv.png) no-repeat  center top;}/*
/* #ad_kv_tn,#ad_kv_cn{ height: 900px; margin:0 auto;background:url(../images/top_kv.png) no-repeat  center top;} */
/*header----------------------------------------------------*/ 
#menu {top: 1%;right:10%; z-index: 999;position: absolute; font-size:.7em;} 
#menu ul {padding: 0;list-style: none;position: relative;display: inline-block;width:110px;}
#menu ul li {padding: 0;}
#menu ul li.line a{border: none;}
#menu ul li:hover {cursor: pointer;}
#menu ul li a {display: block;padding:5px 5px 5px 30px;color: black;text-decoration: none;}
.Language ,.Language a{background:url(../images/icon_world.svg) no-repeat 5px 12px; padding-left: 15px; border: none; }
#menu ul ul {display: none;padding: 0px;width:100%;position: absolute;top: 100%;background-color:rgba(255,255,255,0.5);    border-radius: 5px;}
#menu ul li:hover > ul {display: block;}
#menu ul ul li a{float: none;text-align:left;position: relative;border-bottom: 1px dashed #000;background-image: none; padding: 5px 10px; margin:0 5px; }
#menu ul ul li a:hover{ color: #a20000;}
#menu ul ul ul {position: absolute;top:-1px;left: 100%;width: 100%;}

/*qrcode----------------------------------------------------*/
.qrcode{margin:0 auto; text-align: center;}
.qrcode img{background:#fff ;width:100%;; border:solid 1px #eeefef; margin: 0 5%; text-align:center;max-width: 120px;}
.qrcode h4{width:100%;/*margin-left:250px; text-align: left*/;text-align: center; display:block; color: #000;margin: 20px auto;}
.qrcode h4 span{color: #2d7cd1;}
/*自由行優惠券----------------------------------------------------*/


.Freecoupon,.step_box{ margin:50px auto;}
.Freecoupon h2.title{color: #693b90; margin:30px auto 3%;}
	.Freecoupon h2 span {
		background-color: #fff;
		text-align: center;
		display: inline-block;
		padding: 0 20px;
		line-height: 50px;
	}
.Freecoupon h3{color:#693b90; font-size:1.2em; text-align:center; font-weight:bold;margin:2% 5%;}
.Freecoupon h4{font-size: 1.2em; text-align: center;}
.Freecoupon figcaption{ margin:20px auto ;}
.Freecoupon figcaption span{text-align:center; display: block;}
.Freecoupon figcaption span.beauty{ border-bottom:solid 2px #f5b5c2;font-weight: bold;padding-bottom: 5px; }
.Freecoupon figcaption span.luxury{ border-bottom:solid 2px #8ab4b9;font-weight: bold;padding-bottom: 5px;}
.Freecoupon figcaption span.food{ border-bottom:solid 2px #f7d0ad;font-weight: bold;padding-bottom: 5px;}
.Freecoupon figure {width:100%;border-radius:20px; margin:3% auto; padding:0 0; }
.Freecoupon figure.beauty {background-color: #f5b5c2; }
.Freecoupon figure.luxury {background-color: #8ab4b9; }
.Freecoupon figure.food {background-color: #f7d0ad; }
.Freecoupon figure .coupon-card{ width:90%; display: block; border-right:dotted 8px #fff; height: 100%; padding:5% 8%;font-weight:bold;text-align: center;min-height: 210px;}
.Freecoupon figure .coupon-card p{font-size:1.8em; color:#fff; text-align: center;letter-spacing:0; line-height:35px}
.Freecoupon figure .coupon-card small{font:15px/1.4 "微軟正黑體" ; text-align: center;margin-top: 10px;display: block;color: #FFF;}
.Freecoupon figure .coupon-card .cash { color: #fff;margin-top: 75px; display:inline-block;    }
.Freecoupon figure .coupon-card .cash span{float:left; width: 106px;font-size:2.3em;line-height:0.9em;margin:-8px 0 0 55px; } 
.Freecoupon figure .coupon-card .cash .meter{float:left;font-size:6.5em;}
.Freecoupon figure .coupon-card .cash .meter.beauty{ letter-spacing:0px;margin:5px 0 0 0;}
.Freecoupon figure .coupon-card .cash .meter.luxury{ letter-spacing:-5px;margin:5px 0 0 -5px;}
.Freecoupon figure .coupon-card .cash .meter.food{ letter-spacing:0px;margin:5px 0 0 0;}
	/* .Freecoupon figure .coupon-card .barcode{width:450px; height: 70px;margin:20px auto 0 auto;} */
/* .Freecoupon figure .coupon-card .barcode.beauty{background:#fff url(../images/coupon_beauty.jpg) no-repeat center top;  } */
/* .Freecoupon figure .coupon-card .barcode.luxury{background:#fff url(../images/coupon_luxury.jpg) no-repeat center top;  } */
/* .Freecoupon figure .coupon-card .barcode.food{background:#fff url(../images/coupon_food.jpg) no-repeat center top; } */
/*市區購物3步驟----------------------------------------------------*/
.step_box h2.title{color:#693b90; margin:0 auto;} 
.step_box h3{color:#693b90; font-size:1.2em; text-align:center; font-weight:normal;margin:1% 5% 2% 5%;}
.step_box figure .step123{margin:100px auto; padding:0 100px; clear:both;}
.step_box figure .step123 h4{color:#1568ae; font-size:5em;text-align:center; font-weight:bold; float: left;padding-right: 50px;} 
.step_box figure .step123 h4 span{color:#7bcaf3; font-size:0.4em; text-align:center; font-weight:bold;}  
.step_box figure .step123 p {font-weight:bold;font-size:1.3em;width:100%;color:#002a40;text-align: start;padding: 50px 50px;}
/*交通資訊----------------------------------------------------*/
.traffic h2.title{color:#693b90;}  
.traffic h3.map{background:url(../images/icon_map.svg) no-repeat left top; color:#a20000; font-size:1.2em; text-align:left; font-weight:bold; padding-left:40px; margin:0 0 20px 0;clear: both;}
.traffic p {float:left;font-size:0.9em;margin-bottom: 10px;}
/*footer----------------------------------------------------*/ 

/*中獎名單表格樣式------------------------------------------------*/
/* .rwd_table{width:100%; border:3px solid #fff;font-family:"微軟正黑體"; color:#000; font-size:0.5em;} */
.rwd_table{width:100%; margin:5% auto; border:3px solid #fff;font-family:"微軟正黑體"; color:#000; font-size:0.8em;}
.rwd_table td.a_title{width:5%;margin:0 2%;border:3px solid #fff;font-weight:bold;font-size:1em;text-align: center;}
.rwd_table td.a01_01{ background-color:#fde8b1;vertical-align: middle;width:15%;}
.rwd_table td.a02_01{ background-color:#ffd1d1;vertical-align: middle;width:15%;}
.rwd_table td.a03_01{ background-color:#c4efff;vertical-align: middle;width:15%;}
.rwd_table td.a04_01{ background-color:#b9e986;vertical-align: middle;width:15%;}
.rwd_table td em{ display:block;font-size:0.8em;}
.rwd_table td{border:3px solid #fff;margin:0 5%; text-align: center;}
.rwd_table td.a01{ background-color:#fff5da;width:10%; vertical-align: middle;text-align: center;}
.rwd_table td.a02{ background-color:#ffeced;width:10%;vertical-align: middle;text-align: center;}
.rwd_table td.a03{ background-color:#e5f8ff;width:10%;vertical-align: middle;text-align: center;}
.rwd_table td.a04{ background-color:#e6f7d3;width:10%;vertical-align: middle;text-align: center;}
.rwd_table th.a01,.rwd_table th.a02,.rwd_table th.a03,.rwd_table th.a04{ width:25%;}
.rwd_table td li{ display:block;font-weight:normal ;}
@media (max-width:1024px) {
	.rwd_table{ border:none; width:90%;margin: 10px 10px 0 10px;}
}


@media screen and (min-width:320px)and (max-width:767px){ 
	.rwd_table{ border:none; width:100%;}
	.table-responsive{
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.table-responsive table{
		width:100%;
		white-space: nowrap;
	}
	.rwd_table td.a_title{border:3px solid #fff;font-weight:bold;font-size:0.8em;}
	.rwd_table td{font-size:0.6em;}
	.rwd_table td.a01, .rwd_table td.a02,.rwd_table td.a03,.rwd_table td.a04{width:100%;padding: 0 10px;}
	.rwd_table td.a01_01, .rwd_table td.a02_01,.rwd_table td.a03_01,.rwd_table td.a04_01{width:100%;padding: 0 10px;}

	/* .table-responsive{display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
	.table-responsive table{width:100%;white-space: nowrap;} */
	/* .rwd_table{ border:none; width:98%; margin:0 2%;}
	.rwd_table thead{ display: block;}
	.rwd_table td.a_title{width:100%;padding:2% 0; text-align: left; border:1px solid #fff; text-align:center;font-weight:bold;font-size:1.6em;}
	.rwd_table td{display:none; border:1px solid #f8bb3d;padding:1% 0;}
	.rwd_table tr{ display: block; }
	.rwd_table td{ display: block; text-align:center; border:none; padding-top:5px; padding-bottom: 5px;border-collapse:collapse;border:1px solid #fff;}
	.rwd_table td + td{border-collapse:inherit;} 
	.rwd_table td ul{margin-top:-22px;}
	.rwd_table td li{ text-indent:-0em;}
		.rwd_table td em{ font-size:0.6em;}
	.rwd_table td.a01, .rwd_table td.a02,.rwd_table td.a03,.rwd_table td.a04{width:100%;}
	.rwd_table td:before{ content:attr(data-title)'   '; 
						color:#e80f64; 
						display:inline-block; 
						text-align:center; vertical-align: middle;}
	.rwd_table td:first-child:before{ color:#000;display:contents;}
	.rwd_table td:first-child{text-indent: 0; text-align:center;padding-right:0; color:#000;height:100%;font-weight:bold; margin-top: 20px;}
	.rwd_table td:first-child.a01_01{background-color:#fde8b1;}
	.rwd_table td:first-child.a01_02{background-color:#ffd1d1;}
	.rwd_table td:first-child.a01_03{background-color:#c4efff;}
	.rwd_table td:first-child.a01_04{background-color:#b9e986;}
	.rwd_table td:first-child + td {border: none; color:#000;vertical-align: middle;}  */
}

@media (max-width:321px) {
	.rwd_table{width:90%;  margin:0 5%;}
}
* {
	box-sizing: border-box;
}
/* Create two equal columns that floats next to each other */
.column {
	float: left;
	width: 50%;
	padding: 10px;
}
.column-all {
	margin: 10px 10%;
	width: 80%;
	padding: 10px;
	font-size: 1.5em;
	font-weight: bold;
	color: #a20000;
}
.column100 {
	float: left;
	width: 100%;
	padding: 10px;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}
.text-y {
	color: #fff;
}
.text-blue {
	color: #0073ac;
}
.text-r {
	color: #C00;
}
.text-b {
	font-weight:bold;
}

@media (max-width:1024px) {
	.column {
		float: left;
		width: 100%;
		padding: 10px;
	}

}


.Freecoupon h2.title span,
.step_box h2.title span,
.traffic h2.title span{
	position: relative;
}


.Freecoupon h2.title span::before,
.step_box h2.title span::before,
.traffic h2.title span::before{
	content: "";
	width: 40%;
    left: -19%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 1px;
    background: #693b90;
    display: inline-block;
    position: absolute;
}
.Freecoupon h2.title span::after,
.step_box h2.title span::after,
.traffic h2.title span::after{
	content: "";
	width: 40%;
    right: -57%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 1px;
    background: #693b90;
    display: inline-block;
    position: absolute;
}