body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #666666;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: center;
}
.master-header {
	width: 100%;
	height: 40px;
	margin: 0 0 5px;
	background-color: #eee;
	font-family: Arial,"Heiti TC","微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU",sans-serif;
}
.scroll-active .master-header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 211;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.site-list {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 5px 0 0;
	list-style: none;
	font-size: 16px;
	text-align: left;
}
.site-list > li {
	width: 105px;
	height: 30px;
	margin-right: 35px;
	float: left;
	cursor: pointer;
	border-radius: 4px;
	position: relative;
}
.site-list > li:last-child {
	width: 185px;
	margin-right: 0;
}
/*2016/01/07 給各站的導覽列，首頁、北部...、離島較小的寬*/
.site-list > li.index-list, .site-list > li.area-list {
	width: 85px;
}
.site-list li.area-list > div:hover {
	width: 85px;
}
.site-list > li > div, .site-list > li > a {
	display: block;
	height: 24px;
	padding-top: 6px;
	color: #333;
	line-height: 1.4;
	text-align: center;
	border-radius: 4px;
	text-decoration: none;
}
.site-list li > div > a {
	color: #333;
	text-decoration: none;
}
.site-list li > div:hover {
	background-color: #FD5E1F;
	border-radius: 4px;
	color: #FFF;
	height: 26px;
	width: 105px;
}
.site-list li > div:hover a {
	color: #FFF;
}
.caret {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid;
	display: inline-block;
	height: 0px;
	margin-left: 6px;
	vertical-align: middle;
	width: 0px;
}

.site-list > li > div:hover {
	color: #fff;
	background: #fd5e1f;
}
.sub-site-list {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 200;
	min-width: 160px;
	padding: 5px 0;
	margin: 0;
	font-size: 14px;
	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);
	list-style: none;
}
.sub-site-list li { /* add */
	position: relative;
}
.sub-site-list a {
	color: #333;
	display: block;
	padding: 5px 20px;
	text-decoration: none;
	position: relative; /* add */
}
.sub-site-list a:hover {
	background: #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: 180px;
}
#logo {
	text-indent: -9998px;
}
#version {
	position: absolute;
	width: 100px;
	height: 20px;
	top: 74px;
	left: 180px;
	text-align: left;
}
img, h1, h2, h3, h4, h5, h6, div, ol, ul, li, p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {
	margin-left: 20px;
	padding-left: 10px;
}
#wrapper {
	width: 1008px;
	margin-left: auto;
	margin-right: auto;
}
.scroll-active #wrapper {
	margin-top: 45px;
}
#headerMenu {
	text-align: left;
	float: left;
	width: 725px;
	padding-left: 10px;
	padding-top: 3px;
	margin-bottom: 3px;
}
#memberMenu {
	position: absolute;
	top: 6px;
	right: 5px;
	font-size: 12px;
}
#memberMenu a {
	display: inline-block;
	height: 20px;
	padding: 0 16px;
	line-height: 20px;	
	border-radius: 8px;
	background-color: #B4B4B4;
	color: #FFF;
	text-decoration: none;
}
#memberMenu a:nth-of-type(2),
#memberMenu a:nth-of-type(3),
#memberMenu a:nth-of-type(4),
#memberMenu a:nth-of-type(5) {
	margin-left: 14px;
}

#bannerArea {
	background-image: url('../../Images/top_bg.jpg');
	width: 1001px;
	background-repeat: no-repeat;
}

#bannerAreaTop {
	height: 99px;
	vertical-align: middle;
	text-align: left;
	position: relative;
}
/*天氣圖示*/
#weatherIcon {
	position: absolute;
	width: 60px;
	height: 70px;
	left: 228px;
	top: 0px;
}
#bannerAd,
#bannerPub {
	width: 520px;
	float: right;
	margin-top: 7px;
	margin-right: 10px;
}

#bannerAreaBottom {
	height: 30px;
}
#bannerAreaBottomLeft {
	float: left;
	width: 465px;
	padding-left: 10px;
	line-height: 30px;
	text-align: left;
	height: 30px;
}

#bannerAreaBottomRight {
	float: left;
	width: 515px;
	line-height: 30px;
	height: 30px;
	text-align: right;
	padding-right: 5px;
}
#m {
	white-space: nowrap;
}
#footer {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	padding-bottom: 10px;
	padding-left: 70px;
	padding-right: 80px;
}
div.footerMenuLine {
	margin: 2px 15px 2px 5px;
	background-image: url('../../Images/Shared/fnf/list-dot.gif');
	background-repeat: repeat-x;
	line-height: 1px;
	height: 1px;
}

/*MasterPage的ContentPlaceHolder的樣式*/
#content {
	padding: 9px 5px 5px;
	border: 1px solid #C0C0C0;
	text-align: left;
	width: 989px;
	margin-top: 6px;
	margin-bottom: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/*共用導覽搜尋列(原吃喝玩樂改的)*/
.fnf-main-tab {
	width: 970px;
	height: 32px; /*background: url(https://img.fun-taiwan.com/FunTaiwan/Icon/fnf/fnf-top-header-bg.png) 0 0 no-repeat; 圖片文字改用程式產生*/
	margin: 0 0 2px 10px;
	position: relative;
	background-color: #EEE;
}
.fnf-main-tab .header-title {
	position: absolute;
	top: 8px;
	left: 8px;
	color: #1361C0;
	font-size: 16px;
	font-weight: bold;
}
.fnf-main-tab .sub-title {
	position: absolute;
	top: 8px;
	left: 80px;
	color: #F955AE;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
}
.fnf-main-tab ul {
	/*width: 320px;*/
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	list-style: none;
	overflow: hidden;
}
.fnf-main-tab ul li {
	width: 75px;
	height: 100%;
	float: left;
	text-align: center;
}
.fnf-main-tab ul li a {
	display: block;
	width: 75px;
	height: 24px;
	padding: 8px 0 0 0;
	color: #333;
	text-decoration: none;
	position: relative;
	z-index: 101;
}
.fnf-main-tab ul li a:hover {
}
.fnf-main-tab .back-box {
	height: 30px;
	position: absolute;
	top: 1px;
	background: url(../../Images/top-menu-btn-bg.png) 0 0 repeat-x;
	z-index: 100;
}
.fnf-breadcrumb {
	float: left;
	width: 600px;
	height: 24px;
	margin: 2px 10px 0;
	line-height: 24px;
	list-style: none;
}
.fnf-breadcrumb li {
	display: inline;
}
.fnf-breadcrumb a {
	color: #0099FF;
	text-decoration: none;
}
.fnf-breadcrumb a:hover {
	text-decoration: underline;
}
/*2016/02/19 新增*/
.fnf-search {
	position: relative;
	float: right;
	width: 120px;
	height: 24px;
	margin: 2px 10px 0;
	line-height: 24px;
	font-size: 15px;
	text-indent: 20px;
	text-align: center;
	letter-spacing: 0.03em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
	background: url(https://img.fun-taiwan.com/FunTaiwan/Icon/magnifier-icon.png) 12px 4px no-repeat;
	background-size: 15px 15px;
}
.fnf-search a {
	display: block;
	color: #005aff;
	text-decoration: none;
	font-family: Arial,"Heiti TC","微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU",sans-serif;
	font-weight: bold;
}
/*2016/02/19 隱藏*/
/*.fnf-search {
	width: 261px;
	height: 21px;
	float: right;
	margin: 5px 10px 4px;
	background-color: #a7a7a7;
	padding-left: 10px;
	border: 1px solid #a7a7a7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.search-txt {
	display: block;
	
	float: left;
	color: #FFF;
	margin-top: 3px;
	margin-right: 5px;
}

.search-input {
	display: block;
	float: left;
	width: 150px;
	height: 17px;
	border: 0;
	padding: 2px 4px;
	color: #333;
}
.search-button {
	display: block;
	float: left;
	width: 25px;
	height: 21px;
	border: 0;
	margin: 0;
	padding: 0;
	background: url(https://img.fun-taiwan.com/FunTaiwan/Icon/fnf/fnf-search-icon.gif) center center no-repeat;
	cursor: pointer;
}*/


/*下方功能表*/
#bottomMenu {
	border: 1px solid #C0C0C0;
	text-align: left;
	width: 999px;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
/*下方功能表中的一個個方塊*/
div.bottomWidget {
	width: 140px;
	line-height: 24px;
	float: left;
	text-align: left;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#topAd,
#topPub {
	margin-top: 0px;
}

div.topAdBox,
div.topPubBox {
	margin: 3px 7px 5px 10px;
	width: 180px;
	float: left;
}
/*2014/1/16廢掉不使用 
div.marquee
{
	width: 989px;
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	height: 14px;
}*/


div.topAdText,
div.topPubText {
	padding: 2px;
	background-color: #e1e1e1;
	line-height: 14px;
	height: 28px;
}

#leftContent {
	float: left;
	width: 675px;
}

#rightSideBar {
	float: right;
	width: 306px;
}

/*拼布牆上面移過去會出現的小視窗*/
div.patchWallSmallWindow {
	border: 2px solid #808080;
	display: none;
	position: absolute;
	padding: 10px;
	width: 200px;
	height: 155px;
	font-size: 12px;
	color: #868686;
	background-color: white;
}

.clearRight {
	clear: right;
}

.clearLeft {
	clear: left;
}

.clearBoth {
	clear: Both;
}

.dotLineWhite {
	background-image: url('../../Images/Shared/line_01.gif');
	background-repeat: repeat-x;
	height: 5px;
}
/*width+ padding-lef需等於308；height+padding-left需等於20*/
#byVoteHead {
	background-image: url('../../Images/Shared/bestTitle.gif');
	background-repeat: no-repeat;
	width: 302px;
	height: 17px;
	padding-top: 3px;
	padding-left: 6px;
	font-weight: bold;
}
/*width+ padding-lef需等於308；height+padding-left需等於25*/
#byVoteTab {
	background-image: url('../../Images/Shared/bestTab.gif');
	background-repeat: no-repeat;
	width: 308px;
	height: 25px;
	margin-bottom: 8px;
	text-align: center;
}

#newsContent {
	padding: 5px;
	border-width: 1px;
	border-color: #C0C0C0;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-bottom: 8px;
}
#shiningAdContent {
	border-width: 1px;
	border-color: #C0C0C0;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-bottom: 8px;
}

#bestBnbContent {
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	margin-bottom: 8px;
}

#patchWallHead {
	background-image: url('../../Images/Shared/patchTop.gif');
	width: 640px;
	height: 5px;
	margin-right: auto;
	margin-left: auto;
}
/*框線有底線*/
#patchWallHeadSubU {
	width: 615px;
	padding: 3px 5px 3px 18px;
	margin-right: auto;
	margin-left: auto;
}
/*框線有底線*/
#patchWallHeadSub {
	border-width: 1px;
	width: 615px;
	padding: 3px 5px 3px 18px;
	border-color: #C0C0C0;
	border-right-style: solid;
	border-left-style: solid;
	margin-right: auto;
	margin-left: auto;
}

#patchWallContent {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}
/*一般內頁出現的文字功能表*/
#headTextMenu {
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #0099ff;
}
#houseData {
	width: 97%;
}
/*Only Container*/
div.leftAdBox,
div.leftPubBox {
	width: 100%;
	padding-top: 3px;
}
/*右側欄廣告*/
table.leftAd,
table.leftPub {
	margin-left: 5px;
}
/*右側欄廣告的主標*/
td.leftAdHead,
td.leftPubHead {
	background-position: 2px 2px;
	color: #0099ff;
	vertical-align: middle;
	padding-left: 22px;
	height: 20px;
	width: 157px;
	background-image: url('../../Images/Shared/bnb.png');
	background-repeat: no-repeat;
	padding-top: 1px;
}
/*右側欄廣告的副標*/
td.leftAdSub,
td.leftPubSub {
	font-size: 11px;
	color: #7D7D7D;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 2px;
	vertical-align: middle;
	width: 157px;
	height: 15px;
}
/*右側欄廣告的內容*/
td.leftAdContent,
td.leftPubContent {
	padding-right: 2px;
	vertical-align: top;
	line-height: 16px;
	padding-top: 2px;
	padding-left: 2px;
	width: 157px;
	height: 50px;
}

.greyBg {
	background-color: #E7E7E7;
}

div.fbBox {
	padding-top: 10px;
	margin-left: 5px;
}

/*顯示小方塊圖樣*/
.square {
	background-position: 5px;
	background-repeat: no-repeat;
	background-image: url('../../Images/square_01.gif');
	padding-left: 18px;
}

/*顯示小三角形圖樣*/
.triangle {
	background-position: 7px;
	background-repeat: no-repeat;
	background-image: url('../../Images/triangle_01.gif');
}

/*Facebook Social PlugIn*/
div.fbLikeBoxHead {
	position: relative;
	padding: 3px;
	border-color: #99CCFF;
	border-width: 1px;
	background-color: #E8F0F9;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	text-align: left;
	font-size: 12px;
	color: #6699FF;
	margin-top: 12px;
	width: 406px;
	margin-left: 5px;
	letter-spacing: 1px;
	font-weight: bold;
}
div.fbLikeBoxContent {
	padding: 3px;
	border-color: #99CCFF;
	border-width: 1px;
	background-color: #E8F0F9;
	text-align: left;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	clear: both;
	width: 406px;
	margin-bottom: 5px;
	margin-left: 5px;
}

div.fbShareButton {
	text-align: right;
	float: right;
	width: 250px;
}

a.lnk5ibnbButton {
	display: block;
	position: absolute;
	width: 234px;
	top: -4px;
	right: -242px;
}

a.lnk5ibnbButton img {
	width: 100%;
}

td.AdHouseDetailHead {
}

/*上一間民宿、下一間民宿的按鈕區域*/
div.houseSelectBox {
	font: 12px Arial, Helvetica, sans-serif;
	width: 350px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	margin-left: 15px;
	float: left;
}

#houseHead {
	border: 1px solid #C0C0C0;
	padding: 5px;
	clear: both;
	text-align: center;
	width: 650px;
}
#houseIconView {
	margin: 5px; /*height: 700px;*/
}

/*大圖示檢視的時候每一家民宿圖片的框框*/
.houseIconView {
	height: 167px;
	width: 208px;
	background: url('../../Images/Shared/image-preview-pic.jpg') no-repeat;
}

#houseIconViewBody {
	clear: both;
	margin-right: auto;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: auto;
}

.imgFrameBig {
	padding: 5px;
	cursor: pointer;
}
.imgFrameSmall {
	padding: 3px;
	cursor: pointer;
}

/*HouseDetailView*/
td.hdvSubHeader {
	font-size: 15px;
	vertical-align: middle;
	text-align: left;
}
td.hdvSubContent {
	font-size: 12px;
	vertical-align: middle;
	text-align: left;
}
/*SmallIconView*/
.smallIconView {
	width: 160px;
	height: 145px;
	background: url('../../Images/Shared/small-icon-bg.gif') no-repeat;
	border-collapse: collapse;
}
td.smallIconViewTitle {
	color: #0099FF;
	padding-left: 5px;
	text-align: left;
	vertical-align: top;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
td.smallIconViewSubTitle {
	padding-left: 5px;
	text-align: left;
	vertical-align: top;
	line-height: 15px;
	padding-right: 8px;
	width: 50%;
	font-family: Arial, Helvetica, sans-serif;
}
img.smallIconView {
	border: 1px solid #808080;
	width: 138px;
	height: 86px;
	margin-top: 6px;
	margin-left: 6px;
	margin-bottom: 6px;
}
/*SmallIconView*/

td.dotLineWhite {
	background: url(../../Images/line-dot-white.jpg) repeat-x;
	height: 1px;
}
td.dotLineBlack {
	padding: 0px;
	margin: 1px;
	background: url('../../Images/line-dot-black.jpg') repeat-x;
	height: 1px;
	line-height: 1px;
}

/*HouseDetail頁面的官網連結*/
a.houseUrlLink {
	color: #008080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
/*HouseDetailPage裡面的關於XX民宿*/
h3.aboutHouse {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
}

table.dashBoard {
	height: 40px;
	background-color: #EFEFEF;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

/*首頁精選文章、熱門民宿等區塊的主標*/
div.h2Head {
	margin-top: 5px;
	overflow: hidden;
}
/*td.bnbArticleHead
{
	background-position: 3px;
	color: #0099ff;
	vertical-align: middle;
	padding-left: 22px;
	background-image: url('../../Images/Shared/bnb.png');
	background-repeat: no-repeat;
	font-size: 12px;
	color: #0099ff;
	height: 20px;
	text-align: left;
	padding-top: 1px;
}*/

td.bnbArticleHead, td.hotHouseHead, td.newHouseHead {
	vertical-align: top;
	padding-left: 5px;
	font-size: 12px;
	height: 18px;
	text-align: left;
	color: #0099ff;
}

td.bnbArticleSub, td.hotHouseSub, td.newHouseSub {
	line-height: 12px;
	padding-left: 5px;
	font-size: 11px;
	height: 12px;
}
/*注意下面這個subTitle設定的字體大小要跟上面那一組XXXSub一樣大*/
a.subTitle:active {
	color: #0099ff;
	font-size: 11px;
	text-decoration: none;
}
a.subTitle:visited {
	color: #0099ff;
	font-size: 11px;
	text-decoration: none;
}
a.subTitle:link {
	color: #0099ff;
	font-size: 11px;
	text-decoration: none;
}
a.subTitle:hover {
	color: #0099ff;
	font-size: 11px;
	text-decoration: none;
}

td.bnbArticleContent, td.hotHouseContent, td.newHouseContent {
	padding-left: 5px;
	line-height: 16px;
	padding-top: 3px;
	height: 28px;
	vertical-align: top;
}

td.articleImg {
	vertical-align: top;
	text-align: center;
	width: 110px;
}

img.articleImg {
	border: 1px solid #999999;
	width: 110px;
	height: 69px;
}

td.articleImgBig {
	vertical-align: top;
	text-align: center;
	width: 210px;
}

img.articleImgBig {
	border: 1px solid #999999;
	width: 210px;
	height: 131px;
}

/*首頁精選文章、熱門民宿等區塊的主標*/

img.rowNo {
	width: 14px;
	height: 14px;
	vertical-align: bottom;
}

/* 首頁好康優惠 */
.special-area {
	padding: 10px 0;
}
.special-header {
	width: 250px;
	margin: 0 0 5px 7px;
	font-size: 15px;
	font-weight: bold;
	color: #0084ff;
	float: left;
}
.special-more {
	width: 60px;
	margin: 0 7px 0 0;
	color: #0084ff;
	text-decoration: none;
	text-align: right;
	float: right;
}
.special-more:hover {
	text-decoration: underline;
}
.special-list {
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	counter-reset: i;
}
.special-list li {
	clear: both;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 24%;
	margin: 1px;
	padding: 0;
	list-style: none;
}
.special-item {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 190px;
	padding: 3px;
	background: #fff;
	text-decoration: none;
}
.special-item img {
	display: block;
	width: 100%;
}
.item-name {
	margin: 6px 5px 4px;
	color: #09f;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.item-name:before {
	color: #666;
	counter-increment: i;
	content: counter(i) ". ";
}
.item-desc {
	margin: 0 5px;
	color: #666;
	text-align: left;
}
.item-date {
	position: absolute;
	right: 5px;
	bottom: 3px;
	color: #f00;
}
/* 2016/11/03 by Pedro 首頁推薦 */
.recom-area {
	position: relative;
	padding: 8px 10px 10px;
	background: #eaeaea;
	box-sizing: border-box;
}
.recom-title {
	color: #666666;
	font-size: 15px;
	font-weight: bold;
}
.recom-more {
	position: absolute;
	top: 10px;
	right: 6px;
	color: #207afe;
	text-decoration: none;
}
.recom-more:hover {text-decoration: underline;}
.recom-list {
	width: 100%;
	margin: 8px auto 0;
	padding-left: 0;
	overflow: hidden;
}
.recom-list li {
	float: left;
	width: 160px;
	margin-right: 5px;
	list-style: none;
}
.recom-list li:last-of-type {margin-right: 0;}
.recom-list li a {text-decoration: none;}
.recom-item-title {
	width: 100%;
	height: 20px;
	padding: 0 12px;
	color: #fff;
	line-height: 20px;
	background: #5e5e5e;
	white-space: nowrap;
	box-sizing: border-box;
	overflow:hidden;
}
.recom-item-img {position: relative;width: 100%;padding-top: 62.5%;overflow:hidden;}
.recom-item-img img {position: absolute;height: 100%;top: 0;right: 0;left: 0;}

/*墊一個空欄位高度5px*/
td.spacer5 {
	line-height: 5px;
}

a.recomHouse:link {
	color: #2b2b2b;
}

.hyperLinkControl {
	color: #666666;
	font-size: 12px;
}

.hyperLinkControlWithoutUnderline {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

td.voteTabHead {
	text-align: center;
	vertical-align: middle;
	height: 25px;
}
/*分享專區的外框*/
div.shareInfoHead {
	width: 573px;
	height: 48px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	position: relative;
}
div.shareInfoHeadPicBnb {
	background-image: url('../../Images/ShareTravelInfo_titleBnb.gif');
	background-repeat: no-repeat;
}
div.shareInfoHeadPicFood {
	background-image: url('../../Images/ShareTravelInfo_titleGourment.gif');
	background-repeat: no-repeat;
}
div.shareInfoHeadPicSpot {
	background-image: url('../../Images/ShareTravelInfo_titleSpot.gif');
	background-repeat: no-repeat;
}
div.shareInfoHeadPicRule {
	background-image: url('../../Images/ShareTravelInfo_titleRule.gif');
	background-repeat: no-repeat;
}
div.shareInfoBody {
	padding: 0px 10px 2px 10px;
	background-image: url('../../Images/ShareTravelInfo_bg.gif');
	background-repeat: repeat-y;
	width: 553px;
	margin-left: auto;
	margin-right: auto;
}
div.shareInfoFooter {
	background-image: url('../../Images/ShareTravelInfo_footer.gif');
	width: 573px;
	height: 12px;
	margin-left: auto;
	margin-right: auto;
}

div.shareButton {
	width: 55px;
	height: 17px;
	position: absolute;
	top: 15px;
	left: 495px;
}

div.voteButton {
	width: 55px;
	height: 17px;
	position: absolute;
	top: 15px;
	left: 393px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~我要找民宿~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.searchBnbHead {
	width: 170px;
	height: 41px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

div.searchBnbHeadBig {
	width: 561px;
	height: 41px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

div.searchBnbHeadPw {
	background-image: url('../../Images/SearchBnb_title01.gif');
	background-repeat: no-repeat;
}
div.searchBnbHeadHw {
	background-image: url('../../Images/SearchBnb_title02.gif');
	background-repeat: no-repeat;
}
div.searchBnbHeadVote {
	background-image: url('../../Images/SearchBnb_title03.gif');
	background-repeat: no-repeat;
}
div.searchBnbHeadMap {
	background-image: url('../../Images/SearchBnb_title04.gif');
	background-repeat: no-repeat;
}

div.searchBnbHeadSearch {
	background-image: url('../../Images/SearchBnb_title05.gif');
	background-repeat: no-repeat;
}
div.searchBnbHeadTheme {
	background-image: url('../../Images/SearchBnb_title06.gif');
	background-repeat: no-repeat;
}

div.searchBnbHeadEmptyRoom {
	background-image: url('../../Images/SearchBnb_title08.gif');
	background-repeat: no-repeat;
}
div.searchBnbHeadConditional {
	background-image: url('../../Images/SearchBnb_title07.gif');
	background-repeat: no-repeat;
}

div.searchBnbBody {
	padding: 5px;
	background-image: url('../../Images/SearchBnb_bg01.gif');
	background-repeat: repeat-y;
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	height: 120px;
	text-align: center;
}

div.searchBnbBodyBig {
	padding: 5px;
	background-image: url('../../Images/SearchBnb_bg02.gif');
	background-repeat: repeat-y;
	width: 551px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div.searchBnbFooter {
	background-image: url('../../Images/SearchBnb_footer01.gif');
	width: 170px;
	height: 5px;
	margin-left: auto;
	margin-right: auto;
}

div.searchBnbFooterBig {
	background-image: url('../../Images/SearchBnb_footer02.gif');
	width: 561px;
	height: 6px;
	margin-left: auto;
	margin-right: auto;
}

div.bestXX {
	margin: 5px 8px 2px 8px;
	border: 1px solid #C0C0C0;
	width: 60px;
	float: left;
}

div.searchBnbContainerS {
	float: left;
	width: 200px;
}

div.searchBnbContainer {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~我要找民宿END~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~好康優惠Start~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.coupouContainer {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.couponHeadBig {
	width: 573px;
	height: 47px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

div.couponHeadDiscount {
	background-image: url('../../Images/Act&Discount_title02.gif');
	background-repeat: no-repeat;
	position: relative;
}

div.couponHeadActivity {
	background-image: url('../../Images/Act&Discount_title01.gif');
	background-repeat: no-repeat;
}

div.couponHeadTicket {
	background-image: url('../../Images/Act&Discount_title03.gif');
	background-repeat: no-repeat;
}

div.couponBody {
	padding: 5px;
	background-image: url('../../Images/Act&Discount_bg.gif');
	background-repeat: repeat-y;
	width: 563px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
div.couponFooter {
	background-image: url('../../Images/Act&Discount_footer.gif');
	width: 573px;
	height: 13px;
	margin-left: auto;
	margin-right: auto;
}
.free-apply {
	position: absolute;
	right: 20px;
	top: 14px;
	color: #09f;
	text-decoration: none;
}
.free-apply:hover {
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~好康優惠END~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ~~~~~新版好康優惠Start~~~~~ */
/* ~~~2015/11/20 再次改版，增加hover效果以及寄信功能*/
.special-top-banner {
	display: block;
	width: 972px;
	height: 117px;
	margin: 3px auto 10px;
}
.bnb-special-list {
	list-style: none;
	width: 972px;
	margin: 0 auto 20px;
	padding: 0;
	vertical-align: top;
}
.bnb-special-list:after {
	display: block;
	content: '';
	clear: both;
}
.bnb-special-list li {
	float: left;
	width: 300px;
	height: 310px;
	margin: 11px;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px #ccc;
}
.bnb-special-list a {
	display: block;
	position: relative;
	width: 100%;
	height: 310px;
	text-decoration: none;
	color: #555;
	/*overflow: hidden;*/
}
.bnb-special-list .special-name {
	position: absolute;
	width: 280px;
	height: 21px;
	top: 0;
	left: 0;
	padding: 5px 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: rgba(252, 188, 59, .8);
	text-align: left;
	font-family: Arial,"Heiti TC","微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU", Sans-Serif;
	z-index: 2;
}
.bnb-special-list img {
	width: 100%;
}
/*.bnb-special-list .special-desc {
	padding: 15px 15px 0;
	font-size: 12px;
	text-align: justify;
}*/
.bnb-special-list .special-date {
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #f00;
}
/* --- 以下為2015/11/20 新增 --- */
.bnb-special-list-li {
	position: relative;
}
.bnb-special-list-li:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #000;
	opacity: 0;
	cursor: pointer;
	transition: all 0.2s linear;
}
.bnb-special-list-li:hover:before {
	opacity: 0.55;
	transition: all 0.2s linear;
}
.bnb-special-list-li:after {
	content: '查看詳細優惠內容';
	position: absolute;
	width: 190px;
	height: 64px;
	top: 138px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, 'Heiti TC', '微軟正黑體', 'Microsoft JhengHei', '新細明體', Meiryo, PMingLiU, sans-serif;
	text-align: center;
	text-shadow: 0 0 8px rgba(203, 152, 64, 0.75);
	color: #fff;
	line-height: 64px;
	border-radius: 10px;
	background-color: #FFA300;
	opacity: 0;
	cursor: pointer;
	transition: all 0.2s linear;
}
.bnb-special-list-li:hover:after {
	top: 123px;
	opacity: 1;
	transition: all 0.2s linear;
}
.bnb-special-list .special-title {
	padding: 8px 15px;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #0080ff;
	font-family: Arial,"Heiti TC","微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU", Sans-Serif;
}
.bnb-special-list-li .special-img {
	position: relative;
	width: 100%;
	padding-top: 62.5%;
	overflow: hidden;
}
.bnb-special-list-li .special-img img {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.bnb-special-list .discount-type, .bnb-special-list .gift-type {
	position: absolute;
	width: 87px;
	height: 87px;
	top: -2px;
	right: -5px;
	z-index: 3;
}
.bnb-special-list .discount-type {
	background: url(https://img.fun-taiwan.com/FunTaiwan/Button/special-icon-sheet.png) 0 -40px no-repeat;
}
.bnb-special-list .gift-type {
	background: url(https://img.fun-taiwan.com/FunTaiwan/Button/special-icon-sheet.png) -87px -40px no-repeat;
}
.bnb-special-list .special-desc {
	position: relative;
	width: 300px;
	height: 34px;
	font-size: 12px;
	overflow: hidden;
	text-align: left;
}
.bnb-special-list .special-desc p {
	padding: 0 15px;
	line-height: 17px;
}
.bnb-special-list .special-desc.ellipsis:after {
	position: absolute;
	/*content: '...';*/
	height: 17px;
	bottom: 0;
	right: 0;
	padding: 0 15px 0 1px;
	line-height: 17px;
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #fff;
}
.bnb-special-list .special-inside {
	display: none;	
}
.bnb-special-list:after {
	display: block;
	content: '';
	clear: both;
}
.special-detail-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 203;
	background-color:rgba(0,0,0,0.7);
	opacity: 1;
	transition: opacity 0.3s, left 0s;
}
.special-detail-mask.close {
	left: -100%;
	opacity: 0;
	transition: opacity 0.3s, left 0s 0.3s;
}
.special-detail-msg {
	position: fixed;
	width: 346px;
	top: 17%;
	right: 0;
	left: 0;
	margin: auto;
	padding: 30px 52px 26px;
	z-index: 204;
	border-radius: 6px;
	box-shadow: 0 0 10px #000;
	background-color: #fff;
	opacity: 1;
	transition: opacity 0.3s, left 0s;
}
.special-detail-msg.close {
	left: -2000em;
	opacity: 0;
	transition: opacity 0.3s, left 0s 0.3s;
}
.special-detail-msg-xBtn {
	content: '';
	position: absolute;
	width: 28px;
	height: 28px;
	top: -14px;
	right: -14px;
	border-radius: 50%;
	background: url(https://img.fun-taiwan.com/FunTaiwan/Button/special-icon-sheet.png) 0 0 no-repeat;
	box-shadow: 0 0 6px #000;
	cursor: pointer;
}
.special-detail-msg img {
	width: 100%;
}
.special-detail-main-area {
	position: relative;
	height: 216px;
	overflow: hidden;
}
.special-detail-name {
	position: absolute;
	width: 100%;
	height: 29px;
	bottom: 0;
	padding: 5px 10px 0 50px;
	line-height: 28px;
	letter-spacing: 1px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: rgba(0, 0, 0, .65);
	text-align: left;
	font-family: Arial,"Heiti TC","微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU", Sans-Serif;
}
.special-detail-name:before {
	content: '';
	position: absolute;
	width: 36px;
	height: 33px;
	top: 0;
	left: 6px;
	background: url(https://img.fun-taiwan.com/FunTaiwan/Button/special-icon-sheet.png) -28px 0 no-repeat;
}
.special-detail-title {
	padding: 20px 0;
	font-size: 15px;
	letter-spacing: 1px;
	text-align: left;
	font-weight: bold;
	color: #39adff;
	font-family: Arial,"Heiti TC","微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU", Sans-Serif;
}
.special-detail-desc {
	font-size: 13px;
	letter-spacing: 1px;
	text-align: justify;
}
.special-detail-duration {
	padding-top: 20px;
	font-size: 13px;
}
.special-detail-tel {
	padding-top: 8px;
	font-size: 13px;
}
.special-telephone-num {
	color: #FF7300;
}
.special-toemail-btn {
	position: relative;
	width: 59px;
	height: 29px;
	margin: 10px auto 0;
	padding: 0 2px 0 38px;
	line-height: 30px;
	border-radius: 3px;
	color: #fff;
	background-color: #FF9B46;
	cursor: pointer;
}
.special-toemail-btn:before {
	content: '';
	position: absolute;
	width: 17px;
	height: 11px;
	top: 9px;
	left: 12px;
	background: url(https://img.fun-taiwan.com/FunTaiwan/Button/special-icon-sheet.png) -64px 0 no-repeat;
}
.special-detail-link-area {
	width: 100%;
	margin-top: 32px;
	text-align: right;
	letter-spacing: 2px;
}
.special-detail-link-area a {
	color: #E83987;
	letter-spacing: 1px;
}
.special-mail-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 205;
	opacity: 0;
}
.special-mail-mask.close {
	left: -100%;
}
.special-mail-box {
	position: fixed;
	width: 536px;/*496px*/
	top: 17%;
	right: 0;
	left: 0;
	margin: auto;
	padding: 10px 17px 30px;
	z-index: 206;
	border-radius: 6px;
	box-shadow: 0 0 10px #000;
	background-color: #fff;
	opacity: 1;
	transition: opacity 0.3s, left 0s;
}
.special-mail-box.close {
	left: -2000em;
	opacity: 0;
	transition: opacity 0.3s, left 0s 0.3s;
}
.special-mail-box-xBtn {
	content: '';
	position: absolute;
	width: 28px;
	height: 28px;
	top: -14px;
	right: -14px;
	border-radius: 50%;
	background: url(https://img.fun-taiwan.com/FunTaiwan/Button/special-icon-sheet.png) 0 0 no-repeat;
	box-shadow: 0 0 6px #000;
	cursor: pointer;
}
.special-mail-head {
	position: relative;
	width: 100%;
	height: 40px;
	padding-left: 6px;
	box-sizing: border-box;
	line-height: 50px;
	font-size: 17px;
	font-family: Arial,"Heiti TC","微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU", Sans-Serif;
}
.special-mail-head-name {
	line-height: 50px;
	font-size: 17px;
	font-family: Arial,"Heiti TC","微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU", Sans-Serif;
}
.special-mail-head:before {
	content: '';
	position: absolute;
	width: 144px;
	height: 40px;
	right: 0;
	background: url(https://img.fun-taiwan.com/FunTaiwan/Button/special-icon-sheet.png) -81px 0 no-repeat;
}
.special-mail-sub-head {
	width: 100%;
	margin-bottom: 3px;
	padding-left: 6px;
	box-sizing: border-box;
}
.required-star {
	position: relative;
}
.required-star:before {
	content: '*';
	position: absolute;
	top: -2px;
	left: -8px;
	font-size: 15px;
	color: #f00;
}
.special-mail-box-hr {
	width: 100%;
	height: 1px;
	background-color: #E0E0E0;
}
#special-mail-content {
	margin-top: 20px;
}
.special-mail-form-head {
	display: inline-block;
	width: 80px;
	height: 100%;
	padding-right: 25px;
	line-height: 30px;
	text-align: right;
}
.special-mail-form-input {
	display: inline-block;
	position: relative;
}
#formTextareaHead {
	position: relative;
	top: -110px;
}
.mail-input-box-short {
	width: 268px;
	height: 22px;
	margin: 2px 0;
	line-height: 22px;
}
.mail-input-box-long {
	width: 400px;
	height: 22px;
	margin: 2px 0;
	line-height: 22px;
}
.main-msg-box {
	height: 120px;
	padding: 1px;
	border: 1px solid #A9A9A9;
	resize: none;
}
.err-msg-span {
	line-height: 22px;
	color: #F00;
}
/*針對我要發問的錯誤提示*/
.err-msg-span-msg-content {
	position: absolute;
	top: 130px;
	left: 2px;
	line-height: 22px;
	color: #F00;
}
#mailSubmitBtn {
	position: relative;
	width: 90px;
	height: 34px;
	left: 423px;
	margin-bottom: 24px;
	color: #0080FF;
	background-color: #E9E9E9;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
.special-mail-hint {
	width: 100%;
	height: 30px;
	margin-top: 8px;	
	padding-left: 10px;
	line-height: 20px;
	box-sizing: border-box;
}
.special-hint-head {
	color: #F00;
}
.special-mail-warning-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 207;
	background-color:rgba(0,0,0,0.3);
	opacity: 1;
	transition: opacity 0.3s, left 0s;
}
.special-mail-warning-mask.close {
	left: -100%;
	opacity: 0;
	transition: opacity 0.3s, left 0s 0.3s;
}
.special-mail-warning-box {
	position: fixed;
	width: 260px;
	top: 40%;
	right: 0;
	left: 0;
	margin: auto;
	padding: 5px;
	z-index: 208;
	background-color: #EDEDED;
	box-shadow: 0 0 6px #000;
	opacity: 1;
	transition: opacity 0.3s, left 0s;
}
.special-mail-warning-box.close {
	left: -2000em;
	opacity: 0;
	transition:opacity 0.3s, left 0s 0.3s;
}
.special-mail-warning-box>div {
	width: 100%;
	border: 1px solid #C1C1C1;
	box-sizing: border-box;
	background-color: #FFF;
	text-align: center;
}
.special-mail-warning-box>div>p {
	margin: 40px 20px 35px;
}
.special-mail-warning-box>div>span {
	display: inline-block;
	width: 90px;
	height: 24px;
	margin: 5px 5px 20px 5px;
	line-height: 24px;
	color: #FFF;
	border-radius: 4px;
	cursor: pointer;
}
#doCloseMailBtn {
	background-color: #2ECC71;
}
#cancelCloseMailBtn {
	background-color: #E74C3C;
}
#feedbackMask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9209;
	background-color:rgba(0,0,0,0);
	opacity: 1;
	/*transition: opacity 0.3s, left 0s;*/
}
#feedbackMask.close {
	left: -100%;
	opacity: 0;
	/*transition: opacity 0.3s, left 0s 0.3s;*/
}
#successMsg, #failMsg {
	position: fixed;
	width: 260px;
	top: 40%;
	right: 0;
	left: 0;
	margin: auto;
	padding: 5px;
	z-index: 9210;
	background-color: #EDEDED;
	box-shadow: 0 0 6px #000;
	opacity: 1;
	/*transition: opacity 0.3s, left 0s;*/
}
#successMsg.close, #failMsg.close {
	left: -2000em;
	opacity: 0;
	/*transition:opacity 0.3s, left 0s 0.3s;*/
}
.success-msg-xBtn, .fail-msg-xBtn {
	content: '';
	position: absolute;
	width: 28px;
	height: 28px;
	top: -14px;
	right: -14px;
	border-radius: 50%;
	background: url(https://img.fun-taiwan.com/FunTaiwan/Button/special-icon-sheet.png) 0 0 no-repeat;
	box-shadow: 0 0 6px #000;
	cursor: pointer;
}
#successMsg>div:nth-of-type(2), #failMsg>div:nth-of-type(2) {
	width: 100%;
	border: 1px solid #C1C1C1;
	box-sizing: border-box;
	background-color: #FFF;
	text-align: center;
}
#successMsg>div>p:first-of-type, #failMsg>div>p:first-of-type {
	margin: 40px auto 8px;
}
#successMsg>div>p:nth-of-type(2), #failMsg>div>p:nth-of-type(2) {
	margin: 8px auto;
	color: #aaa;
}
#successIcon {
	position: relative;
	width: 64px;
	height: 64px;
	margin: 2px auto;
	background-color: #2ECC71;
	background-image:linear-gradient(0deg, #72A912 0%, #C4F041 100%);
	background-image:-webkit-linear-gradient(90deg, #72A912 0%, #C4F041 100%);
	border-radius: 50%;
}
#successIconShort {
	position: relative;
	width: 21px;
	height: 7px;
	top: 28px;
	left: 10px;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 3px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	overflow: hidden;
}
#iconShortAnimate {
	content: '';
	position: absolute;
	top: 0;
	left: -21px;
	width: 21px;
	height: 7px;
	background-color: #fff;
}
#successIconLong {
	position: relative;
	width: 38px;
	height: 7px;
	top: 28px;
	left: 18px;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 3px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	overflow: hidden;
}
#iconLongAnimate {
	content: '';
	position: absolute;
	top: 0;
	left: 38px;
	width: 38px;
	height: 7px;
	background-color: #fff;
}
#failIcon {
	position: relative;
	width: 64px;
	height: 64px;
	margin: 2px auto;
	background-color: #E74C3C;
	background-image:linear-gradient(0deg, #912929 0%, #EF5D5D 100%);
	background-image:-webkit-linear-gradient(90deg, #912929 0%, #EF5D5D 100%);   
	border-radius: 50%;
}
#failIconBar1 {
	position: absolute;
	width: 48px;
	height: 7px;
	top: 29px;
	left: 8px;
	background-color: #FFF;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 3px;
}
#failIconBar2 {
	position: absolute;
	width: 48px;
	height: 7px;
	top: 29px;
	left: 8px;
	background-color: #FFF;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	border-radius: 3px;
}
/* ~~~ 2015/11/20 以上新增 ~~~ */
/* ~~~ 2015/11/20 以下不動 ~~~ */
.more-special-header {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 10px 15px;
	color: #333;
}
.more-special-list {
	list-style: none;
	width: 960px;
	margin: 0 auto 20px;
	padding: 0;
}
.more-special-list li {
	display: inline-block;
	width: 169px;
	height: 149px;
	margin: 0 10px 12px;
}
.more-special-list a {
	display: block;
	width: 145px;
	height: 125px;
	padding: 10px;
	border: 2px solid #2c7ae4;
	text-align: center;
	color: #ffa73f;
	text-decoration: none;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial,"Heiti TC","微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU", Sans-Serif;
	letter-spacing: 1px;
}
.more-special-list img {
	display: block;
	width: 145px;
	margin-bottom: 14px;
}
/* ~~~~~新版好康優惠End~~~~~ */

div.shareInfoMore {
	width: 80px;
	float: right;
	text-align: right;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*以下為票選的星星樣式*/
.whiteStar {
	background-image: url('../../Images/Shared/starWhite.gif');
	width: 14px;
	height: 14px;
}
.redStar {
	background-image: url('../../Images/Shared/starRed.gif');
	width: 14px;
	height: 14px;
}
.yellowStar {
	background-image: url('../../Images/Shared/starYellow.gif');
	width: 14px;
	height: 14px;
}


/*AJAX延伸控制項中的浮水印功能使用的*/
.waterMarked {
	color: #C0C0C0;
}

/*
width + padding-left=662
height+padding-top=56
*/
#pageHeader {
	width: 652px;
	height: 34px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	font-family: 微軟正黑體;
	padding-top: 32px;
	padding-left: 10px;
	position: relative;
}
#pageHeader.menu1 {
	background-image: url('../../Images/Shared/left_main_tab_01.gif');
	background-repeat: no-repeat;
}
#pageHeader.menu2 {
	background-image: url('../../Images/Shared/left_main_tab_02.gif');
	background-repeat: no-repeat;
}
#pageHeader.menu3 {
	background-image: url('../../Images/Shared/left_main_tab_03.gif');
	background-repeat: no-repeat;
}
#pageHeader.menu4 {
	background-image: url('../../Images/Shared/left_main_tab_04.gif');
	background-repeat: no-repeat;
}
#pageHeader.menu5 {
	background-image: url('../../Images/Shared/left_main_tab_05.gif');
	background-repeat: no-repeat;
}
h2.pageHeader {
	font-size: 16px;
	font-family: 微軟正黑體;
}


div.mainMenu1 {
	position: absolute;
	width: 88px;
	height: 20px;
	top: 4px;
	left: 14px;
	text-align: center;
	right: 560px;
}

div.mainMenu2 {
	position: absolute;
	width: 88px;
	height: 20px;
	top: 4px;
	left: 152px;
	text-align: center;
	right: 422px;
}

div.mainMenu3 {
	position: absolute;
	width: 88px;
	height: 20px;
	top: 4px;
	left: 283px;
	text-align: center;
}

div.mainMenu4 {
	position: absolute;
	width: 88px;
	height: 20px;
	top: 4px;
	left: 419px;
	text-align: center;
}

div.mainMenu5 {
	position: absolute;
	width: 88px;
	height: 20px;
	top: 4px;
	text-align: center;
	right: 20px;
}
/*鄉鎮地圖中的民宿名稱*/
td.mapHouseName {
	padding-left: 30px;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
}
/*鄉鎮地圖中的鄉鎮名稱*/
td.mapTownName {
	font-weight: bold;
	text-align: left;
	width: 173px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*(短版)鄉鎮地圖中的鄉鎮名稱*/
td.mapTownNameShort {
	font-weight: bold;
	text-align: left;
	width: 75px;
	padding-top: 3px;
	padding-bottom: 3px;
}


div #mapArea {
	padding: 5px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #F5F5F5;
}

/*垂直移動的廣告視窗*/
#fixedNotifier {
	position: absolute;
	left: 200px;
	top: 150;
	width: 250px;
}

/*垂直移動的廣告視窗標題*/
td.fixedNotifierHead {
	background-color: #666666;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	width: 232px;
}
td.fixedNotifierIcon {
	background-color: #666666;
	width: 18px;
	padding-right: 2px;
}

img.themeIcon {
	width: 25px;
	height: 25px;
}

img.themeIconWide {
	width: 50px;
	height: 25px;
}

img.noteImage {
	border: 2px solid #FFCC00;
}

div.more {
	float: right;
	width: 50px;
	text-align: left;
}

img.emptyRoomBanner {
	border-width: 1px;
	border-color: #FF0000;
	border-bottom-style: solid;
	width: 538px;
	height: 226px;
}
/*右下角固定視窗*/
#divFixedFooterHead {
	border: 1px solid #999999;
	width: 200px;
	position: fixed;
	bottom: 0;
	right: 0%;
	margin-left: 0px;
	_position: absolute; /* position fixed for IE6 */
	_top: expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
	z-index: 4;
	font-size: 12px;
}
#divFixedFooterTitle {
	color: #333333;
	background: #E1E1E1;
	text-align: center;
	padding: 2px;
}

/*新版本的基本版頁面(2012/12/08)*/
td.dotLineShort {
	background-image: url('../../Images/Shared/newDetailPage/dot.gif');
	background-repeat: repeat-x;
	height: 5px;
	line-height: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}
div.dotLineShort {
	margin: 5px 2px 5px 2px;
	background-image: url('../../Images/Shared/newDetailPage/dot.gif');
	background-repeat: repeat-x;
	line-height: 3px;
	height: 5px;
}
/*右手邊的標題欄位(民宿編號、地址、訂房專線)*/
td.dataHeader {
	color: #0099FF;
	vertical-align: top;
	text-align: left;
	width: 66px;
}
/*如客房費用、民宿設施、訂房資訊等項目的Header*/
div.subHeader {
	background-position: 10px 8px;
	padding: 5px 2px 5px 28px;
	font-weight: bold;
	letter-spacing: 1px;
	background-image: url('../../Images/Shared/newDetailPage/triangle_02.gif');
	background-repeat: no-repeat;
	height: 15px;
}

div.subContent {
	padding: 10px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

/*呈現出圓角矩形的邊框*/
div.text_wrap {
	background-color: #FFFFFF;
	border: 4px solid #efefef; /* some "skinning" */ /*outline: 1px solid #efefef;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-right: 8px;
	margin-left: 5px;
	margin-top: 2px;
}

a.urlLink {
	text-decoration: none;
	color: #0066FF;
}
/*呈現出不一樣的提示視窗*/
.tooltip {
	display: none;
	background: transparent url('../../Images/Shared/newDetailPage/toolTip_black.png');
	font-size: 12px;
	height: 65px;
	width: 230px;
	padding: 35px 30px 35px 30px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	z-index: 200;
}

div.widgetSmall {
	padding: 5px 20px 10px 20px;
	float: left;
	width: 200px;
	height: 134px;
	border: 1px solid #C3C3C3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-left: 65px;
	letter-spacing: 1px;
	line-height: 20px;
}
/*新基本版頁面(2015.01.07 改大圖版本)*/
.house-info {
	padding: 10px;
	background: #f3ffe5;
	margin: 0 0 10px;
}
.house-icon {
	margin: 0 10px 5px;
	padding: 3px 0 0 40px;
	background: url('../../Images/Shared/info-icon-sp.gif') 0 0 no-repeat;
	border-bottom: 1px dotted #CCC;
}
.icon-number {
	background-position: 10px 0px;
}
.icon-address {
	background-position: 10px -40px;
}
.icon-telephone {
	background-position: 10px -80px;
}
.icon-website {
	background-position: 10px -120px;
}
.icon-gps {
	background-position: 10px -160px;
}
.icon-weibo {
	background-position: 10px -200px;
}
.icon-blog {
	background-position: 10px -240px;
}
.icon-facebook {
	background-position: 10px -280px;
}
.right-col {
	width: 297px;
	float: right;
}
.left-col {
	width: 297px;
	float: left;
}
/*Modal Popup視窗出現時*/
.modalBackground {
	background-color: Black;
	filter: alpha(opacity=80);
	opacity: 0.8;
	z-index: 10000;
}

/*基本版的折扣優惠*/
td.discountMain {
	padding: 2px 2px 16px 2px;
	height: 70px;
	vertical-align: top;
}
td.discountMain > a {
	color: #000;
	text-decoration: none;
}
td.discountMain > a > p:first-of-type {
	padding-bottom: 8px;
	font-size: 13px;
	font-weight: bold;
	color: #F00;    
}
td.discountMain > a:hover > p:last-of-type {
	text-decoration: underline;  
}
td.discountMain > p:first-of-type {
	padding-bottom: 8px;
	font-size: 13px;
	font-weight: bold;
	color: #F00;
}
/*基本版的折扣優惠*/
td.discountMain2 {
	padding: 2px;
	color: #000;
}

.more_bg_gradient {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

/*overlay 滑動式側攔overlay-panel*/
#divOverlayPanel {
	width: 200px;
	min-height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 300; /* 原css3改為js方式*/
	font-size: 16px;
	text-align: left;
}
#toggle-btn {
	position: absolute;
	left: -18px;
	top: 50%;
	width: 20px;
	height: 60px;
	margin-top: -30px;
	background: url(https://img.fun-taiwan.com/FunTaiwan/sidebar/sidebar-arrow-left.png) 6px center no-repeat #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
.overlay-panel-opened #toggle-btn {
	background: url(https://img.fun-taiwan.com/FunTaiwan/sidebar/sidebar-arrow-right.png) 6px center no-repeat #ccc;
}
#inner-panel {
	width: 200px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #EFEFEF;
	box-shadow: 0 0 5px #999;	
}
.scroll-content {
	height: 100%;
	position: relative;
	overflow: hidden;
}
.panel-header {
	width: 182px;
	margin: 0 auto 5px;
	height: 16px;
	padding: 8px 0;
	font-size: 15px;
	font-weight: bold;
	color: #666;
	cursor: pointer;
	border-bottom: 1px solid #D4D4D4;
	-moz-box-shadow:    0 1px 0 0 #FFF;
	-webkit-box-shadow: 0 1px 0 0 #FFF;
	box-shadow:         0 1px 0 0 #FFF;
}
.panel-header .tringle {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 10px solid #666;
	border-right: 7px solid rgba(0,0,0,0);
	border-bottom: 0 solid rgba(0,0,0,0);
	border-left: 7px solid rgba(0,0,0,0);
	margin-right: 5px;
}
.sc-close .tringle {
	border-top: 0 solid rgba(0,0,0,0);
	border-right: 7px solid rgba(0,0,0,0);
	border-bottom: 10px solid #666;
	border-left: 7px solid rgba(0,0,0,0);
}
.minsu-list {
	width: 182px;
	padding: 7px 0;
	margin: 0 auto;
	list-style: none;
}
.minsu-list li {
	margin-bottom: 10px;
}
.minsu-list a {
	display: table;
	width: 180px;
	height: 30px;
	font-size: 12px;
}
.minsu-list img {
	display: block;
	width: 53px;
	float: left;
	border: 1px solid #FFF;
}
.minsu-list .h-name {
	width: 120px;
	height: 17px;
	float: left;
	margin-left: 4px;
	overflow: hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}
.minsu-list .h-box {
	width: 120px;
	height: 17px;
	float: left;
	margin-left: 4px;
}
.minsu-list .h-county {
	width: 50px;
	color: #999;
}
.minsu-list .h-county > div {
	display: table-cell;
	vertical-align:middle;
}
.sidebar-gripper {
	width: 189px;
	height: 25px;
	margin: 0 auto;
	background: url(https://img.fun-taiwan.com/FunTaiwan/sidebar/sidebar-gripper.png) 0 0 no-repeat;
}
.bottom-panel {
	width: 172px;
	margin-left: -91px;
	height: 31px;
	padding: 2px 5px;
	border-top: 1px solid #D4D4D4;
	position: absolute;
	bottom: 0;
	left: 50%;
	-moz-box-shadow:    0 1px 0 0 #FFF inset;
	-webkit-box-shadow: 0 1px 0 0 #FFF inset;
	box-shadow:         0 1px 0 0 #FFF inset;
}

.btn-bp {
	width: 30px;
	height: 30px;
	margin-right: 12px;
	display: block;
	float: left;
	background: url(https://img.fun-taiwan.com/FunTaiwan/sidebar/sidebar-tools-icon.gif) 0 0 no-repeat;
}
.btn-1 {
	background-position: 0 0;
}
.btn-2 {
	background-position: -30px 0;
}
.btn-3 {
	background-position: -60px 0;
}
.btn-1:hover {
	background-position: 0 -30px;
}
.btn-2:hover {
	background-position: -30px -30px;
}
.btn-3:hover {
	background-position: -60px -30px;
}
.btn-1-pin {
	background-position: 0 -60px;
}
.btn-1-pin:hover {
	background-position: 0 -60px;
}

/*回到頁面頂端*/
#go2top {
	width: 35px;
	height: 45px;
	opacity: 0;
	position: fixed;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
	z-index: 200;
	background: url('../../Images/gototop_01.png') no-repeat left top;
	transition: all 0.2s ease 0s;
}
.scroll-active #go2top {
	opacity: 100;
}

/*醒目輪播廣告區塊---Start*/
.ad-banner,
.pub-banner {
	width: 306px;
	height: 120px;
	margin-bottom: 4px;
}
.ad-banner img,
.pub-banner img {
	cursor: pointer;
	height: 120px;
	width: 306px;
}
.pager-style {
	overflow: hidden;
	position: absolute;
	text-align: right;
	bottom: 0;
	width: 100%;
	height: 16px;
	z-index: 200;
	opacity: 0.8;
	right: 5px;
}
.pager-style span {
	color: #DDDDDD;
	cursor: pointer;
	display: inline-block;
	font-family: arial;
	font-size: 35px;
	height: 16px;
	width: 16px;
}
.pager-style .cycle-pager-active {
	color: #666666;
}
/*醒目輪播廣告區塊--End*/

/*找不到符合條件的民宿嗎?試試看進階搜尋*/
.advancedSearchText {
	font-size: 16px;
	font-family: 微軟正黑體;
	color: #FF0000;
	text-align: right;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

/* 右側欄Weibo */
.weibo-box {
	margin: 0 0 15px 10px;
}
/* 右側欄FB-like-box */
.fb-like-box {
	margin: 0 0 15px 10px;
}
/* 新．右側欄 - 廣告 */
.rs-box-1 {
	width: 300px;
	height: 282px;
	margin: 0 auto 20px;
	text-align: center;
	/*background-color: #aaa;*/
}
.rs-box-1 img {
	width: 274px;
	height: 282px;
}
/*2017-05-19 新增右側欄ADS*/
.goo_a {}
.goo_a_set1 {
	width: 300px;
	margin: 0 auto 20px;
}
.goo_a_set2 {
	width: 100%;
	margin: 9px auto 9px;
	text-align: center;
	padding: 9px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.goo_a_set3 {/*折扣優惠ADS*/
	float: left;
	width: 300px;
	height: 310px;
	margin: 11px;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px #ccc;
}
/* QR */
.house-qr {
	height: 120px;
	position: relative;
	margin-left: 5px;
}
.qrcode, .qr-cover {
	position: absolute;
	left: 0;
	top: 0;
}
.qr-text {
	width: 180px;
	position: absolute;
	right: 0;
	top: 45px;
}
/* 新．頁首標題文字 */
h1.pageCaption, h2.pageCaption {
	width: 640px;
	margin: 0 auto;
	padding: 6px 10px;
	border: 1px solid #D6D6D6;
	background-color: #F5F5F5;
	font-family: 微軟正黑體;
	font-size: 16px;
}
/* Bnblist1 */
.bnb-list {
	width: 640px;
	list-style: none;
	padding: 0;
	margin: 20px auto 0;
}
.bnb-list li {
	display: block;
	width: 120px;
	height: 100px;
	padding: 0;
	margin: 10px 4px 0;
	float: left;
}
.bnb-list img {
	width: 120px;
	height: 75px;
}
.bnb-list a {
	color: #09F;
	text-decoration: none;
}
.bnb-list a:hover {
	text-decoration: underline;
}
/* Bnblist3 */
.bnb-list3 {
	width: 962px;
	list-style: none;
	padding: 0;
	margin: 3px auto 0;
}
.bnb-list3 li {
	display: inline-block;
	width: 180px;
	height: 113px;
	padding: 0;
	margin: 0 5px 8px;
	overflow: hidden;
	position: relative;
}
.bnb-list3 li:nth-of-type(5n+5) {
	margin-right: 0;
}
.bnb-list3 li.not-menber {
	display: none;
}
.bnb-list3 .bnb-img {
	display: block;
	width: 180px;
	height: 113px;
}
.bnb-list3 .bnb-info {
	position: absolute;
	left: 0;
	top: 89px;
	box-sizing: border-box;
	width: 180px;
	height: 113px;
	padding: 2px 8px 8px;
	color: #fff;
	background: rgba(0,0,0,.5);
	font-size: 13px;
	line-height: 1.6;
}
.bnb-list3 li:hover .bnb-img{
	-webkit-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
}
.bnb-list3 li:hover .bnb-info {
	background: rgba(0,0,0,.3);
	top: 0;
}
.bnb-list3 .bnb-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bnb-list3 a {
	color: #fff;
	text-decoration: none;
}

.bnb-list3 li:hover .bnb-name a
{
	font-weight: bold;
	text-decoration: underline;
}
.bnb-list3 li:hover .bnb-website a {
	color: #adf;
	font-weight: bold;
	text-decoration: underline;
}

.display-more {
	width: 900px;
	margin: 20px auto;
	text-align: center;
}
.display-more a {
	display: inline-block;
	width: 100px;
	padding: 7px 0 5px;
	color: #333;
	background: #fc6;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
}


/* 更多非住不可推薦(樣式從吃喝玩樂copy來的) */
.fnf-block {
	width: 210px;
	height: 243px;
	border: 1px solid #CCC;
	position: relative;
	margin: 0 0 10px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(204, 204, 204, 0.7);
	-moz-box-shadow: 0px 2px 3px 0px rgba(204, 204, 204, 0.7);
	box-shadow: 0px 2px 3px 0px rgba(204, 204, 204, 0.7);
}
.fnf-block img {
	-webkit-border-top-left-radius: 1px;
	-webkit-border-top-right-radius: 1px;
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-topright: 1px;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	display: block;
}
.block-title {
	width: 65px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	color: #FFF;
	padding-top: 3px;
	text-align: center;
	letter-spacing: 1px;
	-webkit-border-top-right-radius: 1px;
	-moz-border-radius-topright: 1px;
	border-top-right-radius: 1px;
}
.block-title:before {
	position: absolute;
	width: 65px;
	height: 20px;
	right: 0;
	top: 0;
	padding-top: 3px;
	color: #FFF;
}
.block-type-bnb .block-title:before {
	content: '非住不可';
}
.block-info {
	padding: 8px 8px 5px;
}
.block-info a {
	text-decoration: none;
}
.block-info a:hover {
	text-decoration: underline;
}
.info-title {
	margin-bottom: 12px;
}
.info-title a {
	font-weight: bold;
	color: #39F;
}
.info-desc {
	margin-bottom: 8px;
}
.info-desc a {
	color: #333;
}
.info-by {
	text-align: right;
}
.info-by a {
	color: #39F;
	text-align: right;
}
/*非住不可配色*/
.block-type-bnb {
	background-color: #ffffff;
}
.block-type-bnb .block-title {
	background-color: #44619D;
}

.popup-box {
	width: 600px;
	display: none;
	text-align: left;
}
.popup-header {
	margin: 1em 0;
}
.popup-header a {
	font-size: 15px;
	color: #39F;
	text-decoration: none;
}
.popup-header a:hover {
	text-decoration: underline;
}
.popup-box p {
	margin: 1em 0;
}
.popup-box a {
	color: #39F;
	text-decoration: none;
}
.popup-box a:hover {
	text-decoration: underline;
}
.popup-more {
	margin-top: 1em;
	text-align: right;
}
.popup-more a {
	color: #E83585;
	margin-top: 1em;
	text-align: right;
}

.fb-fans-box {
	margin: 40px 0;
	text-align: center;
}
.fb-fans-box a {
	color: #39F;
	text-decoration: none;
}
.fb-fans-box a:hover {
	text-decoration: underline;
}
.h-line {
	width: 660px;
	height:0;
	border-width: 0 0 2px;
	border-style: dotted;
	border-color: #DDD;
	margin: 15px auto 20px;
}

.fl {
	float: left;
}
.fr {
	float: right;
}
/* 新版拼布牆Tabs */
.mytabs
{
	width: 655px;
	height: 444px;
	text-align: left;
	margin: 0px auto 10px auto;
	position: relative;
}
.tab-list {
	width: 51px;
	height: 444px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.tab-list li {
	height: 88px;
}
.tab-list a {
	display: table-cell;
	box-sizing: border-box;
	height: 88px;
	padding: 0 16px;
	background: url('../../Images/sp-tabs.png') 0 0 no-repeat;
	font-family: "Heiti TC","Microsoft JhengHei";
	font-size: 16px;
	text-decoration: none;
	color: white;
	text-shadow: 0 0 3px #000;
	text-align: center;
	vertical-align: middle;
}
.ui-tabs-active a {
	background-position: -51px 0;
}
.ui-tabs-panel {
	position: absolute;
	right: 0;
	top: 0;
	width: 600px;
	height: 440px;
	padding: 2px;
}
.travel-maps-link {
	position: absolute;
	display: block;
	background-image: url(about:blank); /*fix IE empty element not click*/
}
.fb-bnb-link {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}
.fb-bnb-link {
	width: 100%;
}
.fb-bnb-name {
	box-sizing: border-box;
	width: 100%;
	height: 100px;
	padding: 50px 10px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #000;
	font-family: "Microsoft JhengHei";
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 1px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 34%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(34%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 34%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 34%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 34%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 34%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.fb-bnb-desc {
	position: absolute;
	bottom: 3px;
	right: 3px;
	color: #3446b2;
	font-family: "Microsoft JhengHei";
	font-size: 14px;
	letter-spacing: 1px;
}
.blue-ribbon {
	position: absolute;
	width: 84px;
	height: 85px;
	background: url('https://img.fun-taiwan.com/FunTaiwan/fbCollection/blue-ribbon.png') 0 0 no-repeat;
	top: -5px;
	right: -5px;
	transition: opacity 0.3s ease 0s;
}
.sb3:hover .blue-ribbon {
	opacity: 0.1;
	transition: opacity 0.3s ease 0s;
}
#eyePopup {
	display: none;
}
#eyePopup img {
	width: 100%;
	min-width: 320px;
}
.select-platform {
	padding: 20px 0;
	font-size: 16px;
	color: #555;
}
.select-platform a {
	color: #09f;
	text-decoration: none;
}
.select-platform a:hover {
	text-decoration: underline;
}
/*
*2015/12/30 基本版-4個綠色按鈕
 */
.comment-btn-area {
	height: 30px;
}
.comment-btn-area a {
	display: inline-block;
	width: 23px;
	height: 23px;
	margin-top: 5px;
	margin-right: 6px;
	background: url('https://img.fun-taiwan.com/FunTaiwan/Button/comment-icon-btn.png') scroll no-repeat;
}
.comment-btn-area #lnkMailToBnb {
	position: relative;
	width: 95px;
	top: -6px;
	color: #FFF;
	line-height: 27px;
	text-indent: 3.3em;
	background-position: 0 0;
	margin-left: 8px;
	text-decoration: none;
}
.comment-btn-area #lnkFavorite {
	background-position: -164px 0;
}
.comment-btn-area #lnkBlogSearch {
	background-position: -95px 0;
}
.comment-btn-area #lnkEmailFriend {
	background-position: -118px 0;
}
.comment-btn-area #lnkPlayIdea {
	background-position: -141px 0;
}
/*
*2016/01/26 民宿總覽加上瘋民宿的橫幅slider
 */
.banner-slider-area {
	width: 960px;
	margin: 5px auto 0;
}
.banner-slider-area ul {
	margin: 0;
	padding: 0;
}
.slider-box {
	width: 960px;
	height: 145px;
	position: relative;
	overflow: hidden;
}
.slider-box li{
	position: absolute;
	top: 0;
	width: 960px;
	height: 145px;
	left: 100%;
	overflow: hidden;
	display:none;
}
.slider-box li.current{
	display:block;
	left: 0;
}
.slider-box img{
	width: 100%;
}
.banner-slider-area .slider-control{
	text-align: center;
	margin: 5px auto 20px;
}
.slider-control li{
	display:inline-block;
	width: 10px;
	height: 10px;
	background-color:#aaa;
	border-radius:50%;
	margin:6px 6px;
	cursor: pointer;
}
.slider-control li.current{
	background-color:#000;
}
.slider-control li:hover{
	background-color:#333;
}
/*
*2018/05/28 基本版-收錄懶人包按鈕
 */
.sp-btn { /*基本版(pc)*/
	display: block;
	width: 96%;
	height: 26px;
	margin: 5px auto;
	line-height: 26px;
	border-radius: 3px;
	border: 3px solid #74b9ff;
	background-color: #09f;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.sp-btn:hover {
	color: #f9ca24;
}
/*
*2018/06/19 基本版-主題分類標籤
 */
.tag-cloud {
	display: inline-block;
	padding: 3px 5px;
	background-color: #f69;
	color: #fff;
	text-decoration: none;
	margin-bottom: 5px;
	border-radius: 3px;
}
.tag-cloud:hover {
	color: #f0f0f0;
}