@charset "utf-8";
@import url("style_FRA.css");
/*英文版基本設定*/
body {
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0px;
	position: relative;
	color: #000;
	font-size: 100%;
	line-height: 1.8em;
	background-color: #f0ede5;
}
h1.homeH1{
	font-size: 0px;
	padding: 0px;
	}
h1 {
	font-size: 210%;
	padding: 25px 0px 25px 0px;
}
 @media screen and (max-width: 1000px) {
h1 {
	font-size: 190%;
	padding: 10px 0px 12px 0px;
}
#banner-slide {
	display: none;
}
}
.h1Center {
	font-size: 220%;
	padding: 15px 0px 15px 0px;
	text-align: center;
	line-height: 1.6em;
	display: block;
	clear: both;
}
#section2 .h1Center {
	color: #FFF;
}
#section1 .h1Center {
	color: #FFF;
}
#section2 .content h1 {
	color: #FFF;
	line-height: 1.4em;
}

.AttractionsBefore {
	position: absolute;
	top: -220px;
	left: 0px;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 20px 0px 20px 0px;
	line-height: 1.6em;
	display: block;
	clear: both;
	z-index: 4;
}
 @media screen and (max-width: 1000px) {
.AttractionsBefore {
	position: static;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0px 0px 0px 0px;
	line-height: 1.6em;
	display: block;
	clear: both;
}
}
h2 {
	font-size: 140%;
	padding: 0px 0px 0px 0px;
	color:rgb(51, 153, 153);
}
#section2 h2{
	color:#FF3;
	}
#section1 h2{
	color:#ccffcc;
	}
.fastivalsTitle {
	color:#FFF;
}
h3 {
	font-size: 110%;
	padding: 0px 0px 0px 0px;
}
#section1 h3{
	color:#ccffcc;
	}
.color1 {
	color: #f90;
}
.color2 {
	color: #e87536;
}
.clear {
	clear: both;
}
/*導盲磚設定*/
.acc a {
	font-size: 80%;
	color: #C60;
	text-decoration: none;
	/*width: 10px;
	height: 10px;*/
	float: left;
}
/*字級大小*/
.fontsize150 {
	font-size: 150%;
}
 @media screen and (max-width: 1000px) {
.acc a {
	display: none;
}
}
/*header框架設定*/
header {
	width: 100%;
	/*	height: 80px;*/
	background-color: #45c0bf;/*	position:fixed;
	z-index:999;*/
}
.top {
	width: 100%;
	height: 62px;
	background-color: #333230;
	color: #a59d8e;
}
.top a {
	color: #a59d8e;
}
.topBox {
	width: 1000px;
	height: 62px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;/*overflow: hidden;解決float高度問題*/
}
.topBoxIndex {
	width: 980px;
	height: 62px;
	padding: 4px 0px 4px 0px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;/*overflow: hidden;解決float高度問題*/
}
.temp {
	font-size: 120%;
}
 @media screen and (max-width: 1000px) {
.top {
	width: 100%;
	background-color: #333230;
	color: #a59d8e;
}
.topBox {
	width: 100%;
}
}
.logo a {
	float: left;
	color: #FFF;
	width: 13%;
	height: 62px;
	background: url(../../../resources/images/logo.png) center center no-repeat;
	background-size: contain;
	text-indent: -9999px;/*文字縮排*/
}
.logoIndexMobile a {
	display: none;
}
.logoIndexMobile {
	display: none;
}
@media screen and (max-width: 1000px) {
.logoIndexMobile {
	display: inline-block;
	float: left;
	color: #FFF;
	background: url(../../../resources/images/logo.png) center center no-repeat;
	background-size: contain;
	text-indent: -9999px;/*文字縮排*/
	margin: 5px 0px 0px 10px;
	height: 55px;
	width: 30%;
}
.logoIndexMobile a {
	display: inline-block;
	float: left;
	color: #FFF;
	background: url(../../../resources/images/logo.png) center center no-repeat;
	background-size: contain;
	text-indent: -9999px;/*文字縮排*/
	margin: 5px 0px 0px 10px;
	height: 55px;
	width: 30%;
}
}
.logoIndex {
	float: left;
	color: #FFF;
	width: 175px;
	height: 60px;
	background: url(../../../resources/images/logoWhite.svg) center center no-repeat;
	background-size: 72%;
	text-indent: -9999px;/*文字縮排*/
	border-right: 1px solid #3f8681;
}
.logoIndex a {
	float: left;
	color: #FFF;
	width: 175px;
	height: 60px;
	background: url(../../../resources/images/logoWhite.svg) center center no-repeat;
	background-size: 72%;
	text-indent: -9999px;/*文字縮排*/
	border-right: 1px solid #3f8681;
}
.time {
	float: left;
	box-sizing: border-box;
	color: #FFF;
	width: 37%;
	font-size: 80%;
	padding: 5px 0px 0px 6px;
	height: 62px;
	letter-spacing:1px;
}
.time img {
	width: 35px;
	height: 35px;
	vertical-align: middle;
	margin: 0px 10px 0px 5px;
}
.time a {
	padding: 0px 10px 0px 5px;
	color: #FFF;
	text-decoration: none;
}
 @media screen and (max-width: 1000px) {
.time {
	display: none;
}
.logo a {
	margin: 5px 0px 0px 10px;
	height: 55px;
	width: 30%;
}
}
.topMenuIndex {/*首頁上方選單*/
letter-spacing:0px;
	text-align: left;
	float: right;
	height: 62px;/*讓文字上下置中*/
	line-height: 62px;/*讓文字上下置中*/
	width: 62%;
}
.topMenu {/*內頁上方選單*/
	text-align: left;
	float: right;
	height: 62px;/*讓文字上下置中*/
	line-height: 62px;/*讓文字上下置中*/
	width: 72%;
}
 @media screen and (max-width: 1000px) {
.topMenu {
	float: right;
	box-sizing: border-box;
	margin: 5px 0px 0px 0px;
	height: 55px;/*讓文字上下置中*/
	line-height: 55px;/*讓文字上下置中*/
	width: 63%;
}
}
.topList li {
	float: left;
	display: inline-block;
	padding: 0px 14px 0px 14px;
}
.topList a {
	color: #a59d8e;
	text-decoration: none;
}
.topList a:hover {
	color: #FF9900;
}
 @media screen and (max-width: 1000px) {
.topList {
	display: none;
}
}
.search a {
	display: inline-block;
	float: left;
	width: 60px;
	height: 60px;
	background: url(../../../resources/images/search.svg) center center no-repeat;
	background-size: cover;
	text-indent: -9999px;
}
.share a {
	display: inline-block;
	float: left;
	width: 60px;
	height: 60px;
	background: url(../../../resources/images/share.svg) center center no-repeat;
	background-size: cover;
	text-indent: -9999px;
}
.share a:hover {
	background: url(../../../resources/images/share.svg) center center no-repeat;
	background-size: cover;
}
.shareListTop {
	position: absolute;
	top: 62px;
	left: 38%;
	width: 60px;
	margin-left: 337px;
	z-index: 2000;
	height: 0px;
	overflow: hidden;
	transition: all 0.5s;
}
.shareListTop2 {
	height: 300px;
}
.shareListTopAll li a {
	display: block;
	width: 60px;
	height: 60px;
	text-indent: -99999px;
	font-size: 50%;
}
 @media screen and (max-width: 1000px) {
.shareListTop {
	position: absolute;
	top: 62px;
	left: 100%;
	width: 55px;
	margin-left: -108px;
	z-index: 2000;
	height: 0px;
	overflow: hidden;
	transition: all 0.5s;
}
.shareListTop2 {
	height: 300px;
}
.shareListTopAll li a {
	width: 55px;
	height: 55px;
}
}
.lan a {
	display: block;
	float: left;
	color: #FFF;
	width: 92px;
	height: 60px;
	text-decoration: none;
	padding-left: 8px;
}
.lanChoose {
	display: block;
	position: absolute;
	top: 62px;
	right: 31px;
	z-index: 200;
}
.lanChoose li {
}
.lanChoose li a {
	line-height: 30px;
	display: block;
	box-sizing: border-box;
	font-size: 80%;
	color: #FFF;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
/*	width: 93px;*/
	background-color: #666;
}
.lanChoose li a:hover {
	background-color: #333;
}
 @media screen and (max-width: 1000px) {
.lanChoose {
	display: none;
}
}
.mobileMenu{
	display: none;
}
.mobileMenu a {
	display: none;
}
 @media screen and (max-width: 1000px) {
.search a {
	float: right;
	width: 55px;
	height: 55px;
}
.share a {
	float: right;
	width: 55px;
	height: 55px;
}
.lan a {
	display: none;
}
.mobileMenu{
	display: block;
}
.mobileMenu a {
	display: block;
	float: right;
	width: 55px;
	height: 55px;
	background: url(../../../resources/images/menu.svg) center center no-repeat;
	background-size: cover;
	text-indent: -999px;
}
}
.searchArea {/*全文檢索區域*/
	position: relative;
	font-size: 105%;
	width: 100%;
	color: #FFF;
	background-color: #615b50;
	line-height: 0px;
	height: 0px;
	text-align: center;
	transition: all 0.6s;
	overflow: hidden;
}
.searchArea2 {/*全文檢索區域*/
	line-height: 72px;
	height: 75px;
}
.searchArea img {
	width: 60px;
	height: 60px;
	vertical-align: middle;
}
.searchArea .btnSearch {
	width: 58px;
	height: 58px;
	/*background: url(../../../resources/images/search.svg) center center no-repeat;
	background-size:58%;*/
	background-color: #615b50;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
.searchArea .btnSearch:hover {
	background-color: #F60;
}
.hotkey {
	color: #f19149;
}
.hotkey a {
	padding: 0px 10px 0px 10px;
	color: #f19149;
	text-decoration: none;
}
.hotkey a:hover {
	color: #ffffff;
}
 @media screen and (max-width: 1000px) {
.hotkey {
	display: none;
}
}
.searchArea2 img {
	width: 61px;/*修正ie的bug*/
	height: 61px;/*修正ie的bug*/
	vertical-align: middle;
}
.searchArea input {
	font-family: "微軟正黑體", Arial;
	font-size: 90%;
	margin: 3px 4px 3px 4px;
	padding: 4px;
	border: 0px solid #BBBBBB;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 14%;
}
 @media screen and (max-width: 1000px) {
.searchArea2 {/*全文檢索區域*/
	line-height: 67px;
	height: 70px;
}
.searchArea input {
	width: 40%;
}
}
/*header框架設定end*/

/*nav框架設定*/
/* nav {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 60px;
	z-index: 40;
} */
/*主選單設定*/
/* .mainMenu li {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	border-right: 1px solid #3f8681;
	margin-left: -5px;
}
.mainMenu li:hover {
	background-color: #188d8c;
}
.mainMenu>li:nth-child(1) {
	margin-left: 0px;
}

.mainMenu li:last-child {
	border-right: 0px solid #a0592f;
}
.mainMenu li a {
	color: #FFF;
	font-size: 105%;
	text-decoration: none;
	height: 60px;
	line-height: 60px;
	padding: 10px 25px 10px 25px;
}
.mainMenu li a:hover {
background: url(../../../resources/images/dot.svg) left center no-repeat;
	background-size: 15%;
	background-position: 10px 5px;
} */
/*主選單設定end*/
/*次選單_訊息專區_設定*/
/* .subMenu1 {
	position: absolute;
	top: 60px;
	left: 4px;
	display: none;
}
.subMenu1 li {
	border-right: 0px solid #a0592f;
}
.subMenu1 li>a {
	box-sizing: border-box;
	width: 170px;
	display: block;
	border-right: 0px solid #a0592f;
	background-color: #188d8c;
	font-size: 100%;
	height: auto;
	line-height: 1.2em;
	padding: 14px 10px 14px 18px;
}
.mainMenu .subMenu1 li>a:hover {
	background: url(../../../resources/images/dotno.svg) left center no-repeat;
	color: #ffea00;
} */
/*次選單_訊息專區_設定end*/
/*次選單_行前規劃_設定*/
/* .subMenu2 {
	width: 1000px;
	height: 560px;
	position: absolute;
	top: 60px;
	left: -175px;
	background-color: #188d8c;
	display: none;
}
.subMenu2 li {
	border-right: 0px solid #a0592f;
}
.subMenu2>li {
	margin-left: 0px;
}
.subMenu2>li:last-child{
	margin:180px 0px 0px 775px;
	}
.subMenu2 li>a {
	color:#a0e2e1;
	box-sizing: border-box;
	width: 190px;
	display: inline-block;
	border-right: 0px solid #a0592f;
	background-color: #188d8c;
	font-size: 110%;
	height:150px;
	line-height: 1.2em;
	padding: 20px 15px 30px 23px;
}
.mainMenu .subMenu2 li>a:hover {
	background: url(../../../resources/images/dotno.svg) left center no-repeat;
	color: #ffea00;
	background-color: #188d8c;
}
.subMenu2_1 {
	width: 167px;
	position: absolute;
	top: 60px;
	left: 5px;
}
.subMenu2_1 li {
	border-right: 0px solid #a0592f;
}


.subMenu2_1 li>a {
	color:#FFF;
	box-sizing: border-box;
	width: 160px;
	display: block;
	border-right: 0px solid #a0592f;
	background-color: #188d8c;
	font-size: 98%;
	height: auto;
	line-height: 1.2em;
	padding: 9px 0px 9px 10px;
	margin: 0px 0px 0px 30px;
	border-left: 1px solid #86d7d6;
}
.subMenu2_1 >li:hover {
	background-color: #188d8c;
}
.subMenu2_1 li>a:hover {
	color: #F90;
} */
/*次選單_行前規劃_設定end*/

/*次選單_探索台灣_設定*/
/* .subMenu3 {
	width: 157px;
	position: absolute;
	top: 60px;
	left: 4px;
	display: none;
}
.subMenu3 li {
	border-right: 0px solid #a0592f;
}
.subMenu3 li>a {
	box-sizing: border-box;
	width: 180px;
	display: block;
	border-right: 0px solid #a0592f;
	background-color: #188d8c;
	font-size: 100%;
	height: auto;
	line-height: 1.2em;
	padding: 14px 10px 14px 18px;
}
.mainMenu .subMenu3 li>a:hover {
	background: url(../../../resources/images/dotno.svg) left center no-repeat;
	color: #ffea00;
} */
/*次選單_探索台灣_設定end*/
/*次選單_旅遊台灣_設定*/
/* .subMenu4 {
	width: 800px;
	height: 440px;
	position: absolute;
	top: 60px;
	left: -340px;
	background-color: #188d8c;
	display: none;
}
.subMenu4 li {
	border-right: 0px solid #a0592f;
}
.subMenu4>li {
	margin-left: 0px;
}
.subMenu4 li>a {
	color:#a0e2e1;
	box-sizing: border-box;
	width: 190px;
	display: inline-block;
	border-right: 0px solid #a0592f;
	background-color: #188d8c;
	font-size: 110%;
	height: auto;
	line-height: 1.2em;
	padding: 20px 15px 30px 23px;
}
.mainMenu .subMenu4 li>a:hover {
	background: url(../../../resources/images/dotno.svg) left center no-repeat;
	color: #ffea00;
	background-color: #188d8c;
}
.subMenu4_1 {
	width: 167px;
	position: absolute;
	top: 60px;
	left: 5px;
}
.subMenu4_1 li {
	border-right: 0px solid #a0592f;
}
.subMenu4_1 li>a {
	color:#FFF;
	box-sizing: border-box;
	width: 160px;
	display: block;
	border-right: 0px solid #a0592f;
	background-color: #188d8c;
	font-size: 96%;
	height: auto;
	line-height: 1.2em;
	padding: 9px 0px 9px 10px;
	margin: 0px 0px 0px 40px;
	border-left: 1px solid #86d7d6;
}
.mainMenu .subMenu4_1 >li:hover {
	background: url(../../../resources/images/dotno.svg) left center no-repeat;
	color: #ffea00;
}
.mainMenu .subMenu4_1 li>a:hover {
	color: #F90;
	color: #ffea00;
} */
/*次選單_旅遊台灣_設定end*/
/*次選單_主題推薦_設定*/
/* .subMenu5 {
	width: 157px;
	position: absolute;
	top: 60px;
	left: 4px;
	display: none;
}
.subMenu5 li {
	border-right: 0px solid #a0592f;
}
.subMenu5 li>a {
	box-sizing: border-box;
	width:200px;
	display: block;
	border-right: 0px solid #a0592f;
	background-color: #188d8c;
	font-size: 100%;
	height: auto;
	line-height: 1.2em;
	padding: 14px 10px 14px 18px;
}
.mainMenu .subMenu5 li>a:hover {
	background: url(../../../resources/images/dotno.svg) left center no-repeat;
	color: #ffea00;
} */
/*次選單_主題推薦_設定end*/

/*次選單_影音互動_設定*/
/* .subMenu6 {
	width: 157px;
	position: absolute;
	top: 60px;
	left: -48px;
	display: none;
}
.subMenu6 li {
	border-right: 0px solid #a0592f;
}
.subMenu6 li>a {
	box-sizing: border-box;
	width: 158px;
	display: block;
	border-right: 0px solid #a0592f;
	background-color: #188d8c;
	font-size: 100%;
	height: auto;
	line-height: 1.2em;
	padding: 14px 10px 14px 18px;
}
.mainMenu .subMenu6 li>a:hover {
	background: url(../../../resources/images/dotno.svg) left center no-repeat;
	color: #ffea00;
} */

/*次選單_影音互動_設定end*/

/* @media screen and (max-width: 1000px) {
nav {
	display: none;
}
} */
/*nav框架設定end*/
/*article內文區框架設定*/
section {/*通用背景*/
	width: 100%;
	background-color: #f0ede5;
}
#section1 {/*綠色背景(行程推薦)*/
	background-color: #95aa5d;
	color: #ffffff;
}
#section1 h1 {
	color: #ffffff;
	line-height: 1.4em;
}
#section2 {/*藍色背景(旅遊臺灣)*/
	background-color: #58b3aa;
	color: #ffffff;
}
#section3 {/*深藍色背景(影音互動)*/
	background-color: #39537D;
	color: #ffffff;
}
#section4 {/*橘色背景*/
	background-color: #D8934B;
	color: #ffffff;
}
#section5 {/*橘色背景(節慶活動)*/
	background-color: #BB5A24;
	color: #ffffff;
}
#section6 {/*黃色背景(美食天堂)*/
	background-color: #bd6b3f;
	color: #ffffff;
}
#section6 .content h1 {/*黃色背景(美食天堂)*/
	color: #ffffff;
}
#section7 {/*粉紅色背景(購物萬象)*/
	background-color: #EA9AB4;
	color: #ffffff;
}
.content {/*通用版型內文區*/
box-sizing:border-box;
	margin: 0px auto;
	padding: 80px 20px 20px 20px;
	width: 990px;
	position: relative;
	box-sizing: border-box;
}

.content h1 {
	color:#45C0BF;
}
.content a {
	color: #e87536;
	text-decoration: none;
	border-bottom: 1px #e87536 solid;
	padding: 0px 4px 1px 4px;
}

.content a:hover {
	color:#D90000;
	border-bottom: 1px #D90000 solid;
}
.nolink a {
	color: #e87536;
	text-decoration: none;
	border-bottom: 0px #e87536 solid;
	padding: 0px 4px 1px 4px;
}

.nolink a:hover{
	border-bottom: 0px #e87536 solid;
}
.contentBefore {/*探索台灣內文區引言*/
	box-sizing: border-box;
	position: absolute;
	left: 10px;
	top: -320px;
	width: 430px;
	height: 320px;
	background-color: rgba(255,102,0,1);
	z-index: 4;
	color: #ffffff;
	padding: 22px;
	overflow: hidden;
	font-size:16px;
}



.contentBefore2 {/*旅遊景點內文區引言*/
	box-sizing: border-box;
	position: absolute;
	left: 10px;
	top: -300px;
	width: 360px;
	height: 300px;
	background-color: rgba(0,0,0,0.9);
	z-index: 4;
	color: #ffffff;
	padding: 22px;
	overflow: hidden;
}

@media screen and (max-width: 1400px) {
.contentBefore {/*探索台灣內文區引言*/
	box-sizing: border-box;
	position: absolute;
	left: 10px;
	top: -290px;
	width: 430px;
	height: 290px;
	background-color: rgba(255,102,0,1);
	z-index: 4;
	color: #ffffff;
	padding: 20px;
	overflow: hidden;
}
.contentBefore2 {/*旅遊景點內文區引言*/
	box-sizing: border-box;
	position: absolute;
	left: 10px;
	top: -290px;
	width: 400px;
	height: 290px;
	background-color: rgba(0,0,0,0.9);
	z-index: 4;
	color: #ffffff;
	padding: 20px;
	overflow: hidden;
}
	}
@media screen and (max-width: 1200px) {
.contentBefore {
	box-sizing: border-box;
	position: static;
	width: 100%;
	height: auto;
	color: #000000;
	padding: 0px;
	overflow: hidden;
	background-color: rgba(255,102,0,0);
}
.contentBefore2 {
	box-sizing: border-box;
	position: static;
	width: 100%;
	height: auto;
	color: #ffffff;
	padding: 0px 0px 30px 0px ;
	overflow: hidden;
	background-color: rgba(0,0,0,0);
}
}


.contentBefore h1 {
	font-size: 180%;
	line-height:1.2em;
	padding: 4px 0px 14px 0px;
	color: #FFF;
}
.contentBefore h2 {
	font-size: 180%;
	line-height:1.2em;
	padding: 4px 0px 14px 0px;
	color: #FFF;
}
@media screen and (max-width: 1400px) {
.contentBefore h1 {
	font-size: 170%;
	padding: 8px 0px 20px 0px;
	color: #FFF;
}
.contentBefore h2 {
	font-size: 170%;
	padding: 8px 0px 20px 0px;
	color: #FFF;
}
	}
 @media screen and (max-width: 1200px) {
.contentBefore h1 {
	color: #e87536;
}
.contentBefore h2 {
	color: #e87536;
}
}


.contentBefore2 h1 {
	font-size: 190%;
	padding: 0px 0px 16px 0px;
}
/*.contentBefore h2 {
	padding: 0px 0px 10px 0px;
}
.contentBefore2 h2 {
	padding: 0px 0px 10px 0px;
}*/
.contentBefore p {
	margin: 0px;
	padding: 0px;
}
.contentBefore2 p {
	margin: 0px;
	padding: 0px;
	font-size:16px;
}
.contentFastivals {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 1000px;
	position: relative;
	box-sizing: border-box;
}
.PathandForward {
	width: 100%;
	display: block;
	float: left;
	overflow: hidden;
}
 @media screen and (max-width: 1000px) {
.content {/*通用背景*/
	box-sizing: border-box;
	padding: 5% 4% 6% 4%;
	width: 100%;
	position: relative;
}
}

.path1 {/*淺色背景用的路徑設定*/
	position: absolute;
	top: 9px;
	left:10px;
	width: 600px;
	color: #BBCECD;
	padding: 20px 0px 20px 57px;
	background: url(../../../resources/images/home.svg) left center no-repeat;
	background-size: 8%;
	z-index: 30;
	font-size:108%;
}
.path2 {/*深色背景用的路徑設定*/
	position: absolute;
	top: 9px;
	left: 10px;
	width: 600px;
	color: #f9b286;
	padding: 20px 0px 20px 57px;
	background: url(../../../resources/images/home.svg) left center no-repeat;
	background-size: 8%;
	z-index: 30;
	font-size:108%;
}
 @media screen and (max-width: 1000px) {
.path1 {
	display: none;
	border-bottom: 0px #e87536 solid;
}
.path2 {
	display: none;
}
}
.path1 a {
	color:#2E9493;
	text-decoration: none;
	padding: 0px 4px 0px 4px;
	border-bottom: 0px #e87536 solid;
}
.path2 a {
	color:#FF3;
	text-decoration: none;
	padding: 0px 4px 0px 4px;
	border-bottom: 0px #e87536 solid;
}


.path1 a:hover {
	color: #F60;
	border-bottom: 0px #e87536 solid;
}
.path2 a:hover {
	color: #FF3;
	border-bottom: 0px #FFFF00 solid;
}
.forward {
	position: absolute;
	top: 20px;
	right: 15px;
	z-index: 30;
}
 @media screen and (max-width: 1000px) {
.forward {
	display: none;
}
}
.forward li {
	display: inline-block;
}
.forward li a {
	display: inline-block;
	width: 48px;
	height: 48px;
	text-indent: -9999px;
	border-bottom: 0px #e87536 solid;
}

.forward li a:hover {
	border-bottom: 0px #e87536 solid;
}
.forwardBtn {
	background-color: #06C;
	background: url(../../../resources/images/forward.svg) left center no-repeat;
	background-size: 100%;
}
.forwardBtn:hover {
	background: url(../../../resources/images/forwardClick.svg) left center no-repeat;
	background-size: 100%;
}
.printBtn {
	background-color: #06C;
	background: url(../../../resources/images/print.svg) left center no-repeat;
	background-size: 100%;
}
.printBtn:hover {
	background: url(../../../resources/images/printClick.svg) left center no-repeat;
	background-size: 100%;
}
.bigFontBtn {
	background-color: #06C;
	background: url(../../../resources/images/bigA.svg) left center no-repeat;
	background-size: 100%;
}
.bigFontBtn:hover {
	background: url(../../../resources/images/bigAClick.svg) left center no-repeat;
	background-size: 100%;
}
.smallFontBtn {
	background-color: #06C;
	background: url(../../../resources/images/smallA.svg) left center no-repeat;
	background-size: 100%;
}
.smallFontBtn:hover {
	background: url(../../../resources/images/smallAClick.svg) left center no-repeat;
	background-size: 100%;
}
.shareAll {
	box-sizing: border-box;
	width: 100%;
	padding: 30px;
	text-align: center;
	background-color: #ABA69B;
}
.shareMain {
	margin: 10px auto;
	width: 980px;
	text-align: center;
}
 @media screen and (max-width: 1000px) {
.shareMain {
	width: 100%;
	box-sizing: border-box;
}
}
 @media screen and (max-width: 500px) {
.shareAll {
	padding: 20px 0px;
}
}
.shareword {
	color: #ffffff;
	font-size: 170%;
	padding: 0px 0px 40px 0px;
}
.shareList li {
	display: inline-block;
}
.shareList li a {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 0px 7px 0px 7px;
	text-indent: -9999px;
	font-size: 50%;
}
 @media screen and (max-width: 1000px) {
.shareList li a {
	width: 55px;
	height: 55px;
}
}
 @media screen and (max-width: 500px) {
.shareword {
	font-size: 150%;
}
.shareList li a {
	margin: 0px 4px 0px 4px;
	width: 50px;
	height: 50px;
}
}
.facebook {
	background: url(../../../resources/images/facebook.svg) center center no-repeat;
	background-size: 100%;
	background-color: #3b5998;
}
.facebook:hover {
	background: url(../../../resources/images/facebookClick.svg) center center no-repeat;
	background-size: 100%;
	background-color: #ffffff;
}
.twitter {
	background: url(../../../resources/images/twitter.svg) center center no-repeat;
	background-size: 100%;
	background-color: #00aced;
}
.twitter:hover {
	background: url(../../../resources/images/twitterClick.svg) center center no-repeat;
	background-size: 100%;
	background-color: #ffffff;
}
.plurk {
	background: url(../../../resources/images/plurk.svg) center center no-repeat;
	background-size: 100%;
	background-color: #c6602b;
}
.plurk:hover {
	background: url(../../../resources/images/plurkClick.svg) center center no-repeat;
	background-size: 100%;
	background-color: #ffffff;
}
.google {
	background: url(../../../resources/images/google.svg) center center no-repeat;
	background-size: 100%;
	background-color: #d64136;
}
.google:hover {
	background: url(../../../resources/images/googleClick.svg) center center no-repeat;
	background-size: 100%;
	background-color: #ffffff;
}

.line {
	background: url(../../../resources/images/line.svg) center center no-repeat;
	background-size: 100%;
	background-color: #2cbf13;
}
.line:hover {
	background: url(../../../resources/images/lineClick.svg) center center no-repeat;
	background-size: 100%;
	background-color: #ffffff;
}
/*article內文區框架設定end*/
/*footer頁尾框架設定*/
footer {
	box-sizing: border-box;
	width: 100%;
	background-color: #6e6a61;
	padding: 30px 30px 120px 30px;
}
.footerMain {
	margin: 0 auto;
	width: 980px;
	position: relative;
	box-sizing: border-box;
}
 @media screen and (max-width: 1000px) {
.footerMain {
	width: 100%;
	position: relative;
	box-sizing: border-box;
}
}
.newspaper a {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 98px;
	height: 98px;
	background: url(../../../resources/images/epaper.svg) center center no-repeat;
	background-color: #827e74;
	background-size: cover;
	background-position: 0px -14px;
	border-radius: 50%;
	z-index: 10;
	color: #FFF;
	text-decoration: none;
	box-sizing: border-box;
	padding: 54px 0px 0px 0px;
	font-size: 90%;
	text-align: center;
	letter-spacing: 0px;
	transition: all 0.3s;
}
.newspaper a:hover {
	background-color: #e87536;
}
 @media screen and (max-width: 1000px) {
.newspaper {
	display: none;
}
}
.ask a {
	position: absolute;
	top: 140px;
	right: 10px;
	width: 98px;
	height: 98px;
	background: url(../../../resources/images/ask.svg) center center no-repeat;
	background-color: #827e74;
	background-size: cover;
	background-position: 0px -14px;
	border-radius: 50%;
	z-index: 10;
	color: #FFF;
	text-decoration: none;
	box-sizing: border-box;
	padding: 54px 0px 0px 0px;
	font-size: 90%;
	text-align: center;
	letter-spacing: 0px;
	transition: all 0.3s;
}
.ask a:hover {
	background-color: #e87536;
}
 @media screen and (max-width: 1000px) {
.ask {
	display: none;
}
}
.foooterEnd {
	padding: 0px 0px 0px 130px;
	background: url(../../../resources/images/logo.png) center center no-repeat;
	background-position: center left;
	background-size: 13%;
	font-size: 90%;
	color: #FFF;
}
 @media screen and (max-width: 1000px) {
.foooterEnd {
	padding: 0px 0px 0px 0px;
	color: #FFF;
	text-align: center;
	background: url(../../../resources/images/logo_0.png) center center no-repeat;
}
}
.tel {
	color:#86d7d6;
	font-size: 120%;
}
 @media screen and (max-width: 1000px) {
.tel {
	font-size: 100%;
}
}
.nopay {
	color:#86d7d6;
}
/*fat footer_設定*/
.footerMenu {
	width: 1000px;
	margin: 0 auto;
	height: 480px;
	overflow:hidden;
}
 @media screen and (max-width: 1000px) {
.footerMenu {
	display: none;
}
}
.footerMenu>li {
	margin-left: 0px;
	display: inline-block;
	position: relative;
}
.footerMenu li>a {
	box-sizing: border-box;
	width: 160px;
	display: inline-block;
	border-right: 0px solid #a0592f;
	font-size: 100%;
	height: auto;
	line-height: 1.2em;
	padding: 20px 10px 20px 13px;
	color: #86d7d6;
	text-decoration: none;
}
.footerMenu li>a:hover {
	color: #ffea00;
}
.footerMenu_1 {
	width: 167px;
	position: absolute;
	top: 60px;
	left: 5px;
}
.footerMenu_1 li {
	border-right: 0px solid #a0592f;
}
.footerMenu_1 li>a {
	box-sizing: border-box;
	width: 160px;
	display: block;
	border-right: 0px solid #a0592f;
	font-size: 82%;
	height: auto;
	line-height: 1.2em;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 20px;
	border-left: 1px solid #86d7d6;
	color: #ffffff;
	text-decoration: none;
}
.footerMenu_1 li>a:hover {
	color: #ffea00;
}
/*fat footer_設定end*/

.copyright {
	font-size: 90%;
	}
.copyright3 {
	font-size: 93%;
	}

.copyright a {
	background-color: #45c0bf;
	color: #FFF;
	padding: 3px 14px 3px 14px;
	margin: 0px 10px 0px 10px;
	font-size: 90%;
	text-decoration: none;
}
.copyright a:hover {
	background-color: #544f44;
}
.copyright2 {
	padding: 6px 0px 6px 0px;
	width: 100%;
	color: #a8a49a;
	text-align: right;
	font-size: 90%;
	clear:both;
}
.address {
	display:block;
}
.tel2 {
	margin-left: 20px;
}
 @media screen and (max-width: 1000px) {
.copyright2 {
	text-align: center;
}
.copyright3 {
	display: none;
}
.address {
	display: block;
}
.tel2 {
	display: block;
}
}
.copyright2 a {
	padding: 0px 15px 0px 15px;
	color: #FFF;
	text-decoration: none;/*	border-left:1px #a8a49a solid;*/
}
.copyright2 a:hover {
	color: #F90;
}
 @media screen and (max-width: 500px) {
.copyright2 a {
	padding: 0px 10px 0px 10px;
	color: #FFF;
	text-decoration: none;/*	border-left:1px #a8a49a solid;*/
}
	 
	 }
/*footer頁尾框架設定end*/

/*手機左開選單*/
.mmenu {
	display: none;
}
 @media screen and (max-width: 1000px) {
.mmenu {
	display: none;
	width: 100%;
	background-color: #45c0bf;
	z-index: 100;
}
.m_mainMenu li a {
	box-sizing: border-box;
	display: block;
	text-align: left;
	padding: 15px 0px 15px 20px;
	color: #FFF;
	text-decoration: none;
	width: 100%;
	border-bottom: 1px #7fdedd solid;
	font-size: 125%;
}
.m_mainMenu li ul li a {
	box-sizing: border-box;
	display: block;
	text-align: left;
	padding: 15px 0px 15px 50px;
	color: #FFF;
	text-decoration: none;
	width: 100%;
	background-color:#188d8c;
	font-size: 115%;
	border-bottom: 1px #59b7b6 solid;
}

/*.m_mainMenu li:last-child{
	background-color:#33b3b2;
}

.m_mainMenu li:last-child > ul li a{
	background-color:#5c5a56;
	border-bottom: 1px #7f7d79 solid;
}*/
}
/*手機左開選單 end*/
.backTop {
	display: block;
	clear: both;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 20px 40px 20px;
	text-align: right;
}
 @media screen and (max-width: 1000px) {
.backTop {
	width: 100%;
}
}
.backBtn a {
	display: block;
	float: right;
	margin: 0px 0px 0px 12px;
	width: 65px;
	height: 65px;
	box-sizing: border-box;
	text-align: center;
	padding: 27px 0px 0px 0px;
	border-radius: 50%;
	font-size: 90%;
	text-decoration: none;
	color: #41403c;
	letter-spacing: 0px;
	background: url(../../../resources/images/arrowBack.svg) center center no-repeat;
	background-position: top center;
	background-size: 55%;
	background-color: #ffffff;
	border-bottom: 0px #e87536 solid;
}
.backBtn a:hover {
	color: #FFF;
	background: url(../../../resources/images/arrowBackClick.svg) center center no-repeat;
	background-position: top center;
	background-size: 55%;
	background-color: #e87536;
	border-bottom: 0px #e87536 solid;
}
.topBtn a {
	display: block;
	float: right;
	margin: 0px 0px 0px 12px;
	width: 65px;
	height: 65px;
	box-sizing: border-box;
	text-align: center;
	padding: 27px 0px 0px 0px;
	border-radius: 50%;
	font-size: 90%;
	text-decoration: none;
	color: #41403c;
	letter-spacing: 0px;
	background: url(../../../resources/images/arrowTop.svg) center center no-repeat;
	background-position: top center;
	background-size: 55%;
	background-color: #ffffff;
	border-bottom: 0px #e87536 solid;
}
.topBtn a:hover {
	color: #FFF;
	background: url(../../../resources/images/arrowTopClick.svg) center center no-repeat;
	background-position: top center;
	background-size: 55%;
	background-color: #e87536;
	border-bottom: 0px #e87536 solid;
}
 @media screen and (max-width: 1000px) {
.backBtn a {
	display: block;
	/*	float: right;*/
	margin: 0px 0px 0px 12px;
	width: 52px;
	height: 52px;
	padding: 18px 0px 0px 0px;
	font-size: 70%;
	border-bottom: 0px #e87536 solid;
}
.topBtn a {
	display: block;
	/*	float: right;*/
	margin: 0px 0px 0px 12px;
	width: 52px;
	height: 52px;
	padding: 18px 0px 0px 0px;
	font-size: 70%;
}
}
/*最新消息專區 */

.contentNews {
	box-sizing: border-box;
	width: 100%;
    /*20170609 惟夫 新增*/
    height: inherit !important;
    /*結束*/
}
.contentNews_fastivals {
	box-sizing: border-box;
	width: 100%;
}
.photoBg {
	width: 100%;
	height: 750px;
	background: url(../../../resources/images/bg_001.jpg) center center no-repeat;
	background-size:cover;
}
 @media screen and (max-width: 1000px) {
.photoBg {
	height: 460px;
	background: url(../../../resources/images/bg_001.jpg) center center no-repeat;
	background-size:cover;
}
}
 @media screen and (max-width: 500px) {
.photoBg {
	height: 350px;
	background: url(../../../resources/images/bg_001.jpg) center center no-repeat;
	background-size:cover;
}
}
.newsBox {
	box-sizing: border-box;
	margin: 0px auto;
	width: 941px;
	background-color: #FFF;
	border: 1px #e7e7e7 solid;
	overflow: hidden;
    /*20170609 惟夫 修改*/
    /*position: absolute;*/
    margin: -540px auto 0;
    /*結束*/
	top: -540px;
	left: 0px;
	z-index: 20;
}
 @media screen and (max-width: 1000px) {
.newsBox {
	box-sizing: border-box;
	width: 100%;
	top: -140px;
	left: 0px;
    /*20170609 惟夫 新增*/
    margin: -140px auto 0;
    /*結束*/
}
}
dl {
	box-sizing: border-box;
	padding: 30px 40px 20px 60px;
	overflow: hidden;/*讓float撐出高度 */
	position: relative;
	width: 900px;
}
 @media screen and (max-width: 1000px) {
dl {
	box-sizing: border-box;
	padding: 20px 10px 20px 10px;
	overflow: hidden;/*讓float撐出高度 */
	position: relative;
	width: 100%;
}
}
dl dt {
	float: left;
	display: block;
	padding: 5px;
	font-weight: normal;
	width: 150px;
	text-align: right;
}
 @media screen and (max-width: 1000px) {
dl dt {
	width: 100px;
	text-align: right;
}
}
dl dd {
	overflow: hidden;/*讓float撐出高度 */
	margin: 2px 0;
	padding: 5px 0;
}
.searchNews1 input {
	float: left;
	font-size: 100%;
	margin: 3px 4px 3px 4px;
	padding: 4px;
	border: 1px solid #e1e1e1;
	background: #e1e1e1;
}
.calendar a {
	float: left;
	display: block;
	width: 38px;
	height: 38px;
	background: url(../../../resources/images/calendar.svg) center center no-repeat;
	background-size: cover;
	background-color: #e87536;
	text-indent: -9999px;
	border-radius: 50%;
	margin: 0px 4px 0px 4px;
}
.calendar a:hover {
	background: url(../../../resources/images/calendarClick.svg) center center no-repeat;
	background-size: cover;
	background-color: #FFF;
}
.toto {
	font-size: 100%;
	float: left;
	margin: 0px 10px 0px 10px;
}
.searchGo input {
	position: absolute;
	top: 38px;
	right: 138px;
	display: block;
	width: 80px;
	height: 80px;
	background: url(../../../resources/images/search.svg) center center no-repeat;
	background-size: cover;
	background-color: #2facab;
	text-indent: -9999px;
}
.searchGo input:hover {
	background-color: #7d6c59;
}
.newsAllMain {/*最新消內頁區 */
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	width: 97%;
	padding: 100px 30px 0px 20px;
	margin: 0px 0px 0px 10px;
}
 @media screen and (max-width: 1000px) {
.newsAllMain {
	padding: 20px 20px 0px 20px;
}
}
.ecNetUlTabContent .forward li {
	display: inline-block;
}
.ecNetUlTabContent .forward li a {
	display: inline-block;
	width: 52px;
	height: 52px;
	text-indent: -9999px;
	background-size: cover;
	padding: 0px;
	border-bottom: 0px #CCCCCC solid;
}
.ecNetUlTabContent .forward li a:hover {
	display: inline-block;
	width: 52px;
	height: 52px;
	text-indent: -9999px;
	background-size: cover;
	padding: 0px;
	border-bottom: 0px #CCCCCC solid;
}
.ecNetUlTabContent .forwardBtn {
	background-color: #06C;
	background: url(../../../resources/images/forward.svg) left center no-repeat;
	background-size: 100%;
}
.ecNetUlTabContent .forwardBtn:hover {
	background: url(../../../resources/images/forwardClick.svg) left center no-repeat;
	background-size: 100%;
}
.ecNetUlTabContent .printBtn {
	background-color: #06C;
	background: url(../../../resources/images/print.svg) left center no-repeat;
	background-size: 100%;
}
.ecNetUlTabContent .printBtn:hover {
	background: url(../../../resources/images/printClick.svg) left center no-repeat;
	background-size: 100%;
}
.ecNetUlTabContent .bigFontBtn {
	background-color: #06C;
	background: url(../../../resources/images/bigA.svg) left center no-repeat;
	background-size: 100%;
}
.ecNetUlTabContent .bigFontBtn:hover {
	background: url(../../../resources/images/bigAClick.svg) left center no-repeat;
	background-size: 100%;
}
.ecNetUlTabContent .smallFontBtn {
	background-color: #06C;
	background: url(../../../resources/images/smallA.svg) left center no-repeat;
	background-size: 100%;
}
.ecNetUlTabContent .smallFontBtn:hover {
	background: url(../../../resources/images/smallAClick.svg) left center no-repeat;
	background-size: 100%;
}
hr {
	border: 0;
	height: 1px;
	background-color: #d4d4d4;
}
/*最新消息照片區 */	
.photoList {
	width: 100%;
	overflow: hidden;
}
.newsAllMain .photoList li {
	display: block;
	position: relative;
	float: left;
	margin: 20px 20px;
	width: 45%;
	height: 240px;
	background: url(../../../resources/images/bg_002.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
	border: 0px solid #BEAE96;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
 @media screen and (max-width: 1000px) {
.newsAllMain .photoList li {
	box-sizing: border-box;
	display: block;
	position: relative;
	float: left;
	margin: 20px 10px;
	width: 95%;
	height: 250px;
	background: url(../../../resources/images/bg_002.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
	border: 0px solid #BEAE96;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
}
.newsAllMain .photoList li a {
	padding: 0px;
}
/*.ecNetUlTabs .photoList li img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	overflow: hidden;
}*/
.newsAllMain .photoList li h1 {
	position: absolute;
	display: block;
	box-sizing: border-box;
	top: 100%;
	color: #FFF;
	text-align: center;
	width: 100%;
	height: 200px;
	padding: 9px 0px 9px 0px;
	background-color: rgba(0,0,0, 0.5);
	font-size: 115%;
	transition: all 0.5s;
	z-index: 30;
}
.photoList li img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0px;
	left: 0px;
	z-index: 20;
}
.photoList li:hover h1 {
	top: 80%;
}
/*最新消息照片區 end*/


/*內頁照片區 */	
.photoList {
	width: 100%;
	overflow: hidden;
}
.content .photoList li {
	display: block;
	position: relative;
	float: left;
	margin: 20px 20px;
	width: 45%;
	height: 282px;
	background-size: cover !important;
	overflow: hidden;
	border: 0px solid #BEAE96;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
 @media screen and (max-width: 1000px) {
.content .photoList li {
	box-sizing: border-box;
	display: block;
	position: relative;
	float: left;
	margin: 20px 10px;
	width: 95%;
	height: 250px;
	background-size: cover;
	overflow: hidden;
	border: 0px solid #BEAE96;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
}
.content .photoList li a {
	padding: 0px;
}
/*.ecNetUlTabs .photoList li img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	overflow: hidden;
}*/
.content .photoList li h1 {
	position: absolute;
	display: block;
	box-sizing: border-box;
	top: 100%;
	color: #FFF;
	text-align: center;
	width: 100%;
	height: 200px;
	padding: 9px 0px 9px 0px;
	background-color: rgba(0,0,0, 0.5);
	font-size: 115%;
	transition: all 0.5s;
	z-index: 30;
}
.photoList li img {
	display: block;
	position: absolute;
	width: 100%;
	overflow: hidden;
	top: 0px;
	left: 0px;
	z-index: 20;
}
.photoList li:hover h1 {
	top: 80%;
}
/*內頁照片區 end*/



.newsPhoto {
	color: #34a8ce;
	font-size: 150%;
	background: url(../../../resources/images/camera.svg) left center no-repeat;
	background-size: contain;
	padding: 15px 0px 15px 65px;
}
.newsDownload {
	color: #34a8ce;
	font-size: 150%;
	background: url(../../../resources/images/download.svg) left center no-repeat;
	background-size: contain;
	padding: 12px 0px 12px 52px;
}
.downloadTable {
	border-collpase: collpase;
	background-color: #03F;  /*框線顏色*/
	box-sizing: border-box;
	width: 95%;
	margin: 20px 20px 20px 20px;
}
.downloadTable a {
	border: 0px #006633 solid;
}
 @media screen and (max-width: 1000px) {
.downloadTable {
	margin: 20px 20px 20px 10px;
}
}
table, td, th {
	border: 0px #D6C8BE solid;
}
.downloadTable th {   /*th背景色設定及內距*/
	background-color: #71c2c6;
	padding: 10px;
	color: #FFF;
	text-align: left;
}
.downloadTable th a {   /*th背景色設定及內距*/
	color: #FFF;
	border-bottom:0px #FFFF00 solid;
}
.downloadTable th a:hover {   /*th背景色設定及內距*/
	color: #FF0;
}
.downloadTable tr {   /*tr背景色*/
	background-color: #f1f1f1;
}
 @media screen and (max-width: 1000px) {/*手機版讓附件下載表格第二三欄消失*/
.downloadTable th:nth-child(3) {   /*tr背景色*/
	display: none;
}
.downloadTable tr td:nth-child(3) {   /*tr背景色*/
	display: none;
}
.downloadTable th:nth-child(2) {   /*tr背景色*/
	display: none;
}
.downloadTable tr td:nth-child(2) {   /*tr背景色*/
	display: none;
}
}
.downloadTable td {   /*td內距*/
	padding: 10px;
}
.downloadTable img {
	display: block;  /*tr背景色*/
	width: 40px;
	height: 40px;
}
.downloadTable td a {
	border: 0px #FF6600 solid;
	padding: 0px;
}
.td_bg1 {  /* 個別td背景色設定*/
	background-color: #efefef;
}
.tableLine1 {
	width: 60%;
}
 @media screen and (max-width: 1000px) {
.tableLine1 {
	width: 90%;
}
}
.tableLine2 {
	width: 18%;
}
.tableLine3 {
	width: 18%;
}
/*最新消息專區 end */

/*行程推薦專區*/
.tourArticle {
	padding: 20px 0px 20px 0px;
}

.tourArticle a{
	color:#FF0;
	border-bottom:1px #FFFF00 solid; 
	}
	
.tourArticle a:hover{
	color:#F90;
	border-bottom:1px #F90 solid; 
	}	
.divInfo a{
	color:#e87536;
	border-bottom:1px #e87536 solid; 
	}
	
.divInfo a:hover{
	color:#F90;
	border-bottom:1px #F90 solid; 
	}	
	
/*-----------無障礙、銀髮族遊程-------------*/	
.notourRoadBox {
	clear: both;
	display: block;
	overflow: hidden;
	margin: 30px 0px 15px 0px;
}
.noTourDay {
	overflow: hidden;
	padding: 25px 0px 0px 0px;
	width: 100%;
}
.noTourDay li a {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	float: left;
	padding: 3px 20px 3px 20px;
	margin: 0px 16px 0px 0px;
	background-color: #ff7e00;
	border: 2px #FFFFFF solid;
	overflow: hidden;

}
.noTourDay li a:hover {
	color:#FFF;
	background-color: #4cc4d6;	
	border: 2px #FFFFFF solid;
}
.noTourDay li a.selected {
	background-color: #4cc4d6;
}
.notour_road_1 {
	height: 155px;
	width: 30px;
	float: left;
	background: url(../../../resources/images/notour_road.png) left top no-repeat;
	background-size: 850%;
}
 @media screen and (max-width: 1000px) {/*手機版讓附件下載表格第二三欄消失*/
.notour_road_1 {
	background-size: 800%;
	width: 33px;
	height: 160px;
}
}
.notour_road_2 {
	height: 155px;
	text-align: center;
	width: 150px;
	float: left;
	background: url(../../../resources/images/notour_road.png) center top no-repeat;
	background-size: 170%;
}
.notour_road_2:hover {
	height: 155px;
	text-align: center;
	width: 150px;
	float: left;
	background: url(../../../resources/images/notour_road_select.png) center top no-repeat;
	background-size: 170%;
}
 @media screen and (max-width: 1000px) {/*手機版讓附件下載表格第二三欄消失*/
.notour_road_2 {
	width: 120px;
	height: 160px;
	background-size: 220%;
}
.notour_road_2:hover {
	width: 120px;
	height: 160px;
	background-size: 220%;
}
}
.notour_road_select {
	height:155px;
	text-align: center;
	width: 150px;
	float: left;
	background: url(../../../resources/images/notour_road_select.png) center top no-repeat;
	background-size: 170%;
}
 @media screen and (max-width: 1000px) {
.notour_road_select {
	width: 120px;
	height: 160px;
	background-size: 220%;
}
}
.notour_road_3 {
	height: 155px;
	width: 30px;
	float: left;
	background: url(../../../resources/images/notour_road.png) right top no-repeat;
	background-size: 850%;
}
 @media screen and (max-width: 1000px) {
.notour_road_3 {
	background-size: 800%;
	width: 33px;
}
}
.notour_time {
	color: #fff000;
	font-size: 100%;
	height: 50px;
	margin-bottom: 16px;
	position: relative;
	top: -5px;
}
 @media screen and (max-width: 1000px) {
.notour_time {
	font-size: 90%;
}
}
.notour_dot {
	font-size: 18px;
	margin: 0px 0px 0px 2px;
	color: #ffffff;
	position: relative;
	top: -35px;
}
.notour_dot a:link {
	display: block;
	color: #FFF;
	text-decoration: none;
	border: 0px #FF6600 solid;
}
.notour_dot a:visited {
	color: #FFF;
	text-decoration: none;
}
.notour_dot a:hover {
	color: #FFF;
	text-decoration: none;
}
.notour_name {
	color: #FFF;
	font-size: 110%;
	position: relative;
	top: -20px;
}
 @media screen and (max-width: 1000px) {/*手機版讓附件下載表格第二三欄消失*/
.notour_name {
	font-size: 100%;
}
}
.notour_name a:link {
	color: #FFF;
	text-decoration: none;
	border: 0px #FF9900 solid;
}
.notour_name a:hover {
	color: #fff000;
	text-decoration: none;
}
.notour_name a:visited {
	color: #ffffff;
	text-decoration: none;
}
.notour_content {
	margin-top: 20px;
	width: 100%;
	background-color: #e4e1d9;
}
.notour_content_left {
	padding: 3px 10px 3px 3px;
	float: left;
	width: 500px;
	height: 797px;
}
.notour_content_title {
	font-size: 160%;
	color: #be4d01;
	padding: 20px 10px 5px 6px;
}
.notour_content_content {
	padding: 10px 16px 10px 6px;
}
.notour_content_right {
	float: right;
	width: 229px;/*height:680px;*/
}
.notour_content_img {
	padding: 10px 10px 10px 6px;
}
.notour_content_img img {
	border: solid 3px #FFFFFF;
}
.notour_days_1_select a {
	float: left;
	display: block;
	background-image: url(../../images/1/days.png);/*要換色*/
	height: 52px;
	width: 118px;
	text-indent: -9999px;
	background-position: 0 0;
}
.notour_days_1 a {
	float: left;
	display: block;
	background-image: url(../../images/1/days.png);/*要換色*/
	height: 52px;
	width: 118px;
	text-indent: -9999px;
	background-position: -118px 0;
}
.notour_days_1 a:hover {
	float: left;
	display: block;
	background-image: url(../../images/1/days.png);/*要換色*/
	height: 52px;
	width: 118px;
	text-indent: -9999px;
	background-position: 0 0;
}
.notour_days_2_select a {
	float: left;
	display: block;
	background-image: url(../../images/1/days.png);/*要換色*/
	height: 52px;
	width: 118px;
	text-indent: -9999px;
	background-position: 0 -52px;
}
.notour_days_2 a {
	float: left;
	display: block;
	background-image: url(../../images/1/days.png);/*要換色*/
	height: 52px;
	width: 118px;
	text-indent: -9999px;
	background-position: -118px -52px;
}
.notour_days_2 a:hover {
	float: left;
	display: block;
	background-image: url(../../images/1/days.png);/*要換色*/
	height: 52px;
	width: 118px;
	text-indent: -9999px;
	background-position: 0 -52px;
}
.googleMapBox {
	display: block;
	/*	overflow: hidden;*/
	background-color: #FFF;
	border: 0px #CCCCCC solid;
	padding: 16px 16px 16px 16px;
	margin: 0px 0px 15px 0px;
	position: relative;
}
.googleMapBox:before {
	content: "";
	display: block;
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -35px;
	z-index: 40;
	width: 70px;
	height: 70px;
	background: url(../../../resources/images/arrow.svg) top center no-repeat;
}
.notour_dot_selectMap {
	color: #666;
	padding: 12px 12px 22px 12px;
	background-color: #ffffff;
}
.notour_dot_selectMap li {
	display: inline-block;
}
 @media screen and (max-width: 1000px) {/*手機版讓附件下載表格第二三欄消失*/
.notour_dot_selectMap li {
	display: block;
}
}
.notour_dot_selectMap img {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	margin: 0px 25px 0px 0px;
}
.googleMapContent {
	display: block;
	overflow: hidden;
	background-color: #F2EFEA;
	padding: 25px;
}
.leftImg {
	display: block;
	float: left;
	width: 50%;
}
.leftImg a {
	border: 0px #FF6600 solid;
}
.leftImg a:hover {
	border: 0px #FF6600 solid;
}
 @media screen and (max-width: 1000px) {/*手機版讓附件下載表格第二三欄消失*/
.leftImg {
	display: block;
	width: 100%;
}
}
.leftImg img {
	width: 100%;
	height: auto;
}
.rightText {
	display: block;
	float: right;
	width: 46%;
}
 @media screen and (max-width: 1000px) {/*手機版讓附件下載表格第二三欄消失*/
.rightText {
	display: block;
	float: right;
	width: 100%;
}
}
.tourIcon {
	color: #000;
	display: block;
	margin: 20px 0px 0px 0px;
}
.tourIcon li {
	display: block;
	padding: 10px 5px 10px 55px;
	margin: 9px 0px 9px 0px;
}
.tourIcon li:nth-child(1) {
	background: url(../../../resources/images/icon001.svg) left center no-repeat;
	background-size: 12%;
}
.tourIcon li:nth-child(2) {
	background: url(../../../resources/images/icon002.svg) left center no-repeat;
	background-size: 12%;
}
.tourIcon li:nth-child(3) {
	background: url(../../../resources/images/icon003.svg) left center no-repeat;
	background-size: 12%;
}
.googleMapTitle {
	color: #F60;
	font-size: 170%;
	padding: 20px 2px 10px 60px;
	background: url(../../../resources/images/googleMapDotA.png) left center no-repeat;
	background-size: 15%;
	line-height: 1.3em;
}
.googleMapAttractions {
	clear: both;
	color: #000;
	padding: 10px 0px 10px 0px;
}
.noTourTitleTour {
	font-size: 150%;
	background: url(../../../resources/images/noTourTitleTour.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	color: #FFF;
}
.noTourTitleHotel {
	color: #34a8ce;
	font-size: 150%;
	background: url(../../../resources/images/noTourTitleHotel.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	color: #FFF;
}
.noTourTitleCar {
	color: #34a8ce;
	font-size: 150%;
	background: url(../../../resources/images/noTourTitleCar.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	color: #FFF;
}
.noTourTitleQa {
	color: #34a8ce;
	font-size: 150%;
	background: url(../../../resources/images/noTourTitleQa.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	color: #FFF;
}
.noTourDl dl {
	box-sizing: border-box;
	padding: 0px;
	overflow: hidden;/*讓float撐出高度 */
	position: relative;
	width: 100%;
	color: #000;
}
.noTourDl dl dt {
	box-sizing: border-box;
	float: left;
	display: block;
	padding: 5px;
	font-weight: normal;
	width: 15%;
	text-align: left;
}
.noTourDl dl dd {
	box-sizing: border-box;
	float: left;
	display: block;
	padding: 5px;
	font-weight: normal;
	width: 85%;
	text-align: left;
}
 @media screen and (max-width: 1000px) {/*手機版讓附件下載表格第二三欄消失*/
.noTourDl dl dt {
	width: 30%;
}
.noTourDl dl dd {
	width: 70%;
}
}
.noTourList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 30px auto 60px auto;
	text-align: center;
}
.noTourList li {
	display: inline-block;
	vertical-align: top;
}
.noTourList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 150px;
	margin: 0px 20px 0px 50px;
	padding: 150px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
	border: 0px #FF6600 solid;
}
.noTourList li a:hover {
	color: #ffffff;
	border: 0px #FF6600 solid;
}
 @media screen and (max-width: 1000px) {
.noTourList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 150px;
	margin: 0px 30px 0px 30px;
	padding: 150px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
}
}

 @media screen and (max-width: 480px) {
.noTourList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 130px;
	margin: 0px 10px 0px 10px;
	padding: 130px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
}
}
.noTourList li:nth-child(1) a {
	background: url(../../../resources/images/oldTourBtn1.svg) left top no-repeat;
	background-size: contain;
}
.noTourList li:nth-child(1) a:hover {
	background: url(../../../resources/images/oldTourBtn1Click.svg) left top no-repeat;
	background-size: contain;
}
.noTourList li:nth-child(2) a {
	background: url(../../../resources/images/noTourBtn2.svg) left top no-repeat;
	background-size: contain;
}
.noTourList li:nth-child(2) a:hover {
	background: url(../../../resources/images/noTourBtn2Click.svg) left top no-repeat;
	background-size: contain;
}
.noTourList li:nth-child(3) a {
	background: url(../../../resources/images/noTourBtn3.svg) left top no-repeat;
	background-size: contain;
}
.noTourList li:nth-child(3) a:hover {
	background: url(../../../resources/images/noTourBtn3Click.svg) left top no-repeat;
	background-size: contain;
}
.noTourList li:nth-child(4) a {
	background: url(../../../resources/images/oldTourBtn4.svg) left top no-repeat;
	background-size: contain;
}
.noTourList li:nth-child(4) a:hover {
	background: url(../../../resources/images/oldTourBtn4Click.svg) left top no-repeat;
	background-size: contain;
}
.nobook_downloasd {
	clear: both;
	display: block;
	margin: 20px 0px 0px 0px;
}
.nobook_downloasd a {
	background-color: #FFF;
	padding: 6px 20px 6px 20px;
	color: #627924;
	border: 0px #FF6600 solid;
	border-radius: 8px;
}
.nobook_downloasd a:hover {
	background-color: #627924;
	color: #ffffff;
	border: 0px #FF6600 solid;
}
/*-----------無障礙end-------------*/	




/*-----------銀髮族遊程-------------*/	
.oldTourList li {
	display: inline-block;
	vertical-align: top;
}
.oldTourList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 150px;
	margin: 0px 20px 0px 50px;
	padding: 150px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
	border: 0px #FF6600 solid;
}
.oldTourList li a:hover {
	color: #ffffff;
	border: 0px #FF6600 solid;
}
 @media screen and (max-width: 1000px) {
.oldTourList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 150px;
	margin: 0px 30px 0px 30px;
	padding: 150px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
}
}

 @media screen and (max-width: 480px) {
.oldTourList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 130px;
	margin: 0px 10px 0px 10px;
	padding: 130px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
}
}
.oldTourList li:nth-child(1) a {
	background: url(../../../resources/images/noTourBtn1.svg) left top no-repeat;
	background-size: contain;
}
.oldTourList li:nth-child(1) a:hover {
	background: url(../../../resources/images/noTourBtn1Click.svg) left top no-repeat;
	background-size: contain;
}
.oldTourList li:nth-child(2) a {
	background: url(../../../resources/images/noTourBtn2.svg) left top no-repeat;
	background-size: contain;
}
.oldTourList li:nth-child(2) a:hover {
	background: url(../../../resources/images/noTourBtn2Click.svg) left top no-repeat;
	background-size: contain;
}
.oldTourList li:nth-child(3) a {
	background: url(../../../resources/images/noTourBtn3.svg) left top no-repeat;
	background-size: contain;
}
.oldTourList li:nth-child(3) a:hover {
	background: url(../../../resources/images/noTourBtn3Click.svg) left top no-repeat;
	background-size: contain;
}
.oldTourList li:nth-child(4) a {
	background: url(../../../resources/images/noTourBtn4.svg) left top no-repeat;
	background-size: contain;
}
.oldTourList li:nth-child(4) a:hover {
	background: url(../../../resources/images/noTourBtn4Click.svg) left top no-repeat;
	background-size: contain;
}

/*-----------銀髮族遊程 end-------------*/	



	
/*行程推薦專區end*/

/*影音互動專區*/
.videoBg {
	background: url(../../../resources/images/videoBg.jpg) top center no-repeat;
}
.videoMain {
	padding: 0px 0px 20px 450px;
}
.videoMain h1 {
	color: #FFF;
}
 @media screen and (max-width: 1000px) {
.videoBg {
	background: url(../../../resources/images/videoBgno.jpg) top center no-repeat;
}
.videoMain {
	padding: 0px 0px 20px 0px;
}
}
.videoList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 30px auto 30px auto;
	text-align: center;
}
.videoList li {
	display: inline-block;
	vertical-align: top;
}
.videoList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 100px;
	margin: 0px 8px 40px 8px;
	padding: 105px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 120%;
	text-align: center;
	border: 0px #FF6600 solid;
}
.videoList li a:hover {
	color: #5cc6e0;
	border: 0px #FF6600 solid;
}
 @media screen and (max-width: 1000px) {
.videoList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 90px;
	margin: 0px 8px 20px 8px;
	padding: 90px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 120%;
	text-align: center;
}
}
.videoList li:nth-child(1) a {
	background: url(../../../resources/images/videoBtn1.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(1) a:hover {
	background: url(../../../resources/images/videoBtn1Click.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(2) a {
	background: url(../../../resources/images/videoBtn2.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(2) a:hover {
	background: url(../../../resources/images/videoBtn2Click.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(3) a {
	background: url(../../../resources/images/videoBtn3.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(3) a:hover {
	background: url(../../../resources/images/videoBtn3Click.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(4) a {
	background: url(../../../resources/images/videoBtn4.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(4) a:hover {
	background: url(../../../resources/images/videoBtn4Click.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(5) a {
	background: url(../../../resources/images/videoBtn6.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(5) a:hover {
	background: url(../../../resources/images/videoBtn6Click.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(6) a {
	background: url(../../../resources/images/videoBtn7.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(6) a:hover {
	background: url(../../../resources/images/videoBtn7Click.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(7) a {
	background: url(../../../resources/images/videoBtn9.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(7) a:hover {
	background: url(../../../resources/images/videoBtn9Click.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(8) a {
	background: url(../../../resources/images/videoBtn8.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(8) a:hover {
	background: url(../../../resources/images/videoBtn8Click.svg) left top no-repeat;
	background-size: contain;
}

.videoList li:nth-child(9) a {
	background: url(../../../resources/images/videoBtn9.svg) left top no-repeat;
	background-size: contain;
}
.videoList li:nth-child(9) a:hover {
	background: url(../../../resources/images/videoBtn9Click.svg) left top no-repeat;
	background-size: contain;
}
.videoCopyright {
	box-sizing:border-box;
	clear: both;
	width: 100%;
	margin: 20px auto;
	padding: 16px;
	border: 1px #536482 solid;
}
.videoCopyright ol {
	list-style-type: decimal;
}
.videoMovieList {/*廣告片*/
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px auto 0px auto;
	text-align: center;
	vertical-align: top;
}
.videoMovieList li {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 28%;
	height: auto;
	margin: 30px 22px 20px 22px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 100%;
	text-align: left;
	vertical-align: top;
	text-align: center;
	line-height: 2.1em;
}
 @media screen and (max-width: 1000px) {
.videoMovieList li {
	width: 92%;
	margin: 25px auto;
}
}
.videoMovieList li img {
	box-sizing: border-box;
	width: 98%;
	height: 160px;
	border: 2px rgba(255,255,255,0.5) solid;
}
.videoMovieList li img:hover {
	border: 2px rgba(255,255,0,1) solid;
	color:#FF0
}

 @media screen and (max-width: 1000px) {
.videoMovieList li img {
	box-sizing: border-box;
	width: 98%;
	height: auto;
	border: 2px #8eaad5 solid;
}
}

/*.videoMovieList li:before {
	content: "";
	position: absolute;
	top: 10%;
	left: 50%;
	width: 120px;
	height: 120px;
	margin-left: -60px;
	background: url(../../../resources/images/player.svg) center center no-repeat;
	opacity: .5;
	background-size: contain;
	z-index: 10;
	transition: all 0.2s;
}
.videoMovieList li:hover:before {
	top: 5%;
	width: 150px;
	height: 150px;
	margin-left: -75px;
	opacity: 1;
}*/

@media screen and (max-width: 1000px) {
/*.videoMovieList li:before {
	content: "";
	position: absolute;
	top: -11%;
	left: 0px;
	width: 100%;
	height: 100%;
	margin-left: 0px;
	background: url(../../../resources/images/player.svg) center center no-repeat;
	opacity: .5;
	background-size: 50%;
	z-index: 60;
	transition: all 0s;
}
.videoMovieList li:hover:before {
	content: "";
	position: absolute;
	top: -11%;
	left: 0px;
	width: 100%;
	height: 100%;
	margin-left: 0px;
	background: url(../../../resources/images/player.svg) center center no-repeat;
	opacity: 1;
	background-size: 50%;
	z-index: 60;
}*/
}
.videoMovieList li a {
	color: #FFF;
	text-decoration: none;
	border: 0px #FF6600 solid;
}

.videoMovieList li a:hover {
	border: 0px #FF6600 solid;
}
.videoMusicList {/*音樂*/
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px auto 0px auto;
	text-align: center;
	vertical-align: top;
}
.videoMusicList li {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 40%;
	height: auto;
	margin: 30px 45px 20px 45px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 100%;
	text-align: left;
	vertical-align: top;
	text-align: center;
	line-height: 2.1em;
}
 @media screen and (max-width: 1000px) {
.videoMusicList li {
	box-sizing: border-box;
	width: 100%;
	margin: 0px;
	padding: 20px 20px 30px 20px;
}
}
.videoMusicList li img {
	box-sizing: border-box;
	width: 99%;
	height: auto;
	border: 3px rgba(255,255,255,0.5) solid;
}

.videoMusicList li img:hover {
	border: 3px rgba(255,255,0,1) solid;
	color:#FF0
}
/*.videoMusicList li:before {
	content: "";
	position: absolute;
	top: 15%;
	left: 50%;
	width: 140px;
	height: 140px;
	margin-left: -70px;
	background: url(../../../resources/images/player.svg) center center no-repeat;
	opacity: .5;
	background-size: contain;
	z-index: 10;
	transition: all 0.2s;
}
.videoMusicList li:hover:before {
	top: 10%;
	width: 180px;
	height: 180px;
	margin-left: -90px;
	opacity: 1;
}*/

.videoMusicList li a {
	color: #FFF;
	text-decoration: none;
	border: 0px #FF6600 solid;
}
.videoMusicList li a:hover{
	border: 0px #FF6600 solid;
	}
.movieDownload {
	display: block;
	padding: 9px 0px 0px 0px;
}
.ebookDownload {
	display: block;
	padding: 12px 0px 0px 0px;
}
.movieDownload a {
	padding: 4px 20px 4px 35px;
	margin: 0px 0px 0px 0px;
	background: url(../../../resources/images/downloadMovie.svg) left center no-repeat;
	background-size: contain;
	background-color: #e87536;
	border-radius: 4px;
}
.movieDownload a:hover {
	background-color: #a5988b;
	color: #FFF;
}
.movieDownload1 a {
	padding: 4px 20px 4px 20px;
	margin: 0px 0px 0px 0px;
	/*background: url(../../../resources/images/downloadMovie.svg) left center no-repeat;*/
	background-size: contain;
	background-color: #849CC1;
	border-radius: 4px;
}
.movieDownload1 a:hover {
	background-color: #80a0d3;
	color: #FFF;
}
.ebookDownload a {
	padding: 4px 15px 4px 15px;
	margin: 0px 15px 0px 0px;
	background-size: contain;
	background-color: #e87536;
	border-radius: 4px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0px;
}
.ebookDownload a:hover {
	color:#FFF;
	background-color: #a5988b;
	border:0px #0066FF solid;
}
.ebookBox {
	float: left;
	display: block;
	overflow: hidden;
	width: 50%;
}
@media screen and (max-width: 1000px) {
.ebookBox {
	width: 100%;
}
}
.ebookLeft {
	box-sizing: border-box;
	padding: 20px 0px 30px 20px;
	float: left;
	width: 37%;
	height: auto;
}
@media screen and (max-width: 1000px) {
.ebookLeft {
	padding: 30px 20px 0px 20px;
	width: 100%;
}
}
.ebookRight h2 {
	font-size: 170%;
	padding: 0px 0px 20px 0px;
	line-height: 1.4em;
}
.ebookLeft img {
	width: 100%;
	height: auto;
	border: 1px #8eaad5 solid;
}
.ebookRight {
	box-sizing: border-box;
	padding: 20px 20px 30px 20px;
	float: right;
	width: 62%;
	height: auto;
}
 @media screen and (max-width: 1000px) {
.ebookRight {
	width: 100%;
	padding: 10px 20px 40px 20px;
	text-align: center;
}
}
/*影音互動專區end*/



/*節慶活動專區*/

.FastivalsBg {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 1000px;
}
.FastivalsBox {
	box-sizing: border-box;
	margin: 0px auto;
	width: 1000px;
	background-color: #FFF;/*	overflow: hidden;*/
}
.PathFestival {
	position: relative;
	padding: 80px 0px 10px 0px;
}
 @media screen and (max-width: 1000px) {
.FastivalsBg {
	margin: 0px auto;
	width: 100%;
}
.FastivalsBox {
	box-sizing: border-box;
	margin: 0px auto;
	width: 100%;
	background-color: #FFF;/*	overflow: hidden;*/
}

.PathFestival {
	padding: 0px 0px 0px 0px;
}
}
.fastivalsBgColor1 {
	width: 100%;
	display: block;
	background-color: #f38e2c;
	overflow: hidden;
}
.fastivalsBgColor2 {
	width: 100%;
	display: block;
	background-color: #afc652;
	overflow: hidden;
}
.fastivalsBgColor3 {
	width: 100%;
	display: block;
	background-color: #61c5a0;
	overflow: hidden;
}
.fastivalsBgColor4 {
	width: 100%;
	display: block;
	background-color: #e4a2bd;
	overflow: hidden;
}
.exhibitBox {
	padding: 0px 0px 0px 0px;
	display: block;
	overflow: hidden;
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	color: #FFFFFF;
}
.exhibitBoxLeft {
	padding: 40px 10px 40px 40px;
	width: 30%;
	float: left;
}
 @media screen and (max-width: 1000px) {
.exhibitBoxLeft {
	box-sizing: border-box;
	padding: 30px 30px 0px 30px;
	width: 100%;
	float: left;
}
}
.exhibitBoxLeft img {
	width: 300px;
	height: 200px;
	border: 1px #FFFFFF solid;
}
 @media screen and (max-width: 1000px) {
.exhibitBoxLeft img {
	width: 100%;
	height: auto;
	border: 1px #FFFFFF solid;
}
     /*20170612 惟夫 新增*/
     .exhibitBoxLeft{
         width: 100%;
         height: 0;
         padding-bottom: 48%;
         position: relative;
     }
     .exhibitBoxLeft img {
         width: calc(100% - 60px);
         height: calc(100% - 60px);
         position: absolute;
         left: 30px;
         top: 30px;
         
     }
     /*結束*/

}
.exhibitBoxRight {
	padding: 40px 40px 40px 10px;
	float: right;
	width: 58%;
	text-align: left;
	font-size: 15px;
}
 @media screen and (max-width: 1000px) {
.exhibitBoxRight {
	box-sizing: border-box;
	padding: 10px 30px 20px 30px;
	float: right;
	width: 100%;
	text-align: left;
	font-size: 15px;
}
}
.exhibitDate {
	font-size: 120%;
	padding: 0px 0px 10px 0px;
	color: rgba(255,255,255,0.6);
}
.exhibitcnt {
	font-size: 110%;
}
.fastivalsTitle {
	font-size: 170%;
	padding: 10px 0px 10px 0px;
}
/*節慶活動專區 end*/

/*旅遊臺灣專區 */

/*國家風景區背景圖設定 */
.nsa_bg {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 550px;
	background: url(/userfiles/map/NSA/bg.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}
@media screen and (max-width: 1000px) {
.nsa_bg {
	width: auto;
	height:100%;
}
}
/*國家公園背景圖設定 */
.np_bg {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 550px;
	background: url(/userfiles/map/NP/bg2.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}
@media screen and (max-width: 1000px) {
.np_bg {
	width: auto;
	height:100%;
}
	}
/*觀光景點背景圖設定 */
.hs_bg {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 550px;
	background: url(/userfiles/map/HS/bg41.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}

@media screen and (max-width: 1000px) {
.hs_bg {
	width: auto;
	height:100%;
}
	}
	
	
/*休閒農場背景圖設定 */
.rf_bg {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 550px;
	background: url(/userfiles/map/rf/bg.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}

@media screen and (max-width: 1000px) {
.rf_bg {
	width: auto;
	height:100%;
}
	}	
	
/*觀光小城背景圖設定 */
.tt_bg {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 550px;
	background: url(/userfiles/map/TT/bg.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}

@media screen and (max-width: 1000px) {
.tt_bg {
	width: auto;
	height:100%;
}
	}
/*森林遊樂區背景圖設定 */
.nfra_bg {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 550px;
	background: url(/userfiles/map/NFRA/bg.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}

@media screen and (max-width: 1000px) {
.nfra_bg {
	width: auto;
	height:100%;
}
	}
/*台灣燈塔背景圖設定 */
.light_bg {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 550px;
	background: url(/userfiles/map/light/bg.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}

@media screen and (max-width: 1000px) {
.light_bg {
	width: auto;
	height:100%;
}
	}
.lightContent {
	position: relative;
	display: block;
	width: 980px;
	margin: 0px auto;
	overflow: hidden;
	padding: 110px 0px 0px 30px;
}
 @media screen and (max-width: 1000px) {
.lightContent  {
	position: relative;
	display: block;
	width: 100%;
	padding: 47% 0px 0px 0px;
}
}
.nsaContent {
	position: relative;
	display: block;
	width: 980px;
	margin: 0px auto;
	overflow: hidden;
	padding: 130px 0px 0px 30px;
}
 @media screen and (max-width: 1000px) {
.nsaContent {
	position: relative;
	display: block;
	width: 100%;
	padding: 47% 0px 0px 0px;
}
}
.nsaLeft {
	box-sizing: border-box;
	display: block;
	width: 380px;
	padding: 10px 25px 22px 30px;
	height: auto;
	float: left;
	background-color: rgba(0,0,0,0.8);
	font-size:16px;
}
.nsaLeft_no{/*pc版隱藏,手機版才顯示*/
	display: none;
	}
 @media screen and (max-width: 1000px) {
.nsaLeft {
	display:none;
	width: 100%;
	padding: 20px 25px 0px 25px;
	float: left;
	background-color: rgba(88,179,170,1);
}

.nsaLeft_no{/*pc版隱藏,手機版才顯示*/
	display: block;
	padding:20px 0px 0px 0px ;
	}
.nsaLeft_no h1{
	padding:10px 0px 10px 0px ;
	}
	
}
.nsaLeft h1 {
	color: #F60;
	padding: 15px 0px 14px 0px;
	font-size:196%;
	line-height:1.2em;
}
 @media screen and (max-width: 1000px) {
.nsaLeft h1 {
	color: #fff;
	padding: 10px 0px 20px 0px;
}
}
.nsaLeft p {
	margin: 0px;
	padding: 0px;
}
.nsaRight {
	display: block;
	width: 450px;
	float: right;
	text-align: center;
}
 @media screen and (max-width: 1000px) {
.nsaRight {
	display: none;
}
}
.hotSpotsNationalPark {
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 180%;
	padding: 20px 0px 20px 70px;
	margin: 40px 0px 0px 0px;
	color: #FFF !important;
}
 @media screen and (max-width: 480px) {
.hotSpotsNationalPark {
	font-size:160%;
	color:#FFF;
}
}
.cityItem11 {
	background: url(../../../resources/images/NationalPark.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {
.cityItem11 {
	background: url(../../../resources/images/NationalPark.svg) left center no-repeat;
	background-size: 23%;
}
}
.cityItem12 {
	background: url(../../../resources/images/NationalScenicArea.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {
.cityItem12 {
	background: url(../../../resources/images/NationalScenicArea.svg) left center no-repeat;
	background-size: 23%;
}
}
.cityItem13 {
	background: url(../../../resources/images/NFRA.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {
.cityItem13 {
	background: url(../../../resources/images/NFRA.svg) left center no-repeat;
	background-size: 23%;
}
}
.cityItem14 {
	background: url(../../../resources/images/wheel.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {
.cityItem14 {
	background: url(../../../resources/images/wheel.svg) left center no-repeat;
	background-size: 23%;
}
}
.cityItem15 {
	background: url(../../../resources/images/Spots.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {
.cityItem15 {
	background: url(../../../resources/images/Spots.svg) left center no-repeat;
	background-size: 23%;
}
}
.cityItem16 {
	background: url(../../../resources/images/Nightmarket.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {
.cityItem16 {
	background: url(../../../resources/images/Nightmarket.svg) left center no-repeat;
	background-size: 23%;
}
}
.cityItem17 {
	background: url(../../../resources/images/hotspring.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {
.cityItem17 {
	background: url(../../../resources/images/hotspring.svg) left center no-repeat;
	background-size: 23%;
}
}

.cityItem20 {
	background: url(../../../resources/images/Museum.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {
.cityItem20 {
	background: url(../../../resources/images/Museum.svg) left center no-repeat;
	background-size: 23%;
}
}
.cityItem21 {
	background: url(../../../resources/images/Temple.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {
.cityItem21 {
	background: url(../../../resources/images/Temple.svg) left center no-repeat;
	background-size: 23%;
}
}
.cityItem22 {
	background: url(../../../resources/images/Farm.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {
.cityItem22 {
	background: url(../../../resources/images/Farm.svg) left center no-repeat;
	background-size: 23%;
}
}
.cityItem23 {
	background: url(../../../resources/images/boat.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {
.cityItem23 {
	background: url(../../../resources/images/boat.svg) left center no-repeat;
	background-size: 23%;
}
}
.cityItem24 {
	background: url(../../../resources/images/Town.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {
.cityItem24 {
	background: url(../../../resources/images/Town.svg) left center no-repeat;
	background-size: 23%;
}
}
.cityItem25 {
	background: url(../../../resources/images/Port.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {
.cityItem25 {
	background: url(../../../resources/images/Port.svg) left center no-repeat;
	background-size: 23%;
}
}
/*.hotSpotsNationalScenicArea {
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 180%;
	background: url(../../../resources/images/NationalScenicArea.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	margin: 40px 0px 0px 0px;
	color: #FFF;
}
.hotSpotsSpots {
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 180%;
	background: url(../../../resources/images/Spots.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	margin: 40px 0px 0px 0px;
	color: #FFF;
}
.hotSpotsNightmarket {
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 180%;
	background: url(../../../resources/images/Nightmarket.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	margin: 40px 0px 0px 0px;
	color: #FFF;
}
.hotSpotsSpa {
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 180%;
	background: url(../../../resources/images/hotspring.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	margin: 40px 0px 0px 0px;
	color: #FFF;
}
.hotSpotsMuseum {
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 180%;
	background: url(../../../resources/images/Museum.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	margin: 40px 0px 0px 0px;
	color: #FFF;
}
.hotSpotsTemple {
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 180%;
	background: url(../../../resources/images/Temple.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	margin: 40px 0px 0px 0px;
	color: #FFF;
}
.hotSpotsFarm {
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 180%;
	background: url(../../../resources/images/Farm.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	margin: 40px 0px 0px 0px;
	color: #FFF;
}
.hotSpotsPort {
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 180%;
	background: url(../../../resources/images/Port.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	margin: 40px 0px 0px 0px;
	color: #FFF;
}
.hotSpotsTown {
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 180%;
	background: url(../../../resources/images/Town.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	margin: 40px 0px 0px 0px;
	color: #FFF;
}
.hotSpotsDepartmentStores {
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 180%;
	background: url(../../../resources/images/noTourTitleTour.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	margin: 40px 0px 0px 0px;
	color: #FFF;
}*/
/*觀光景點*/
.attractionsContent {/*觀光景點內文區*/
	width: 100%;
	display: block;
	float: left;
	overflow: hidden;
}
.attractionsLeft {/*觀光景點內文區(左邊)*/
	display: block;
	box-sizing: border-box;
	float: left;
	width: 68%;
}
.attractionsRight {/*觀光景點內文區(右邊)*/
	box-sizing: border-box;
	display: block;
	box-sizing: border-box;
	float: right;
	width: 28%;
	margin: 20px 0px 20px 0px;
	padding: 0px;
}
 @media screen and (max-width: 1000px) {
.attractionsLeft {/*觀光景點內文區(左邊)*/
	display: block;
	box-sizing: border-box;
	width: 100%;
}
.attractionsRight {/*觀光景點內文區(右邊)*/
	box-sizing: border-box;
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 20px 0px 20px 0px;
	padding: 0px;
}
}
.attractionsPhoto {
	box-sizing:border-box;
	position: relative;
	margin: 20px 0px 20px 0px;
	width: 100%;
}
.attractionsPhoto a {
	border: 0px #FF6600 solid;
	padding:0px;
	box-sizing:border-box;
}

.attractionsPhoto a:hover {
	border: 0px #FF6600 solid;
}
.attractionsPhoto img {
	width: 98%;
	height: auto;
	border: 5px #FFFFFF solid;
}
.attractionsPhoto a:before{
	content:"";
	position: absolute;
	display: block;
	right: 13px;
	bottom: 13px;
	width: 60px;
	height: 60px;
	background: url(../../../resources/images/photoBig.svg) center center no-repeat;
	background-size: cover;
	z-index: 10;
	cursor: pointer;
	} 
 @media screen and (max-width: 480px) {
.attractionsPhoto img {
	width: 96%;
}
	 }

.attractionsPhotoBig {
	position: absolute;
	display: none;
	right: 13px;
	bottom: 13px;
	width: 60px;
	height: 60px;
	background: url(../../../resources/images/photoBig.svg) center center no-repeat;
	background-size: cover;
	z-index: 10;
	cursor: pointer;
}
/*觀光景點 end*/


/*觀光景點選單*/

.attractionsRight h3 {
	font-size: 130%;
	letter-spacing: 1px;
	padding: 20px;
	color: #333;
	background: rgba(255,210,0, 1);
}
.amenu {
	display: block;
	width: 100%;
	background-color: #ffffff;
	z-index: 100;
}
 @media screen and (max-width: 1000px) {
.attractionsRight h3 {
	display: none;
}
.amenu {
	display: none;
}
}
.a_mainMenu li a {
	box-sizing: border-box;
	display: block;
	text-align: left;
	padding: 15px 20px 15px 20px;
	color: #1A736A;
	text-decoration: none;
	width: 100%;
	border-bottom: 1px #d7efed solid;
	font-size: 115%;
}
.a_mainMenu li a:hover {
	color: #e87536;
	border-bottom: 1px #d7efed solid;
}
.a_mainMenu .sideMenu__item>a{
	overflow: hidden;
}
.a_mainMenu .sideMenu__item>a::after{
	content: '';
	width: 30px;
	height: 30px;
	display: block;
	float: right;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	background-image: url('../../../resources/images/plus.svg');
}
.a_mainMenu .sideMenu__item>a.side-open::after{
	background-image: url('../../../resources/images/reduce.svg');
}
.a_mainMenu li ul li a {
	box-sizing: border-box;
	display: block;
	text-align: left;
	padding: 10px 20px 10px 30px;
	color: #2A8A80;
	text-decoration: none;
	width: 100%;
	background-color: #e2f2f1;
	font-size: 100%;
	border-bottom: 0px #d5e9e7 solid;
}
.attractionsDl dl {
	box-sizing: border-box;
	overflow: hidden;/*讓float撐出高度 */
	position: relative;
	width: 100%;
	margin: 20px 0px 60px 0px;
	padding: 20px 20px 20px 0px;
	color: #1A736A;
	background: #ffffff;
	border: 1px #90d1cb solid;
}
.attractionsDl dl dt {
	box-sizing: border-box;
	float: left;
	display: block;
	padding: 5px;
	font-weight: normal;
	width: 20%;
	text-align: right;
}
.attractionsDl dl dd {
	box-sizing: border-box;
	float: left;
	display: block;
	padding: 5px;
	font-weight: normal;
	width: 78%;
	text-align: left;
	color: #2E2E2E;
}
.attractionsDl dl dd p{
	margin:0px;
	padding: 0px;
	}
 @media screen and (max-width: 1000px) {
.attractionsDl dl {
	box-sizing: border-box;
	overflow: hidden;/*讓float撐出高度 */
	position: relative;
	width: 100%;
	margin: 20px 0px 60px 0px;
	padding: 20px 20px 20px 20px;
	color: #1A736A;
	background: #ffffff;
	border: 1px #90d1cb solid;
}
.attractionsDl dl dt {
	box-sizing: border-box;
	float: left;
	display: block;
	padding: 5px;
	font-weight: normal;
	width: 100%;
	text-align: left;
}
.attractionsDl dl dd {
	box-sizing: border-box;
	float: left;
	display: block;
	padding: 5px;
	font-weight: normal;
	width: 100%;
	text-align: left;
	color: #2E2E2E;
}
}
.attractionsGooglemap {
	display: block;
	width: 100%;
	overflow: hidden;
}
.googlemap {
	margin: 40px 10% 0px 10%;
	border: 4px #FFFFFF solid;
	height: 550px;
	overflow: hidden;
}
 @media screen and (max-width: 500px) {
.googlemap {
	margin: 40px 5% 0px 5%;
} 
	 }
.googleMapList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 980px;
	margin: 30px auto;
	text-align: center;
}

.googleMapList li {
	display: inline-block;
	vertical-align:top;
}
.googleMapList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 150px;
	margin: 0px 20px 0px 20px;
	padding: 150px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
}
 @media screen and (max-width: 1000px) {
.googleMapList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 15px auto;
	text-align: center;
}
}

.googleMapList li:nth-child(1) a {
	background: url(../../../resources/images/googleMapBtn1.svg) left top no-repeat;
	background-size: contain;
}
.googleMapList li:nth-child(1) a:hover {
	background: url(../../../resources/images/googleMapBtn1Click.svg) left top no-repeat;
	background-size: contain;
}

.googleMapList li:nth-child(1) .mapFocus {
	background: url(../../../resources/images/googleMapBtn1Click.svg) left top no-repeat;
	background-size: contain;
}
.googleMapList li:nth-child(2) a {
	background: url(../../../resources/images/googleMapBtn2.svg) left top no-repeat;
	background-size: contain;
}
.googleMapList li:nth-child(2) a:hover {
	background: url(../../../resources/images/googleMapBtn2Click.svg) left top no-repeat;
	background-size: contain;
}
.googleMapList li:nth-child(2) .mapFocus {
	background: url(../../../resources/images/googleMapBtn2Click.svg) left top no-repeat;
	background-size: contain;
}

.googleMapList li:nth-child(3) a {
	background: url(../../../resources/images/googleMapBtn3.svg) left top no-repeat;
	background-size: contain;
}
.googleMapList li:nth-child(3) a:hover {
	background: url(../../../resources/images/googleMapBtn3Click.svg) left top no-repeat;
	background-size: contain;
}
.googleMapList li:nth-child(3) .mapFocus {
	background: url(../../../resources/images/googleMapBtn3Click.svg) left top no-repeat;
	background-size: contain;
}

.googleMapList li:nth-child(4) a {
	background: url(../../../resources/images/googleMapBtn4.svg) left top no-repeat;
	background-size: contain;
}
.googleMapList li:nth-child(4) a:hover {
	background: url(../../../resources/images/googleMapBtn4Click.svg) left top no-repeat;
	background-size: contain;
}
.googleMapList li:nth-child(4) .mapFocus {
	background: url(../../../resources/images/googleMapBtn4Click.svg) left top no-repeat;
	background-size: contain;
}

 @media screen and (max-width: 1000px) {
.googleMapList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 130px;
	margin: 0px 10px 0px 10px;
	padding: 130px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
}
}

 @media screen and (max-width: 480px) {
.googleMapList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 80px;
	margin: 0px 0px 0px 0px;
	padding: 85px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	letter-spacing:0px;
}
}
.googleMapCar {
	clear: both;
	font-size: 150%;
	background: url(../../../resources/images/googleMapCar.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	color: #FFF;
}
.qrcode {
	font-size: 140%;
	margin: 40px 0px 15px 0px;
	color: #ffffff;
	background: url(../../../resources/images/qrcode.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
}
.qrcodePhoto {
	display: block;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}
 @media screen and (max-width: 1000px) {
.qrcode {
	display: none;
}
.qrcodePhoto {
	display: none;
}
}
.Recommend {
	font-size: 140%;
	margin: 40px 0px 15px 0px;
	color: #ffffff;
	background: url(../../../resources/images/Recommend.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
}
.RecommendBox {
	font-size: 130%;
	background-color: rgba(255,255,255,1.00);
	background-size: contain;
	padding: 10px 10px 10px 10px;
	text-align: center;
}
.RecommendNumber {
	padding: 20px 10px 20px 10px;
	background-color: #f6f6f6;
	color: rgba(255,118,0,1.00);
	font-size: 140%;
}
.RecommendBox a {
	display: block;
	background-color: #e87536;
	padding: 10px;
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}
.RecommendBox a:hover {
	background-color: #808080;
}
.qrcodePhoto img {
	border: 10px #FFFFFF solid;
	width: 80%;
}
/*觀光景點選單 end*/
/*旅遊臺灣專區 end */


/*主題行程專區*/
.specialInterestsMain {
	padding: 20px 0px 80px 350px;
	background: url(../../../resources/images/specialInterestsBg.svg) top left no-repeat;
	background-size: 32%;
}
.specialInterestsMain select {
	padding: 3px;
	width: 100px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 3px 8px 3px 0px;
	border: 1px #CCCCCC solid;
}
.specialInterestsMain h1 {
	color: #FFF;
}
 @media screen and (max-width: 1000px) {
.specialInterestsMain {
	padding: 0px 0px 30px 0px;
	background: url(../../../resources/images/specialInterestsBgNo.svg) top left no-repeat;
	background-size: 32%;
}
}

 @media screen and (max-width: 480px) {
.specialInterestsMain select {
	width: 100%;
	margin: 5px 0px 8px 0px;
}
}
.specialInterestsMain input {
	margin: 0px 0px 0px 0px;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: url(../../../resources/images/arrowGo.svg) top left no-repeat;
	background-size: cover;
	color: #F60;
	border-radius: 50%;
	box-sizing: border-box;
	text-decoration: none;
	text-indent: -9999px;
}
@media screen and (max-width: 1000px) {
.specialInterestsMain input {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
}
.specialInterestsMain a:hover {
	background: url(../../../resources/images/arrowGoClick.svg) top left no-repeat;
	background-size: cover;
}
/*------主題行程路線------*/
	
.tourline1 {
	display: block;
	background: url(../../../resources/images/tourline_01.png) top left no-repeat;
	background-size: 80px auto;
	margin: 15px 0px 0px 0px;
	padding: 10px 0px 30px 70px;
	color: #ffffff;
	font-size: 170%;
}
@media screen and (max-width: 1000px) {
.tourline1 {
	background-size: 70px auto;
	margin: 15px 0px 0px 0px;
	padding: 10px 0px 10px 60px;
	font-size: 170%;
}
}
.tourline2 {
	display: block;
	background: url(../../../resources/images/tourline_03.png) center left no-repeat;
	background-size: 80px auto;
	padding: 30px 0px 30px 70px;
	color: #ffffff;
	font-size: 170%;
}
@media screen and (max-width: 1000px) {
.tourline2 {
	background-size: 70px auto;
	padding: 10px 0px 10px 60px;
	font-size: 170%;
}
}
.tourline3 {
	display: block;
	background: url(../../../resources/images/tourline_03.png) center left no-repeat;
	background-size: 80px auto;
	padding: 30px 0px 30px 70px;
	color: #ffffff;
	font-size: 170%;
}
@media screen and (max-width: 1000px) {
.tourline3 {
	background-size: 70px auto;
	padding: 10px 0px 10px 60px;
	font-size: 170%;
}
}
.tourline4 {
	display: block;
	background: url(../../../resources/images/tourline_03.png) center left no-repeat;
	background-size: 80px auto;
	padding: 30px 0px 30px 70px;
	color: #ffffff;
	font-size: 170%;
}
@media screen and (max-width: 1000px) {
.tourline4 {
	background-size: 70px auto;
	padding: 10px 0px 10px 60px;
	font-size: 170%;
}
}
.tourline {
	display: block;
	background: url(../../../resources/images/tourline_02.png) top left repeat-y;
	background-size: 80px auto;
	padding: 0px 0px 0px 100px;
}
@media screen and (max-width: 1000px) {
.tourline {
	background-size: 70px auto;
	padding: 0px 10px 0px 75px;
	;
}
}
.tourlineend {
	display: block;
	background: url(../../../resources/images/tourline_05.png) top left no-repeat;
	background-size: 80px auto;
	padding: 10px 0px 10px 70px;
	height: 50px;
}
@media screen and (max-width: 1000px) {
.tourlineend {
	background-size: 70px auto;
	padding: 10px 0px 10px 60px;
}
}
.tourlineBox {
	position: relative;
	padding: 0px 0px 0px 0px;
}
.tourlineSpots {
	display: block;
	overflow: hidden;
	padding: 17px;
	background-color: #FFF;
}

.tourlineBox a{
	border:0px #FFFF00 solid;
}

.tourlineBox a:hover{
	border:0px #FFFF00 solid;
}
.tourlineBox a:hover * {
	background-color: #49b9a3;
	color: #FFF;
}
.tourlineBox a:before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 18px 18px 18px 0px;
	border-color: transparent #ffffff transparent transparent;
	left: -14px;
	top: 50%;
	margin-top: -20px;
	z-index: 10;
}
.tourlineBox a:hover:before {
	border-color: transparent #49b9a3 transparent transparent;
}
.tourlineSpotsLeft {
	display: block;
	float: left;
	width: 32%;
}
 @media screen and (max-width: 1000px) {
.tourlineSpotsLeft {
	display: block;
	float: left;
	width: 100%;
}
}
.tourlineSpotsLeft img {
	width: 100%;
	height: auto;
	display: block;
}
.tourlineSpotsRight {
	display: block;
	float: right;
	width: 65%;
	color: #333;
}
 @media screen and (max-width: 1000px) {
.tourlineSpotsRight {
	display: block;
	float: right;
	width: 100%;
	color: #333;
}
}
.tourlineSpotsRight h2 {
	color: #690;
	padding: 0px 0px 10px 0px;
}
 @media screen and (max-width: 1000px) {
.tourlineSpotsRight h2 {
	padding: 15px 0px 15px 0px;
}
}
/*------主題行程路線 end------*/

/*主題行程專區 end*/

/*----首頁 ------*/

.otherWebsite {
	position: absolute;
	display: block;
	right: 5%;
	top: 8%;
	width: 100px;
	overflow: hidden;
}
.otherWebsite li {
	display: block;
	margin: 18px 0px 18px 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%;
}
.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;
}
.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: #f5b920;
}
.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/mobileClick.svg) left center no-repeat;
	background-size: cover;
}
.forwardBtn:hover {
	background: url(../../../resources/images/forwardClick.svg) left center no-repeat;
	background-size: 100%;
}
/*------首頁 end------*/
/*--------------------桌布下載20150926--------------------------------------------*/

.WallpaperDownload {
	display: block;
	padding: 3px 0px 0px 0px;
}
.WallpaperDownload a {
	display: inline-block;
	font-size: 84%;
	width: 110px;
	margin: 6px 6px 6px 6px;
	background-color: #516686;
	border-radius: 4px;
	text-align: center;
}
.WallpaperDownload a:hover {
	background-color: #e87536;
	color: #FFF;
}
/*------桌布下載 end------*/
/*--------------------電子賀卡20150927--------------------------------------------*/
.step {
	clear: both;
	text-align: center;
	margin: 30px 6px 30px 6px;
}
.cardList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px auto 0px auto;
	text-align: center;
	vertical-align: top;
}
.cardList li {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 140px;
	height: auto;
	margin: 20px 20px 20px 20px;
	padding: 14px 12px 0px 12px;
	color: #FFF;
	text-decoration: none;
	font-size: 90%;
	text-align: left;
	vertical-align: top;
	text-align: center;
	line-height: 2.1em;
	background: url(../../../resources/images/Stamp.png) top left no-repeat;
	background-size: 100%;
}
.cardList li img {
	width: 100%;
	height: auto;
	margin: 0px 0px 10px 0px;
}
.cardbox {
	display: block;
	overflow: hidden;
	width: 100%;
	position: relative;
	background-color: #FC0;
	box-sizing: border-box;
}
.Stamp {
	position: absolute;
	box-sizing: border-box;
	top: 20px;
	right: 30px;
	width: 125px;
	height: 156px;
	padding: 12px 12px 0px 12px;
	background: url(../../../resources/images/Stamp.png) top left no-repeat;
	background-size: cover;
	z-index: 30;
}
.Stamp img {
	width: 100%;
	height: auto;
}
.Stamp2 {
	position: absolute;
	box-sizing: border-box;
	top: 20px;
	right: 100px;
	width: 280px;
	height: 142px;
	padding: 74px 12px 0px 201px;
	background: url(../../../resources/images/Stamp2.png) top left no-repeat;
	background-size: cover;
	font-size: 60%;
	z-index: 40;
	color: #000;
	letter-spacing: 0px;
}
 @media screen and (max-width: 1000px) {
.Stamp {
	position: absolute;
	box-sizing: border-box;
	top: 35px;
	right: 35px;
	width: 110px;
	height: 138px;
	padding: 11px 11px 0px 11px;
	background: url(../../../resources/images/Stamp.png) top left no-repeat;
	background-size: cover;
	z-index: 30;
}
}
.cardboxleft {
	display: block;
	float: left;
	width: 50%;
	background-color: #FC0;
	box-sizing: border-box;
	padding: 30px;
}
 @media screen and (max-width: 1000px) {
.cardboxleft {
	display: block;
	width: 100%;
	background-color: #FC0;
	box-sizing: border-box;
	padding: 20px;
}
}
.cardboxleft img {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.cardboxright {
	display: block;
	float: right;
	width: 50%;
	background-color: #FC0;
	box-sizing: border-box;
	padding: 30px;
}
 @media screen and (max-width: 1000px) {
.cardboxright {
	display: block;
	width: 100%;
	background-color: #FC0;
	box-sizing: border-box;
	padding: 20px;
	border: 1px #e6bf24 solid;
}
}
.cardtomane {
	padding: 30px 0px 70px 0px;
	color: #000;
	font-size: 110%;
}
 @media screen and (max-width: 1000px) {
.cardtomane {
	padding: 20px 0px 20px 0px;
	color: #000;
	font-size: 110%;
}
}
.cardtomane a {
	padding: 0px 10px 4px 10px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px #ed7811 solid;
}
.cardtomane input {
	border-left: 1px #FFCC00 solid;
	border-top: 1px #FFCC00 solid;
	border-right: 1px #FFCC00 solid;
	border-bottom: 1px #ed7811 solid;
	padding: 5px;
	background-color: #FFCC00;
	font-size: 110%;
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
	width: 150px;
}
.cardcontent {
	margin: 30px 6px 30px 0px;
	color: #000;
}
.cardcontent textarea {
	border: 0px;
	padding: 8px;
	font-size: 100%;
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFF;
	width: 100%;
}
.cardfrommane {
	padding: 0px 10px 0px 0px;
	text-align: right;
}
 @media screen and (max-width: 1000px) {
.cardfrommane {
	padding: 0px 10px 10px 0px;
	text-align: right;
}
}
.cardfrommane a {
	padding: 0px 10px 4px 10px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px #ed7811 solid;
}
.cardfrommane input {
	border-left: 1px #FFCC00 solid;
	border-top: 1px #FFCC00 solid;
	border-right: 1px #FFCC00 solid;
	border-bottom: 1px #ed7811 solid;
	padding: 5px;
	background-color: #FC0;
	font-size: 110%;
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
	width: 150px;
}
.cardphotoinfo {
	float: left;
	display: block;
	color: #000;
	font-size: 90%;
	line-height: 1.4em;
	padding: 10px 0px 0px 0px;
}
.cardphotoinfo h3 {
	padding: 0px 0px 8px 0px;
}
.mailaddress {
	box-sizing: border-box;
	padding: 30px 0px 20px 200px;
	margin: 30px 0px 0px 0px;
	background: url(../../../resources/images/ohbeargo.png) top left no-repeat;
	background-size: 15%;
	background-position: 20px 0px;
}
.mailaddress input {
	padding: 5px;
	border: 1px #536482 solid;
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
	width: 230px;
	margin: 13px 6px 13px 6px;
	border-radius: 6px;
}
 @media screen and (max-width: 1000px) {
.mailaddress {
	box-sizing: border-box;
	padding: 0px 0px 20px 0px;
	margin: 30px 0px 0px 0px;
	background: url(../../../resources/images/ohbeargono.png) top left no-repeat;
	background-size: 15%;
	background-position: 20px 0px;
}
.mailaddress input {
	width: 100%;
	margin: 13px 0px 13px 0px;
}
}
.howmuch {
	text-align: right;
	font-size: 80%;
	color: #ed7811;
}
.viewcardTitle {
	padding: 40px 0px 80px 220px;
	font-size: 110%;
	background: url(../../../resources/images/ohbearseebook.png) top left no-repeat;
	background-size: 24%;
}
.viewcardTitle a {
	padding: 0px 5px 4px 5px;
	color: #ed7811;
	text-decoration: none;
	border-bottom: 1px #ed7811 solid;
}
 @media screen and (max-width: 1000px) {
.viewcardTitle {
	padding: 20px 0px 20px 0px;
	font-size: 100%;
	background: url(../../../resources/images/ohbearseebookno.png) top left no-repeat;
	background-size: 24%;
}
}
/*------電子賀卡 end------*/

/*------網站導覽------*/
.site {
	overflow: hidden;
}
.site a {
	position: relative;
	color: #303030;
	text-decoration: none;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
	display: inline-block;
}
.site a span {
	position: absolute;
}
.site ul li a:hover {
	color: #E66846 !important;
	text-decoration: none;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
}
.site .box {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	margin-right: 30px;
	margin-bottom: 39px;
	box-shadow: 1px 1px 3px rgba(0%,0%,0%,0.2);
}
 @media screen and (max-width: 1000px) {
.site .box {
	width: 100%;
}
}
.site .box>a {
	display: block;
	background-color: #e87536;
	color: #FFF;
	padding: 8px 20px 8px 44px;
}
.site .box>a span {
	left: 18px;
	top: 8px;
}
.site .box>ul {
	padding: 13px 20px;
	background-color: #ffffff;
}
.site .box ul li {
	margin: 5px 0;
}
.site .box ul>li>a {
	padding-left: 42px;
	border: 0px #FF6600 solid;
}
.site .box ul>li>a span {
	left: 0px;
	top: 0px;
}
.site .box>ul>li>ul {
	padding-left: 15px;
	margin: 12px 0;
}
.site .box>ul>li>ul a {
	color: #777;
	padding-left: 46px;
}
/*------網站導覽 end------*/
/*------意見信箱 ------*/
.contactLine {
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px 10px 30px 10px;
	text-align: center;
}
.contactLine li {
	display: inline-block;
	box-sizing: border-box;
	margin: 0px 25px 40px 25px;
	width: 165px;
	height: 165px;
	border-radius: 50%;
	color: #FFF;
	padding: 80px 20px 0px 20px;
	line-height: 1.4em;
	text-align: center;
	vertical-align: top;
	transition: all 0.3s;
	cursor: pointer;
	position: relative;
}
.contactLine li:nth-child(1) {
	background: url(../../../resources/images/contact01.svg) top center no-repeat;
	background-size: 50%;
	background-color: #e87536;
}
.contactLine li:nth-child(2) {
	background: url(../../../resources/images/contact02.svg) top center no-repeat;
	background-size: 50%;
	background-color: #e87536;
}
.contactLine li:nth-child(3) {
	background: url(../../../resources/images/contact03.svg) top center no-repeat;
	background-size: 50%;
	background-color: #e87536;
}
.contactLine li:nth-child(4) {
	background: url(../../../resources/images/contact04.svg) top center no-repeat;
	background-size: 50%;
	background-color: #e87536;
}
.contactLine li:hover {
	background-color: #F30;
}
.contactArrow {
	position: absolute;
	top: 65px;
	left: 170px;
	width: 45px;
	height: 45px;
	background: url(../../../resources/images/arrow455.svg) center center;
	background-size: cover;
	z-index: 10px;
}
 @media screen and (max-width: 480px) {
.contactLine li {
	display: inline-block;
	box-sizing: border-box;
	margin: 0px auto 40px auto;
	width: 185px;
	height: 185px;
	border-radius: 50%;
	background-color: #e87536;
	color: #FFF;
	padding: 90px 20px 0px 20px;
	line-height: 1.4em;
	text-align: center;
	vertical-align: top;
	transition: all 0.3s;
	cursor: pointer;
	font-size: 110%;
	position: relative;
}
.contactArrow {
	position: absolute;
	top: 183px;
	left: 70px;
	width: 45px;
	height: 45px;
	background: url(../../../resources/images/arrow456.svg) center center;
	background-size: cover;
	z-index: 10px;
}
}
.contactBox {
	border: 1px #e7e7e7 solid;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	margin: 10px 30px 30px 30px;
	padding: 30px;
	background-color: #FFF;
	border-radius: 16px;
	color:#000;
}
 @media screen and (max-width: 480px) {
.contactBox {
	width: 100%;
	margin: 0px 0px;
}
}
.contactBox dl {
	box-sizing: border-box;
	padding: 0px 0px 0px 0px;
	overflow: hidden;/*讓float撐出高度 */
	position: relative;
	width: 100%;
}
.contactBox dl dt {
	float: left;
	display: block;
	padding: 5px;
	font-weight: normal;
	width: 220px;
	text-align: right;
	color: #333;
}
 @media screen and (max-width: 480px) {
.contactBox dl dt {
	text-align: left;
	float: none;
	width: 100%;
}
}
.contactBox dl dd {
	overflow: hidden;/*讓float撐出高度 */
	margin: 2px 0;
	padding: 5px 0;
}
.contactBox dl dd img {
	vertical-align: middle;
}
.contactBox input {
	font-size: 100%;
	margin: 3px 4px 3px 4px;
	padding: 4px;
	border: 1px solid #e1e1e1;
	background: #e1e1e1;
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
}
.contactBox .btnist {
	display: inline-block;
}
 @media screen and (max-width: 480px) {
.contactBox .btnist {
	display: block;
}
}
.reload {
	background: url(../../../resources/images/reload.svg) top left no-repeat;
	background-size: 24%;
}
.voiceServices {
	background: url(../../../resources/images/sound.svg) top left no-repeat;
	background-size: 33%;
}
 @media screen and (max-width: 480px) {
.contactBox input {
	margin: 0px 4px 0px 4px;
}
.reload {
	background: url(../../../resources/images/reloadno.svg) top left no-repeat;
	box-sizing: border-box;
	display: block;
	width: 98%;
	margin: 5px 0px 5px 0px;
}
.voiceServices {
	background: url(../../../resources/images/reloadno.svg) top left no-repeat;
	box-sizing: border-box;
	display: block;
	width: 98%;
	margin: 5px 0px 5px 0px;
}
}
.contactBox textarea {
	font-size: 100%;
	margin: 5px 5px 0px 5px;
	padding: 8px;
	border: 1px solid #e1e1e1;
	background: #e1e1e1;
	width: 90%;
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
}
.contactBox .color1 {
	color: #f90;
	margin: 0px 5px;
	font-size: 90%;
	letter-spacing: 0px;
}
.contactBox dd a {
	display:inline-block;
	box-sizing: border-box;
	font-size: 92%;
	padding: 2px 20px 2px 32px;
	margin: 10px 6px 10px 6px;
	background-color: #e87536;
	border-radius: 4px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0px;
}
 @media screen and (max-width: 480px) {
.contactBox a {
	box-sizing: border-box;
	width: 98%;
	font-size: 92%;
	padding: 5px 0px 5px 0px;
	text-align: center;
	margin: 12px 4px 0px 4px;
	background-color: #e87536;
	border-radius: 4px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0px;
}
.contactBox dd a {
	box-sizing: border-box;
	width: 98%;
	font-size: 92%;
	padding: 5px 0px 5px 0px;
	text-align: center;
	margin: 12px 4px 0px 4px;
	background-color: #e87536;
	border-radius: 4px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0px;
}
}
/*------意見信箱 end------*/


/*------購物萬象專區 20151001------*/
.shoppingMain {
	padding: 8px 0px 20px 372px;
	background: url(../../../resources/images/shoppingBg.png) top left no-repeat;
	background-size: 75%;
}
.shoppingMain h1 {
	color: #FFF;
}
 @media screen and (max-width: 1000px) {
.shoppingMain {
	padding: 0px 0px 30px 0px;
	background: url(../../../resources/images/specialInterestsBgNo.svg) top left no-repeat;
	background-size: 32%;
}
.shoppingMain h1 {
	padding: 10px 0px 30px 10px;
}
}
.shoppingList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 0px -20px;
	text-align: center;
}
.shoppingList li {
	display: inline-block;
	vertical-align: top;
}
.shoppingList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 110px;
	margin: 0px 13px 10px 13px;
	padding: 110px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 120%;
	text-align: center;
	border: 0px #0066FF solid;
}
.shoppingList li a:hover {
	color: #FFF;
	border: 0px #0066FF solid;
}
 @media screen and (max-width: 1000px) {
.shoppingList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.shoppingList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 90px;
	margin: 0px 8px 10px 8px;
	padding: 90px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
}
}
.shoppingList li:nth-child(1) a {
	background: url(../../../resources/images/shoppingBtn1.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(1) a:hover {
	background: url(../../../resources/images/shoppingBtn1Click.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(2) a {
	background: url(../../../resources/images/shoppingBtn2.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(2) a:hover {
	background: url(../../../resources/images/shoppingBtn2Click.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(3) a {
	background: url(../../../resources/images/shoppingBtn3.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(3) a:hover {
	background: url(../../../resources/images/shoppingBtn3Click.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(4) a {
	background: url(../../../resources/images/shoppingBtn4.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(4) a:hover {
	background: url(../../../resources/images/shoppingBtn4Click.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(5) a {
	background: url(../../../resources/images/shoppingBtn5.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(5) a:hover {
	background: url(../../../resources/images/shoppingBtn5Click.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(6) a {
	background: url(../../../resources/images/shoppingBtn6.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(6) a:hover {
	background: url(../../../resources/images/shoppingBtn6Click.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(7) a {
	background: url(../../../resources/images/shoppingBtn7.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(7) a:hover {
	background: url(../../../resources/images/shoppingBtn7Click.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(8) a {
	background: url(../../../resources/images/shoppingBtn8.svg) left top no-repeat;
	background-size: contain;
}
.shoppingList li:nth-child(8) a:hover {
	background: url(../../../resources/images/shoppingBtn8Click.svg) left top no-repeat;
	background-size: contain;
}
div.noshow_food {
	clear: both;
	height: 5px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	border-bottom: #ffffff 1px dashed;
}
div.noshow_food2 {
	clear: both;
	height: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	border-bottom: #DAC5B0 1px dashed;
}
.shoppingtitle {
	color: #FFF;
	font-size: 175%;
	margin: 20px 0px 20px 20px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/shoppingBtn1.svg) left top no-repeat;
	background-size: contain;
}

.A0024001{
	background: url(../../../resources/images/shoppingBtn1.svg) left top no-repeat;
	background-size: contain;
	}
.A0024002{
	background: url(../../../resources/images/shoppingBtn2.svg) left top no-repeat;
	background-size: contain;
	}
.A0024003{
	background: url(../../../resources/images/shoppingBtn3.svg) left top no-repeat;
	background-size: contain;
	}
.A0024004{
	background: url(../../../resources/images/shoppingBtn4.svg) left top no-repeat;
	background-size: contain;
	}
 @media screen and (max-width: 500px) {
.A0024004{
	background: url(../../../resources/images/shoppingBtn4.svg) left center no-repeat;
	background-size: 22%;
	} 
	 }
	
.A0024005{
	background: url(../../../resources/images/shoppingBtn5.svg) left top no-repeat;
	background-size: contain;
	}
.A0024006{
	background: url(../../../resources/images/shoppingBtn6.svg) left top no-repeat;
	background-size: contain;
	}
.A0024007{
	background: url(../../../resources/images/shoppingBtn7.svg) left top no-repeat;
	background-size: contain;
	}
 @media screen and (max-width: 500px) {
.A0024007{
	background: url(../../../resources/images/shoppingBtn7.svg) left center no-repeat;
	background-size: 22%;
	} 
	 }
	
.A0024008{
	background: url(../../../resources/images/shoppingBtn8.svg) left top no-repeat;
	background-size: contain;
	}
#firstpane {
	display: block;
	box-sizing: border-box;
	width: 94%;
	float: left;
	background-color: #ffffff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	margin: 10px 20px 20px 25px;
	padding: 10px 0px 20px 0px;
}
#firstpane .exhibitTitle2014_shopping {
	color: #b83560;
}
 @media screen and (max-width: 1000px) {
#firstpane {
	display: block;
	box-sizing: border-box;
	width: 100%;
	float: left;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
}
.exhibitBox2014 {
	box-sizing: border-box;
	padding: 35px 0px 20px 40px;
	float: left;
	width: 100%;
 \9 float :none;
 \0 float :none;  /*針對ie8*/
}
 @media screen and (max-width: 1000px) {
.exhibitBox2014 {
	padding: 25px 25px 25px 25px;
	float: left;
	width: 100%;
 \9 float :none;
 \0 float :none;  /*針對ie8*/
}
}
.exhibitBoxLeft2014 {
	box-sizing: border-box;
	width: 35%;
	padding: 2px;
	float: left;
	background-color: #FFF;
	vertical-align: top;
}
.exhibitBoxLeft2014 img {
	display: block;
	width: 100%;
	height: auto;
}
.exhibitBoxLeft2014 a {
	padding: 0px;
}
 @media screen and (max-width: 1000px) {
.exhibitBoxLeft2014 {
	box-sizing: border-box;
	width: 100%;
	padding: 2px;
	float: inherit;
	background-color: #FFF;
}
}
.exhibitBoxRight2014 {
	float: right;
	width: 58%;
	padding: 0px 30px 0px 0px;
}
 @media screen and (max-width: 1000px) {
.exhibitBoxRight2014 {
	float: inherit;
	width: 100%;
	padding: 20px 0px 0px 0px;
}
}
.exhibitTitle2014 {
	padding: 0px 0px 0px 0px;
	color: #ffdbb7;
	text-align: left;
	font-size: 1.4em;
}
.foodtitle2014 {
	padding: 0px 0px 0px 0px;
	color: #ffdbb7;
	text-align: left;
	font-size: 1.3em;
}
.exhibitList2014 p {
	margin: 0px;
	padding: 0px;
}
.exhibitList2014 a {
	padding: 3px 14px 3px 14px;
	background-color: #e87536;
	color: #ffffff;
	text-decoration: none;
	font-size: 90%;
	border-radius: 6px;
	border: 0px #FF6600 solid;
}
.exhibitList2014 a:hover {
	color: #ffffff;
	background-color: #7d6c59;
	border: 0px #FF6600 solid;
}
.exhibitList2014 {
	padding: 18px 0px 18px 0px;
	line-height: 1.6em;
	color: #333;
}
.exhibitTitle2014_shopping {
	padding: 0px 0px 0px 0px;
	color: #F60;
	text-align: left;
	font-size: 1.5em;
}
.more_info {
	display: block;
	width: 150px;
	text-align: center;
	background-color: #CE527B;
	margin: 0px 0px 8px 0px;
	padding: 3px 10px 3px 10px;
	color: #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	cursor: pointer;
}
a#amore_info{
	color:#FFF !important;
	border-bottom:0px;}
.more_info:hover {
	background-color: #b83560;
	color: #ffffff;
	cursor: pointer;
}
/*.menu_body {
	display: none;
}*/
.menu_body div {
	margin-top: -17px;
	background-color: #ce527b;
	padding: 10px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}
.menu_body:before {
	content: '\25b2';
	font-size: 202%;
	color: #ce527b;
	padding-left: 10px;
}
.menu_list {
	clear: both;
	padding: 30px;
	background-color: #FCC;
}/*開合選單*/
.td_left {
	width: 100px;
	text-align: right;
	letter-spacing:0px;
}
 @media screen and (max-width: 500px) {
.td_left {
	width: 34%;
	color:#F3B1D0
}

.menu_body div {
	padding: 12px;
}
	 }

.menu_body table {
	border-collapse: inherit;
	border-spacing: 12px;
	color: #ffffff;
	border: 1px #ce527b solid;
}
 @media screen and (max-width: 500px) {
.menu_body table {
	border-spacing: 6px;
}
	 }
.menu_body table td, th {
	border: 0px #ce527b solid;
	vertical-align: top;
}
.menu_body p {
	margin: 0px;
	padding: 0px;
}
.shopping_table a {
/*word-break:break-all;*/
	color: #FF3;
	border-bottom: 1px #FFFF33 solid;
}
.shopping_table a:hover {
	color:#F90;
	text-decoration:none;
	border-bottom: 1px #F90 solid;
}
/*購物萬象專區 20151001 end-*/



/*------美食天堂專區 20151001------*/
.foodMain {
	padding: 8px 0px 130px 372px;
	background: url(../../../resources/images/foodBg.png) top left no-repeat;
	background-size: 70%;
}
.foodMain h1 {
	color: #FFF;
	padding: 10px 0px 30px 10px;
}
 @media screen and (max-width: 1000px) {
.foodMain {
	padding: 0px 0px 30px 0px;
	background: url(../../../resources/images/specialInterestsBgNo.svg) top left no-repeat;
	background-size: 32%;
}
.foodMain h1 {
	padding: 10px 0px 30px 10px;
}
}
.foodList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 0px -20px;
	text-align: center;
}
.foodList li {
	display: inline-block;
	vertical-align: top;
}
.foodList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 112px;
	margin: 0px 13px 10px 13px;
	padding: 110px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 115%;
	text-align: center;
	border: 0px #0033FF solid;
}
.foodList li a:hover {
	color: #FFF;
	border: 0px #0033FF solid;
}
 @media screen and (max-width: 1000px) {
.foodList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.foodList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 90px;
	margin: 0px 8px 10px 8px;
	padding: 90px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
}
}
.foodList li:nth-child(1) a {
	background: url(../../../resources/images/foodBtn1.svg) left top no-repeat;
	background-size: contain;
	letter-spacing: 0px;
}
.foodList li:nth-child(1) a:hover {
	background: url(../../../resources/images/foodBtn1Click.svg) left top no-repeat;
	background-size: contain;
}
.foodList li:nth-child(2) a {
	background: url(../../../resources/images/foodBtn3.svg) left top no-repeat;
	background-size: contain;
}
.foodList li:nth-child(2) a:hover {
	background: url(../../../resources/images/foodBtn3Click.svg) left top no-repeat;
	background-size: contain;
}
.foodList li:nth-child(3) a {
	background: url(../../../resources/images/foodBtn5.svg) left top no-repeat;
	background-size: contain;
}
.foodList li:nth-child(3) a:hover {
	background: url(../../../resources/images/foodBtn5Click.svg) left top no-repeat;
	background-size: contain;
}
.foodList li:nth-child(4) a {
	background: url(../../../resources/images/foodBtn6.svg) left top no-repeat;
	background-size: contain;
}
.foodList li:nth-child(4) a:hover {
	background: url(../../../resources/images/foodBtn6Click.svg) left top no-repeat;
	background-size: contain;
}
.foodList li:nth-child(5) a {
	background: url(../../../resources/images/mi.svg) left top no-repeat;
	background-size: contain;
}
.foodList li:nth-child(5) a:hover {
	background: url(../../../resources/images/miClick.svg) left top no-repeat;
	background-size: contain;
}
.foodList li:nth-child(6) a {
	background: url(../../../resources/images/foodBtn6.svg) left top no-repeat;
	background-size: contain;
}
.foodList li:nth-child(6) a:hover {
	background: url(../../../resources/images/foodBtn6Click.svg) left top no-repeat;
	background-size: contain;
}
.foodtitle {
	color: #FFF;
	font-size: 175%;
	margin: 20px 0px 20px 20px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/shoppingBtn1.svg) left top no-repeat;
	background-size: contain;
}


#firstpanefood {
	display: block;
	box-sizing: border-box;
	width: 95%;
	float: left;
	background-color: #ffffff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	margin: 10px 20px 20px 25px;
	padding: 10px 0px 20px 0px;
}
@media screen and (max-width: 1000px) {
#firstpanefood {
	display: block;
	box-sizing: border-box;
	width: 100%;
	float: left;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
}
.foodtitle {
	color: #FFF;
	font-size: 175%;
	margin: 20px 0px 20px 20px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/foodBtn2.svg) left top no-repeat;
	background-size: contain;
}
.A0002026{
	color: #FFF;
	font-size: 175%;
	margin: 20px 0px 20px 20px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/foodBtn1.svg) left top no-repeat;
	background-size: contain;
	}
.A0000070{
	color: #FFF;
	font-size: 175%;
	margin: 20px 0px 20px 20px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/foodBtn2.svg) left top no-repeat;
	background-size: contain;
	}
.A0024012{
	color: #FFF;
	font-size: 175%;
	margin: 20px 0px 20px 20px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/foodBtn3.svg) left top no-repeat;
	background-size: contain;
	}
 @media screen and (max-width: 500px) {
.A0024012{
	background: url(../../../resources/images/foodBtn3.svg) left center no-repeat;
	background-size:22%;
	}
	 }
.A0024013{
	color: #FFF;
	font-size: 175%;
	margin: 20px 0px 20px 20px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/foodBtn3.svg) left top no-repeat;
	background-size: contain;
	}
.A0024014{
	color: #FFF;
	font-size: 175%;
	margin: 20px 0px 20px 20px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/foodBtn5.svg) left top no-repeat;
	background-size: contain;
	}
 @media screen and (max-width: 500px) {
.A0024014{
	background: url(../../../resources/images/foodBtn5.svg) left center no-repeat;
	background-size:22%;
	}
	 }
.A0024015{
	color: #FFF;
	font-size: 175%;
	margin: 20px 0px 20px 20px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/foodBtn6.svg) left top no-repeat;
	background-size: contain;
	}
	

/*美食天堂插圖(link)-*/

.foodphotoList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.foodphotoList li {
	display: inline-block;
	vertical-align: top;
	width: 190px;
	margin: 20px 40px 20px 40px;
	line-height: 1.3em;
	font-size: 120%;
	text-align: center;
}
.foodphotoList li a {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 200px;
	height: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	color: #3d3d3d;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border-radius: 50%;
	border: 4px solid rgba(255,255,255,0.5);
	transition: all 0.3s;
}
.foodphotoList li img {
	width: 100%;
	height: 100%;
}
.foodphotoList li a:hover {
	transform: scale(1.16);
	border: 5px solid #FF0;
}

 @media screen and (max-width: 1000px) {
.foodphotoList li {
	margin: 20px 20px 20px 20px;
}
	 }
 @media screen and (max-width: 500px) {
.foodphotoList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.foodphotoList li {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: 100%;
	margin: 20px 0px 16px 0px;
	padding: 0px 20px 0px 20px;
	line-height: 1.3em;
}
.foodphotoList li a {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	height: auto;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	color: #3d3d3d;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border: 4px solid rgba(255,255,255,0.5);
	transition: all 0.3s;
}
.foodphotoList li a:hover {
	transform: scale(1.16);
	border: 5px solid #FF0;
}
}
/*美食天堂插圖-*/

.foodphotoListNolink {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.foodphotoListNolink li {
	display: inline-block;
	vertical-align: top;
	width: 190px;
	margin: 20px 40px 20px 40px;
	line-height: 1.3em;
	font-size: 120%;
	text-align: center;
}
.foodphotoListNolink li a {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 200px;
	height: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	color: #3d3d3d;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border-radius: 50%;
	border: 4px solid rgba(255,255,255,0.5);
	transition: all 0.3s;
	cursor: default;
}
.foodphotoListNolink li a:hover {
	border: 4px solid rgba(255,255,255,0.5);
	}

.foodphotoListNolink li img {
	width: 100%;
	height: 100%;
}
/*.foodphotoListNolink li a:hover {
	transform: scale(1.16);
	border: 5px solid #FF0;
}*/

 @media screen and (max-width: 1000px) {
.foodphotoListNolink li {
	margin: 20px 15px 20px 15px;
}
	 }
 @media screen and (max-width: 500px) {
.foodphotoListNolink {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.foodphotoListNolink li {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: 100%;
	margin: 20px 0px 16px 0px;
	padding: 0px 20px 0px 20px;
	line-height: 1.3em;
}
.foodphotoListNolink li a {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	height: auto;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	color: #3d3d3d;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border: 4px solid rgba(255,255,255,0.5);
	transition: all 0.3s;
}
/*.foodphotoListNolink li a:hover {
	transform: scale(1.16);
	border: 5px solid #FF0;
}*/
}
/*美食天堂專區 20151001 end-*/


/*臺灣美食 20141224 kenny */

.foodbox {
	width: 100%;
	background-color: #c0926f;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	color: #FFF;
}
.foodtable1 {
	padding: 20px 20px 20px 250px;
	background: url(../../images/food2014_photo.png) top left no-repeat;
	background-position: 5px 20px;
}
.foodtable2 {
	padding: 20px 20px 20px 250px;
	background: url(../../images/food2014_photo2.png) top left no-repeat;
	background-position: 5px 20px;
}
.food2014_title {
	display: block;
	font-size: 220%;
	margin-top: 15px;
	padding: 5px 20px 13px 0px;
	background: url(../../images/popo.png) top left no-repeat;
}
.food2014menu {
	float: left;
	list-style: none;
	padding: 150px 0px 0px 0px;
	margin: 0px;
}
.food2014menu li {
	float: left;
	width: 100px;
	height: 25px;
	color: #FFF;
	margin: 0px 10px 0px 10px;
}
.btn_1 a {
	background: url(../../images/foodmenu_01.png) top center no-repeat;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	padding: 100px 5px 0px 5px;
}
.btn_1 a:hover {
	background: url(../../images/foodmenu_01_a.png) top center no-repeat;
	color: #FC9;
}
.btn_2 a {
	background: url(../../images/foodmenu_02.png) top center no-repeat;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	padding: 100px 5px 0px 5px;
}
.btn_2 a:hover {
	background: url(../../images/foodmenu_02_a.png) top center no-repeat;
	color: #FC9;
}
.btn_3 a {
	background: url(../../images/foodmenu_03.png) top center no-repeat;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	padding: 100px 12px 0px 12px;
}
.btn_3 a:hover {
	background: url(../../images/foodmenu_03_a.png) top center no-repeat;
	color: #FC9;
}
.btn_4 a {
	background: url(../../images/foodmenu_04.png) top center no-repeat;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	padding: 100px 12px 0px 12px;
}
.btn_4 a:hover {
	background: url(../../images/foodmenu_04_a.png) top center no-repeat;
	color: #FC9;
}
.btn_5 a {
	background: url(../../images/foodmenu_05.png) top center no-repeat;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	padding: 100px 12px 0px 12px;
}
.btn_5 a:hover {
	background: url(../../images/foodmenu_05_a.png) top center no-repeat;
	color: #FC9;
}
.btn_6 a {
	background: url(../../images/foodmenu_06.png) top center no-repeat;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	padding: 100px 12px 0px 12px;
}
.btn_6 a:hover {
	background: url(../../images/foodmenu_06_a.png) top center no-repeat;
	color: #FC9;
}
.btn_7 a {
	background: url(../../images/foodmenu_07.png) top center no-repeat;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	padding: 100px 12px 0px 12px;
}
.btn_7 a:hover {
	background: url(../../images/foodmenu_07_a.png) top center no-repeat;
	color: #FC9;
}
.food_table_box {
	float: left;
	background-color: #B28360;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	margin: 20px 30px 20px 30px;
	padding: 10px 0px 20px 0px;
}
.food_table_box2 {
	box-sizing: border-box;
	margin: 16px 0px 20px 0px;
	width: 100%;
}
.food_year_title {
	box-sizing: border-box;
	float: left;
	background-color:#8c4f23;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	padding: 10px 0px 10px 20px;
	font-size: 120%;
	width: 100%;
	color: #F2DDCE;
}
.night_title {
	box-sizing: border-box;
	float: left;
	background-color: #718833;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	padding: 10px 0px 10px 20px;
	margin: 20px 0px 20px 0px;
	font-size: 120%;
	width: 100%;
	color: #ffffff;
}
.hotwhat {
	padding: 20px;
	background-color: rgba(255,255,255,0.9);
	color: #688619;
	margin: 10px 0px 30px 0px;
}
.hotwhat p {
	padding: 0px;
	margin: 0px;
}
.food_year_content {
	float: left;
	padding: 10px 20px 10px 20px;
	width: 97%;
	color: #FFF;
}
.food_year_content li {
	color: #FFF;
}
.foodtitle2014 {
	padding: 0px 0px 0px 0px;
	color: #ffdbb7;
	text-align: left;
	font-size: 1.3em;
}
.food2014_t1 {
	padding: 28px 0px 15px 105px;
	font-size: 1.9em;
	background: url(../../images/food2014_t1.png) top left no-repeat;
	background-position: 20px 5px;
}
.food2014_t2 {
	padding: 28px 0px 15px 105px;
	font-size: 1.9em;
	background: url(../../images/food2014_t2.png) top left no-repeat;
	background-position: 20px 5px;
}
.food2014_t3 {
	padding: 28px 0px 15px 105px;
	font-size: 1.9em;
	background: url(../../images/food2014_t3.png) top left no-repeat;
	background-position: 20px 5px;
}
.food2014_t4 {
	padding: 28px 0px 15px 105px;
	font-size: 1.9em;
	background: url(../../images/food2014_t4.png) top left no-repeat;
	background-position: 20px 5px;
}
.food2014_ttt {
	padding: 9px 0px 0px 22px;
	font-size: 1.9em;
}
.pages_T2 {
	text-align: center;
	padding: 25px 0px 30px 0px;
}
.pages_T2 a {
	padding: 0px 10px 0px 10px;
	color: #FFF;
}
.pages_T2 a:visited {
	padding: 0px 10px 0px 10px;
	color: #FFF;
}
.newspage2 {
	color: #F60;
	font-size: 12px;
	font-weight: bolder;
	text-decoration: none;
	background-color: #F9E3CE;
	padding: 4px 7px 4px 9px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	margin: 0px 5px 0px 5px;
}
.foodphoto {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border: 4px #e3c8b4 solid;
}
/*------交通資訊專區 20151001------*/

.trafficBg {
	background: url(../../../resources/images/trafficBg.png) bottom center no-repeat;
}
.Main0000215 {
	padding: 0px 0px 20px 334px;
	background: url(../../../resources/images/carBg.png) top left no-repeat;
	background-size: 70%;
	color: #2FAAAF;
}
.Main0000215 h1 {
	padding: 10px 0px 30px 0px;
}
 @media screen and (max-width: 1000px) {
.Main0000215 {
	padding: 0px 0px 10px 0px;
	background: url(../../../resources/images/specialInterestsBgNo.svg) top left no-repeat;
	background-size: 32%;
}
.Main0000215 h1 {
	padding: 10px 0px 20px 10px;
}
}
.List0000215 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 10px 0px 0px -10px;
	text-align: center;
}
.List0000215 li {
	color:#690;
	display: inline-block;
	vertical-align: top;
	width: 120px;
	margin: 0px 0px 70px 0px;
	line-height: 1.3em;
}
.List0000215 li a:before{
	content:"";
	display:block;
	height:7px;
	}

.List0000215 li:last-child {
}
.List0000215 li a {
	box-sizing: border-box;
	display: block;
	/*overflow: hidden;*/
	width: 90px;
	height: 90px;
	padding: 90px 0px 0px 0px;
	margin: 0px 15px 5px 15px;
	color: #6b9a0a;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border-radius: 50%;
	border: 0px #FF6600 solid;
}
 @media screen and (max-width: 1000px) {
.List0000215 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 20px 0px 0px 0px;
	text-align: center;
}
.List0000215 li {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin: 0px 8px 16px 8px;
	line-height: 1.3em;
}
.List0000215 li a {
	box-sizing: border-box;
	display: inline-block;
	/*overflow: hidden;*/
	width: 90px;
	height: 90px;
	padding: 90px 0px 0px 0px;
	color: #6b9a0a;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	background-color: #30C;
	border: 0px #FF6600 solid;
}
}

 @media screen and (max-width: 480px) {
.List0000215 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 10px 0px 0px 0px;
	text-align: center;
}
.List0000215 li {
	color:#690;
	display: inline-block;
	vertical-align: top;
	width: 90px;
	margin: 0px 8px 16px 8px;
	line-height: 1.3em;
}
.List0000215 li a {
	box-sizing: border-box;
	display: inline-block;
	/*overflow: hidden;*/
	width: 85px;
	height: 85px;
	padding: 85px 0px 0px 0px;
	color: #6b9a0a;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	background-color: #30C;
	border: 0px #FF6600 solid;
}
}
.List0000215 li:nth-child(1) a {
	background: url(../../../resources/images/carBtn1.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0000215 li:nth-child(1) a:hover {
	background-color:#78A914;
	border: 0px #FF6600 solid;
}
.List0000215 li:nth-child(2) a {
	background: url(../../../resources/images/carBtn2.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0000215 li:nth-child(2) a:hover {
	background-color:#78A914;
}
.List0000215 li:nth-child(3) a {
	background: url(../../../resources/images/carBtn3.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0000215 li:nth-child(3) a:hover {
	background-color:#78A914;
}
.List0000215 li:nth-child(4) a {
	background: url(../../../resources/images/carBtn4.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0000215 li:nth-child(4) a:hover {
	background-color:#78A914;
}
.List0000215 li:nth-child(5) a {
	background: url(../../../resources/images/carBtn5.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0000215 li:nth-child(5) a:hover {
	background-color:#78A914;
}
.List0000215 li:nth-child(6) a {
	background: url(../../../resources/images/carBtn6.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0000215 li:nth-child(6) a:hover {
	background-color:#78A914;
}
.List0000215 li:nth-child(7) a {
	background: url(../../../resources/images/carBtn7.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0000215 li:nth-child(7) a:hover {
	background-color:#78A914;
}
.List0000215 li:nth-child(8) a {
	background: url(../../../resources/images/carBtn8.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0000215 li:nth-child(8) a:hover {
	background-color:#78A914;
}
.List0000215 li:nth-child(9) a {
	background: url(../../../resources/images/carBtn9.svg) center center no-repeat;
	background-size: contain;
	background-color: #A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0000215 li:nth-child(9) a:hover {
	background-color:#78A914;
}
.List0000215 li:nth-child(10) a {
	background: url(../../../resources/images/carBtn10.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0000215 li:nth-child(10) a:hover {
	background-color: #78A914;
}
.List0000215 li:nth-child(11) a {
	background: url(../../../resources/images/carBtn11.png) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0000215 li:nth-child(11) a:hover {
	background-color: #78A914;
}
.List0000215 li:nth-child(12) a {
	background: url(../../../resources/images/carBtn12.png) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0000215 li:nth-child(12) a:hover {
	background-color:#78A914;
}
.cartitle {
	color: #2FAAAF;
	font-size: 175%;
	margin: 20px 0px 20px 20px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/carBtn1.svg) left top no-repeat;
	background-size: contain;
}
/*交通資訊專區 20151001 end-*/


/*------來臺旅遊須知專區 20151001------*/
.Main0000218 {
	padding: 0px 0px 53px 334px;
	background: url(../../../resources/images/knowBg.png) top left no-repeat;
	background-position:0px 40px;
	background-size: 72%;
	color: #2FAAAF;
}
.Main0000218 h1 {
	padding: 10px 0px 30px 0px;
}
 @media screen and (max-width: 1000px) {
.Main0000218 {
	padding: 0px 0px 10px 0px;
	background: url(../../../resources/images/specialInterestsBgNo.svg) top left no-repeat;
	background-size: 32%;
}
.Main0000218 h1 {
	padding: 10px 0px 20px 10px;
}
}
.List0000218 {
	box-sizing: border-box;
	display: block;
	/*overflow: hidden;*/
	width: 100%;
	margin: 10px 0px 0px -10px;
	text-align: center;
}
.List0000218 li {
	color:#690;
	display: inline-block;
	vertical-align: top;
	width: 120px;
	margin: 0px 0px 70px 0px;
	line-height: 1.3em;
}
.List0000218 li a:before{
	content:"";
	display:block;
	height:7px;
	}
.List0000218 li a {
	box-sizing: border-box;
	display: block;
	/*overflow: hidden;*/
	width: 90px;
	height: 90px;
	padding: 90px 0px 0px 0px;
	margin: 0px 15px 5px 15px;
	color: #6b9a0a;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border-radius: 50%;
	border: 0px #FF6600 solid;
}

.List0000218 li a:hover {
	border: 0px #FF6600 solid;
	}
 @media screen and (max-width: 1000px) {
.List0000218 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 20px 0px 0px 0px;
	text-align: center;
}
.List0000218 li {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin: 0px 8px 16px 8px;
	line-height: 1.3em;
}
.List0000218 li a {
	box-sizing: border-box;
	display: inline-block;
	/*overflow: hidden;*/
	width: 90px;
	height: 90px;
	padding: 90px 0px 0px 0px;
	color: #6b9a0a;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	background-color: #A7CA4C;
	border: 0px #FF6600 solid;
}
}
 @media screen and (max-width: 480px) {
.List0000218 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 10px 0px 0px 0px;
	text-align: center;
}
.List0000218 li {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	margin: 0px 8px 16px 8px;
	line-height: 1.3em;
}
.List0000218 li a {
	box-sizing: border-box;
	display: inline-block;
	/*overflow: hidden;*/
	width: 85px;
	height: 85px;
	padding: 85px 0px 0px 0px;
	color: #6b9a0a;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	background-color: #30C;
	border: 0px #FF6600 solid;
}
}
.List0000218 li:nth-child(1) a {
	background: url(../../../resources/images/knowBtn1.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000218 li:nth-child(1) a:hover {
	background-color: #78A914;
}
.List0000218 li:nth-child(2) a {
	background: url(../../../resources/images/knowBtn2.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000218 li:nth-child(2) a:hover {
	background-color: #78A914;
}
.List0000218 li:nth-child(3) a {
	background: url(../../../resources/images/knowBtn3.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000218 li:nth-child(3) a:hover {
	background-color: #78A914;
}
.List0000218 li:nth-child(4) a {
	background: url(../../../resources/images/knowBtn4.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000218 li:nth-child(4) a:hover {
	background-color: #78A914;
}
.List0000218 li:nth-child(5) a {
	background: url(../../../resources/images/knowBtn5.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000218 li:nth-child(5) a:hover {
	background-color: #78A914;
}
.List0000218 li:nth-child(6) a {
	background: url(../../../resources/images/knowBtn6.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000218 li:nth-child(6) a:hover {
	background-color: #78A914;
}
.List0000218 li:nth-child(7) a {
	background: url(../../../resources/images/knowBtn7.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000218 li:nth-child(7) a:hover {
	background-color: #78A914;
}
.List0000218 li:nth-child(8) a {
	background: url(../../../resources/images/knowBtn8.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000218 li:nth-child(8) a:hover {
	background-color:#78A914;
}

.List0000218 li:nth-child(9) a {
	background: url(../../../resources/images/knowBtn9.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000218 li:nth-child(9) a:hover {
	background-color:#78A914;
}

.List0000218 li:nth-child(10) a {
	background: url(../../../resources/images/knowBtn10.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000218 li:nth-child(10) a:hover {
	background-color:#78A914;
}
.List0000218 li:nth-child(11) a {
	background: url(../../../resources/images/knowBtn11.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000218 li:nth-child(11) a:hover {
	background-color:#78A914;
}
.knowtitle {
	color: #2FAAAF;
	font-size: 175%;
	margin: 12px 0px 12px 0px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/carBtn1.svg) left top no-repeat;
	background-size: contain;
}
/*來臺旅遊須知專區 20151001 end-*/

/*------旅遊諮詢服務專區 20151001------*/
.Main0000236 {
	padding: 0px 0px 145px 334px;
	background: url(../../../resources/images/knowBg.png) top left no-repeat;
	background-position:0px 40px;
	background-size: 72%;
	color: #2FAAAF;
}
.Main0000236 h1 {
	padding: 10px 0px 30px 0px;
}
 @media screen and (max-width: 1000px) {
.Main0000236 {
	padding: 0px 0px 10px 0px;
	background: url(../../../resources/images/specialInterestsBgNo.svg) top left no-repeat;
	background-size: 32%;
}
.Main0000236 h1 {
	padding: 10px 0px 20px 10px;
}
}
.List0000236 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 10px 0px 0px -10px;
	text-align: center;
}
.List0000236 li {
	color:#690;
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin: 0px 10px 100px 10px;
	line-height: 1.3em;
}
.List0000236 li a:before{
	content:"";
	display:block;
	height:7px;
	}
.List0000236 li a {
	box-sizing: border-box;
	display: block;
	/*overflow: hidden;*/
	width: 90px;
	height: 90px;
	padding: 90px 0px 0px 0px;
	margin: 0px 15px 5px 15px;
	color: #6b9a0a;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border-radius: 50%;
	border: 0px #FF6600 solid;
}

.List0000236 li a:hover {
	border: 0px #FF6600 solid;
	}
 @media screen and (max-width: 1000px) {
.List0000236 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 20px 6px 0px 6px;
	text-align: center;
}
.List0000236 li {
	color:#690;
	display: inline-block;
	vertical-align: top;
	width: 90px;
	margin: 0px 8px 20px 8px;
	line-height: 1.3em;
}
.List0000236 li a {
	box-sizing: border-box;
	display: inline-block;
	/*overflow: hidden;*/
	width: 92px;
	height: 92px;
	padding: 92px 0px 0px 0px;
	color: #6b9a0a;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border-radius: 50%;
	border: 0px #FF6600 solid;
}
}

 @media screen and (max-width: 480px) {
.List0000236 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 10px 6px 0px 6px;
	text-align: center;
}
.List0000236 li {
	color:#690;
	display: inline-block;
	vertical-align: top;
	width: 90px;
	margin: 0px 8px 20px 8px;
	line-height: 1.3em;
}
.List0000236 li a {
	box-sizing: border-box;
	display: inline-block;
	/*overflow: hidden;*/
	width: 85px;
	height: 85px;
	padding: 85px 0px 0px 0px;
	color: #6b9a0a;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border-radius: 50%;
	border: 0px #FF6600 solid;
}
}
.List0000236 li:nth-child(1) a {
	background: url(../../../resources/images/serviceBtn1.png) center center no-repeat;
	background-size: contain;
	letter-spacing: 0px;
}
.List0000236 li:nth-child(1) a:hover {
	background: url(../../../resources/images/serviceBtn1Click.png) center center no-repeat;
	background-size: contain;
	letter-spacing: 0px;
}
.List0000236 li:nth-child(2) a {
	background: url(../../../resources/images/serviceBtn2.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000236 li:nth-child(2) a:hover {
	background-color: #78A914;
}
.List0000236 li:nth-child(3) a {
	background: url(../../../resources/images/serviceBtn3.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000236 li:nth-child(3) a:hover {
	background-color: #78A914;
}
.List0000236 li:nth-child(4) a {
	background: url(../../../resources/images/serviceBtn4.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000236 li:nth-child(4) a:hover {
	background-color: #78A914;
}
.List0000236 li:nth-child(5) a {
	background: url(../../../resources/images/serviceBtn5.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
}
.List0000236 li:nth-child(5) a:hover {
	background-color: #78A914;
}
.servicetitle {
	color: #2FAAAF;
	font-size: 175%;
	margin: 20px 0px 20px 20px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/carBtn1.svg) left top no-repeat;
	background-size: contain;
}
/*旅遊諮詢服務專區 20151001 end-*/


/*------旅遊電子地圖專區 20151001------*/
.Main0024066 {
	padding: 0px 0px 20px 400px;
	background: url(../../../resources/images/knowBg.png) top left no-repeat;
	background-size: 75%;
	color: #2FAAAF;
}
.Main0024066 h1 {
	padding: 10px 0px 30px 0px;
}
 @media screen and (max-width: 1000px) {
.Main0024066 {
	padding: 0px 0px 10px 0px;
	background: url(../../../resources/images/specialInterestsBgNo.svg) top left no-repeat;
	background-size: 32%;
}
.Main0024066 h1 {
	padding: 10px 0px 20px 10px;
}
}
.List0024066 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 0px -20px;
	text-align: center;
}
.List0024066 li {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	margin: 0px 20px 70px 20px;
	line-height: 1.3em;
}
.List0024066 li a:before{
	content:"";
	display:block;
	height:7px;
	}
.List0024066 li a {
	box-sizing: border-box;
	display: block;
	/*overflow: hidden;*/
	width: 90px;
	height: 90px;
	padding: 90px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	color: #6b9a0a;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border-radius: 50%;
	border: 0px #FF6600 solid;
}
 @media screen and (max-width: 1000px) {
.List0024066 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 20px 0px 0px 0px;
	text-align: center;
}
.List0024066 li {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	margin: 0px 15px 20px 15px;
	line-height: 1.3em;
}
.List0024066 li a {
	box-sizing: border-box;
	display: inline-block;
	/*overflow: hidden;*/
	width: 92px;
	height: 92px;
	padding: 92px 0px 0px 0px;
	color: #6b9a0a;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border-radius: 50%;
	border: 0px #FF6600 solid;
}
}

@media screen and (max-width: 480px) {
.List0024066 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 10px 0px 0px 0px;
	text-align: center;
}
.List0024066 li {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	margin: 0px 8px 20px 8px;
	line-height: 1.3em;
}
.List0024066 li a {
	box-sizing: border-box;
	display: inline-block;
	/*overflow: hidden;*/
	width: 85px;
	height: 85px;
	padding: 85px 0px 0px 0px;
	color: #6b9a0a;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border-radius: 50%;
	border: 0px #FF6600 solid;
}
}
.List0024066 li:nth-child(1) a {
	background: url(../../../resources/images/mapBtn1.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0024066 li:nth-child(1) a:hover {
	background-color:#78A914;
}
.List0024066 li:nth-child(2) a {
	background: url(../../../resources/images/mapBtn2.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0024066 li:nth-child(2) a:hover {
	background-color:#78A914;
}
.List0024066 li:nth-child(3) a {
	background: url(../../../resources/images/mapBtn3.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0024066 li:nth-child(3) a:hover {
	background-color:#78A914;
}
.List0024066 li:nth-child(4) a {
	background: url(../../../resources/images/mapBtn4.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0024066 li:nth-child(4) a:hover {
	background-color:#78A914;
}
.List0024066 li:nth-child(5) a {
	background: url(../../../resources/images/mapBtn5.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0024066 li:nth-child(5) a:hover {
	background-color:#78A914;
}
.List0024066 li:nth-child(6) a {
	background: url(../../../resources/images/mapBtn6.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0024066 li:nth-child(6) a:hover {
	background-color:#78A914;
}
.List0024066 li:nth-child(7) a {
	background: url(../../../resources/images/mapBtn7.svg) center center no-repeat;
	background-size: contain;
	background-color:#A7CA4C;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.List0024066 li:nth-child(7) a:hover {
	background-color:#78A914;
}
.maptitle {
	color: #2FAAAF;
	font-size: 175%;
	margin: 20px 0px 20px 20px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/carBtn1.svg) left top no-repeat;
	background-size: contain;
}
/*----旅遊電子地圖專區 20151001 end----*/



/*----FAQ專區 20151001 end----*/

.List0000FAQ {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 0px -20px;
	text-align: center;
}
.List0000FAQ li {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin: 0px 25px 20px 25px;
	line-height: 1.3em;
	font-size: 110%;
	color:#2FAAAF;
}
.List0000FAQ li a {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100px;
	height: 100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #3d3d3d;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border-radius: 50%;
	border: 0px #FF6600 solid;
	text-indent:-9999px;
}

.List0000FAQ li a:hover {
	border: 0px #FF6600 solid;
	}
 @media screen and (max-width: 1000px) {
.List0000FAQ {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 20px 0px 0px 0px;
	text-align: center;
}
.List0000FAQ li {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin: 0px 8px 16px 8px;
	line-height: 1.3em;
}
.List0000FAQ li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 100px;
	height: 100px;
	padding: 0px 0px 0px 0px;
	color: #3d3d3d;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	background-color: #30C;
	border: 0px #FF6600 solid;
	
}
}
 @media screen and (max-width: 480px) {
.List0000FAQ {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 10px 0px 0px 0px;
	text-align: center;
}
.List0000FAQ li {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	margin: 0px 8px 16px 8px;
	line-height: 1.3em;
	font-size:110%;
}
.List0000FAQ li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 85px;
	height: 85px;
	padding: 0px 0px 0px 0px;
	color: #3d3d3d;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	background-color: #30C;
	border: 0px #FF6600 solid;
}
}
.List0000FAQ li:nth-child(1) a {
	background: url(../../../resources/images/FAQBtn1.svg) center center no-repeat;
	background-size: contain;
	background-color: #64CCD0;
	letter-spacing: 0px;
}
.List0000FAQ li:nth-child(1) a:hover {
	background-color: #44B7B7;
}
.List0000FAQ li:nth-child(2) a {
	background: url(../../../resources/images/FAQBtn2.svg) center center no-repeat;
	background-size: contain;
	background-color: #64CCD0;
	letter-spacing: 0px;
}
.List0000FAQ li:nth-child(2) a:hover {
	background-color: #44B7B7;
}
.List0000FAQ li:nth-child(3) a {
	background: url(../../../resources/images/carBtn5.svg) center center no-repeat;
	background-size: contain;
	background-color: #64CCD0;
	letter-spacing: 0px;
}
.List0000FAQ li:nth-child(3) a:hover {
	background-color: #44B7B7;
}


/*----FAQ專區 20151001 end----*/
/*分頁(深色背景)*/
.page2 {
	overflow: hidden;
	display: block;
	clear: both;
	text-align: center;
	width: 100%;
	padding: 20px 0px 20px 0px;
	color: #CC9;
	vertical-align: bottom;
}
.pageList li {
	display: inline-block;
}
.page2 .pageList li a {
	box-sizing: border-box;
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	background-color: #FFFFFF;
	border-radius: 50%;
	color: #999;
	padding: 0px 0px 0px 0px;
	margin: 0px 8px 0px 8px;
	border-bottom: 0px #CCCCCC solid;
	vertical-align: middle;
	text-decoration: none;
}
.page2 .pageList li .selected {
	background-color: #f06a42 !important;
	color: #ffffff;
}
.page2 .pageList li a:hover {
	background-color: #e87536;
	color: #ffffff;
}
.pageList li:first-child a {
	background: url(../../../resources/images/prev.svg) center center no-repeat;
	background-size: cover;
	background-color: #FFFFFF;
	text-indent: -9999px;
}
.pageList li:first-child a:hover {
	background: url(../../../resources/images/prevClick.svg) center center no-repeat;
	background-size: cover;
	background-color: #e87536;
	text-indent: -9999px;
}
.pageList li:last-child a {
	background: url(../../../resources/images/next.svg) center center no-repeat;
	background-size: cover;
	background-color: #FFFFFF;
	text-indent: -9999px;
}
.pageList li:last-child a:hover {
	background: url(../../../resources/images/nextClick.svg) center center no-repeat;
	background-size: cover;
	background-color: #e87536;
	text-indent: -9999px;
}
@media screen and (max-width: 1000px) {
.page2 {
	overflow: hidden;
	display: block;
	clear: both;
	text-align: center;
	width: 100%;
	padding: 20px 0px 20px 0px;
	color: #CC9;
	vertical-align: bottom;
}
.pageList li {
	display: inline-block;
}
.page2 .pageList li a {
	box-sizing: border-box;
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	background-color: #ffffff;
	border-radius: 50%;
	color: #999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 5px;
	border-bottom: 0px #CCCCCC solid;
	vertical-align: baseline;
	text-decoration: none;
	font-size: 80%;
}
.page2 .pageList li .selected {
	background-color: #f06a42 !important;
	color: #ffffff;
}
.page2 .pageList li a:hover {
	background-color: #e87536;
	color: #ffffff;
}
.pageList li:first-child a {
	background: url(../../../resources/images/prev.svg) center center no-repeat;
	background-size: cover;
	background-color: #ffffff;
	text-indent: -9999px;
}
.pageList li:last-child a {
	background: url(../../../resources/images/next.svg) center center no-repeat;
	background-size: cover;
	background-color: #ffffff;
	text-indent: -9999px;
}
}
/*分頁 end*/
/*分頁(淺色背景)*/
.page3 {
	overflow: hidden;
	display: block;
	clear: both;
	text-align: center;
	width: 100%;
	padding: 20px 0px 20px 0px;
	color: #CC9;
	vertical-align: bottom;
}
.pageList li {
	display: inline-block;
}
.page3 .pageList li a {
	box-sizing: border-box;
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	background-color: #bcbab6;
	border-radius: 50%;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 8px 0px 8px;
	border-bottom: 0px #CCCCCC solid;
	vertical-align: middle;
	text-decoration: none;
}
.page3 .pageList li .selected {
	background-color:#45C0BF !important;
	color: #ffffff;
}
.page3 .pageList li a:hover {
	background-color: #e87536;
	color: #ffffff;
}
.pageList li:first-child a {
	background: url(../../../resources/images/prevClick.svg) center center no-repeat;
	background-size: cover;
	background-color:#45C0BF;
	text-indent: -9999px;
}
.pageList li:first-child a:hover {
	background: url(../../../resources/images/prev.svg) center center no-repeat;
	background-size: cover;
	background-color: #bcbab6;
	text-indent: -9999px;
}
.pageList li:last-child a {
	background: url(../../../resources/images/nextClick.svg) center center no-repeat;
	background-size: cover;
	background-color:#45C0BF;
	text-indent: -9999px;
}
.pageList li:last-child a:hover {
	background: url(../../../resources/images/next.svg) center center no-repeat;
	background-size: cover;
	background-color: #bcbab6;
	text-indent: -9999px;
}
@media screen and (max-width: 1000px) {
.page3 {
	overflow: hidden;
	display: block;
	clear: both;
	text-align: center;
	width: 100%;
	padding: 20px 0px 20px 0px;
	color: #CC9;
	vertical-align: bottom;
}
.pageList li {
	display: inline-block;
}
.page3 .pageList li a {
	box-sizing: border-box;
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	background-color: #bcbab6;
	border-radius: 50%;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 5px;
	border-bottom: 0px #CCCCCC solid;
	vertical-align: baseline;
	text-decoration: none;
	font-size: 80%;
}
.page3 .pageList li .selected {
	background-color: #e87536 !important;
	color: #ffffff;
}
.page3 .pageList li a:hover {
	background-color: #e87536;
	color: #ffffff;
}
.pageList li:first-child a {
	background: url(../../../resources/images/prevClick.svg) center center no-repeat;
	background-size: cover;
	background-color: #e87536;
	text-indent: -9999px;
}
.pageList li:first-child a:hover {
	background: url(../../../resources/images/prev.svg) center center no-repeat;
	background-size: cover;
	background-color: #bcbab6;
	text-indent: -9999px;
}
.pageList li:last-child a {
	background: url(../../../resources/images/nextClick.svg) center center no-repeat;
	background-size: cover;
	background-color: #e87536;
	text-indent: -9999px;
}
.pageList li:last-child a:hover {
	background: url(../../../resources/images/next.svg) center center no-repeat;
	background-size: cover;
	background-color: #bcbab6;
	text-indent: -9999px;
}
}
/*分頁 end*/
	
/*------購物萬象專區 end------*/


/*------內頁(主題之旅插圖) end------*/

.tourphotoList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 20px 0px 30px 0px;
	text-align: center;
}
.tourphotoList li {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	margin: 20px 15px 20px 15px;
	line-height: 1.3em;
	font-size: 120%;
}
.tourphotoList li a {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 190px;
	height: 190px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	color: #3d3d3d;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border-radius: 50%;
	transition: all 0.3s;
	border: 0px solid rgba(255,255,255,0.5);
}
.tourphotoList li img {
	width: 96%;
	height: 96%;
	border-radius: 50%;
	border: 4px solid rgba(255,255,255,0.5);
}
.tourphotoList li img:hover {
	border: 4px solid #FF0;
}
.tourphotoList li a:hover {
	transform: scale(1.05);
	border: 0px solid rgba(255,255,255,0.5);
}
 @media screen and (max-width: 480px) {
.tourphotoList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 15px 0px 30px 0px;
	text-align: center;
}
.tourphotoList li {
	display: inline-block;
	vertical-align: top;
	width: 70%;
	margin: 10px 12px 16px 12px;
	line-height: 1.3em;
}
.tourphotoList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 95%;
	padding: 0px 0px 0px 0px;
	color: #3d3d3d;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
}
}
.content2area {
	margin: 0px auto;
	width: 1000px;
	box-sizing: border-box;
	padding: 20px 40px 0px 40px;
	overflow: hidden;
}
 @media screen and (max-width: 1000px) {
.content2area {
	margin: 0px auto;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 25px 0px 25px;
	overflow: hidden;
}
	 }

/*內頁表格設定 */

.contentTable {
	border-collpase: collpase;
	box-sizing: border-box;
	width: 95%;
	margin: 20px 20px 20px 20px;
}
 @media screen and (max-width: 1000px) {
.contentTable {
	margin: 20px 20px 20px 10px;
}
}
.contentTable a {
	/*border: 0px #006633 solid;*/
}
.contentTable table th {   /*th背景色設定及內距*/
	background-color: #f0e6d7;
	padding: 10px 10px 10px 10px;
	color: #b33f00;
	text-align: left;
}
/*.contentTable tr {   tr背景色
	background-color: #f1f1f1;
}*/
.contentTable td {   /*td內距*/
	padding: 10px;
}
.contentTable img {
	display: block;  /*tr背景色*/
	width: 40px;
	height: 40px;
}
.contentTable td a {
	/*border: 0px #FF6600 solid;*/
	padding: 0px;
}
.contentTable th, .contentTable tr, .contentTable td {
	border: 1px #DAC4B4 solid;
}
.muslinTable img {
	display: block;
}
.muslinTable table, .muslinTable th, .muslinTable tr, .muslinTable td {
	padding: 12px;
}
/*內頁表格設定 end*/


/*內頁插圖設定(錢) */
.momey {
	display: block;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}
.momey li {
	display: inline-block;
	margin: 20px 20px 20px 20px;
	text-align: center;
	width: 45%;
}
.momey li img {
	width: 100%;
	height: auto;
}
 @media screen and (max-width: 1000px) {
.momey li {
	display: inline-block;
	margin: 10px 0px 30px 0px;
	text-align: center;
	width: 85%;
}
}
/*內頁插圖設定 end */

/*內頁插圖設定(交通資訊)(有邊框) */
.trafficPhoto {
	display: block;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}
.trafficPhoto a{
	border-bottom:0px #FF6600 solid !important; 
	display:block;
	}
.trafficPhoto li {
	box-sizing: border-box;
	display: inline-block;
	margin: 15px 30px 15px 30px;
	text-align: center;
	width: 42%;
	vertical-align: top;
	text-align: center;
}
.trafficPhoto .trafficPhotoTexeLeft {
	text-align: left;
}
.trafficPhoto li img {
	border: 2px #ffffff solid;
	width: 97%;
	height: auto;
}
.trafficPhoto li p {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 8px 0px;
}
 @media screen and (max-width: 1000px) {
.trafficPhoto li {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 20px;
	text-align: center;
	width: 100%;
}
}
/*內頁插圖設定(交通資訊)(無邊框) */
.trafficPhotoNo {
	display: block;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}
.trafficPhotoNo li {
	box-sizing: border-box;
	display: inline-block;
	margin: 15px 30px 15px 30px;
	text-align: center;
	width: 43%;
	vertical-align: top;
	text-align: center;
}
.trafficPhotoNo .trafficPhotoTexeLeft {
	text-align: left;
}
.trafficPhotoNo li img {
	border: 0px #ffffff solid;
	width: 95%;
	height: auto;
}
.trafficPhotoNo li p {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 8px 0px;
}
 @media screen and (max-width: 1000px) {
.trafficPhotoNo li {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 20px;
	text-align: center;
	width: 100%;
}
}
.trafficPhoto2 {
	display: block;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}
.trafficPhoto2 li {
	box-sizing: border-box;
	display: inline-block;
	margin: 15px 10px 15px 10px;
	text-align: center;
	width: 21%;
	vertical-align: top;
	text-align: center;
}
.trafficPhoto2 .trafficPhotoTexeLeft {
	text-align: left;
}
.trafficPhoto2 li img {
	border: 4px #ffffff solid;
	width: 95%;
	height: auto;
}
.trafficPhoto2 li p {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 8px 0px;
}
 @media screen and (max-width: 1000px) {
.trafficPhoto2 li {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 20px;
	text-align: center;
	width: 100%;
}
}
/*內頁插圖設定 end */



/*購票流程設定*/
.traffictoLine {
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px 10px 20px 10px;
	text-align: center;
}
.traffictoLine li {
	display: inline-block;
	box-sizing: border-box;
	margin: 0px 20px 40px 20px;
	width: 28%;
	height: auto;
	color: #FFF;
	padding: 12px;
	line-height: 1.4em;
	text-align: center;
	vertical-align: top;
	transition: all 0.3s;
	cursor: pointer;
	position: relative;
	background-color: #e87536;
}
.traffictoLine li img {
	width: 100%;
	height: auto;
}
.contactArrow {
	position: absolute;
	top: 110px;
	left: 256px;
	width: 45px;
	height: 45px;
	background: url(../../../resources/images/arrow455.svg) center center;
	background-size: cover;
	z-index: 10px;
}
 @media screen and (max-width: 1000px) {
.traffictoLine li {
	display: inline-block;
	box-sizing: border-box;
	margin: 0px auto 40px auto;
	width: 100%;
	height: auto;
	color: #FFF;
	line-height: 1.4em;
	text-align: center;
	vertical-align: top;
	transition: all 0.3s;
	cursor: pointer;
	font-size: 110%;
	position: relative;
}
.traffictoLine li img {
	width: 100%;
	height: auto;
}
.contactArrow {
	display: none;
}
}
/*購票流程設定 end*/
	 
/*交通資訊_內頁 20151012 kenny */

.trafficbox {
	width: 93%;
	background-color: #f9f9f9;
	border: 1px #e3ddce solid;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	padding: 5px 27px 10px 30px;
}
.traffic2014_1 {
	font-size: 180%;
	color: #be4d01;
	padding: 37px 0px 20px 50px;
	background: url(../../images/2014_traffic_bg1.png) top left no-repeat;
	background-position: -3px 21px;
}
.traffic2014_2 {
	font-size: 170%;
	color: #be4d01;
	padding: 20px 0px 5px 0px;
}
.traffic2014_2 img {
	margin-right: 4px;
}
.traffic2014_menu {
	margin: 10px auto;
	width: 680px;
	height: 750px;
	background: url(../../../resources/images/traffic/taiwan_map.png) top left no-repeat;
	position: relative;
}
.allAirport{
	width:100%;
	display:none;
	color:#e87536;
	}
 @media screen and (max-width: 720px) {
.traffic2014_menu {
	display:none;
}
.allAirport{
	display:block;}
	 }	
	
.traffic2014_menu_btn1 a {
	position: absolute;
	top: 20px;
	left: 454px;
	width: 283px;
	height: 206px;
	background: url(../../../resources/images/traffic/airport_p01.png) top left no-repeat;
	color: #f46415;
	font-size: 17px;
	border: 0px #FF6600 solid;
	transition: all 0.5s;
}
.traffic2014_menu_btn1 a:hover {
	border: 0px #FF6600 solid;
	background: url(../../../resources/images/traffic/airport_p01_a.png) top left no-repeat;
	color: #C30;
}
.traffic2014_menu_btn2 a {
	position: absolute;
	top: -8px;
	left: 285px;
	width: 160px;
	height: 240px;
	background: url(../../../resources/images/traffic/airport_p02.png) top left no-repeat;
	color: #f46415;
	font-size: 17px;
	border: 0px #FF6600 solid;
	transition: all 0.5s;
}
.traffic2014_menu_btn2 a:hover {
	border: 0px #FF6600 solid;
	background: url(../../../resources/images/traffic/airport_p02_a.png) top left no-repeat;
	color: #C30;
}
.traffic2014_menu_btn3 a {
	position: absolute;
	top: 139px;
	left: 115px;
	width: 190px;
	height: 195px;
	background: url(../../../resources/images/traffic/airport_p03.png) top left no-repeat;
	color: #f46415;
	font-size: 17px;
	border: 0px #FF6600 solid;
	transition: all 0.5s;
}
.traffic2014_menu_btn3 a:hover {
	border: 0px #FF6600 solid;
	background: url(../../../resources/images/traffic/airport_p03_a.png) top left no-repeat;
	color: #C30;
}
.traffic2014_menu_btn4 a {
	position: absolute;
	top: 430px;
	left: 35px;
	width: 190px;
	height: 160px;
	background: url(../../../resources/images/traffic/airport_p04.png) top left no-repeat;
	color: #f46415;
	font-size: 17px;
	border: 0px #FF6600 solid;
	transition: all 0.5s;
}
.traffic2014_menu_btn4 a:hover {
	border: 0px #FF6600 solid;
	background: url(../../../resources/images/traffic/airport_p04_a.png) top left no-repeat;
	color: #C30;
}
.taipei_link {
	padding: 165px 0px 0px 45px;
}
.ty_link {
	padding: 163px 0px 0px 0px;
}
.tc_link {
	padding: 163px 0px 0px 0px;
}
.ks_link {
	padding: 163px 0px 0px 0px;
}
.air_title {
	padding: 0px 10px 20px 40px;
	font-size: 22px;
	color: #be4d01;
}
.traffic2014_list {
	padding: 12px;
	margin: 20px 0px 40px 0px;
	background-color: #ffffff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
}

.traffic2016_list {
	padding: 30px;
	margin: 25px 0px 40px 0px;
	background-color: #ffffff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	}

 @media screen and (max-width: 1000px) {
.traffic2014_list {
	margin: 20px 0px 20px 0px;
	}
.traffic2016_list {
	margin: 20px 0px 20px 0px;
	}
	 }

.traffic2014_list table, .traffic2014_list tr, .traffic2014_list td {
	border: 1px #FFFFFF solid;
}
.traffic2014_list img {
	vertical-align: middle;
}
.traffic2014_list a {
	color: #e87536;
	font-size: 120%;
	border: 0px #FF6600 solid;
}

.traffic2016_list a {
	color: #e87536;
	font-size: 100%;
	border: 0px #FF6600 solid;
}
.traffic2014_list a:hover {
	color: #C00;
}
.traffic_2014_tt1 {
	margin: 5px 0px 0px 0px;
	font-size: 160%;
	color: #f26521;
}
.traffic_2014_tt2 {
	margin: 0px 0px 0px 0px;
	font-size: 125%;
	color: #f26521;
}
.airphoto {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border: 2px #FC9 solid;
}

.mulist{
	display:block;
	width:100%;
	padding:10px 0px 10px 0px;}
	
.mulist li{
	display:inline-block;
	width:33%;}
 @media screen and (max-width: 1000px) {
.mulist li{
	display:block;
	width:100%;}
	 }
	
.muTitle{
	font-size:124%;
	font-weight:bolder;
	padding:5px 0px 5px 0px;
	letter-spacing:0px;
	color:#263883;}
	
.mr {
	padding: 2px 10px 2px 10px;
	margin: 2px 5px 2px 0px;
	background-color: #109e95;
	color: #FFF;
	border-radius: 4px;
	font-size: 80%;
}
.mss {
	padding: 2px 10px 2px 10px;
	margin: 2px 5px 2px 0px;
	background-color: #00a3d4;
	color: #FFF;
	border-radius: 4px;
	font-size: 80%;
}
.mfr {
	padding: 2px 10px 2px 10px;
	margin: 2px 5px 2px 0px;
	background-color: #8fc126;
	color: #FFF;
	border-radius: 4px;
	font-size: 80%;
}
.mft {
	padding: 2px 10px 2px 10px;
	margin: 2px 5px 2px 0px;
	background-color: #9169e4;
	color: #FFF;
	border-radius: 4px;
	font-size: 80%;
}
.mfh {
	padding: 2px 10px 2px 10px;
	margin: 2px 5px 2px 0px;
	background-color:#d04f98;
	color: #FFF;
	border-radius: 4px;
	font-size: 80%;
}
.kmr {
	padding: 2px 11px 2px 10px;
	margin: 2px 5px 2px 0px;
	background-color:#ef5d95;
	color: #FFF;
	border-radius: 4px;
	font-size: 80%;
}
.hk {
	padding: 2px 11px 2px 10px;
	margin: 2px 5px 2px 0px;
	background-color: #F90;
	color: #FFF;
	border-radius: 4px;
	font-size: 80%;
}
.ah {
	padding: 2px 11px 2px 10px;
	margin: 2px 5px 2px 0px;
	background-color:#00BCD4;
	color: #FFF;
	border-radius: 4px;
	font-size: 80%;
}
.hmi {
	padding: 2px 11px 2px 10px;
	margin: 2px 5px 2px 0px;
	background-color:#F44336;
	color: #FFF;
	border-radius: 4px;
	font-size: 80%;
}
.mch {
	padding: 2px 11px 2px 10px;
	margin: 2px 5px 2px 0px;
	background-color:#60c5a9;
	color: #FFF;
	border-radius: 4px;
	font-size: 80%;
}
.kh {
	padding: 2px 11px 2px 10px;
	margin: 2px 5px 2px 0px;
	background-color:#109e95;
	color: #FFF;
	border-radius: 4px;
	font-size: 80%;
}
.list0020478 {
	display: none;
}
.ui-datepicker-trigger {
	float: left;
	display: block;
	width: 38px;
	height: 38px;
	background: url(../../../resources/images/calendar.svg) center center no-repeat;
	background-size: cover;
	background-color:#45C0BF;
	text-indent: -9999px;
	border-radius: 50%;
	margin: 0px 4px 0px 4px;
}
/*------相關連結專區 20151001------*/


.Main0000116 {
	padding: 0px 0px 20px 350px;
	background: url(../../../resources/images/carBg.png) top left no-repeat;
	background-size: 70%;
	color: #2FAAAF;
}
.Main0000116 h1 {
	padding: 10px 0px 30px 0px;
}
 @media screen and (max-width: 1000px) {
.Main0000116 {
	padding: 0px 0px 10px 0px;
	background: url(../../../resources/images/specialInterestsBgNo.svg) top left no-repeat;
	background-size: 32%;
}
.Main0000116 h1 {
	padding: 10px 0px 20px 10px;
}
}
.List0000116 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 0px -20px;
	text-align: center;
}
.List0000116 li {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	margin: 0px 12px 20px 12px;
	line-height: 1.3em;
}
.List0000116 li a {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 85px;
	height: 85px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	color: #3d3d3d;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	border-radius: 50%;
	border: 0px #FF6600 solid;
}
 @media screen and (max-width: 1000px) {
.List0000116 {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.List0000116 li {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin: 0px 8px 16px 8px;
	line-height: 1.3em;
}
.List0000116 li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 90px;
	height: 90px;
	padding: 0px 0px 0px 0px;
	color: #3d3d3d;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	background-color: #30C;
	border: 0px #FF6600 solid;
}
}
.List0000116 li:nth-child(1) a {
	background: url(../../../resources/images/otherlinkAccommodations_main.svg) center center no-repeat;
	background-size: contain;
	background-color: #64CCD0;
	letter-spacing: 0px;
}
.List0000116 li:nth-child(1) a:hover {
	background-color: #44B7B7;
}
.List0000116 li:nth-child(2) a {
	background: url(../../../resources/images/otherlinkRecreation_main.svg) center center no-repeat;
	background-size: contain;
	background-color: #64CCD0;
	letter-spacing: 0px;
}
.List0000116 li:nth-child(2) a:hover {
	background-color: #44B7B7;
}
.List0000116 li:nth-child(3) a {
	background: url(../../../resources/images/otherlinkFood_main.svg) center center no-repeat;
	background-size: contain;
	background-color: #64CCD0;
	letter-spacing: 0px;
}
.List0000116 li:nth-child(3) a:hover {
	background-color: #44B7B7;
}
.List0000116 li:nth-child(4) a {
	background: url(../../../resources/images/otherlinkTravel_main.svg) center center no-repeat;
	background-size: contain;
	background-color: #64CCD0;
	letter-spacing: 0px;
}
.List0000116 li:nth-child(4) a:hover {
	background-color: #44B7B7;
}
.List0000116 li:nth-child(5) a {
	background: url(../../../resources/images/otherlinkInformation_main.svg) center center no-repeat;
	background-size: contain;
	background-color: #64CCD0;
	letter-spacing: 0px;
}
.List0000116 li:nth-child(5) a:hover {
	background-color: #44B7B7;
}
.List0000116 li:nth-child(6) a {
	background: url(../../../resources/images/otherlinkTransportation_main.svg) center center no-repeat;
	background-size: contain;
	background-color: #64CCD0;
	letter-spacing: 0px;
}
.List0000116 li:nth-child(6) a:hover {
	background-color: #44B7B7;
}
.List0000116 li:nth-child(7) a {
	background: url(../../../resources/images/otherlinkshopping_main.svg) center center no-repeat;
	background-size: contain;
	background-color: #64CCD0;
	letter-spacing: 0px;
}
.List0000116 li:nth-child(7) a:hover {
	background-color: #44B7B7;
}
.List0000116 li:nth-child(8) a {
	background: url(../../../resources/images/otherlinkSpots_main.svg) center center no-repeat;
	background-size: contain;
	background-color: #64CCD0;
	letter-spacing: 0px;
}
.List0000116 li:nth-child(8) a:hover {
	background-color: #44B7B7;
}
.List0000116 li:nth-child(9) a {
	background: url(../../../resources/images/otherlinkTourOperators_main.svg) center center no-repeat;
	background-size: contain;
	background-color: #64CCD0;
	letter-spacing: 0px;
}
.List0000116 li:nth-child(9) a:hover {
	background-color: #44B7B7;
}
.cartitle {
	color: #2FAAAF;
	font-size: 175%;
	margin: 20px 0px 20px 20px;
	padding: 25px 10px 25px 90px;
	background: url(../../../resources/images/carBtn1.svg) left top no-repeat;
	background-size: contain;
}
.trafficAll_list {
	display: block;
}
.trafficAll_list li {
	display: inline-block;
	width: 33%;
}
.trafficAll_list li img {
	height: 38px;
	width: 38px;
}
 @media screen and (max-width: 1000px) {
.trafficAll_list li {
	display: inline-block;
	width: 100%;
}
}
.trafficAll_list2 {
	display: block;
}
.trafficAll_list2 li {
	display: inline-block;
	width: 48%;
}
.trafficAll_list2 li img {
	height: 38px;
	width: 38px;
}
 @media screen and (max-width: 1000px) {
.trafficAll_list2 li {
	display: inline-block;
	width: 100%;
}
}
/*交通資訊專區 20151001 end-*/


/*------相關連結----------*/
/*第一層*/
.otherLinkAll_main {
	box-sizing: border-box;
	padding: 10px 30px 30px 30px;
	width: 100%;
	display: block;
	overflow: hidden;
}
/*第一層end*/

/*第二層*/
.otherLinkAll_main2 {
	box-sizing: border-box;
	padding: 10px 30px 30px 30px;
	width: 100%;
	display: block;
	overflow: hidden;
}
/*第二層end*/

@media screen and (max-width: 1000px) {
/*第一層*/
.otherLinkAll_main {
	box-sizing: border-box;
	padding: 10px 0px 30px 0px;
	width: 100%;
	display: block;
	overflow: hidden;
}
/*第一層end*/

/*第二層*/
.otherLinkAll_main2 {
	box-sizing: border-box;
	padding: 10px 0px 30px 0px;
	width: 100%;
	display: block;
	overflow: hidden;
}
/*第二層end*/
}
/*第一層*/
.otherLinkAll_main > 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_main > li:nth-child(1) {
	background: url(../../../resources/images/otherlinkAccommodations.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(2) {
	background: url(../../../resources/images/otherlinkFood.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(3) {
	background: url(../../../resources/images/otherlinkshopping.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(4) {
	background: url(../../../resources/images/otherlinkRecreation.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(5) {
	background: url(../../../resources/images/otherlinkTravel.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(6) {
	background: url(../../../resources/images/otherlinkTransportation.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(7) {
	background: url(../../../resources/images/otherlinkSpots.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(8) {
	background: url(../../../resources/images/otherlinkInformation.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(9) {
	background: url(../../../resources/images/otherlinkTourOperators.svg) left top no-repeat;
	background-size: 38%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li a {
	display: block;
	padding: 27px 0px 16px 95px;
	font-size: 150%;
	color: #944614;
	text-decoration: none;
	border:0px #FF6600 solid !important;
}
/*第一層 end*/
/*第二層 */
.otherLinkAll_main2 > li {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: 100%;
	overflow: hidden;
	vertical-align: top;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 10px 0px;
}
.otherLinkAll_main2 > li a {
	display: block;
	padding: 30px 0px 30px 95px;
	font-size: 150%;
	color: #944614;
	text-decoration: none;
	background: url(../../../resources/images/otherlinkAccommodations.svg) left top no-repeat;
	background-size: 11%;
	background-position: -5px 2px;
}

.otherLinkAll_main2 > li a:hover {
	border:0px #FF6600 solid;
	}

/*第二層 end */
@media screen and (max-width: 1000px) {
.otherLinkAll_main > li a {
	display: block;
	padding: 6% 0px 6% 25%;
	font-size: 140%;
	color: #944614;
	text-decoration: none;
}
.otherLinkAll_main2 > li a {
	display: block;
	padding: 6% 0px 6% 17%;
	font-size: 140%;
	color: #944614;
	text-decoration: none;
	background: url(../../../resources/images/otherlinkAccommodations.svg) left top no-repeat;
	background-size: 18%;
	background-position: -5px 2px;
}
}
.otherLinkAll_main .subotherLinkAll {/*第一層*/
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	margin: 25px 0px 0px 30px;
}
.otherLinkAll_main2 .subotherLinkAll2 {/*第二層*/
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	margin: 25px 0px 0px 30px;
}
@media screen and (max-width: 1000px) {
/*第一層*/
.otherLinkAll_main > li {
	width: 100%;
	overflow: hidden;
	vertical-align: top;
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 10px 0px;
}
.otherLinkAll_main .subotherLinkAll {
	width: 92%;
	display: block;
	overflow: hidden;
	clear: both;
	margin: 6% 0px 0px 8%;
}
/*第一層 end*/
/*第二層*/
.otherLinkAll_main2 .subotherLinkAll2 {
	width: 92%;
	display: block;
	overflow: hidden;
	clear: both;
	margin: 1% 0px 0px 8%;
}
/*第二層 end*/
.otherLinkAll_main > li:nth-child(1) {
	background: url(../../../resources/images/otherlinkAccommodations.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(2) {
	background: url(../../../resources/images/otherlinkRecreation.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(3) {
	background: url(../../../resources/images/otherlinkFood.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(4) {
	background: url(../../../resources/images/otherlinkTravel.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(5) {
	background: url(../../../resources/images/otherlinkInformation.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(6) {
	background: url(../../../resources/images/otherlinkTransportation.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(7) {
	background: url(../../../resources/images/otherlinkshopping.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(8) {
	background: url(../../../resources/images/otherlinkSpots.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
.otherLinkAll_main > li:nth-child(9) {
	background: url(../../../resources/images/otherlinkTourOperators.svg) left top no-repeat;
	background-size: 24%;
	background-position: -5px 2px;
}
}
/*第一層*/
.otherLinkAll_main .subotherLinkAll > li {
	box-sizing: border-box;
	display: inline-block;
	width: 95%;
	vertical-align: top;
}
.otherLinkAll_main .subotherLinkAll > li a {
	display: block;
	padding: 5px 0px 5px 20px;
	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: 3%;
	background-position: 4px 13px;
	text-decoration:none;
	border:0px #000000 solid;
}
.otherLinkAll_main .subotherLinkAll > li a:hover {
	color: #F60;
}
/*第二層*/
.otherLinkAll_main2 .subotherLinkAll2 > li {
	box-sizing: border-box;
	display: inline-block;
	width: 95%;
	vertical-align: top;
}
.otherLinkAll_main2 .subotherLinkAll2 > li a {
	display: block;
	padding: 5px 0px 5px 25px;
	font-size: 130%;
	color: #E87536;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 1.2em;
	background: url(../../../resources/images/reddot.svg) left top no-repeat;
	background-size: 1%;
	background-position: 4px 13px;
}
.otherLinkAll_main2 .subotherLinkAll2 > li a:hover {
	color: #C30;
}
.linkContent {
	padding: 5px 0px 25px 25px;
}
@media screen and (max-width: 1000px) {
/*第一層*/
.otherLinkAll_main .subotherLinkAll > li {
	box-sizing: border-box;
	display: inline-block;
	width: 95%;
	vertical-align: top;
}
.otherLinkAll_main .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_main .subotherLinkAll > li a:hover {
	color: #F60;
}
/*第二層*/
.otherLinkAll_main2 .subotherLinkAll2 > li {
	box-sizing: border-box;
	display: inline-block;
	width: 95%;
	vertical-align: top;
}
.otherLinkAll_main2 .subotherLinkAll2 > li a {
	display: block;
	padding: 5px 0px 5px 6%;
	font-size: 110%;
	color: #E87536;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 1.2em;
	background: url(../../../resources/images/reddot.svg) left top no-repeat;
	background-size: 2%;
	background-position: 4px 13px;
}
.otherLinkAll_main2 .subotherLinkAll2 > li a:hover {
	color: #F60;
}
}
/*問卷專區*/
.survey_content {
	margin: 20px 40px 30px 30px;
	padding-top: 25px;
	padding-left: 15px;
	padding-right: 25px;
	padding-bottom: 25px;
	background-color: #F0F0F0;
	text-align: left;
	line-height: 1.8em;
}
.survey_content input {
	font-family: "微軟正黑體", Arial;
	margin: 8px 12px 8px 16px;
	padding-top: 4px;
	padding-left: 4px;
	background-color: #FFFFFF;
	border: 1px solid #DEDEDE;
}
.emailwidth {
	width: 60%;
}
.survey_content textarea {
	margin: 15px 15px;
	padding-top: 4px;
	padding-left: 4px;
	background-color: #FFFFFF;
	border: 1px solid #DEDEDE;
	width: 95%;
}
.survey_content img {
	vertical-align: middle;
}
.step input {
	font-family: "微軟正黑體", Arial;
	clear: both;
	font-size: 100%;
	padding: 4px 22px 4px 22px;
	margin: 0px 10px 0px 10px;
	background-color: #e87536;
	border-radius: 4px;
	color: #FFF;
	text-decoration: none;
	border: 0px #FF6600 solid;
}
.step input:hover {
	background-color: #a5988b;
	color: #FFF;
}
.step a {
	font-family: "微軟正黑體", Arial;
	clear: both;
	font-size: 100%;
	padding: 4px 22px 4px 22px;
	margin: 0px 10px 0px 10px;
	background-color: #e87536;
	border-radius: 4px;
	color: #FFF;
	text-decoration: none;
	border: 0px #FF6600 solid;
}
.step a:hover {
	background-color: #a5988b;
	color: #FFF;
}
/*問卷專區 end*/

/*電子報專區 */
.epaperTitle {
	padding: 40px 0px 40px 220px;
	font-size: 110%;
	background: url(../../../resources/images/ohbearseebook.png) top left no-repeat;
	background-size: 24%;
}
.message {
	display: block;
	padding: 40px 0px 250px 220px;
	font-size: 100%;
	background: url(../../../resources/images/ohbearseebook.png) top left no-repeat;
	background-size: 28%;
	margin: 0px 100px 0px 100px;
}
.epaperTitle2 {
	color: #F60;
	padding: 15px 20px 5px 22px;
}
.epaperTable {
	border-collpase: collpase;
	background-color: #03F;  /*框線顏色*/
	box-sizing: border-box;
	margin: 15px 20px 20px 20px;
	width: 95%;
}
.epaperTable td a {
	box-sizing: border-box;
	font-size: 92%;
	padding: 5px 20px 5px 20px;
	margin: 0px 6px 0px 6px;
	background-color: #e87536;
	border-radius: 4px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0px;
	border: 0px #FF6600 solid;
}
.epaperTable a:hover {
	color: #FFF;
	background-color: #a5988b;
}
 @media screen and (max-width: 1000px) {
.epaperTitle {
	padding: 20px 0px 20px 0px;
	font-size: 100%;
	background: url(../../../resources/images/ohbearseebookno.png) top left no-repeat;
	background-size: 24%;
}
.epaperTable {
	margin: 20px 20px 20px 10px;
}
}
.epaperTable th {   /*th背景色設定及內距*/
	background-color: #71c2c6;
	padding: 10px;
	color: #FFF;
	text-align: left;
}
.epaperTable tr {   /*tr背景色*/
	background-color: #f1f1f1;
}
.epaperTable th:nth-child(1) {   /*tr背景色*/
	width: 65%;
}
.epaperTable tr td:nth-child(1) {   /*tr背景色*/
	width: 65%;
}
.epaperTable th:nth-child(2) {   /*tr背景色*/
	width: 20%;
}
.epaperTable tr td:nth-child(2) {   /*tr背景色*/
	width: 20%;
}
.epaperTable th:nth-child(3) {   /*tr背景色*/
	text-align: center;
	width: 15%;
}
.epaperTable tr td:nth-child(3) {   /*tr背景色*/
	text-align: center;
	width: 15%;
}
 @media screen and (max-width: 1000px) {
.epaperTable th:nth-child(3) {   /*tr背景色*/
	text-align: center;
	width: 35%;
}
.epaperTable tr td:nth-child(3) {   /*tr背景色*/
	text-align: center;
	width: 35%;
}
.epaperTable th:nth-child(2) {   /*tr背景色*/
	display: none;
}
.epaperTable tr td:nth-child(2) {   /*tr背景色*/
	display: none;
}
}
.epaperTable td {   /*td內距*/
	padding: 10px;
	color: #333;
}
.downloadTable td a {
	border: 0px #FF6600 solid;
	padding: 0px;
}
/*電子報專區 end*/
/*住宿專區 */
.hotelSearch {
	box-sizing: border-box;
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 18px;
	background-color: #FFF;
	float: left;
	margin: 10px 0px 20px 0px;
}
.hotelSearchLeft {
	box-sizing: border-box;
	display: block;
	width: 16%;
	overflow: hidden;
	float: left;
	padding: 95px 0px 0px 0px;
	border-radius: 18px 0px 0px 18px;
	background: url(../../../resources/images/hotelBg.svg) top center no-repeat;
	background-size: 100%;
	background-color:#45C0BF;
	color: #FFF;
	text-align: center;
	font-size: 100%;
	height: 155px;
}
 @media screen and (max-width: 1000px) {
.hotelSearchLeft {
	box-sizing: border-box;
	display: block;
	width: 100%;
	overflow: hidden;
	float: inherit;
	padding: 10px 0px 10px 10px;
	border-radius: 18px 18px 0px 0px;
	background: url(../../../resources/images/hotelBgno.svg) top center no-repeat;
	background-size: 85%;
	background-color:#45C0BF;
	color: #FFF;
	text-align: center;
	font-size: 110%;
	height: auto;
}
}
.tourSearchLeft {
	box-sizing: border-box;
	display: block;
	width: 16%;
	overflow: hidden;
	float: left;
	padding: 75px 0px 0px 0px;
	border-radius: 18px 0px 0px 18px;
	background: url(../../../resources/images/tourBg.svg) top center no-repeat;
	background-size: 85%;
	background-color: #e87536;
	color: #FFF;
	text-align: center;
	font-size: 150%;
	height: 120px;
}
 @media screen and (max-width: 1000px) {
.tourSearchLeft {
	box-sizing: border-box;
	display: block;
	width: 100%;
	overflow: hidden;
	float: inherit;
	padding: 10px 0px 10px 10px;
	border-radius: 18px 18px 0px 0px;
	background: url(../../../resources/images/hotelBgno.svg) top center no-repeat;
	background-size: 85%;
	background-color: #e87536;
	color: #FFF;
	text-align: center;
	font-size: 110%;
	height: auto;
}
}
.hotelSearchRight {
	box-sizing: border-box;
	position: relative;
	display: block;
	width: 80%;
	overflow: hidden;
	float: left;
	padding: 20px;
	height: 140px;
	font-size: 90%;
	letter-spacing:0px;
}
 @media screen and (max-width: 1000px) {
.hotelSearchRight {
	box-sizing: border-box;
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	float: inherit;
	padding: 20px;
	height: auto;
}
}
.searchList {
	display: block;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}
.searchList li {
	display: inline-block;
	margin: 6px 5px 6px 2px;
}
.searchList li:nth-child(2){
	width: 450px;
	} 
.hotelSearchRight input {
	padding: 4px;
	border: 1px solid #e1e1e1;
	background: #F5F5F5;
	width: 335px;
}
 @media screen and (max-width: 1000px) {
.hotelSearchRight input {
	padding: 4px;
	border: 1px solid #e1e1e1;
	background: #F5F5F5;
	width: 100%;
	margin: 10px 0px 0px 0px;
}
}
.hotelSearchRight select {
	padding: 2px;
	border: 1px solid #e1e1e1;
}
.hotelsearchGo input {
	position: absolute;
	top: 27px;
	right: 36px;
	display: block;
	width: 95px;
	height: 95px;
	background: url(../../../resources/images/search.svg) center center no-repeat;
	background-size: cover;
	background-color:#2facab;
	text-indent: -9999px;
	border-radius: 8px;
}
.hotelsearchGo input:hover {
	background-color: #7d6c59;
}
 @media screen and (max-width: 1000px) {
.hotelsearchGo input {
	position: inherit;
	top: 27px;
	right: 160px;
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url(../../../resources/images/search.svg) center center no-repeat;
	background-size: cover;
	background-color: #2facab;
	text-indent: -9999px;
	border-radius: 8px;
	float: left;
}
.hotelsearchGo input:hover {
	background-color: #7d6c59;
}
}

.hotelLink{
	display:none;
	}
.hotelLink a {
	position: absolute;
	top: 27px;
	right: 0px;
	display: block;
	width: 80px;
	height: 67px;
	background-color: #aca79e;
	text-align: center;
	color: #FFF;
	line-height: 1.2em;
	font-size: 95%;
	vertical-align: middle;
	padding: 8px 6px 0px 6px;
	border: 0px #FF6600 solid;
	border-radius: 8px;
}
.hotelLink a:hover {
	background-color: #7d6c59;
	color: #FFF;
	border: 0px #FF6600 solid;
}
 @media screen and (max-width: 1000px) {
.hotelLink a {
	position: inherit;
	top: 27px;
	right: 70px;
	display: inline-table;
	width: 80px;
	height: 60px;
	background-color: #aca79e;
	text-align: center;
	color: #FFF;
	line-height: 1.2em;
	font-size: 96%;
	vertical-align: middle;
	padding: 4px 6px 0px 6px;
	margin: 10px 0px 0px 10px;
	border: 0px #FF6600 solid;
	border-radius: 8px;
	float: left;
}
.hotelLink a:hover {
	background-color: #7d6c59;
	color: #FFF;
	border: 0px #FF6600 solid;
}
}
.hotelList {
	display: block;
	width: 100%;
	padding: 0px 20px;
	box-sizing: border-box;
	overflow: hidden;
}
 @media screen and (max-width: 1000px) {
.hotelList {
	display: block;
	width: 100%;
	padding: 0px 0px;
	box-sizing: border-box;
	overflow: hidden;
}
}
.hotelList>li {
	display: block;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	border-bottom: 1px #e7e7e7 solid;
}
.hotelList>li a {
	font-size: 100%;
	color: #333;
	padding: 0px;
}
.hotelList>li a:hover * {
	background-color: #a4c157;
	color: #FFF;
}
 @media screen and (max-width: 1000px) {
.hotelList>li a {
	font-size: 100%;
	color: #333;
	padding: 0px;
}
}
.hotelList>li:nth-child(1) {
	color:#85B91C;
}
 @media screen and (max-width: 1000px) {
.hotelList>li:nth-child(1) {
	display: none;
}
}
.subhotelList {
	display: block;
	overflow: hidden;
}
.subhotelList>li {
	padding: 15px 10px 15px 10px;
	display: inline-block;
	letter-spacing: 0px;
	vertical-align: top;
}
 @media screen and (max-width: 1000px) {
.subhotelList>li {
	padding: 5px 15px 5px 15px;
	display: block;
	letter-spacing: 0px;
	vertical-align: top;
}
}
.subhotelList li:nth-child(1) {
	width: 16%;
}
.subhotelList li:nth-child(2) {
	width: 8%;
}
.subhotelList li:nth-child(3) {
	width: 15%;
}
.subhotelList li:nth-child(4) {
	width: 30%;
}
.subhotelList li:nth-child(5) {
	width: 17%;
}
 @media screen and (max-width: 1000px) {
.subhotelList li:nth-child(1) {
	width: 100%;
	color: #F60;
	font-size: 120%;
}
.subhotelList li:nth-child(2) {
	display: none;
}
.subhotelList li:nth-child(3) {
	width: 100%;
}
.subhotelList li:nth-child(4) {
	width: 100%;
}
.subhotelList li:nth-child(5) {
	width: 100%;
}
}
.goodhost img {
	width: 100px;
	height: auto;
}
/*住宿專區 end*/


/*旅行社專區*/

.tourDl dl {
	box-sizing: border-box;
	overflow: hidden;/*讓float撐出高度 */
	position: relative;
	width: 100%;
	margin: 20px 0px 60px 0px;
	padding: 20px 20px 20px 0px;
	color: #2098c0;
	background: #e6f9ff;
	border: 1px #b3e4f5 solid;
}
.tourDl dl dt {
	box-sizing: border-box;
	float: left;
	display: block;
	padding: 5px;
	font-weight: normal;
	width: 13%;
	text-align: right;
}
.tourDl dl dd {
	box-sizing: border-box;
	float: left;
	display: block;
	padding: 5px;
	font-weight: normal;
	width: 85%;
	text-align: left;
	color: #2E2E2E;
}
.tourDl dl dd a {
	color: #e87536;
	text-decoration: none;
	border-bottom: 1px #e87536 solid;
	padding: 0px 4px 1px 4px;
}
.tourDl dl dd a:hover {
	color: #F00;
}
 @media screen and (max-width: 1000px) {
.tourDl dl {
	box-sizing: border-box;
	overflow: hidden;/*讓float撐出高度 */
	position: relative;
	width: 100%;
	margin: 20px 0px 60px 0px;
	padding: 20px 20px 20px 20px;
	color: #1A736A;
	background: #e6f9ff;
	border: 1px #b3e4f5 solid;
}
.tourDl dl dt {
	box-sizing: border-box;
	float: left;
	display: block;
	padding: 5px;
	font-weight: normal;
	width: 100%;
	text-align: left;
}
.tourDl dl dd {
	box-sizing: border-box;
	float: left;
	display: block;
	padding: 5px;
	font-weight: normal;
	width: 100%;
	text-align: left;
	color: #2E2E2E;
}
}
/*旅行社專區 end*/


/*rss專區 */
.rssList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 30px auto 60px auto;
	text-align: center;
}
.rssList li {
	display: inline-block;
	vertical-align: top;
}
.rssList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 160px;
	margin: 0px 20px 0px 50px;
	padding: 160px 0px 0px 0px;
	color: #e87536;
	text-decoration: none;
	font-size: 120%;
	text-align: center;
	border: 0px #FF6600 solid;
	background: url(../../../resources/images/rssBtn1.svg) left top no-repeat;
	background-size: contain;
}
.rssList li a:hover {
	background: url(../../../resources/images/rssBtn1Click.svg) left top no-repeat;
	background-size: contain;
	color: #e87536;
}
 @media screen and (max-width: 1000px) {
.rssList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 150px;
	margin: 0px 30px 0px 30px;
	padding: 150px 0px 0px 0px;
	color: #e87536;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
}
}
/*內文區圖左文右編排*/

.photoBox2015 {
	box-sizing: border-box;
	padding: 30px 0px 30px 40px;
	float: left;
	width: 100%;
 \9 float :none;
 \0 float :none;  /*針對ie8*/
}
 @media screen and (max-width: 1000px) {
.photoBox2015 {
	padding: 25px 25px 25px 25px;
	float: left;
	width: 100%;
 \9 float :none;
 \0 float :none;  /*針對ie8*/
}
}
.photoBox2015Left {
	box-sizing: border-box;
	width: 32%;
	padding: 2px;
	float: left;
	background-color: #FFF;
}
.photoBox2015Left img {
	display: block;
	width: 100%;
	height: auto;
}
 @media screen and (max-width: 1000px) {
.photoBox2015Left {
	box-sizing: border-box;
	width: 100%;
	padding: 2px;
	float: inherit;
	background-color: #FFF;
}
}
.photoBox2015Right {
	float: right;
	width: 63%;
	padding: 0px 30px 0px 0px;
}
 @media screen and (max-width: 1000px) {
.photoBox2015Right {
	float: inherit;
	width: 100%;
	padding: 20px 0px 0px 0px;
}
}
.photoBox2015Title {
	padding: 0px 0px 0px 0px;
	color: rgba(255,255,255,0.8);
	text-align: left;
	font-size: 1.4em;
}
.photoBox2015List p {
	margin: 0px;
	padding: 0px;
}
.photoBox2015List {
	padding: 18px 0px 18px 0px;
	color: #ffffff;
}
.photoBox2015List a {
	background-color: #FFF;
	padding: 3px 20px 3px 20px;
	margin: 3px 0px 3px 0px;
	color: #696;
	text-decoration: none;
	border: 0px #FF6600 solid;
	border-radius: 8px;
}
.photoBox2015List a:hover {
	background-color: #718833;
	color: #FFF;
}
/*rss專區 end*/

/*內頁插圖*/

img.photo_sm_right {
	float: right;
	width: 40%;
	padding-left: 10px;
	padding-bottom: 6px;
}
img.photo_sm_left {
	float: left;
	padding-right: 16px;
	padding-bottom: 6px;
}
 @media screen and (max-width: 1000px) {
img.photo_sm_right {
	width: 100%;
	height: auto;
}
img.photo_sm_left {
	width: 100%;
	height: auto;
}
}
/*內頁插圖 end*/
 
.traffic2014_list ol {
	display: block;
	padding: 0px !important;
	margin: 20px 10px 20px 30px !important;
	font-size: 120%;
}
 @media screen and (max-width: 1000px) {
.traffic2014_list ol {
	margin: 20px 10px 20px 20px !important;
}
}
.notour2015_list li {
	list-style-type: none;
	display: inline-block;
	box-sizing: border-box;
	width: 46%;
	padding: 0px 10px 8px 30px;
	background: url(../../../resources/images/arrow2.svg) top left no-repeat;
	background-size: 7%;
	margin: 6px 0px 6px 0px;
	vertical-align: top;
}
.notour2015_list>li {
	color:#688020;
	}
.notour2015_list li a {
	color: #e87536;
	text-decoration: none;
	font-size: 100%;
	padding: 0px;
}
 @media screen and (max-width: 1000px) {
.notour2015_list li {
	display: inline-block;
	padding: 0px 0px 10px 25px;
	width: 100%;
}
}
/*電子地圖 */
.emaptitle {
	padding: 10px 10px 15px 15px;
	margin: 10px 10px 10px 15px;
	color: #e87536;
	border-bottom: 1px dashed #d2cec2;
}
.emap2015_list li {
	list-style-type: none;
	display: block;
	box-sizing: border-box;
	padding: 0px 10px 0px 30px;
	background: url(../../../resources/images/arrow2.svg) top left no-repeat;
	background-size: 3%;
	margin: 8px 0px 8px 0px;
	vertical-align: top;
}
.emap2015_list li:last-child {
	margin: 8px 0px 40px 0px;
}
.emap2015_list li a {
	color: #7D674E;
	text-decoration: none;
	font-size: 100%;
	padding: 0px;
}
 @media screen and (max-width: 1000px) {
.emap2015_list li {
	display: block;
	padding: 0px 0px 0px 25px;
	width: 100%;
	background: url(../../../resources/images/arrow2.svg) top left no-repeat;
	background-size: 8%;
}
}
/*電子地圖 end*/	
  
/*國際盛譽 */
   
/*-------國際盛譽列表-----*/
.eventList {
	display: block;
	overflow: hidden;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 0px 12px;
	width: 96%;
}
.eventList li {
	display: block;
	float: left;
	list-style: none;
	margin: 0px 10px 0px 10px;
	padding: 20px 0px 20px 0px;
	line-height: 1.4em;
	min-height: 75px;
	width: 100%;
	border-bottom: dashed #d2b7a3 1px;
}
.eventList li:last-child {
	border-bottom: dashed #d2b7a3 0px;
	margin: 0px 10px 30px 10px;
}
/*-------國際盛譽列表日期-----*/
.eventtype {
	float: left;
	width: 12%;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 110%;
}
/*-------國際盛譽列表日期_年-----*/
.eventtype .year {
	padding: 7px 0px 7px 0px;
	/*	background:url(../../../../images/cm/year.png) top center no-repeat;
	background-size:cover !important;/*---背景圖自動縮放--- */
	background-color: #F60;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	text-align: center;
	color: #FFF;
}
/*-------國際盛譽列表日期_日期-----*/
.eventtype .date {
	padding: 7px 0px 7px 0px;
	/*	background:url(../../../../images/cm/date.png) bottom center no-repeat;
	background-size:cover !important;/*---背景圖自動縮放--- */
	background-color: #bab39d;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
	text-align: center;
	color: #FFF;
}
/*-------國際盛譽列表標題-----*/

.eventList li {
	margin: 0px 10px 0px 0px;
}
.eventtitle {
	float: left;
	width: 20%;
	color: #7D674E;
	text-align: left;
	margin: 0px 0px 0px 20px;
	padding: 0px 6px 0px 0px;
	font-size: 100%;
}
.eventtitle2 {
	float: left;
	width: 55%;
	color: #000;
	text-align: left;
	margin: 0px 0px 0px 20px;
	padding: 0px 6px 0px 0px;
	font-size: 100%;
}
   
/*國際盛譽 end */

@media screen and (max-width: 1000px) {
.eventtype {
	width: 28%;
	font-size: 100%;
}
.eventtitle {
	margin: 0px 0px 0px 14px;
	width: 65%;
	font-size: 110%;
}
.eventtitle2 {
	margin: 12px 0px 0px 0px;
	float: inherit;
	width: 100%;
}
.eventtype .year {
	padding: 5px 0px 5px 0px;
}
.eventtype .date {
	padding: 5px 0px 5px 0px;
}
}
.showchange a {
	position: absolute;
	bottom: 0px;
	left: 50%;
	box-sizing: border-box;
	display: block;
	width: 80px;
	height: 80px;
	background: url(../../../resources/images/mouse.svg) center center no-repeat;
	background-size: contain;
	background-color: rgba(0,0,0,0.8);
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 80%;
	z-index: 2;
	border-radius: 50%;
	padding: 40px 0px 0px 0px;
	transition: all 0.5s;
}
.showchange a:hover {
	background-color: rgba(232,117,54,1);
}

@media screen and (max-width: 1000px) {
.showchange{
	display:none;
	}
	}
.morelink {
	margin-top: 20px;
	margin-right: 0px;
	float: right;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
}
.morelink a {
	margin: 0px 10px 0px 10px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../../../resources/images/arrowGo.svg) top right no-repeat;
	background-size: cover;
	border-radius: 50%;
	box-sizing: border-box;
	text-decoration: none;
	vertical-align: middle;
}
.morelink a:hover {
	background: url(../../../resources/images/arrowGoClick.svg) top right no-repeat;
	background-size: cover;
}
/*感動心故事 */
.storyPeople {
	color: #FF0;
	font-size: 110%;
}
.heart_main_other {
	background-color: #FFF;
	display: block;
	overflow: hidden;
	margin: 0% 0% 0% 0%;
	padding: 14px;
	border-radius: 14px;
	width: 100%;
	box-sizing: border-box;
}



.tourlist_menu {
	display: block;
	padding: 0% 0% 0% 3%;
}
 @media screen and (max-width: 1000px) {
.tourlist_menu {
	display: block;
	padding: 0% 0% 0% 4%;
}
}
.tourlist_menu > li {
	display: block;
	list-style-type: disc;
	padding: 0% 0% 2% 0%;
	color: #1A736A;
	font-size: 100%;
}
@media screen and (max-width: 1000px) {
.tourlist_menu > li {
	padding: 0% 0% 4% 0%;
}
}
.tourlist_menu > li > ol {
	padding: 1% 0% 0% 4%;
	list-style-type: disc;
	color: #333;
}
@media screen and (max-width: 1000px) {
.tourlist_menu > li > ol {
	padding: 1% 0% 0% 8%;
	list-style-type: disc;
	color: #333;
}
}
.tourlist_menu > li > ol li {
	padding: 0% 0% 0% 0%;
	font-size: 90%;
}
.heart_main_other_title {
	clear: both;
	font-size: 150%;
	background: url(../../../resources/images/write.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	color: #6F8E1E;
}
/*感定心故事列表專區*/
.storyMain {
	padding: 20px 0px 60px 350px;
	background: url(../../../resources/images/heartStoryBg.svg) top left no-repeat;
	background-size: 32%;
}
.storyMain select {
	padding: 3px;
	width: 140px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 3px 8px 3px 0px;
	border: 1px #CCCCCC solid;
}

 @media screen and (max-width: 480px) {
.storyMain select {
	width: 100%;
	margin: 5px 0px 8px 0px;
}
	 }


.storyMain h1 {
	color: #FFF;
}
.storyMainInput {
	padding: 4px;
	width: 160px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 5px 8px 5px 0px;
	border: 1px #CCCCCC solid;
	font-family: "微軟正黑體", Arial;
}
 @media screen and (max-width: 1000px) {
.storyMain {
	padding: 0px 0px 30px 0px;
	background: url(../../../resources/images/specialInterestsBgNo.svg) top left no-repeat;
	background-size: 32%;
}
}
.btnInput {
	margin: 10px 0px 10px 0px;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: url(../../../resources/images/arrowGo.svg) top left no-repeat;
	background-size: cover;
	color: #F60;
	border-radius: 50%;
	box-sizing: border-box;
	text-decoration: none;
	text-indent: -9999px;
}
@media screen and (max-width: 1000px) {
.btnInput {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
}
.storyPeopleTitle1 {
	padding: 0px 0px 0px 0px;
	color: #e87536;
	text-align: left;
	font-size: 150%;
}
.storyPeopleTitle2 {
	padding: 10px 0px 0px 0px;
	color: #960;
	text-align: left;
	font-size: 100%;
}



/*感動心故事上一頁*/  
.preStory{
display: block;
box-sizing:border-box;
width:100%;
padding:30px 0px 5px 0px;
overflow:hidden;
	}
.preStory li{
display: inline-block;	
padding:10px 0px 10px 10px;
vertical-align:top;
	}
.preStory li:nth-child(2){
	width:80%;
	word-break:break-all;
	}
.preStory li:nth-child(1){
	width:15%;
	}	
@media screen and (max-width: 900px) {
.preStory li:nth-child(2){
	width:100%;
	word-break:break-all;
	}
.preStory li:nth-child(1){
	width:100%;
	}
	}
.preStory li:nth-child(1) a{
	background-color:#FFFFFF;
	padding:4px 20px 4px 20px;
	color:#6F8E1E;
	text-decoration:none;
	border-radius:6px;
	border:0px #FF6600 solid;
	white-space:nowrap;
	}
.preStory li:nth-child(1) a:hover{
	background-color:#6F8E1E;
	color:#FFF;
	}
.preStory li:nth-child(2) a{
	color:#ffffff;
	border-bottom:1px #ffffff solid;
	}
	
.preStory li:nth-child(2) a:hover{
	color:#FF0;
	border-bottom:1px #FF0 solid;
	}
	
/*上一頁 end*/
/*感動新故事下一頁*/
.nextStory{
display: block;
box-sizing:border-box;
width:100%;
padding:5px 0px 5px 0px;
	}
.nextStory li{
display: inline-block;	
padding:10px 0px 10px 10px;
vertical-align:top;
	}
.nextStory li:nth-child(2){
	width:80%;
	word-break:break-all;
	}
.nextStory li:nth-child(1){
	width:15%;
	}
	
	
@media screen and (max-width: 900px) {
.nextStory li:nth-child(2){
	width:100%;
	word-break:break-all;
	}
.nextStory li:nth-child(1){
	width:100%;
	}
	}
.nextStory li:nth-child(1) a{
	background-color:#FFFFFF;
	padding:4px 20px 4px 20px;
	color:#6F8E1E;
	text-decoration:none;
	border-radius:6px;
	border:0px #FF6600 solid;
	white-space:nowrap;
	}
.nextStory li:nth-child(1) a:hover{
	background-color:#6F8E1E;
	color:#FFF;
	}
	
.nextStory li:nth-child(2) a{
	color:#ffffff;
	border-bottom:1px #ffffff solid;
	}
	
.nextStory li:nth-child(2) a:hover{
	color:#FF0;
	border-bottom:1px #FF0 solid;
	}
/*下一頁 end*/
/*感動心故事 end */	


/*節慶活動導覽頁*/
.FastivalsBgFirst {
	background: url(../../../resources/images/fastival_bg.jpg) top center no-repeat;
	background-color: #000;
}
.FastivalsMain {
	padding: 10px 0px 20px 380px;
}
.FastivalsMain h1 {
	color: #FFF;
}
 @media screen and (max-width: 1000px) {
.FastivalsBgFirst {
	background: url(../../../resources/images/fastival_bg1.jpg) top center no-repeat;
}
.FastivalsMain {
	padding: 0px 0px 20px 0px;
}
}
.FastivalsList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 30px auto 30px auto;
	text-align: center;
}
.FastivalsList li {
	display: inline-block;
	vertical-align: top;
	margin: 0px 17px 30px 17px;
	width: 148px;
}
.FastivalsList li a {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 148px;
	height: 98px;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 120%;
	text-align: center;
	border: 0px #FF6600 solid;
	text-indent: -9999px;
	border: 2px #FFFFFF solid;
	border-radius: 18px;
}
.FastivalsList li a:hover {
	border: 2px #FFFFFF solid;
	}
.FastivalsList li:hover {
	color: #F90;
}
 @media screen and (max-width: 480px) {
.FastivalsList li {
	width: 130px;
	margin: 0px 14px 30px 14px;
}
.FastivalsList li a {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 130px;
	height: 86px;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 120%;
	text-align: center;
	border: 0px #FF6600 solid;
	text-indent: -9999px;
	border: 2px #FFFFFF solid;
	border-radius: 18px;
}
}
.FastivalsList li:nth-child(1) a {
	background: url(../../../resources/images/fastivals_01.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.FastivalsList li:nth-child(1) a:hover {
	background-size: 120%;
}
.FastivalsList li:nth-child(2) a {
	background: url(../../../resources/images/fastivals_02.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.FastivalsList li:nth-child(2) a:hover {
	background-size: 120%;
}
.FastivalsList li:nth-child(3) a {
	background: url(../../../resources/images/fastivals_03.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.FastivalsList li:nth-child(3) a:hover {
	background-size: 120%;
}
.FastivalsList li:nth-child(4) a {
	background: url(../../../resources/images/fastivals_04.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.FastivalsList li:nth-child(4) a:hover {
	background-size: 120%;
}
.FastivalsList li:nth-child(5) a {
	background: url(../../../resources/images/fastivals_05.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.FastivalsList li:nth-child(5) a:hover {
	background-size: 120%;
}
.FastivalsList li:nth-child(6) a {
	background: url(../../../resources/images/fastivals_06.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.FastivalsList li:nth-child(6) a:hover {
	background-size: 120%;
}
.FastivalsList li:nth-child(7) a {
	background: url(../../../resources/images/fastivals_07.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.FastivalsList li:nth-child(7) a:hover {
	background-size: 120%;
}
.FastivalsList li:nth-child(8) a {
	background: url(../../../resources/images/videoBtn8.svg) left top no-repeat;
	background-size: contain;
}
.FastivalsList li:nth-child(8) a:hover {
	background: url(../../../resources/images/videoBtn8Click.svg) left top no-repeat;
	background-size: contain;
}


/*旅遊景點導覽頁*/
.viewBgFirst {
	background: url(../../../resources/images/fastival_bg.jpg) top center no-repeat;
	background-color: #000;
}
.viewMain {
	padding: 0px 0px 20px 380px;
}
.viewMain h1 {
	color: #FFF;
}
 @media screen and (max-width: 1000px) {
.viewBgFirst {
	background: url(../../../resources/images/fastival_bg1.jpg) top center no-repeat;
}
.viewMain {
	padding: 0px 0px 20px 0px;
}
}
.viewList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 30px auto 30px auto;
	text-align: center;
}
.viewList li {
	display: inline-block;
	vertical-align: top;
	margin: 0px 17px 30px 17px;
	width: 148px;
	line-height:1.4em;
}
.viewList li a {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 148px;
	height: 98px;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 120%;
	text-align: center;
	border: 0px #FF6600 solid;
	text-indent: -9999px;
	border: 2px #FFFFFF solid;
	border-radius: 18px;
}

.viewList li a:hover {
	border: 2px #FFFFFF solid;
	}
.viewList li:hover {
	color: #ffea00;
}
 @media screen and (max-width: 480px) {
.viewList li {
	width: 130px;
	margin: 0px 14px 30px 14px;
}
.viewList li a {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 130px;
	height: 86px;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 120%;
	text-align: center;
	border: 0px #FF6600 solid;
	text-indent: -9999px;
	border: 2px #FFFFFF solid;
	border-radius: 18px;
}
}
.viewList li:nth-child(1) a {
	background: url(../../../resources/images/view_01.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.viewList li:nth-child(1) a:hover {
	background-size: 120%;
}
.viewList li:nth-child(2) a {
	background: url(../../../resources/images/view_02.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.viewList li:nth-child(2) a:hover {
	background-size: 120%;
}
.viewList li:nth-child(3) a {
	background: url(../../../resources/images/view_03.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.viewList li:nth-child(3) a:hover {
	background-size: 120%;
}
.viewList li:nth-child(4) a {
	background: url(../../../resources/images/view_04.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.viewList li:nth-child(4) a:hover {
	background-size: 120%;
}
.viewList li:nth-child(5) a {
	background: url(../../../resources/images/view_05.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.viewList li:nth-child(5) a:hover {
	background-size: 120%;
}
.viewList li:nth-child(6) a {
	background: url(../../../resources/images/view_06.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.viewList li:nth-child(6) a:hover {
	background-size: 120%;
}
.viewList li:nth-child(7) a {
	background: url(../../../resources/images/view_07.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.viewList li:nth-child(7) a:hover {
	background-size: 120%;
}
.viewList li:nth-child(8) a {
	background: url(../../../resources/images/view_08.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.viewList li:nth-child(8) a:hover {
	background-size: 120%;
}
.viewList li:nth-child(9) a {
	background: url(../../../resources/images/view_09.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.viewList li:nth-child(9) a:hover {
	background-size: 120%;
}
.viewList li:nth-child(10) a {
	background: url(../../../resources/images/view_10.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.viewList li:nth-child(10) a:hover {
	background-size: 120%;
}
.viewList li:nth-child(11) a {
	background: url(../../../resources/images/view_11.jpg) center center no-repeat;
	background-size: 100%;
	transition: all 0.4s;
}
.viewList li:nth-child(11) a:hover {
	background-size: 120%;
}

.mulink a{
	background-color:#3c4d97;
	color:#FFF;
	padding:5px 16px 5px 16px;
	border-radius:8px;
	border:0px #FF6600 solid;
	margin:0px 10px 0px 0px ;
	}
	
.mulink a:hover{
	background-color:#00a3d4;
	color:#FFF;
	border:0px #FF6600 solid;
}

/*主題行程查詢結果*/

.searchTour{
	box-sizing:border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 20px auto 20px auto;
	text-align:center;
	font-size:125%;
	}
	
.searchTour li{
	display: inline-block;	
	margin: 0px 20px 0px 20px;
	}
.yellowFont{
	color:#FF0;}
	
.yellowLink {
	color:#FF0 !important;
	border-bottom:1px #FF0 solid !important;
	}
.yellowLink:hover {
	color:#F90 !important;
	border-bottom:1px #F90 solid !important;
	}		
	
.noResult{
	text-align:center;
	color:#FFF;
	font-size:190%;
	padding:20px;}
	
.noResult img{
	vertical-align:middle;
	width:180px;
	height:auto;
	}	
	
@media screen and (max-width: 480px) {
.searchTour{
	font-size:100%;
	}
.searchTour li{
	display: inline-block;	
	margin: 0px 10px 0px 10px;
	}
.noResult{
	text-align:center;
	color:#FFF;
	font-size:140%;
	padding:10px;}
	
.noResult img{
	vertical-align:middle;
	width:120px;
	height:auto;
	}	
	}
	
	
/*最新消息上一頁*/  
.preNews{
display: block;
box-sizing:border-box;
width:100%;
padding:5px 0px 5px 0px;
overflow:hidden;
	}
.preNews li{
display: inline-block;	
padding:10px 0px 10px 10px;
vertical-align:top;
	}
.preNews li:nth-child(2){
	width:85%;
	word-break:break-all;
	}
.preNews li:nth-child(1){
	width:8%;
	background-color:#45C0BF;
	padding:0px 20px 0px 20px;
	color:#FFF;
	text-decoration:none;
	border-radius:6px;
	border:0px #FF6600 solid;
	text-align:center;
	}	
@media screen and (max-width: 900px) {
.preNews li:nth-child(2){
	width:100%;
	word-break:break-all;
	}
.preNews li:nth-child(1){
	box-sizing:border-box;
	width:40%;
	}
	}
.preNews li:nth-child(1) a{
	background-color:#45C0BF;
	padding:4px 20px 4px 20px;
	color:#FFF;
	text-decoration:none;
	border-radius:6px;
	border:0px #FF6600 solid;
	}
.preNews li:nth-child(1) a:hover{
	background-color:#998b7d;
	}
	
/*上一頁 end*/
/*最新消息下一頁*/
.nextNews{
display: block;
box-sizing:border-box;
width:100%;
padding:5px 0px 5px 0px;
	}
.nextNews li{
display: inline-block;	
padding:0px 0px 0px 10px;
margin:10px 0px ;
vertical-align:top;
	}
.nextNews li:nth-child(2){
	width:85%;
	word-break:break-all;
	}
.nextNews li:nth-child(1){
	width:8%;
	background-color:#45C0BF;
	padding:0px 20px 0px 20px;
	color:#FFF;
	text-decoration:none;
	border-radius:6px;
	border:0px #FF6600 solid;
	text-align:center;
	}
@media screen and (max-width: 900px) {
.nextNews li:nth-child(2){
	width:100%;
	word-break:break-all;
	}
.nextNews li:nth-child(1){
	box-sizing:border-box;
	width:40%;
	}
	}
.nextNews li:nth-child(1) a{
	background-color:#45C0BF;
	padding:4px 20px 4px 20px;
	color:#FFF;
	text-decoration:none;
	border-radius:6px;
	border:0px #FF6600 solid;
	}
.nextNews li:nth-child(1) a:hover{
	background-color:#998b7d;
	}

/*下一頁 end*/


/*內頁插圖縮放設定*/
@media screen and (max-width: 900px) {
img.photoSize{
	width:100% !important;
	height:auto !important;
	}
}

.noFound{
	width:750px;
	line-height:1.4em;
	padding:10px 10px 15px 260px;
	margin:100px auto;
	background: url(../../../resources/images/ohbear2.png) top left no-repeat;
	background-size: 18%;
	background-position:60px 0px;
	 }
.noFound h1{
	color:#e87536 !important;}
.noFound h3{
	color:#e87536;}
	
.noFound p{
	padding:4px 0px 8px 0px;
	margin:4px 0px 8px 0px;}
	
.noFound a{
	background-color:#e87536;
	padding:4px 20px 4px 20px;
	color:#FFF;
	text-decoration:none;
	border-radius:6px;
	border:0px #FF6600 solid;
	}
.noFound a:hover{
	background-color:#998b7d;
	border:0px #FF6600 solid;
	}

@media screen and (max-width: 750px) {
.noFound{
	box-sizing:border-box;
	width:90%;
	line-height:1.4em;
	padding:45% 10px 15px 20px;
	margin:15px auto;
	background: url(../../../resources/images/ohbear2.png) top center no-repeat;
	background-size: 35%;
	text-align:center;
	 }
	}
	
.mapcontent {/*地圖內文區*/
box-sizing:border-box;
	margin: 10px auto;
	padding: 14px 0px 30px 290px;
	width: 990px;
	position: relative;
	box-sizing: border-box;
	background: url(../../../resources/images/ohbearcar.svg) top left no-repeat;
	background-size: 30%;
}
@media screen and (max-width: 1000px) {
.mapcontent {/*地圖內文區*/
box-sizing:border-box;
	margin: 0px auto;
	padding: 14px 30px 20px 30px;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	background: url(../../../resources/images/ohbearcar12.svg) top left no-repeat;
}
}
.mapcontent h1 {
	color: #e87536;
}

.topListMap li {
	float: right;
	display: inline-block;
	padding: 0px 20px 0px 14px;
}
.topListMap a {
	color: #a59d8e;
	text-decoration: none;
}
.topListMap a:hover {
	color: #FF9900;
}

.googleMapBoxAll{
	background-color:#FFF;
	border-bottom:0px #FFFFFF solid;
	padding:0px;
	margin:0px;}
	
/*------相關連結banner 2區------*/	
.otherLinkBanner2a {
	width: 100%;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	padding: 10px 0px 40px 16px;
}

.otherLinkBanner2a h2{
	color:#e87536;
	padding:20px 0px 30px 0px;
	font-size:170%;
		}
.otherLinkBannerList2a {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	margin: 0px auto 0px auto;
}
.otherLinkBannerList2a li {
	display: inline-block;
	vertical-align: top;
}
.otherLinkBannerList2a li a {
	box-sizing: border-box;
	display: inline-block;
	/*overflow: hidden;*/
	width: 140px;
	height:60px;
	margin: 10px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
}
.otherLinkBannerList2a li a:hover {
	border:1px #e87536 solid;
	}
.otherLinkBannerList2a li img {
	width: 100%;
	height: 100%;
	border: 1px #cbc7be solid;
}
.otherLinkBannerList2a li img:hover {
	border:1px #e87536 solid;
	}


@media screen and (max-width: 1000px) {
.otherLinkBanner2a {
	width: 100%;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	padding: 0px 0px 20px 0px;
}	

.otherLinkBanner2a h2{
	color:#e87536;
	padding:20px 0px 30px 0px;
	font-size:160%;
	text-align: center;
		}
	
.otherLinkBannerList2a {
	width: 100%;
	margin: 0px auto 0px auto;
	text-align: center;
}
.otherLinkBannerList2a li a {
	box-sizing: border-box;
	display: inline-block;
	/*overflow: hidden;*/
	width: 140px;
	margin: 8px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
	}

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

.tentown a {
	color:#FF0 !important;
	border-bottom:1px #FF0 solid;
}

.tentown a:hover {
	color:#F90 !important;
	border-bottom:1px #F90 solid;
}

/*------相關連結小圖示------*/



.link8{
	background: url(../../../resources/images/otherlinkTravel.svg) left top no-repeat !important;
	background-size: 11% !important;
	background-position: -5px 2px !important;
	}
@media screen and (max-width: 1000px) {
.link8{
	background: url(../../../resources/images/otherlinkTravel.svg) left top no-repeat !important;
	background-size: 18% !important;
	background-position: -5px 2px !important;
	}
	}
.link264{
	background: url(../../../resources/images/otherlinkRecreation.svg) left top no-repeat !important;
	background-size: 11% !important;
	background-position: -5px 2px !important;
	}
@media screen and (max-width: 1000px) {
.link264{
	background: url(../../../resources/images/otherlinkRecreation.svg) left top no-repeat !important;
	background-size: 18% !important;
	background-position: -5px 2px !important;
	}
	}
.link5{
	background: url(../../../resources/images/otherlinkFood.svg) left top no-repeat !important;
	background-size: 11% !important;
	background-position: -5px 2px !important;
	}
@media screen and (max-width: 1000px) {
.link5{
	background: url(../../../resources/images/otherlinkFood.svg) left top no-repeat !important;
	background-size: 18% !important;
	background-position: -5px 2px !important;
	}
	}
	
.link9{
	background: url(../../../resources/images/otherlinkInformation.svg) left top no-repeat !important;
	background-size: 11% !important;
	background-position: -5px 2px !important;
	}
@media screen and (max-width: 1000px) {
.link9{
	background: url(../../../resources/images/otherlinkInformation.svg) left top no-repeat !important;
	background-size: 18% !important;
	background-position: -5px 2px !important;
	}
	}
.link4{
	background: url(../../../resources/images/otherlinkTransportation.svg) left top no-repeat !important;
	background-size: 11% !important;
	background-position: -5px 2px !important;
	}
@media screen and (max-width: 1000px) {
.link4{
	background: url(../../../resources/images/otherlinkTransportation.svg) left top no-repeat !important;
	background-size: 18% !important;
	background-position: -5px 2px !important;
	}
	}
.link6{
	background: url(../../../resources/images/otherlinkshopping.svg) left top no-repeat !important;
	background-size: 11% !important;
	background-position: -5px 2px !important;
	}
@media screen and (max-width: 1000px) {
.link6{
	background: url(../../../resources/images/otherlinkshopping.svg) left top no-repeat !important;
	background-size: 18% !important;
	background-position: -5px 2px !important;
	}
	}
.link1{
	background: url(../../../resources/images/otherlinkSpots.svg) left top no-repeat !important;
	background-size: 11% !important;
	background-position: -5px 2px !important;
	}
@media screen and (max-width: 1000px) {
.link1{
	background: url(../../../resources/images/otherlinkSpots.svg) left top no-repeat !important;
	background-size: 18% !important;
	background-position: -5px 2px !important;
	}
	}
.link7{
	background: url(../../../resources/images/otherlinkTourOperators.svg) left top no-repeat !important;
	background-size: 11% !important;
	background-position: -5px 2px !important;
	}
@media screen and (max-width: 1000px) {
.link7{
	background: url(../../../resources/images/otherlinkTourOperators.svg) left top no-repeat !important;
	background-size: 18% !important;
	background-position: -5px 2px !important;
	}
	}
	
/*------春節疏運------*/

.holidayList > li{
	padding:15px 0px 20px 0px ;
	font-size:110%;
	color:#34a8ce;
	}
.holidayList > li > ul > li{
	display:inline-block;
	font-size:100%;
	padding:10px 0px 10px 0px ;
	width:37%;
	vertical-align:top;
	}
	
.holidayTitle{
	font-size:100%;
	padding:8px 0px 8px 0px ;
	color:#000;
	}
@media screen and (max-width: 1000px) {
.holidayList > li > ul > li{
	display:block;
	width:95%;
}
	}
	
.list0024017{
	display:none;}
	
	
	
/*-----手機板地圖便利搜設定20160922------------------------------------------------*/
.googlemapMain {
	font-size:110%;
	padding: 0px 0px 30px 0px;
}
.googlemapMain input {
	font-size:105%;
	padding: 4px;
	width: 100%;
	-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;
}
.googlemapMain select {
		font-size:105%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
	
.googlemapMain .btnSearch {
	width: 48px;
	height: 48px;
	background: url(../../../resources/images/arrowGo.svg) top left no-repeat;
	background-size: cover;
	border-radius: 50%;
	box-sizing: border-box;
	text-decoration: none;
	text-indent: -9999px;
	margin: 10px;
	padding: 0px;
	vertical-align: middle;
}
.googlemapMain .btnSearch:hover {
	background-color: #F60;
}	
/*-------手機板地圖便利搜_列表-----*/

.content_event {
	width: 100%;
	clear: both;
	background-color: #f5f1e8;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.hotel_List {
	font-size: 110%;
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 0px 12px;
	width: 100%;
	background-color: #f5f1e8;
	overflow:hidden;
}
.hotel_List li {
	float: left;
	font-size: 100%;
	list-style: none;
	margin: 8px 0px 12px 0px;
	line-height: 1.4em;
	min-height: 120px;
	width: 100%;
	border-bottom: dashed #d2b7a3 1px;
}
.hotel_List li:last-child{
	border-bottom: dashed #d2b7a3 0px;
	}
/*-------手機板地圖便利搜_列表_圖片區-----*/
.hoteltype a {
	float: left;
	width: 33%;
	height: 95px;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: solid #ffffff 2px;
	-moz-box-shadow: 1px 1px 2px rgba(0%, 0%, 0%, 0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0%, 0%, 0%, 0.3);
	box-shadow: 1px 1px 2px rgba(0%, 0%, 0%, 0.3);
	display: block;
	overflow:hidden;
}
.hoteltype img{
	width:100%;
	height:100%;
	}
/*-------手機板地圖便利搜_列表_標題-----*/
.hoteltitle {
	float: left;
	width: 60%;
	text-align: left;
	padding: 0px 0px 0px 18px;
	font-size: 100%;
}
/*-------手機板地圖便利搜_列表_名稱-----*/
.hoteltitle .hotel_name {
	padding: 2px 0px 2px 0px;
	font-size: 110%;
}
.hoteltitle .hotel_name a {
	text-align: left;
	color:#cd4908;
	text-decoration: none;
}
.hoteltitle .hotel_name a:hover {
	color: #ff5a00;
	text-decoration: none;
}
/*-------手機板地圖便利搜_列表_地址-----*/
.hoteltitle .hotel_tel {
	font-size: 90%;
	color:#333;
	padding: 2px 0px 2px 0px;
}
.result {
	padding: 6px 16px 6px 16px;
	background-color: #97907c;
	color: #FFF;
}

/*------ 手機板地圖便利搜_地圖區------- */
.bigmap {
	width: 100%;
	height: 75px;
	background-color:#615b50;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 2;
	line-height:1.1em;
}
/*------ 手機板景點內容_地圖_按鈕區------- */
.bigmap {
	width: 100%;
	margin: 0px auto;
}
.bigmap img {
	width: 38px;
	height: 38px;
}
.bigmap a {
	white-space: nowrap;
	text-decoration: none;
	font-size: 82%;
	color: #FFF;
}
.mapList{
	width:100%;
	box-sizing:border-box;
	}
.mapList li{
	padding:8px 0px;
	display:inline-block;
	text-align:center;
	width:32%;
	}
@media screen and (max-width: 350px) {
.bigmap img {
	width: 34px;
	height: 34px;
}	
.mapList li{
	padding:10px 0px;
	display:inline-block;
	text-align:center;
	width:15%;
	}
.bigmap a {
	white-space: nowrap;
	text-decoration: none;
	letter-spacing:0px;
	font-size: 70%;
	color: #FFF;
}
}
.mapSelect{
	background-color:#e87536;}
	
.colorNew1{
	color:#e87536;
	}
	
/*------英文版最新消息內文設定------- */
	
.newsMain h2{
	font-weight:bolder;
	font-size:140%;
	color:#34a8ce;
	}
.colorNew1{
	color:#e87536;
	font-size:120%;
	}
@media screen and (max-width: 800px) {
.colorNew1 img{
	display:block;
	text-align:center;
	margin-left:35%;}	
	
}
/* 最後更新日期*/
.lastdate{
	box-sizing:border-box;
	width:100%;
	text-align:right;
	padding:20px;
	}
.lastdate span{
	color:#e87536;
	}	
/* 最後更新日期 end*/

/*2017 0603 無障礙*/
.mailaddressFrom a {
	box-sizing: border-box;
	font-size: 92%;
	padding: 5px 20px 5px 32px;
	margin: 0px 6px 0px 6px;
	background-color: #e87536;
	border-radius: 4px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0px;
}
.mailaddressFrom a:hover {
	background-color: #a5988b;
	color: #FFF;
	border-bottom: 0px #e87536 solid;
}
 @media screen and (max-width: 480px) {

.mailaddressFrom a {
	box-sizing: border-box;
	width: 98%;
	font-size: 92%;
	padding: 5px 0px 5px 0px;
	text-align: center;
	margin: 12px 4px 0px 4px;
	background-color: #e87536;
	border-radius: 4px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0px;
}
}
td.foodInfo {
    background-color:#71c2c6;
}
.backBtn {
	display:none;}
/*旅遊景點導覽頁框線設定*/
.grid li a:focus { 
      border-style:solid !important; 
      border-color:#3f6197 !important;
     /*border-bottom-width:medium;*/
     outline:none !important; 
     border:solid !important; 
    }
/*旅遊景點導覽頁框線設定 end*/

/*2017 0603 無障礙 end*/

/* 2017 浪漫台灣*/
.taiwanmap{
	width:350px;
	margin:250px auto;
	position:relative;
	}
.taiwanmap a{
	border-bottom:0px #e87536 solid;
	}
.taiwanmap a:hover{
	border-bottom:0px #e87536 solid;
	}
.mdot1{
	position:absolute;
	width:45px;
	height:70px;
	top:-5px;
	right:57px;
	}
.mdot1 img{
	width:100%;
	}
.mdot2{
	position:absolute;
	width:45px;
	height:70px;
	top:-22px;
	right:9px;
	}
.mdot2 img{
	width:100%;
	}
.mdot3{
	position:absolute;
	width:45px;
	height:70px;
	top:183px;
	right:164px;
	}
.mdot3 img{
	width:100%;
	}
.mdot4{
	position:absolute;
	width:45px;
	height:70px;
	top:241px;
	right:214px;
	}
.mdot4 img{
	width:100%;
	}
.mdot5{
	position:absolute;
	width:45px;
	height:70px;
	top:188px;
	right:71px;
	}
.mdot5 img{
	width:100%;
	}
.mdot6{
	position:absolute;
	width:45px;
	height:70px;
	top:40px;
	right:18px;
	}
.mdot6 img{
	width:100%;
	}
.wphoto1{
	position:absolute;
	width:200px;
	height:250px;
	text-align:center;
	color:#FFF;
	font-size:130%;
	top:-203px;
	right:110px;
	line-height:1.4em;
	}
.wphoto1 img{
	width:100%;
	border-radius:50%;
	border:3px #FFFFFF solid;
	transition:all 0.2s;
	}
.wphoto1 img:hover{
    transform: scale(1.08);
	border-radius:50%;
	border:4px #FFCCFF solid;
	}
.wphoto2{
	position:absolute;
	width:200px;
	height:250px;
	text-align:center;
	color:#FFF;
	font-size:130%;
	top:-230px;
	right:-157px;
	}
.wphoto2 img{
	width:100%;
	border-radius:50%;
	border:3px #FFFFFF solid;
	transition:all 0.2s;
	}
.wphoto2 img:hover{
    transform: scale(1.08);
	border-radius:50%;
	border:4px #FFCCFF solid;
	}
.wphoto3{
	position:absolute;
	width:200px;
	height:250px;
	text-align:center;
	color:#FFF;
	font-size:130%;
	top:-10px;
	right:285px;
	}
.wphoto3 img{
	width:100%;
	border-radius:50%;
	border:3px #FFFFFF solid;
	transition:all 0.2s;
	}
.wphoto3 img:hover{
    transform: scale(1.08);
	border-radius:50%;
	border:4px #FFCCFF solid;
	}
.wphoto4{
	position:absolute;
	width:200px;
	height:250px;
	text-align:center;
	color:#FFF;
	font-size:130%;
	top:256px;
	right:381px;
	}
.wphoto4 img{
	width:100%;
	border-radius:50%;
	border:3px #FFFFFF solid;
	transition:all 0.2s;
	}
.wphoto4 img:hover{
    transform: scale(1.08);
	border-radius:50%;
	border:4px #FFCCFF solid;
	}
.wphoto5{
	position:absolute;
	width:200px;
	height:250px;
	text-align:center;
	color:#FFF;
	font-size:130%;
	top:298px;
	right:-122px;
	}
.wphoto5 img{
	width:100%;
	border-radius:50%;
	border:3px #FFFFFF solid;
	transition:all 0.2s;
	}
.wphoto5 img:hover{
    transform: scale(1.08);
	border-radius:50%;
	border:4px #FFCCFF solid;
	}
.wphoto6{
	position:absolute;
	width:200px;
	height:250px;
	text-align:center;
	color:#FFF;
	font-size:130%;
	top:43px;
	right:-200px;
	}
.wphoto6 img{
	width:100%;
	border-radius:50%;
	border:3px #FFFFFF solid;
	transition:all 0.2s;
	}
.wphoto6 img:hover{
    transform: scale(1.08);
	border-radius:50%;
	border:4px #FFCCFF solid;
	}
/* 2017 浪漫台灣內頁*/
.weddingbox{
	width:100%;
	box-sizing:border-box;
	margin:20px 0px 70px 0px;
	padding:35px;
	background-color:#FFF;
	border-radius:16px;
	color:#666;}
.weddingbox h2{
	color:#DC678A;
	font-size:180%;
	padding:0px 0px 30px 0px;
	}
.wedding_photo{
	width:100%;
	position:relative;
	}
.phototext{
	display:block;
	color:#FFF;
	position:absolute;
	right:18px;
	bottom:18px;}
	
.weddingbox li.wmap{
	font-size:110%;
	padding:6px 5px 6px 44px;
	background: url(../../../resources/images/wedding_map.svg) top left no-repeat;
	background-size:4.5%;
	}
.weddingbox li.wphone{
	font-size:110%;
	padding:6px 5px 6px 44px;
	background: url(../../../resources/images/wedding_phone.svg) top left no-repeat;
	background-size:4.5%;
	}	
.weddingbox li.wclock{
	font-size:110%;
	padding:6px 5px 6px 44px;
	background: url(../../../resources/images/wedding_clock.svg) top left no-repeat;
	background-size:4.5%;
	}	
.weddingbox li.wbus{
	font-size:110%;
	padding:6px 5px 6px 44px;
	background: url(../../../resources/images/wedding_bus.svg) top left no-repeat;
	background-size:4.5%;
	}
.weddingmore{
	display:block;
	text-align:right;}
	
.weddingmore a {
	color: #f6456f;
	text-decoration: none;
	border-bottom: 1px #f6456f solid;
	padding: 0px 4px 1px 4px;
}
#sectionRomantic{
	background-color:#ef9fae;
	color:#FFF;}
#sectionRomantic .h1Center{
	color:#FFF;
	}
#sectionRomantic h1{
	color:#FFF;
	}
/*旅遊景點圖片說明隱藏*/	
.fotorama__caption__wrap {
	display:none !important;
}

/* 2017 浪漫台灣 end*/

/*lightbox圖片*/
a.instructionsmenu {
    background-color: #eaeaea;
    padding: 4px 10px !important;
    border-radius: 6px !important;
	border:0px solid #F90 !important;
    color: #8c8c8c !important;
    margin: 20px 0px !important;
}
.keypress-instructions {
	padding:15px 0px;
}
ul#ulAlbum {
	padding:5px 22px;
}

.attractionsLeft a.instructionsmenu {
    background-color:rgba(0,0,0,0.2);
    color: #ffffff !important;

}

.attractionsLeft .keypress-instructions {
	padding:0px 0px 15px 0px;
}
 @media screen and (max-width: 1000px) {
.attractionsLeft .keypress-instructions {
	display:none;
}
	 }
/*lightbox圖片 end*/

/*2017改善方案*/
/*觀光景點內頁_規劃旅遊路線*/
.planyourtour a{
	font-size:110%;
	padding:8px 18px 8px 45px;
	color:#FFF;
	margin:0px 6px 0px 0px ;
	background: url(../../../resources/images/planyourtour.svg) top left no-repeat;
	background-size:contain;
	background-color:#e87536;	
	 }
.planyourtour a:hover{
	color:#FFF;
	background-color:#6e6a61;
	text-decoration:none;
	border-bottom:0px;
	}
 @media screen and (max-width: 700px) {
.planyourtour span{
	margin-top:10px;
	width:100%;
	display:block;
	}
	 }
	 
/*觀光景點內頁_推薦行程*/ 
.linkothertour{
	margin:0px 20px 0px 40px;
	}
 @media screen and (max-width: 1000px) {
.linkothertour{
	margin:0px 20px 0px 20px;
	}
	 }
 @media screen and (max-width: 500px) {
.linkothertour{
	margin:0px 10px 0px 10px;
	}
	 }
.linkothertour li{
	border-bottom:1px #58b3aa dashed;
	}
.linkothertour li:last-child{
	border-bottom:0px #58b3aa dashed;
	}
.linkothertour a{
	font-size:105%;
	display:block;
	color:#2e2e2e;
	border-bottom:0px;
	padding:10px 0px 10px 0px;
	}
.linkothertour a:hover{
	display:block;
	color:#e87536;
	border-bottom:0px;
	}
.linkothertourtitle {
	clear: both;
	font-size: 150%;
	background: url(../../../resources/images/googleMapCar.svg) left center no-repeat;
	background-size: contain;
	padding: 20px 0px 20px 70px;
	color: #FFF;
}
/*觀光景點內頁_玩樂地圖進階搜尋*/
.linktaiwanmap{
	text-align:right;
	font-size:120%;
	padding:20px;
	margin: 0px 10% 30px 10%;
	background-color:#FFF;}
.linktaiwanmap a{	
	font-weight:bolder;
	color: #e87536;
	text-decoration: none;
	border-bottom: 0px #e87536 solid;
	padding: 10px 4px 10px 44px;
	background: url(../../../resources/images/gotaiwanmap.svg) left center no-repeat;
	background-size: contain;
}
.linktaiwanmap a:hover{	
	color: #D90000;
	background: url(../../../resources/images/gotaiwanmapover.svg) left center no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 500px) {
.linktaiwanmap{
	text-align:center;
	margin: 0px 5% 30px 5%;
	}
	 }
/*2017改善方案end*/

/*修正高爾夫*/
ul.cntList.list0016560 {
    display: none;
}
/*2018 穆斯林專區 20180103*/
.muslimList {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 30px auto 60px auto;
	text-align: center;
}
.muslimList li {
	display: inline-block;
	vertical-align: top;
}
.muslimList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 150px;
	margin: 0px 15px 0px 15px;
	padding: 150px 0px 0px 0px;
	color: #036093;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
	border: 0px #FF6600 solid;
}
.muslimList li a:hover {
	color: #ea5514;
	border: 0px #FF6600 solid;
}
 @media screen and (max-width: 1000px) {
.muslimList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 150px;
	margin: 0px 15px 0px 15px;
	padding: 150px 0px 0px 0px;
	color: #036093;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
}
}

 @media screen and (max-width: 480px) {
.muslimList li a {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 130px;
	margin: 0px 10px 0px 10px;
	padding: 130px 0px 0px 0px;
	color: #036093;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
}
}
.muslimList li:nth-child(1) a {
	background: url(../../../resources/images/muslim1.svg) left top no-repeat;
	background-size: contain;
}
.muslimList li:nth-child(1) a:hover {
	background: url(../../../resources/images/muslim1Click.svg) left top no-repeat;
	background-size: contain;
}
.muslimList li:nth-child(2) a {
	background: url(../../../resources/images/muslim2.svg) left top no-repeat;
	background-size: contain;
}
.muslimList li:nth-child(2) a:hover {
	background: url(../../../resources/images/muslim2Click.svg) left top no-repeat;
	background-size: contain;
}
.muslimList li:nth-child(3) a {
	background: url(../../../resources/images/muslim3.svg) left top no-repeat;
	background-size: contain;
}
.muslimList li:nth-child(3) a:hover {
	background: url(../../../resources/images/muslim3Click.svg) left top no-repeat;
	background-size: contain;
}
.muslimList li:nth-child(4) a {
	background: url(../../../resources/images/muslim4.svg) left top no-repeat;
	background-size: contain;
}
.muslimList li:nth-child(4) a:hover {
	background: url(../../../resources/images/muslim4Click.svg) left top no-repeat;
	background-size: contain;
}
.muslimList li:nth-child(5) a {
	background: url(../../../resources/images/muslim5.svg) left top no-repeat;
	background-size: contain;
}
.muslimList li:nth-child(5) a:hover {
	background: url(../../../resources/images/muslim5Click.svg) left top no-repeat;
	background-size: contain;
}
.list0020308{
	display:none;
}
.muslimtable th, .muslimtable tr, .muslimtable td {
	border: 1px #6ca6c5 solid;
}
#section10 h1{
	color:#2A6E94;
	}
/*2018 穆斯林專區 20180103 end*/

/*旅遊景點導覽頁台灣地圖設定(無障礙隱藏)
.map{
	display:none;
}
.showchange{
	display:none;
	}
旅遊景點導覽頁台灣地圖設定(無障礙隱藏) end*/	

/*20180213惟夫調整*/
@media screen and (min-width: 1001px) {
	header .logo{
		position: absolute;
		left: 0;
		top: 0;
	}
	header .logo a{width: 130px;display: inline-block;float: none;}
	header .topMenu, header .topMenuIndex{
		float: none;
		width: auto;
		position: absolute;
		top: 0;
		left: 40%;
		white-space: nowrap;
	}
	header .topMenu{
		left: 28%;
	}
	header .topList{
		overflow: hidden;
		display: inline-block;
		vertical-align: top;
	}
	header .topList li{
		float: none;
		padding: 0px 13px;
		margin-left: -3px;
	}
	header .share, header .lan, header .search{
		display: inline-block;
		vertical-align: top;
	}
	header .shareListTop{
		margin-left: 0;
		right: 160px;
		left: auto;
	}
	}
/*20180213惟夫調整 結束*/

/*20180328kenny調整*/
span.eventDate {
    font-size: 140%;
    color: yellow;
    padding: 0px 0px 14px 0px;
    display: block;
}
/*20180329kenny調整 結束*/
/*20180330 kenny調整年曆會員中心*/
.eventtitle2018{
	position:relative;
	text-align:center;
	padding:10px;}
	
.eventmember a{
	display:block;
	position:absolute;
	background-color:#F90;
	padding:5px 25px;
	color:#FFF;
	text-decoration:none;
	font-size:120%;
	font-weight:bolder;
	top:30px;
	right:0px;
	z-index:10;
	border-radius:20px;
	}
.eventmember a:hover{
	position:absolute;
	background-color:#ffffff;
	color:#BB5A24;
	}
 @media screen and (max-width: 1000px) {
	 
.eventtitle2018{
	position:relative;
	text-align:left;
	padding:10px;}
.eventmember a{
	display:block;
	position:absolute;
	background-color:#F90;
	padding:3px 20px;
	color:#FFF;
	text-decoration:none;
	font-size:105%;
	font-weight:bolder;
	top:18px;
	right:15px;
	z-index:10;
	border-radius:20px;
	}
	
}
span.levelCalendar {
    background-color: #b770c3;
    padding: 3px 15px;
}
/*20180330 kenny調整年曆會員中心 end*/

/* 2018年09月14日 添加2019台灣燈會倒數計時器 */
header .top-zone{
	padding: 12px 0px;
	background-color: #333230;
}
header .top-zone > .wrap{
	width: 100%;
	max-width: 980px;
	margin: auto;
}

.taiwanlantern{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.taiwanlantern .logo{
    width: 140px;
    height: 50px;
    position: relative;
    overflow: hidden;
	margin-right: 5px;
	display: block;
}
.taiwanlantern .logo > img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    -o-object-fit: contain;
	   object-fit: contain;
}
.taiwanlantern .countdowntimer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.taiwanlantern .countdowntimer > a{
	color: #ffffff;
	text-decoration: none;
	padding:0px 5px;
}
.taiwanlantern .countdowntimer > a:hover,
.taiwanlantern .countdowntimer > a:focus{
	color: #F60;
}
.taiwanlantern .countdowntimer .countdowntimer-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.taiwanlantern .countdowntimer #label_timer{
    margin: 0px 5px;
	color:#F60;
	padding:2px 7px 2px 10px;
	background-color:#333230;
	border-radius:4px;
	border:1px #615f5c solid;
	letter-spacing:0px;
	font-size:1rem;
}
@media screen and (max-width: 1024px) {
	header .top-zone > .wrap{
		width: calc(100% - 20px);
		max-width: 100%;
	}
	.taiwanlantern .countdowntimer{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}
@media screen and (max-width: 767px) {
	.taiwanlantern .countdowntimer .countdowntimer-row{
		font-size: 0rem;
	}
}
@media screen and (max-width: 480px) {
	header .top-zone > .wrap{
		width: calc(100% - 30px);
		max-width: 100%;
	}
	.taiwanlantern .logo{
    	width: 114px;
    	height: 40px;
	}
	.taiwanlantern .countdowntimer{
		font-size: 0.9rem;
		line-height: 1.2em;
	}
	.taiwanlantern .countdowntimer #label_timer{
		padding: 5px;
		font-size: 0.9rem;
		line-height: 1em;
	}
	.taiwanlantern .countdowntimer > a{
		word-break: break-all;
		overflow: hidden;
		height: 20px;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		display:none;
	}
}