body, html {
	min-width: 320px;
	font-family: Arial,"Heiti TC","微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU", Sans-Serif;
	line-height: 1.444;
	letter-spacing: 1px;
}
a, a:link, a:visited, a:hover, a:active {
	color: #000;
	text-decoration: none;
}
.hidden, .author {
 display: none;   
}
header {
	width: 100%;
	height: 55px;
	background-color: #eee;
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
}
.scroll-active header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
}
.header-inner {
	width: 960px;
	margin: 0 auto;
	padding-top: 5px;
	position: relative;
}
.header-logo {
	position: absolute;
	display: block;
	width: 135px;
	height: 40px;
	left: 0;
	top: 3px;
	background: url('../images/for-dummies-set.png') scroll no-repeat -470px -418px;
	text-indent: -9998px;
}
.site-group {
	position: absolute;
	left: 200px;
	top: 10px;
	margin: 0px;
	padding: 10px 0px 0px;
	list-style: outside none none;
}
.site-group > li {
	width: 105px;
	height: 30px;
	position: relative;
	float: left;
	margin-right: 35px;
	border-radius: 4px;
	cursor: pointer;
}
.site-group li > div {
	padding-top: 4px;
	color: #333;
	text-align: center;
}
.site-group li > div > a {
	color: #333;
	text-decoration: none;
}
.site-group li > div:hover {
	/*background-color: #428bca;*/
	background-color: #fd5e1f;
	border-radius: 4px;
	color: white;
	height: 26px;
	width: 105px;
}
/*.site-group > li:nth-of-type(1) > div:hover, .site-group > li:nth-of-type(2) > div:hover, .site-group > li:nth-of-type(3) > div:hover, .site-group > li:nth-of-type(4) > div:hover, .site-group > li:nth-of-type(5) > div:hover {
    width: 85px;
}*/
.site-group li > div:hover a {
	color: white;
}
.caret {
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-top: 4px solid;
	display: inline-block;
	height: 0;
	margin-left: 6px;
	vertical-align: middle;
	width: 0;
}
.icon-hot {
	background: url('../images/for-dummies-set.png') scroll no-repeat -800px -290px;
	height: 15px;
	width: 29px;
	position: absolute;
	top: -10px;
	right: 50%;
	margin-right: -14px;
}
.icon-new {
	background: url('../images/for-dummies-set.png') scroll no-repeat -830px -290px;
	height: 15px;
	width: 29px;
	position: absolute;
	top: -10px;
	right: 50%;
	margin-right: -14px;
}
.sub-site-list {
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	display: none;
	font-size: 14px;
	left: 0;
	list-style: outside none none;
	margin: 0;
	min-width: 160px;
	padding: 5px 0;
	position: absolute;
	top: 100%;
	z-index: 100;
}
.sub-site-list li { /* add */
	position: relative;
}
.sub-site-list a {
	display: block;
	color: #333;
	padding: 5px 20px;
	text-decoration: none;
	position: relative; /* add */
}
.sub-site-list a:hover {
	background-color: #f5f5f5;
}
.sub-site-list .caret {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	height: 0;
	width: 0;
	margin: -4px 5px 0 0;
	border-top: 4px solid rgba(0, 0, 0, 0);
	border-bottom: 4px solid rgba(0, 0, 0, 0);
	border-left: 4px solid;
}
.sub-sub-site-list {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	list-style: outside none none;
	margin: 0;
	min-width: 160px;
	padding: 5px 0;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	font-size: 14px;
}
.sub-sub-site-list li {
    width: 200px;
}
/*gotoTop按鈕*/
.scroll-active #gotoTop {
	opacity: 1;
	z-index: 9;
}
#gotoTop {
    width: 54px;
	height: 54px;
	position: fixed;
	right: 24px;
	bottom: 24px;
	opacity: 0;
	cursor: pointer;
	transition: all 0.5s ease 0s;
	background: url('../images/for-dummies-set.png') scroll no-repeat -416px -180px;
	border-radius: 4px;
}
article, footer {
	width: 100%;
}
/*banner區*/
#bannerArea {
	position: relative;
	width: 100%;
	/*min-width: 960px;*/
	/*height: 510px;*/
	margin: 0 auto 30px;
	padding-top: 27.083333%;
}
#bannerArea h1 {
	position: absolute;
	top: 40%;
	left: 8.5%;
	color: #FFF;
	font-size: 5.5vw;
	font-weight: bold;
	letter-spacing: 0;
	text-shadow: -1px 0 10px rgba(53, 81, 56, .4),
				 0 1px 10px rgba(53, 81, 56, .4),
				 1px 0 10px rgba(53, 81, 56, .4),
				 0 -1px 10px rgba(53, 81, 56, .4),
				 -1px -1px 10px rgba(53, 81, 56, .4),
				 1px -1px 10px rgba(53, 81, 56, .4),
				 -1px 1px 10px rgba(53, 81, 56, .4),
				 1px 1px 10px rgba(53, 81, 56, .4);
}
.main-slogan {
	position: absolute;
	top: 9%;
	right: 1%;
	color: rgba(32, 174, 255, 1);
	font-size: 2.5vw;
	font-weight: bold;
	letter-spacing: 2px;
	text-shadow: 0px 0px 0px #FFF,
				 -0px 0px 0px #FFF,
				 -0px -0px 0px #FFF,
				 0px -0px 0px #FFF,
				 0px 1px 0px #FFF,
				 -0px 1px 0px #FFF,
				 -0px -1px 0px #FFF,
				 0px -1px 0px #FFF,
				 0px 2px 0px #FFF,
				 -0px 2px 0px #FFF,
				 -0px -2px 0px #FFF,
				 0px -2px 0px #FFF,
				 0px 3px 0px #FFF,
				 -0px 3px 0px #FFF,
				 -0px -3px 0px #FFF,
				 0px -3px 0px #FFF,
				 1px 0px 0px #FFF,
				 -1px 0px 0px #FFF,
				 -1px -0px 0px #FFF,
				 1px -0px 0px #FFF,
				 1px 1px 0px #FFF,
				 -1px 1px 0px #FFF,
				 -1px -1px 0px #FFF,
				 1px -1px 0px #FFF,
				 1px 2px 0px #FFF,
				 -1px 2px 0px #FFF,
				 -1px -2px 0px #FFF,
				 1px -2px 0px #FFF,
				 1px 3px 0px #FFF,
				 -1px 3px 0px #FFF,
				 -1px -3px 0px #FFF,
				 1px -3px 0px #FFF,
				 2px 0px 0px #FFF,
				 -2px 0px 0px #FFF,
				 -2px -0px 0px #FFF,
				 2px -0px 0px #FFF,
				 2px 1px 0px #FFF,
				 -2px 1px 0px #FFF,
				 -2px -1px 0px #FFF,
				 2px -1px 0px #FFF,
				 2px 2px 0px #FFF,
				 -2px 2px 0px #FFF,
				 -2px -2px 0px #FFF,
				 2px -2px 0px #FFF,
				 2px 3px 0px #FFF,
				 -2px 3px 0px #FFF,
				 -2px -3px 0px #FFF,
				 2px -3px 0px #FFF,
				 3px 0px 0px #FFF,
				 -3px 0px 0px #FFF,
				 -3px -0px 0px #FFF,
				 3px -0px 0px #FFF,
				 3px 1px 0px #FFF,
				 -3px 1px 0px #FFF,
				 -3px -1px 0px #FFF,
				 3px -1px 0px #FFF,
				 3px 2px 0px #FFF,
				 -3px 2px 0px #FFF,
				 -3px -2px 0px #FFF,
				 3px -2px 0px #FFF,
				 3px 3px 0px #FFF,
				 -3px 3px 0px #FFF,
				 -3px -3px 0px #FFF,
				 3px -3px 0px #FFF,
				 0px 0px 0px hsla(0,0%,0%,0);
}
.scroll-active #bannerArea {
	margin-top: 55px;
}

/*文字敘述區*/
#mainDescription {
	position: relative;
	width: 960px;
	margin: 0 auto 20px;
	padding: 0 10px 10px;
	font-size: 1.2em;
	line-height: 1.8em;
	box-sizing: border-box;
}

/*社群分享按鈕*/
.social-share-btn-area {
	position: relative;
	width: 320px;
	height: 64px;
	margin: 20px auto 60px;
	text-align: center;
}
.social-share-btn-area-2 {
	position: relative;
	width: 320px;
	height: 64px;
	margin: 20px auto 0;
	text-align: center;
}
.social-share-btn-area-3 {
	position: relative;
	width: 320px;
	height: 64px;
	margin: 20px auto 30px;
	text-align: center;
}
.social-share-btn-area li,
.social-share-btn-area-2 li,
.social-share-btn-area-3 li {
	display: inline-block;
	width: 64px;
	height: 64px;
	margin: 0 8px;
	text-align: center;
	/*border-radius: 50%;*/
	background: url('../images/for-dummies-set.png') scroll no-repeat;
	transition: all .1s linear;
}
.social-share-btn-area li:hover,
.social-share-btn-area-2 li:hover,
.social-share-btn-area-3 li:hover {
	opacity: .85;
	transition: all .1s linear;
}
.social-share-btn-area li a,
.social-share-btn-area-2 li a,
.social-share-btn-area-3 li a {
	display: block;
	height: 64px;
}
.s-btn li.li-share-fb {background-position: -152px -182px;}
.s-btn li.li-share-gp {background-position: -218px -182px;}
.s-btn li.li-share-ln {background-position: -284px -182px;}
.s-btn li.li-share-we {background-position: -350px -182px;}

/*推薦民宿區-標題*/
.bnb-for-dummies-box {
	width: 100%;
	margin-bottom: 60px;
}
.bnb-for-dummies-box .bnb-theme {
	width: 960px;
	margin: 0 auto;
	padding-top: 30px;
	line-height: 2em;
	font-size: 2.2em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
	border-top: 1px solid #737373;
}
.bnb-for-dummies-box h2,
.bnb-for-dummies-box .bnb-name {
	display: inline-block;
}
.bnb-for-dummies-box .deals-ribbon {
	display: inline-block;
	position: relative;
	top: 8px;
	width: 100px;
	height: 40px;
	margin-left: 20px;
	background: url('../images/for-dummies-set.png') scroll no-repeat -800px -250px;
}
.bnb-for-dummies-box .deals-ribbon:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	line-height: 42px;
	text-align: left;
	text-indent: 1.1em;
	letter-spacing: .3em;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}
.bnb-for-dummies-box .deals-ribbon.gift:before {
	content: '贈禮';
}
.bnb-for-dummies-box .deals-ribbon.discount:before {
	content: '折扣';
}
.bnb-for-dummies-box .bnb-link {
	position: relative;
	display: block;
	width: 165px;
	height: 26px;
	margin: 20px auto 0;
	line-height: 28px;
	background-color: #2196F3;
	border-radius: 3px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.bnb-for-dummies-box .bnb-link:before {
	position: relative;
	display: inline-block;
	content: '';
	width: 8px;
	height: 15px;
	top: 1px;
	margin-right: 8px;
	background: url('../images/for-dummies-set.png') scroll no-repeat;
	background-position: -568px -180px;
}
/*推薦民宿區-地址、電話*/
.bnb-for-dummies-box .main-info {
	width: 720px;
	height: 40px;
	margin: 10px auto 0;
	text-align: center;
	/*padding-left: 8%;*/
	/*text-indent: 4em;*/
	line-height: 40px;
	box-sizing: border-box;
}
.bnb-for-dummies-box .main-info a:hover {
	text-decoration: underline;
}
.bnb-for-dummies-box .info-icon {
	display: inline-block;
	position: relative;
	width: 26px;
	height: 27px;
	top: 6px;
	margin-right: 10px;
	background: url('../images/for-dummies-set.png') scroll no-repeat;
}
.info-icon.icon-map {
	background-position: -518px -180px;
}
.info-icon.icon-phone {
	background-position: -492px -180px;
}

/*推薦民宿區-畫廊(flickity)*/
.bnb-gallery {
	width: 80%;
	height: 375px;
	margin: 40px auto 20px;
}
.gallery-cell {
	display: block;
	position: relative;
	width: 600px;
	height: 375px;
	margin: 0 10px;
	background-color: #ddd;
	cursor: inherit;
}
.gallery-cell img {
	/*width: 100%;*/
	position: absolute;
	height: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
/*其他懶人包-畫廊(flickity)*/
.other-gallery {
	width: 90%;
	/*height: 230px;*/
	height: 260px;
	margin: 44px auto 20px;
	overflow: hidden;
}
.book-cell {
	/*width: 300px;*/
	/*height: 187px;*/
	width: 200px;
	height: 210px;
	margin: 0 10px;
	background-color: #ddd;
}
.book-cell a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.book-cell img {
	width: 100%;
}
.book-cell .sub-title {
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: 0;
	background-color: #FFF;
	line-height: 30px;
	text-indent: 1em;
	font-size: 1.1em;
	z-index: 10;
}
/*其他懶人包-當數量小於等於4 不用畫廊 直接陳列*/
.other-gallery.few-look {
	width: 100%;
	height: auto;
	margin: 15px auto;
	text-align: center;
	overflow: auto;
}
.few-look .book-cell {
	display: inline-block;
	/*width: 300px;*/
	/*height: 187px;*/
	width: 200px;
	height: 210px;
	margin: 20px 10px;
	text-align: left;
	background-color: #ddd;
}
/*推薦民宿區-服務設施、鄰近、關於*/
.bnb-for-dummies-box .sub-info {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}
.bnb-for-dummies-box .sub-info-title {
	margin: 30px 0 4px;
	font-size: 1.35em;
	overflow: hidden;
}
.title-style {
	text-transform: uppercase;
	position: relative;
	line-height: 2em;
	padding: 0 .5em;
	display: inline-block;
}
.bnb-for-dummies-box .sub-info-item {
	width: 760px;
	margin: 2px auto 10px;
}
.bnb-for-dummies-box .sub-info-item li {
	display: inline-block;
	margin: .25em;
	padding: .32em;
	background: rgba(244, 244, 244, 1);
	border-radius: .2em;
	font-size: 1.2em;
	line-height: 1.2em;
}
.bnb-for-dummies-box .sub-info-item li a {
	text-decoration: underline;
}
.bnb-for-dummies-box .sub-info-desc {
	width: 100%;
	padding: 0 10px 10px;
	box-sizing: border-box;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.8em;
}

/*部落客推薦區*/
.blog-box {
	width: 960px;
	margin: 4px auto 40px;
	overflow: hidden;
}
.blog-link {
	float: left;
	width: 300px;
	height: 54px;
	text-align: center;
}
.blog-link:nth-of-type(3n+1) {
	margin: 15px;
}
.blog-link:nth-of-type(3n+2) {
	margin: 15px 0;
}
.blog-link:nth-of-type(3n+3) {
	margin: 15px;
}
.blog-link a .profile {
	display: inline-block;
	position: relative;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 10;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, .4),
				1px 1px 0px rgba(0, 0, 0, .4),
				1px 0px 0px rgba(0, 0, 0, .4);
}
.blog-link a .profile img {
	width: 100%;
}
.bloger-name {
	position: relative;
	top: -20px;
	left: -20px;
	padding: 10px 10px 10px 28px;
	border-radius: 0 8px 8px 0;
	color: #fff;
	background-color: #aaa;
}

/*推薦民宿區-訂房資訊*/
.bnb-for-dummies-box .booking-box {
	width: 476px;
	margin: 5px auto 0;
	overflow: hidden;
}

.booking-box .min-price {
	width: 203px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	font-size: 17px;
}
.booking-box .min-price .price-highlight {
	font-size: 1.48em;
}
.booking-box .booking-btn {
	width: 200px;
	height: 64px;
	margin: 0 auto;
	line-height: 70px;
	font-size: 30px;
	font-weight: bold;
	text-shadow: 0 0 .15em rgba(215, 147, 0, .75);
	background: url('../images/for-dummies-set.png') scroll no-repeat;
	background-position: 0 -250px;
}
.booking-box .booking-btn:hover {
	background-position: -200px -250px;
}
.booking-box .booking-btn a {
	display: block;
	color: #fff;
}
.booking-box .mail-btn {
	width: 110px;
	height: 24px;
	margin: 16px auto 0;
	line-height: 24px;
	font-size: 20px;
	letter-spacing: 0;
	text-align: right;
	/*text-decoration: underline;*/
}
.booking-box .mail-btn a {
	display: block;
	position: relative;
	color: #2c98ef;
}
.booking-box .mail-btn a:before {
	content: '';
	position: absolute;
	width: 24px;
	height: 16px;
	top: 4px;
	left: 0;
	background: url('../images/for-dummies-set.png') scroll no-repeat;
	background-position: -544px -180px;
}

/*更多介紹區*/
.other-title {
	height: 136px;
	line-height: 136px;
	text-align: center;
	font-size: 2.2em;
	font-weight: bold;
	color: #505050;
	background-color: #FCF4E2;
}
.other-content {
	margin-bottom: 30px;
	padding-top: 44px;
	overflow: hidden;
}
.other-content.travel-tip-box {/*旅遊攻略區*/
	width: 100%;
	margin: 0 auto 30px;
	text-align: center;
	overflow: hidden;
}
.more-bnb-list {
	float: left;
	position: relative;
	width: 23%;
	margin: 0 1% 30px;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
}
.more-bnb-list:hover {
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
}
a.load-more-bnb {
	display: block;
	width: 200px;
	height: 64px;
	margin: 0 auto;
	background: url('../images/for-dummies-set.png') scroll no-repeat;
	background-position: -400px -250px;
}
a.load-more-bnb:before {
	display: block;
	content: ""attr(data-open)"";
	width: 100%;
	height: 64px;
	line-height: 64px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
	color: #FFF;
	text-shadow: 0 0 .15em rgba(203, 172, 0, .75);
	cursor: pointer;
}
a.load-more-bnb.open:before {
	display: block;
	content: ""attr(data-close)"";
	width: 100%;
	height: 64px;
	line-height: 64px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
	color: #FFF;
	text-shadow: 0 0 .15em rgba(203, 172, 0, .75);
	cursor: pointer;
}
a.load-more-bnb:hover {
	background-position: -600px -250px;
}
.other-list {
	margin-bottom: 30px;
}
.travel-list {
	display: inline-block;
	width: 440px;
	background-color: #EEE;
	margin: 0 10px 18px;
}
.more-bnb-list a, .other-list a, .travel-list a {
	display: block;
}
.more-bnb-list .img-box, .other-list .img-box {
	position: relative;
	width: 100%;
	padding-top: 62.5%;
	background-color: #c3c3c3;
}
.more-bnb-list .img-box .lazy, .other-list .img-box img {
	/*width: 100%;*/
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #ddd;
}
.travel-list img {
	width: 394px;
	height: 286px;
	margin: 23px 23px 0;
}
.more-bnb-list .sub-title, .other-list .sub-title {
	height: 1.6em;
	padding: 0 7px;
	line-height: 1.8em;
	font-size: 1.3em;
	font-weight: bold;
	color: #0078ff;
	white-space: nowrap;
}
.location-txt {
    color: #aaa;
    font-size: 0.8em;
    padding: 0 7px;
}
.location-txt.hidden {
	display: none;
}
.travel-list .sub-title {
	height: 1.9em;
	text-align: center;
	line-height: 1.9em;
	font-size: 1.8em;
	font-weight: bold;
	color: #666;
}
.more-bnb-list .near-item {
	margin: 3px 0;
	font-size: 1.05em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.more-bnb-list .room-price {
	margin-top: 2px;
	padding: 0 7px 5px;
	font-size: 1em;
	line-height: 1.2em;
}
.price-highlight {
	color: #F00;
	font-size: 1.28em;
}
.other-list .other-desc {
	height: 6.72em;
	margin: 3px 0;
	padding: 0 7px;
	font-size: 1.12em;
	line-height: 1.68em;
	overflow: hidden;
}
.more-link {
	display: block;
	float: right;
	position: relative;
	width: 130px;
	height: 1.68em;
	margin-top: 30px;
	margin-right: 7.5%;/*配合.other-list:nth-of-type(4n+1)的margin-left*/
	line-height: 1.5em;
	text-align: right;
	font-size: 1em;
}
.more-link:hover {
	text-decoration: underline;
}
.more-link:before {
	content: '';
	position: absolute;
	width: 22px;
	height: 15px;
	top: .3em;
	left: 0;
	background: url('../images/for-dummies-set.png') scroll no-repeat -470px -180px;
	transition: all .1s linear;
}
.more-link:hover:before {
	left: 3px;
	transition: all .1s linear;
}
#spotArea,
#gourmentArea {
	display: block;
	overflow: hidden;
}
.other-gallery {
	width: 100%;
	max-width: 1500px;
	margin-right: auto;
	margin-left: auto;
}

/*其他懶人包-翻書效果*/
.book-style {
	cursor: pointer;
	display: block;
	position: relative;
	background: white;
	z-index: 1;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 9px 20px 0 rgba(0, 0, 0, 0.25);
	overflow: hidden;
	transition: box-shadow .3s linear;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.book-style img, .book-style .sub-title {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
	transition: all .45s ease;
}
.book-style::after,
.book-style::before {
	content: '';
	display: block;
	width: inherit;
	height: inherit;
	position: absolute;
	z-index: -1;
	top: 0;
	background: white;
	border: 1px solid #d9d9d9;
}
.book-style::before {
	left: -3px;
}
.book-style::after {
	left: -6px;
}
.book-style, .book-style img, .book-style::after,
.book-style::before {
	border-top-right-radius: 5px;
}
.book-style .sub-title {
	border-bottom-right-radius: 5px;
}
.book-style a::before {
	content: '';
	position: absolute;
	width: 8px;
	/*height: 187px;*/
	height: 210px;
	top: 0;
	left: 0;
	z-index: 20;
	background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .2) 100%);
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .2) 100%);
}
.book-style a::after {
	content: '';
	position: absolute;
	width: 3px;
	/*height: 187px;*/
	height: 210px;
	top: 0;
	left: 8px;
	z-index: 20;
	background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 100%);
}

/*fb-留言版*/
.comment-box {
	position: relative;
	width: 800px;
	margin: 0 auto 15px;
	background-color: #F4F4F4;
}
.comment-box:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 55px;
	background-color: #FFF;
}

/*googleMap fancyBox*/
#fancyboxMap {
	display: none;
	/*height: 60%;*/
}
#bnbMainInfo {
	padding: 10px;
	border-top: 1px solid rgba(50, 50, 50, .3);
}
#bnbMainInfo b {
	font-size: 1.8em;
	line-height: 1.6em;
	color: #2d3f51;
}
#bnbMainInfo b a {
	text-decoration: underline;
}
#ggMap {
	/* min-width: 80%; */
	/*min-height: 400px;*/
}
/*bookingBtn fancyBox*/
#fancyboxBooking {
	display: none;
	width: 250px;
}
.partner-select {
	margin: 0 2px 10px;
}
.partner-list li a {
	display: block;
	position: relative;
	height: 50px;
	margin: 5px 2px;
	background-color: #fff;
	box-shadow: none;
	border-radius: 5px;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, .3),
				1px 0px 0px rgba(0, 0, 0, .3),
				0px -1px 0px rgba(0, 0, 0, .3),
				-1px 0px 0px rgba(0, 0, 0, .3);
}
.partner-list li.logo-booking a {
	background-color: #003580;
}
.partner-list a:hover {
	opacity: .95;
}
.partner-list li span {
	display: block;
	width: 150px;
	height: 50px;
	margin: 0 auto;
	vertical-align: middle;
	background: url('../images/for-dummies-set.png') scroll no-repeat;
}
.partner-list li.logo-agoda span {
	background-position: 0 -100px;
}
.partner-list li.logo-booking span {
	background-position: 0 -150px;
}
.partner-list li.logo-ezding span {
	background-position: 0 -200px;
}
.partner-list li a:after {
	position: absolute;
	right: 10px;
	top: 20px;
	width: 7px;
	height: 7px;
	content: '';
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.partner-list li a:hover:after {
	border-top-color: #000;
	border-right-color: #000;
}
/*footer區*/
footer {
	background-color: #EEE;
}
.footer-top-box {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.link-box {
	width: 100%;
	overflow: hidden;
}
.link-block {
	float: left;
	width: 30%;
	height: 160px;
	padding: 20px 0 20px 3.3%;
}
.link-block:nth-of-type(3n+1) {
	margin-left: 0.05%;
}
.link-block b {
	display: block;
	height: 1.8em;
	line-height: 1.8em;
	font-size: 1em;
	font-weight: bold;
}
.link-block a {
	display: block;
	height: 1.8em;
	line-height: 1.8em;
	font-size: .9em;
}
.link-block a:hover {
	text-decoration: underline;
}
.qr-info {
	position: relative;
	width: 140px;
	margin: 80px auto 0;
	text-align: center;
}
.qr-info a {
	display: block;
	height: 140px;
}
.qr-info img {
	position: absolute;
	top: 0;
	left: 10px;
}
.qr-info span {
	height: 1.8em;
	line-height: 1.8em;
	font-size: 1.1em;
}
.footer-bottom-box {
	position: relative;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.footer-logo {
	float: left;
	display: block;
	width: 200px;
	height: 70px;
	background: url('../images/for-dummies-set.png') scroll no-repeat -270px -418px;
	text-indent: -9998px;
}
.copyright {
	float: left;
	width: 540px;
	height: 69px;
	padding: 5px;
	font-size: .9em;
}
.copyright-mob {
	display: none;
}

/*2016/05/24改版-新增瀏覽人次*/
.dashboard {
	width: 100%;
	margin: 18px 0 40px;
	text-align: center;
}
.num-of-visitors {
	padding: 3px 24px;
	color: #fff;
	background-color: #7f7f7f;
}
@media screen and (max-width: 1279px) {
	/*暫時起*/
	.header-inner {
		width: 100%;
	}
	.header-logo {
		position: static;
		display: block;
		width: 135px;
		height: 40px;
		margin: 3px auto 0;
	}
	.site-group {
		display: none;
	}
	/*暫時結*/
	.main-slogan {
		text-shadow: 0px 0px 0px #FFF,
					 -0px 0px 0px #FFF,
					 -0px -0px 0px #FFF,
					 0px -0px 0px #FFF,
					 0px 1px 0px #FFF,
					 -0px 1px 0px #FFF,
					 -0px -1px 0px #FFF,
					 0px -1px 0px #FFF,
					 0px 2px 0px #FFF,
					 -0px 2px 0px #FFF,
					 -0px -2px 0px #FFF,
					 0px -2px 0px #FFF,
					 1px 0px 0px #FFF,
					 -1px 0px 0px #FFF,
					 -1px -0px 0px #FFF,
					 1px -0px 0px #FFF,
					 1px 1px 0px #FFF,
					 -1px 1px 0px #FFF,
					 -1px -1px 0px #FFF,
					 1px -1px 0px #FFF,
					 1px 2px 0px #FFF,
					 -1px 2px 0px #FFF,
					 -1px -2px 0px #FFF,
					 1px -2px 0px #FFF,
					 2px 0px 0px #FFF,
					 -2px 0px 0px #FFF,
					 -2px -0px 0px #FFF,
					 2px -0px 0px #FFF,
					 2px 1px 0px #FFF,
					 -2px 1px 0px #FFF,
					 -2px -1px 0px #FFF,
					 2px -1px 0px #FFF,
					 2px 2px 0px #FFF,
					 -2px 2px 0px #FFF,
					 -2px -2px 0px #FFF,
					 2px -2px 0px #FFF,
					 0px 0px 0px hsla(0,0%,0%,0);
	}
	#mainDescription {
		width: 100%;
	}
	.bnb-for-dummies-box .bnb-theme {
		width: 100%;
		line-height: 1.5em;
	}
	.bnb-for-dummies-box h2 {
		display: block;
		width: 100%;		
	}
	.bnb-for-dummies-box .sub-info {
		width: 100%;
	}
	.bnb-gallery {
		width: 90%;
	}
	.blog-box {
		width: 100%;
	}
	.other-content {
		width: 100%;
	}
	.more-link {
		margin-right: 2.4%;	
	}
	.other-content.travel-tip-box {/*旅遊攻略區*/
		width: 100%;
		margin: 0 auto 10px;
		padding: 10px 0 0;
	}
	.travel-list {
		width: 33%;
		margin: 0 8px 18px;
	}
	.travel-list img {
		width: 92%;
		height: auto;
		margin: 23px 4% 0;
	}
	.other-gallery.few-look {
		width: 100%;
	}
	.footer-top-box, .footer-bottom-box {
		width: 100%;
	}
}
@media screen and (max-width: 960px) {
 	article {
		width: 100%;
	}
	#bannerArea {
		width: 100%;
	}
	.main-slogan {
		text-shadow: 0px 0px 0px #FFF,
					 -0px 0px 0px #FFF,
					 -0px -0px 0px #FFF,
					 0px -0px 0px #FFF,
					 0px 1px 0px #FFF,
					 -0px 1px 0px #FFF,
					 -0px -1px 0px #FFF,
					 0px -1px 0px #FFF,
					 0px 2px 0px #FFF,
					 -0px 2px 0px #FFF,
					 -0px -2px 0px #FFF,
					 0px -2px 0px #FFF,
					 1px 0px 0px #FFF,
					 -1px 0px 0px #FFF,
					 -1px -0px 0px #FFF,
					 1px -0px 0px #FFF,
					 1px 1px 0px #FFF,
					 -1px 1px 0px #FFF,
					 -1px -1px 0px #FFF,
					 1px -1px 0px #FFF,
					 1px 2px 0px #FFF,
					 -1px 2px 0px #FFF,
					 -1px -2px 0px #FFF,
					 1px -2px 0px #FFF,
					 2px 0px 0px #FFF,
					 -2px 0px 0px #FFF,
					 -2px -0px 0px #FFF,
					 2px -0px 0px #FFF,
					 2px 1px 0px #FFF,
					 -2px 1px 0px #FFF,
					 -2px -1px 0px #FFF,
					 2px -1px 0px #FFF,
					 2px 2px 0px #FFF,
					 -2px 2px 0px #FFF,
					 -2px -2px 0px #FFF,
					 2px -2px 0px #FFF,
					 0px 0px 0px hsla(0,0%,0%,0);
	}

	/*推薦民宿區-畫廊(flickity)*/
	.bnb-gallery {
		width: 100%;
	}
	.bnb-for-dummies-box .sub-info-item {
		width: 100%;
	}
	/*部落客推薦區*/
	.blog-link {
		width: 33%;
	}
	.blog-link:nth-of-type(3n+1) {
		margin: 6px .25%;
	}
	.blog-link:nth-of-type(3n+2) {
		margin: 6px 0;
	}
	.blog-link:nth-of-type(3n+3) {
		margin: 6px .25%;
	}
	.other-gallery.few-look {
		width: 100%;
	}
	.footer-top-box, .footer-bottom-box {
		width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	.more-bnb-list {
		float: left;
		position: relative;
		width: 31%;
		margin: 0 1% 30px;
		box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
	}
}
@media screen and (min-width: 768px) {
	#spotGallery,
	#gourmentGallery {
		display: none;
		overflow: hidden;
	}
	.book-style:hover {
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25), 0 9px 20px 0 rgba(0, 0, 0, 0.45);
	}
	.book-style:hover img {
		-webkit-transform: rotateY(-25deg);
		transform: rotateY(-25deg);
		box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.2);
	}
	.book-style:hover .sub-title {
		-webkit-transform: rotateY(-25deg);
		transform: rotateY(-25deg);
		box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.2);	
	}
	.book-style:hover a::before {
		content: '';
		position: absolute;
		width: 8px;
		/*height: 187px;*/
		top: 0;
		left: 0;
		z-index: 20;
		background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .2) 100%);
		background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .2) 100%);
	}
	.book-style:hover a::after {
		content: '';
		position: absolute;
		width: 3px;
		/*height: 187px;*/
		top: 0;
		left: 8px;
		z-index: 20;
		background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 100%);
		background-image: linear-gradient(90deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 100%);
	}
}
@media screen and (max-width: 767px) {
	.dashboard {
		margin: 9px 0 20px;
	}
	.header-logo {
		background: url('../images/for-dummies-set.png') scroll no-repeat 0 -209px;
		background-size: 450px 250px;
	}
	#bannerArea {
		padding-top: 58.67%;
		margin-bottom: 15px;
	}
	#bannerArea h1 {
		top: 63%;
		left: 7.5%;
		font-size: 7.5vw;
		text-shadow: -1px 0 5px rgba(53, 81, 56, .4),
			 0 1px 5px rgba(53, 81, 56, .4),
			 1px 0 5px rgba(53, 81, 56, .4),
			 0 -1px 5px rgba(53, 81, 56, .4),
			 -1px -1px 5px rgba(53, 81, 56, .4),
			 1px -1px 5px rgba(53, 81, 56, .4),
			 -1px 1px 5px rgba(53, 81, 56, .4),
			 1px 1px 5px rgba(53, 81, 56, .4);
	}
	.main-slogan {
		top: 14%;
		right: 1.5%;
		padding-left: 1.8%;
		/* font-size: 2vw; */
		text-shadow: 0px 0px 0px #FFF,
			 -0px 0px 0px #FFF,
			 -0px -0px 0px #FFF,
			 0px -0px 0px #FFF,
			 0px 1px 0px #FFF,
			 -0px 1px 0px #FFF,
			 -0px -1px 0px #FFF,
			 0px -1px 0px #FFF,
			 1px 0px 0px #FFF,
			 -1px 0px 0px #FFF,
			 -1px -0px 0px #FFF,
			 1px -0px 0px #FFF,
			 1px 1px 0px #FFF,
			 -1px 1px 0px #FFF,
			 -1px -1px 0px #FFF,
			 1px -1px 0px #FFF,
			 0px 0px 0px hsla(0,0%,0%,0);
	}
	#mainDescription {
		padding: 0 1em 10px;
	}
	.social-share-btn-area {
		width: 100%;
		height: 48px;
		margin: 0 auto 10px;
		text-align: center;
	}
	.social-share-btn-area-2 {
		width: 100%;
		height: 48px;
		margin: 10px auto 0;
		text-align: center;
	}
	.social-share-btn-area-3 {
		position: relative;
		width: 100%;
		height: 48px;
		top: -30px;
		margin: 0 auto;
		text-align: center;
	}
	.social-share-btn-area li,
	.social-share-btn-area-2 li,
	.social-share-btn-area-3 li {
		width: 48px;
		height: 48px;
		margin: 0 6px;
		background-size: 450px 250px;
	}
	.social-share-btn-area li a,
	.social-share-btn-area-2 li a,
	.social-share-btn-area-3 li a {
		display: block;
		height: 48px;
	}
	.s-btn li.li-share-fb {background-position: -2px -159px;}
	.s-btn li.li-share-gp {background-position: -52px -159px;}
	.s-btn li.li-share-ln {background-position: -102px -159px;}
	.s-btn li.li-share-we {background-position: -152px -159px;}
	
	.bnb-for-dummies-box .bnb-theme {
		margin: 0 auto;
    	padding-top: 15px;
	}
	.bnb-for-dummies-box h2 {
		display: block;
		width: 100%;
	}
	.bnb-for-dummies-box .deals-ribbon {
		background-size: 450px 250px;
		background-position: -325px -50px;
	}
	.bnb-for-dummies-box .bnb-link:before {
		width: 8px;
		height: 15px;
		top: 1px;
		margin-right: 8px;
		background: url('../images/for-dummies-set.png') scroll no-repeat;
		background-size: 450px 250px;
		background-position: -344px -157px;
	}
	.bnb-for-dummies-box .main-info {
		width: 100%;
		height: 36px;
		margin: 5px auto 0;
		padding-left: 0;
	}
	.bnb-for-dummies-box .info-icon {
		width: 25px;
		height: 25px;
		background-size: 450px 250px;
	}
	.info-icon.icon-map {
		background-position: -301px -157px;
	}
	.info-icon.icon-phone {
		background-position: -276px -157px;
	}
	/*推薦民宿區-畫廊(flickity)*/
	.bnb-gallery {
		margin: 5px auto;
	}
	.gallery-cell {
		width: 70%;
		height: auto;
		margin: 0 10px;
		padding-top: 43.75%;
		background-color: #ddd;
	}
	.gallery-cell img {
		/*width: 100%;*/
		position: absolute;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.bnb-for-dummies-box .sub-info-title {
		margin: 15px 0 4px;
	}
	.bnb-for-dummies-box .sub-info-item {
		width: 100%;
	}
	.bnb-for-dummies-box .sub-info-desc {
		padding: 0 1em 10px 1em;
	}
	/*部落客推薦區*/
	.blog-box {
	    margin: 4px auto;
	}
	.blog-link {
		width: 45%;
		height: 42px;
		padding-left: 4%;
		text-align: center;
	}
	.blog-link:nth-of-type(3n+1) {
		margin: 6px .25%;
	}
	.blog-link:nth-of-type(3n+2) {
		margin: 6px 0;
	}
	.blog-link:nth-of-type(3n+3) {
		margin: 6px .25%;
	}
	.blog-link a .profile {
		width: 42px;
		height: 42px;
	}
	.bloger-name {
		position: relative;
		top: -14px;
		left: -14px;
		padding: 6px 6px 6px 24px;
		border-radius: 0 6px 6px 0;
		text-align: left;
	}
	.booking-box .min-price {
		width: 250px;
		height: 38px;
		line-height: 38px;
		font-size: 14px;
	}
	.booking-box .booking-btn {
		width: 125px;
		height: 40px;
		line-height: 44px;
		font-size: 18px;
		background-position: -75px -50px;
		background-size: 450px 250px;
	}
	.booking-box .booking-btn:hover {
		background-position: -75px -50px;
	}
	.booking-box .mail-btn {
		width: 95px;
		height: 20px;
		margin: 12px auto 0;
		line-height: 20px;
		font-size: 18px;
		letter-spacing: 0;
		text-align: right;
	}
	.booking-box .mail-btn a {
		display: block;
		position: relative;
		color: #2c98ef;
	}
	.booking-box .mail-btn a:before {
		width: 18px;
		height: 12px;
		top: 3px;
		background-position: -326px -157px;
		background-size: 450px 250px;
	}
	.more-bnb-list {
		width: 48%;
		margin: 0 1% 3%;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
	}
	#spotArea,
	#gourmentArea {
		display: none;
		overflow: hidden;
	}
	.other-content {
		padding-top: 10px;
		margin-bottom: 10px;
	}
	.other-content.spots, .other-content.gourments {
		/* height: 320px; */
		padding: 20px 0;
		margin-bottom: 0;
	}
	.other-content.travel-tip-box {
		height: auto;
	}
	.more-link {
		float: none;
		display: block;
		top: -16px;
		margin: 0 auto;
	}
	.more-link:before {
		top: .2em;
		background-position: -254px -157px;
		background-size: 450px 250px;
	}
	.travel-list {
		display: block;
		width: 410px;
		margin: 0 auto 10px;
	}
	.travel-list img {
		width: 394px;
		margin: 12px 8px 4px;
	}
	.partner-list li span {
		background-size: 450px 250px;
	}
	.partner-list li.logo-booking span {
		background-position: 0 0;
	}
	.partner-list li.logo-agoda span {
		background-position: -150px 0;
	}
	.partner-list li.logo-ezding span {
		background-position: -300px 0;
	}
	#ggMap {
		min-width: inherit;
		/*min-height: 54%;*/
	}
	.comment-box {
		width: 320px;
		margin: 0 auto 15px;
	}
	.link-block {
		padding: 5% 0;
		text-align: center;
	}
	.link-block:nth-of-type(1),
	.link-block:nth-of-type(2),
	.link-block:nth-of-type(3) {
		width: 33%;
	}
	.link-block:nth-of-type(4), .link-block:nth-of-type(6) {
		width: 31.5%;
	}
	.link-block:nth-of-type(5) {
		width: 36%;
	}
	.footer-logo {
		display: none;
	}
	.copyright {
		display: none;
	}
	.copyright-mob {
		display: block;
		width: 100%;
		text-align: center;
	}
	/*控制字體*/
	#mainDescription {
		font-size: 1em;
		line-height: 1.4em;
		letter-spacing: .15em;
	}
	.bnb-for-dummies-box .bnb-theme {
		font-size: 1.5em;
	}
	.bnb-for-dummies-box .main-info {
		font-size: .9em;
		letter-spacing: 0;
		text-indent: 0.35em;
		text-align: center;
	}
	.bnb-for-dummies-box .sub-info-title {
	    font-size: 1.35em;
	}
	.bnb-for-dummies-box .sub-info-item li {
		font-size: 1em;
		line-height: 1.2em;
		letter-spacing: .15em;
	}
	.bnb-for-dummies-box .sub-info-desc {
	    font-size: 1em;
		line-height: 1.4em;
		letter-spacing: .15em;
	}
	.bloger-name {
		font-size: .9em;
	}
	.more-bnb-list .sub-title, .other-list .sub-title {
	    height: 1.6em;
	    padding: .3em 0 0 7px;
		line-height: 1.3em;
		font-size: 1em;
		overflow: hidden;
		white-space: nowrap;
	}
	.more-bnb-list .room-price {
	    padding: 0 0 5px 7px;
	    font-size: .8em;
	    line-height: 1.2em;
	}
	a.load-more-bnb {
		width: 125px;
		height: 40px;
		background-position: -200px -50px;
		background-size: 450px 250px;
	}
	a.load-more-bnb:before, a.load-more-bnb.open:before {
		width: 100%;
		height: 39px;
		line-height: 39px;
		font-size: 16px;
	}
	a.load-more-bnb:hover {
		background-position: -200px -50px;
	}
	.other-title {
    	height: 80px;
    	line-height: 83px;
    	font-size: 1.8em;
	}
	.other-list .other-desc {
	    height: 4.7em;
	    font-size: .95em;
		line-height: 1.2em;
		letter-spacing: .15em;
	}
	.more-link {
		height: 1.68em;
		line-height: 1.5em;
		font-size: 1em;
	}
	.travel-list .sub-title{
		font-size: 1.2em;
	}
	#bnbMainInfo b {
		font-size: 1.4em;
		line-height: 1.2em;
	}
	/*控制字體end*/
}
@media screen and (max-width: 640px) {
	.bnb-for-dummies-box {
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 530px) {
	/*部落客推薦區*/
	.blog-box {
	    margin: 4px auto;
	}
	.blog-link {
		float: none;
		display: inline-block;
		position: relative;
		width: 70%;
		padding-left: 0;
		text-align: center;
	}
	.blog-link:nth-of-type(3n+1) {
		margin: 6px auto;
	}
	.blog-link:nth-of-type(3n+2) {
		margin: 6px auto;
	}
	.blog-link:nth-of-type(3n+3) {
		margin: 6px auto;
	}
	.bloger-name {
		text-align: left;
	}
	.bnb-for-dummies-box .booking-box {
		width: 100%;
	}
	.travel-list {
		width: 70%;
		min-width: 280px;
	}
	.travel-list img {
		width: 92%;
		margin: 23px 4% 8px;
	}
}
@media screen and (max-width: 400px) {
    .link-block {
        height: 140px;
    }
    .link-block b {
        font-size: 0.9em;
    }
    .link-block a, .copyright-mob {
        font-size: 0.8em;
    }
}
/* 2018-06-03 新增 */
.swiper-btn {
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    top: 83px;
    border-radius: 50%;
    background: #fff;
    background: rgba(47,36,33,.75);
}
.swiper-btn svg {
    position: relative;
    width: 60%;
    top: 20%;
    left: 20%;
    color: #fff;
}
.other-sec1-next,
.other-sec2-next {
    right: 20px;
    z-index: 900;
}
.other-sec1-prev,
.other-sec2-prev {
    left: 20px;
    z-index: 900;
}
.few-look .swiper-btn,
.few-look .swiper-btn svg {
	display: none;
}
.few-look .book-div {
	display: inline-block;
}
.other-list a {
	display: block;
	width: 90%;
	height: 98%;
	margin: 0 auto;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
	text-decoration: none;
	color: #333;
}
.other-list img {
	width: 100%;
}
.other-list .sub-title {
	height: 1.6em;
	padding: 0 7px;
	line-height: 1.8em;
	font-size: 1.3em;
	font-weight: bold;
	color: #0078ff;
	white-space: nowrap;
}
.location-txt {
    color: #aaa;
    font-size: 0.8em;
    padding: 0 7px;
}
.other-list .other-desc {
	height: 6.72em;
	margin: 3px 0;
	padding: 0 7px;
	font-size: 1.12em;
	line-height: 1.68em;
	overflow: hidden;
}
/* google map*/
.google-map-popup-area,
.google-map-popup-area * {
		box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.google-map-popup-area {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    
}
.google-map-container {
    position: absolute;
    width: 80%;
    min-width: 280px;
    height: 80%;
    top:50%;
    left: 50%;
    transform:         translate(-50%, -50%);
    transform:     -ms-translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
}
.google-map-div {
    width: 100%;
    height: 80%;
    background-color: #aaa;
    border-radius: 4px 4px 0 0;
}
.google-map-info {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
}
.google-map-info b {
    font-size: 1.8em;
}
.google-map-info a {
    color: #2d3f51;
    text-decoration: underline;
}
.google-map-btn {

}
.google-map-btn {
    position: absolute;
    width: 28px;
    height: 28px;
    top: -12px;
    right: -14px;
    margin: auto;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    border-color: #444;
    background-color: #fff;
    box-shadow: -1px 1px 1px #999;
    cursor: pointer;
}
.google-map-btn::before,
.google-map-btn::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 3px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    background-color: #444;
}
.google-map-btn::before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.google-map-btn::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
@media screen and (max-width: 641px) {
	#otherSec1 .swiper-slide,
	#otherSec2 .swiper-slide {
		width: 230px;
	}
}
@media screen and (max-width: 767px) {
	#spotArea,
	#gourmentArea {
		display: none;
	}
	#spotSwiper .swiper-slide,
	#gourmentSwiper .swiper-slide { /* 為了重現stagePadding */
		width: 80%;
		position: relative;
		padding-bottom: 6px;
	}
	.other-list a {
		position: relative;
		display: block;
		width: 90%;
		height: 95%;
		top: 0;
		margin: 0 auto 6px;
		box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
		text-decoration: none;
		color: #333;
	}
	.other-list img {
		width: 100%;
	}
	.other-list .sub-title {
		height: 1.6em;
		padding: 0 7px;
		line-height: 1.8em;
		font-size: 1.3em;
		font-weight: bold;
		color: #0078ff;
		white-space: nowrap;
	}
	.location-txt {
	    color: #aaa;
	    font-size: 0.8em;
	    padding: 0 7px;
	}
	.other-list .other-desc {
		height: 6.72em;
		margin: 3px 0;
		padding: 0 7px;
		font-size: 1.12em;
		line-height: 1.68em;
		overflow: hidden;
	}
	/* google map */
	.google-map-container {
        height: 65%;
    }
    .google-map-info b {
        font-size: 1.2em;
    }
}
@media screen and (min-width: 768px) {
	#spotSwiper,
	#gourmentSwiper {
		display: none;
	}
	#spotArea::after,
	#gourmentArea::after {
	    content: '';
	    display: block;
	    clear: both;
	}
	#spotArea .other-list,
	#gourmentArea .other-list {
		float: left;
		width: 49%;
		margin-right: 1%;
		margin-bottom: 5%;
	}
}
@media screen and (min-width: 1000px) {
	#spotArea .other-list,
	#gourmentArea .other-list {
		float: left;
		width: 32%;
		margin-right: 1%;
		margin-bottom: 5%;
	}
}