.top {
	width: 100%;
	height: 72px;
	background-color: #333230;
	color: #a59d8e;
}
.topBoxIndex {
	width: 980px;
	height: 72px;
	padding: 4px 0px 4px 0px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;/*overflow: hidden;解決float高度問題*/
}
.topBox {
	width: 980px;
	height: 72px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;/*overflow: hidden;解決float高度問題*/
}
.topMenuIndex {/*首頁上方選單*/
	text-align: left;
	float: right;
	height: 72px;/*讓文字上下置中*/
	line-height: 72px;/*讓文字上下置中*/
	width: 62%;
}
.search a {
	display: inline-block;
	float: left;
	width: 60px;
	height: 72px;
	background: url(../../../resources/images/search.svg) center center no-repeat;
	background-size: 90%;
	text-indent: -9999px;
}
.share a:hover {
	background: url(../../../resources/images/share.svg) center center no-repeat;
	background-size: 90%;
}
.share a {
	display: inline-block;
	float: left;
	width: 60px;
	height: 72px;
	background: url(../../../resources/images/share.svg) center center no-repeat;
	background-size: 90%;
	text-indent: -9999px;
}
.shareListTop {
	position: absolute;
	top: 72px;
	left: 50%;
	width: 60px;
	margin-left: 337px;
	z-index: 2000;
	height: 0px;
	overflow: hidden;
	transition: all 0.5s;
}
.shareListTop2 {
	height: 240px;
}
.lanChoose {
	top: 72px;
}
 @media screen and (max-width: 1000px) {
.top {
	width: 100%;
	height: 62px;/*讓文字上下置中*/
	background-color: #333230;
	color: #a59d8e;
}
.topBox {
	height: 55px;
	width: 100%;
}
.share a {
	float: right;
	width: 55px;
	height: 55px;
}
.shareListTop {
	position: absolute;
	top: 62px;
	left: 100%;
	width: 55px;
	margin-left: -165px;
	z-index: 2000;
	height: 0px;
	overflow: hidden;
	transition: all 0.5s;
}
.shareListTop2 {
	height: 240px;
}
.topMenuIndex {/*首頁上方選單*/
	float: right;
	box-sizing: border-box;
	margin: 5px 0px 0px 0px;
	height: 55px;/*讓文字上下置中*/
	line-height: 55px;/*讓文字上下置中*/
	width: 63%;
}
.search a {
	float: right;
	width: 55px;
	height: 55px;
}
}

#media-video{
	height:100%;
	width: 100%;
	background-color:#000;}
/*--------------------------------------------------首頁最新消息-----------------------------------*/
/*----------頁籤-----------*/
.ecNetUlTabs {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.ecNetUlTabs li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	border-right: solid 1px #f5f1e8;
}
@media screen and (max-width: 1000px) {
.ecNetUlTabs li {
	box-sizing: border-box;
	width: 33%;
}
.ecNetUlTabs li:nth-child(3) {
	box-sizing: border-box;
	width: 34%;
}
}
.ecNetUlTabs li:nth-child(3) {
	box-sizing: border-box;
	border-right: solid 0px #cacaca;
}
.ecNetUlTabs a.ecNetUlTab {
	box-sizing: border-box;
	font-size: 110%;
	padding: 0px 0px;
	display: block;
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	width: 205px;
	color: #705938;
	text-align: center;
	text-decoration: none;
	background-color: #cfc9bd;
}
@media screen and (max-width: 1000px) {
.ecNetUlTabs a.ecNetUlTab {
	width: 100%;
}
}
.ecNetUlTabs a.ecNetUlTabSelected {
	box-sizing: border-box;
	font-size: 110%;
	padding: 0 0px;
	display: block;
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	width: 205px;
	color: #ffffff;
	background-color: #e87536;
	text-align: center;
	text-decoration: none;
}
 @media screen and (max-width: 1000px) {
.ecNetUlTabs a.ecNetUlTabSelected {
	width: 100%;
}
}
.ecNetUlTabs a.tab:hover {
	color: #333;
}
/*----------頁籤內容-----------*/
.ecNetUlTabContent {
	/*position不要設成absolute, 由套件自動處理*/
	float: left;
	display: block;
	list-style: none;
	top: 45px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	overflow: hidden;
}
.ecNetUlTabContent li {
	width: 99.6%;
}
.ecNetUlTabContent li a {
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	list-style: none;
	width: 100%;
	padding: 8px 10px 8px 10px;
	border-bottom: 1px #dcd8cc solid;
	text-decoration: none;
}
 @media screen and (max-width: 1000px) {
.ecNetUlTabs .ecNetUlTabContent li {
	box-sizing: border-box;
	width: 100%;
}
}
.indexnewsDate {
	float: left;
	box-sizing: border-box;
	width: 22%;
	display: block;
	color: #ff7e00;
	text-align: left;
	font-size: 102%;
	padding: 5px 0px 5px 5px;
}

 @media screen and (max-width: 1000px) {
.indexnewsDate {
	display:none;
}
	 }
.indexnewsTitle {
	letter-spacing: 0px;
	float: left;
	box-sizing: border-box;
	width: 78%;
	display: block;
	color: #3e3e3e;
	text-align: left;
	font-size: 102%;
	padding: 5px 0px 5px 0px;
}

 @media screen and (max-width: 1000px) {
.indexnewsTitle {
	width: 100%;
}
	 }
.indexnewsDate2 {
	float: left;
	box-sizing: border-box;
	width: 35%;
	display: block;
	color: #ff7e00;
	text-align: left;
	font-size: 98%;
	padding: 5px 0px 5px 5px;
	letter-spacing: 0px;
}
 @media screen and (max-width: 1000px) {
.indexnewsDate2 {
	display:none;
}
	 }
.indexnewsTitle2 {
	letter-spacing: 0px;
	float: left;
	box-sizing: border-box;
	width: 65%;
	display: block;
	color: #3e3e3e;
	text-align: left;
	font-size: 102%;
	padding: 5px 0px 5px 0px;
}
 @media screen and (max-width: 1000px) {
.indexnewsTitle2 {
	width: 100%;
}
	 }

.ecNetUlTabContent li:hover * {
	background-color: #e87536;
	color: #ffffff;
}
/*--------------------------------------------------首頁最新消息 end-----------------------------------------------*/

/*----首頁右上方網站連結 ------*/

.otherWebsite {
	position: absolute;
	display: block;
	right: 60px;
	top: 10px;
	width: 100px;
	overflow: hidden;
	z-index:10;
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
.otherWebsite {
	width: 90px;
	right: 50px;
	top: 7px;
}
	}

@media screen and (max-width: 1000px) {
.otherWebsite {
	display:none;
}
	}
.otherWebsite li {
	display: block;
	margin: 18px 0px 18px 0px;
}

@media screen and (max-width: 1200px) {
.otherWebsite li {
	display: block;
	margin: 13px 0px 13px 0px;
}
	}
.otherWebsite li a {
	display: block;
	box-sizing: border-box;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background-color: #963;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 90%;
}
@media screen and (max-width: 1200px) {
.otherWebsite li a {
	width: 82px;
	height: 82px;
	font-size: 90%;
	}
	}
.otherWebsite li:nth-child(1) a {
	background: url(../../../resources/images/mobile.svg) left center no-repeat;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-size: cover;
	box-sizing: border-box;
	padding: 50px 0px 0px 0px;
}
@media screen and (max-width: 1200px) {
.otherWebsite li:nth-child(1) a {
	padding: 45px 0px 0px 0px;
	}
	}
.otherWebsite li:nth-child(1) a:hover {
	background: url(../../../resources/images/mobileClick.svg) left center no-repeat;
	background-size: cover;
}
.otherWebsite li:nth-child(2) a {
	background: url(../../../resources/images/ohbear.svg) left center no-repeat;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-size: cover;
	box-sizing: border-box;
	padding: 50px 0px 0px 0px;
	text-indent: -9999px;
}
.otherWebsite li:nth-child(2) a:hover {
	background: url(../../../resources/images/ohbearClick.svg) left center no-repeat;
	background-size: cover;
}
.otherWebsite li:nth-child(3) a {
	background: url(../../../resources/images/events.svg) left center no-repeat;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-size: cover;
	box-sizing: border-box;
	padding: 50px 0px 0px 0px;
	text-indent: -9999px;
	background-color: #FFF;
}
.otherWebsite li:nth-child(3) a:hover {
	background-color:#CCC;
}
.otherWebsite li:nth-child(4) a {
	background: url(../../../resources/images/fb.png) left center no-repeat;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-size: cover;
	box-sizing: border-box;
	padding: 45px 0px 0px 0px;
}
.otherWebsite li:nth-child(4) a:hover {
	background: url(../../../resources/images/fbClick.png) left center no-repeat;
	background-size: cover;
}
.media {
	position: absolute;
	display: inline-block;
	left: 50%;
	bottom: 8%;
	width: 250px;
	margin-left: -110px;
	overflow: hidden;
}
@media screen and (max-width: 1000px) {
.media {
	display:none;
}
	}


.media li {
	display: inline-block;
	margin: 0px 10px 0px 10px;
}
.media li a {
	display: inline-block;
	box-sizing: border-box;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	background-color: #963;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 90%;
}
.media li:nth-child(1) a {
	background: url(../../../resources/images/video.svg) left center no-repeat;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-size: cover;
	background-color: rgba(0,0,0,0.7);
	box-sizing: border-box;
	padding: 45px 0px 0px 0px;
	transition: all 0.3s;
}
.media li:nth-child(1) a:hover {
	background: url(../../../resources/images/video.svg) left center no-repeat;
	background-size: cover;
	background-color: #f66f26;
}
.media li:nth-child(2) a {
	background: url(../../../resources/images/photo.svg) left center no-repeat;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-size: cover;
	background-color: rgba(0,0,0,0.7);
	box-sizing: border-box;
	padding: 45px 0px 0px 0px;
	transition: all 0.3s;
}
.media li:nth-child(2) a:hover {
	background: url(../../../resources/images/photo.svg) left center no-repeat;
	background-size: cover;
	background-color: #f66f26;
}
/*----最新消息----*/

.indexnewsArea {
	width: 1000px;
	margin: 0px auto;
	padding: 5px 0px 0px 0px;
	display: block;
	overflow: hidden;
}
@media screen and (max-width: 1000px) {
.indexnewsArea {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	overflow: hidden;
}
	}



.indexnewsAreaLeft {
	float: left;
	box-sizing: border-box;
	width: 628px;
	padding: 45px 0px 0px 8px;
}
@media screen and (max-width: 1000px) {
.indexnewsAreaLeft {
	float: left;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 0px 0px 0px 0px;
}
	}

.indexnewsAreaRight {
	float: right;
	box-sizing: border-box;
	width: 340px;
	padding: 45px 0px 0px 0px;
}

@media screen and (max-width: 1000px) {
.indexnewsAreaRight {
	float: left;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 30px 0px 30px 0px;
	background-color:#e2dccf;
}
	}
.moreInfo {
	clear: both;
	display: block;
	text-align: right;
	padding: 25px 5px 25px 0px;
}

@media screen and (max-width: 1000px) {
.moreInfo {
	padding: 25px 15px 0px 0px;
}
	}
.moreInfo a {
	padding: 8px 0px 8px 30px;
	background-color: #756e5c;
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	transition: all 0.3s;
}
.moreInfo a:hover {
	background-color: #e87536;
}
.moreInfo .moremore {
	background-color: #e87536;
	padding: 8px 12px 8px 10px;
	margin: 0px 0px 0px 30px;
}
/*------最新消息 end------*/

.indexTourBg {
	background-color: #e87536;
	height: 550px;
}


.indexTourArea {
	position: relative;
	width: 900px;
	margin: 0px auto;
	color: #ffffff;
}
@media screen and (min-width: 501px) and (max-width: 999px) {
.indexTourBg {
	background-color: #e87536;
	height: 450px;
}
	}
@media screen and (max-width: 500px) {
	
.indexTourBg {
	background-color: #e87536;
	height:auto;
}	
.indexTourArea {
	position: relative;
	width: 100%;
	margin: 0px auto;
	color: #ffffff;
}
	}

#indexTourAreaPeople {
	position: absolute;
	left: 0px;
	top: -90px;
	width: 270px;
	height: 270px;
	background: url(../../../resources/images/specialInterestsBg.svg) top left no-repeat;
	background-size: contain;
	z-index: 50;
}
@media screen and (max-width: 1000px) {
#indexTourAreaPeople {
	display:none;}
	}

.h1Center {
	padding: 60px 0px 0px 0px;
}

@media screen and (max-width: 1000px) {
.h1Center {
	padding: 30px 0px 0px 0px;
}
	}
.introduction {
	padding: 20px 10px 10px 10px;
	line-height: 1.4em;
}
/*------地圖便利搜----------*/	
.mapsearchBg {
	width: 100%;
	display: block;
	overflow: hidden;
	background: url(../../../resources/images/mapsearchBg1.jpg) top center repeat;
	height: 450px;
}
@media screen and (max-width: 1000px) {
.mapsearchBg {
	height:auto;
	display:none;
}
	}

.mapsearchArea {
	width: 999px;
	margin: 0px auto;
}

@media screen and (max-width: 1000px) {
.mapsearchArea {
	width: 100%;
	margin: 0px auto;
}
	}
.mapsearchArea>li {
	box-sizing: border-box;
	display: inline-block;
	width: 333px;
	height: 225px;
	background-color: #ffffff;
	margin: 0px -5px 0px 0px;
	text-align: center;
	padding: 20px 0px 0px 0px;
	vertical-align: top;
}
.mapsearchArea>li:nth-child(1) {
	background: url(../../../resources/images/map001.jpg) top left no-repeat;
	background-size: cover;
}
.mapsearchArea>li:nth-child(2) {
	color: #cf6a33;
}
.mapsearchArea>li:nth-child(3) {
	background: url(../../../resources/images/map003.jpg) top left no-repeat;
	background-size: cover;
}
.mapsearchArea>li:nth-child(4) {
	background: url(../../../resources/images/map004.jpg) top left no-repeat;
	background-size: cover;
}
.mapsearchArea>li:nth-child(5) {
	color: #FFF;
	width: 333px;
	background: url(../../../resources/images/map005.jpg) top left no-repeat;
	background-size: cover;
}
.mapsearchArea>li:nth-child(6) {
	background: url(../../../resources/images/map006.jpg) top left no-repeat;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
.mapsearchArea>li {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	height:auto;
	background-color: #ffffff;
	margin: 0px;
	text-align: center;
	padding: 20px 0px 30px 0px;
	vertical-align: top;
}
.mapsearchArea>li:nth-child(1){
	display:none;}
.mapsearchArea>li:nth-child(2) {
	color: #cf6a33;
	width: 100%;
}
.mapsearchArea>li:nth-child(3){
	display:none;}
.mapsearchArea>li:nth-child(4){
	display:none;}
.mapsearchArea>li:nth-child(5) {
	color: #FFF;
	width: 100%;
	background: url(../../../resources/images/map005.jpg) top left no-repeat;
	background-size: cover;
}
.mapsearchArea>li:nth-child(6){
	display:none;}
	}
.mapsearchList {
	width: 100%;
	box-sizing: border-box;
	display: block;
	padding: 28px 0px 10px 0px;
}
.mapsearchArea h2 {
	font-size: 160%;
	padding: 12px 0px 0px 0px;
}
.mapsearchselect select {
	padding: 3px;
	width: 180px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 3px 0px 3px 0px;
	border: 1px #CCCCCC solid;
}
.mapsearchselect input {
	padding: 4px;
	width: 180px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 3px 0px 3px 0px;
	border: 1px #CCCCCC solid;
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
}
.mapsearchArea .btn {
	box-sizing: border-box;
	font-size: 98%;
	font-family: Arial;
	font-weight: normal;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border: 0px solid #dcdcdc;
	text-decoration: none;
	background-color: #e87536;
	padding:4px 30px 4px 30px;
	color: #ffffff;
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
		margin: 12px 0px 6px 0px;
}
.mapsearchArea li h3 {
	padding: 5px 0px 5px 0px;
}
.mapsearchList>li {
	display: inline-block;
	vertical-align: top;
}
.mapsearchList>li a {
	display: block;
	box-sizing: border-box;
	width: 86px;
	height: 84px;
	line-height: 86px;
	border-radius: 50%;
	background-color: #3CC;
	margin: 0px 6px 0px 6px;
	color: #FFF;
	text-decoration: none;
	font-size: 125%;
}
.mapsearchList>li:nth-child(1) a {
	background: url(../../../resources/images/mapsearchBtn1.svg) center center no-repeat;
	background-size: cover;
	background-color: #aec771;
	text-indent: -99999px;
}
.mapsearchList>li:nth-child(1) a:hover {
	background-color: #8ba64a;
}
.mapsearchList>li:nth-child(2) a {
	background: url(../../../resources/images/mapsearchBtn2.svg) center center no-repeat;
	background-size: cover;
	background-color: #efa4b2;
	text-indent: -99999px;
}
.mapsearchList>li:nth-child(2) a:hover {
	background-color: #e78396;
}
.mapsearchList>li:nth-child(3) a {
	background: url(../../../resources/images/mapsearchBtn3.svg) center center no-repeat;
	background-size: cover;
	background-color: #f88e54;
	text-indent: -99999px;
}
.mapsearchList>li:nth-child(3) a:hover {
	background-color: #e56b28;
}
/*------地圖便利搜 end---------*/
	
/*------相關連結----------*/
.otherLinkArea {
	position: relative;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	clear: both;
	width: 1000px;
	margin: 0px auto;
}
@media screen and (max-width: 1000px) {
.otherLinkArea {
	width: 100%;
}
	}

.otherLinkTitle {
	text-align: center;
	padding: 50px 0px 30px 0px;
	color: #cf6a33;
}

@media screen and (max-width: 700px) {
.otherLinkTitle {
	padding: 30px 0px 0px 0px;
}
	}
#otherLinkAreaPeople {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 360px;
	height: 444px;
	background: url(../../../resources/images/otherlinkBg.svg) top left no-repeat;
	background-size: contain;
	z-index: 60;
}

@media screen and (max-width: 1000px) {
#otherLinkAreaPeople {
	display:none;
}
	}
.otherLinkAll {
	box-sizing: border-box;
	padding: 10px 340px 30px 50px;
	width: 100%;
	display: block;
	overflow: hidden;
}

@media screen and (max-width: 1000px) {
.otherLinkAll {
	box-sizing: border-box;
	padding: 10px 0px 30px 0px;
	width: 100%;
	display: block;
	overflow: hidden;
}
	}
.otherLinkAll > li {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: 31%;
	overflow: hidden;
	vertical-align: top;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 10px 0px;
}


.otherLinkAll > li:nth-child(1) {
	background: url(../../../resources/images/otherlinkAccommodations.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(2) {
	background: url(../../../resources/images/otherlinkRecreation.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(3) {
	background: url(../../../resources/images/otherlinkFood.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(4) {
	background: url(../../../resources/images/otherlinkTravel.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(5) {
	background: url(../../../resources/images/otherlinkInformation.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(6) {
	background: url(../../../resources/images/otherlinkTransportation.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(7) {
	background: url(../../../resources/images/otherlinkshopping.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(8) {
	background: url(../../../resources/images/otherlinkSpots.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(9) {
	background: url(../../../resources/images/otherlinkTourOperators.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll > li a {
	display: block;
	padding: 8px 0px 16px 65px;
	font-size: 120%;
	color: #944614;
	text-decoration: none;
}

@media screen and (max-width: 1000px) {
.otherLinkAll > li a {
	display: block;
	padding: 8% 0px 6% 36%;
	font-size: 140%;
	color: #944614;
	text-decoration: none;
}
	}

@media screen and (max-width: 700px) {
.otherLinkAll > li a {
	display: block;
	padding: 6% 0px 6% 25%;
	font-size: 140%;
	color: #944614;
	text-decoration: none;
}
	}
.otherLinkAll .subotherLinkAll {
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	margin: 10px 0px 0px 10px;
}
@media screen and (max-width: 1000px) {
.otherLinkAll .subotherLinkAll {
	margin: 20px 0px 0px 10px;
}
	}

@media screen and (max-width: 700px) {
.otherLinkAll > li {
	width: 100%;
	overflow: hidden;
	vertical-align: top;
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 10px 0px;
}

.otherLinkAll .subotherLinkAll {
	width: 92%;
	display: block;
	overflow: hidden;
	clear: both;
	margin: 6% 0px 0px 8%;
}
.otherLinkAll > li:nth-child(1) {
	background: url(../../../resources/images/otherlinkAccommodations.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(2) {
	background: url(../../../resources/images/otherlinkRecreation.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(3) {
	background: url(../../../resources/images/otherlinkFood.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(4) {
	background: url(../../../resources/images/otherlinkTravel.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(5) {
	background: url(../../../resources/images/otherlinkInformation.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(6) {
	background: url(../../../resources/images/otherlinkTransportation.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(7) {
	background: url(../../../resources/images/otherlinkshopping.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(8) {
	background: url(../../../resources/images/otherlinkSpots.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll > li:nth-child(9) {
	background: url(../../../resources/images/otherlinkTourOperators.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
	}
.otherLinkAll .subotherLinkAll > li {
	box-sizing: border-box;
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
.otherLinkAll .subotherLinkAll > li a {
	display: block;
	padding: 5px 0px 5px 13px;
	font-size: 90%;
	color: #333;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 1.2em;
	background: url(../../../resources/images/reddot.svg) left top no-repeat;
	background-size: 5%;
	background-position: 4px 13px;
}
.otherLinkAll .subotherLinkAll > li a:hover {
	color: #F60;
}
@media screen and (max-width: 700px) {
.otherLinkAll .subotherLinkAll > li {
	box-sizing: border-box;
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
.otherLinkAll .subotherLinkAll > li a {
	display: block;
	padding: 5px 0px 5px 12%;
	font-size: 100%;
	color: #333;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 1.2em;
	background: url(../../../resources/images/reddot.svg) left top no-repeat;
	background-size: 5%;
	background-position: 4px 13px;
}
.otherLinkAll .subotherLinkAll > li a:hover {
	color: #F60;
}
	}

/*------相關連結banner區------*/	
.otherLinkBanner {
	width: 1000px;
	margin: 0px auto;
}
@media screen and (max-width: 1000px) {
.otherLinkBanner {
	width: 100%;
	margin: 0px auto;
}
	}

.otherLinkBannerList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px auto 30px auto;
	text-align: center;
}
.otherLinkBannerList li {
	display: inline-block;
}
.otherLinkBannerList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 174px;
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}

@media screen and (max-width: 480px) {
.otherLinkBannerList li a {
	width: 44%;
	margin: 0px 6px 0px 6px;
	}
	}
.otherLinkBannerList li img {
	width: 172px;
	height: 74px;
	border: 1px #e0dbd0 solid;
}
@media screen and (max-width: 480px) {
.otherLinkBannerList li img {
	width: 100%;
	}
	}

/*------相關連結banner區 end------*/	



/*------相關連結banner 2區------*/	
.otherLinkBanner2 {
	width: 100%;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	background-color: #e2dccf;
	padding: 40px 0px 40px 0px;
}
.otherLinkBannerList2 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 1000px;
	margin: 0px auto 0px auto;
	text-align: center;
}
.otherLinkBannerList2 li {
	display: inline-block;
	vertical-align: top;
}
.otherLinkBannerList2 li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 140px;
	height:60px;
	margin: 0px 6px 0px 6px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
.otherLinkBannerList2 li:last-child a {
	width: 140px;
	height: 60px;
	line-height: 60px;
	background-color: #F60;
	font-size: 120%;
}
.otherLinkBannerList2 li img {
	width: 100%;
	height: 100%;
	border: 1px #cbc7be solid;
}

@media screen and (max-width: 1000px) {
.otherLinkBannerList2 {
	width: 100%;
	margin: 0px auto 0px auto;
	text-align: center;
}
.otherLinkBannerList2 li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 140px;
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}

.otherLinkBannerList2 li:last-child a {
	width: 140px;
	height: 60px;
	line-height: 60px;
	background-color: #F60;
	font-size: 120%;
}


	}

	
	
	
/*------相關連結banner 2區 end------*/	
	
/*------相關連結 end------*/

/*首頁 第三個頁簽按鈕 點選不連出 giini 20151126*/
.ecNetUlTabs a.ecNetUlTabOther {
    box-sizing: border-box;
    font-size: 110%;
    padding: 0px 0px;
    display: block;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    width: 205px;
    color: #705938;
    text-align: center;
    text-decoration: none;
    background-color: #cfc9bd;
}

@media screen and (max-width: 1000px) {
.ecNetUlTabs a.ecNetUlTabOther {
	width:100%;}
	}

/*粉絲團連結*/
.facebookAll{
	position:absolute;
	top:355px;
	right:170px;
	width:220px;
	height:100px;
	z-index:30;
}

.facebookAll li{
	display:inline-block;
	margin:0px 6px 0px 6px;
	vertical-align:top;
	}
.facebookAll li a{
	display: block;
	box-sizing: border-box;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background-color: #3b5998;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 90%;
	line-height:1.2em;
	vertical-align:middle;
	padding:22px 8px 0px 8px;
	}
.facebookAll li a:hover{
	background-color:#27437c;
	}	
	
.facebookAll li:nth-child(1) a{
	padding:30px 8px 0px 8px;
	}
	
	
/*緊急通報*/
.urgent{
	display:block;
	box-sizing:border-box;
	margin:30px 12px 0px 7px;
	background-color:#BF2E2E;
	padding:8px 20px 4px 20px;
	border-radius:6px;
	font-size:110%;
	color:#FFF;
	}
.urgent span{
	padding:0px 30px 0px 30px;
	}	
@media screen and (max-width: 1000px) {
.urgent{
	margin:0px;
	padding:8px 20px 8px 20px;
	border-radius:0px;
	}
	}
	
.urgent a{
	color:#FFF;
	text-decoration:none;
	font-size:110%;
	}
.urgent a:hover{
	color:#FF0;
	}