@charset "utf-8";
/*除了標準的base.css and site.css, 額外針對單一頁面需擴充的css樣式*/
/*本檔為景點文章 Articles.asp.. 使用*/
body {
	background-color:#ffffff;
}

/*頁面左邊選單區標準樣式*/
/*全版的內文區 ,左邊放功能表*/
#PageLeft {
	float:left;
	width: 230px;
	text-align: left;
  	margin-left: 0px;
	padding: 10px 0px 20px 0px;
}

/*全版的內文區 ,右邊內容區表 */
#PageRight {
	float:left;
	width: 720px;
	text-align: left;
	margin-left: 5px;
}

#PageNavL2 {
	width: 100%;
	float: left;
	margin: 5px 5px 5px 0px;
	/*border-bottom: #CC9900 1px solid;*/
	padding-bottom: 5px;
}


/* 左邊塊第三層選單的列表項目樣式, 在site.css中已經有，如果需要變更字型或顏，可在此擴充 Begin*/
#PageNavItem {
	color:#ffffff;
	font-size: 1em;
	text-align:left;
}
#PageNavItem A {
	color:#ffffff;
	font-weight: normal;
	text-decoration:none;
}

#PageNavItem A:hover {
	color:#FF6;
	font-weight:bold;
	text-decoration:underline;
}
/* 第三層選單的列表項目樣式 End*/

/*文化址讀第二層類別*/
.CulSCateList {
	float:left;
	color:#000000;
	width: 100px;
}
.CulSCateList:active {
	color:#000000;
	font-weight:bold;

}

/*內容上方標題 樣式*/
#CultureTitle {
	float:right;
	width: 100%;
	color:#805a18;
	font-size: 1.3em;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
}

.Author {
	float:right;
	font-size: 12px;
	margin: 0px 50px 0px 0px;
}


/*文章本文內文，首行要縮排 樣式 */
.ArticleContent {
	float:left;
	/*width: 100%;*/
	text-indent: 1em;
	margin: 0px 0px 10px 0px;

}

/*文章圖片，文繞圖 樣式 */
.ArticleFirstImage {
	float:left;
	margin: 3px 3px 3px 3px;
}


/*景點文章內文樣式 */
#SceneryContent {
	float:left;
	margin: 5px 0px 0px 10px;
	text-align:left;
	font-size: 1em;
	/*
	overflow: auto;
	width: 100%;
	height: 278px;
	*/
}

/*地圖連結 樣式*/
#MapLink {
	padding-top: 50px;
	float: right;
}

/*標題大標樣式 */
.MainTitle {
	color: #405b06;
	font-size: 1.2em;
	font-weight:700;
	margin: 0px 0px 5px 0px;
}
/*標題小標樣式 */
.SubTitle {
	color: #004080;
	font-size: 1em;
	font-weight:700;
	margin: 0px 0px 5px 0px;
}


/*章節內容樣式,右上方小塊的內容 */
.IntroContentS {
	float:left;
	margin: 0px 0px 10px 0px;
	text-indent: 1em;		/*首行縮排*/
}

/*章節內容樣式 */
.IntroContent {
	float:left;
	width: 780px;
	margin: 0px 0px 10px 0px;
	/*text-indent: 1em;		首行縮排*/
}


/*章節內容樣式，景點的部份內容說明 */
.IntroContent2 {
	float:left;
	width: 750px;
	margin: 0px 0px 10px 20px;
	/*text-indent: 1em;		首行縮排*/
}

.IntroContent table {
	float:left;

}

/*圖片列表清單區樣式 */
.ImgListArea {
	float: left;
	width: 100%;
	height:80px;
	margin: 0px 0px 5px 0px;
	line-height: 80px;	/*可讓中間的圖片置中*/
}

/*景點小圖框*/
#imgBox {
	float: left;
	width: 96px;
	height: 73px;
	border: #FFFFFF 2px solid;
	background-color:#CCCCCC;
	margin: 3px 3px 3px 3px;
	padding: 2px 0px 0px 0px;
	text-align:center;
	line-height: 73px;	/*可讓中間的圖片置中*/
	/*background-image:url(/images/culguides/imgbox.gif);*/
}
/* Mouse 移到圖框時反白樣式*/
#imgBox:hover {
	border: #FFFF33 2px solid;
	background-color:#CCCCCC;
	filter:alpha(opacity=80);	/*IE 90%透明*/
	opacity: 0.8;
	-moz-opacity:0.8;
	/*border: #FFFFFF 2px ridge;*/
}

/*文章內的小圖限高度 128px */
.LimitImgHeight {
	max-height: 65px;
	max-width: 90px;
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
}
/* Mouse 移到圖框時反白樣式*/
/*
.LimitImgHeight:hover {
	border: #FFFF33 2px solid;
	background-color:#CCCCCC;
}
*/

/*下方相關資訊區塊 */
#InfoAboutContent {
	float:left;
	width: 780px;
	margin: 10px 0px 0px 20px;
}

/*下方相關資訊區塊  標題 */
.InfoAboutTitle {
	color:#805a18;
	width: 120px;
}
#InfoAboutContent DL {
	float:left;
	margin: 0;
	padding: 0;
}

#InfoAboutContent DT {
	width: 100%;
	margin: 0;
	padding: 0;
}

#InfoAboutContent DD {
	width: 100%;
	/*height: 22px;*/
	padding: 0;
	margin: 0px 0px 5px 10px;
}

#InfoAboutContent DT Div {
	float:left;
}

/*下方關於 標題*/
.InfoTitle {
	width: 780px;
	margin: 0px 0px 10px 0px;
	/*text-indent: 1em;		首行縮排*/
}

/*回上頁*/
.PageBack {
	float:left;
	width: 100%;
	line-height: 30px;
	text-align:center;
}

/*美食,住宿,購物 列表標題*/
#OtherContent {
	font-size: .8em;
}
.OtherList {
	color:#669999;
}
.OtherTitle {
	color:#CC9900;
}
.OtherTitle:link {
	color:#CC9900;
}

.OtherInfo {
	color:#999999;
}

.tb {
	border: #666 1px solid;
	/*
	border-color:#666;
	border-collapse:collapse;
	*/
	
}

#LoginArea {
	width: 400px;
	/*float: left;*/
	/*height: 300px;*/
	border:#666666 1px dotted;
	padding: 10px 0px 10px 0px;
	background-color:#EAEAEA;
	margin: 10px 20px 30px 0px;
}
#LoginArea p {
	margin: 0;
	padding: 0;
}
#LoginArea input {
	width: 130px;

}
.LoginRow {
	width: 500px;
	height: 30px;
}

.LoginLabel {
	width: 120px;
	float:left;
	text-align:right;
}

.LoginFld {
	float:left;
	text-align:left;
	width: 300px;
	text-align: left;
	margin-left: 3px;
}

/*活動標題*/
.aTitle {
	color:#1b71c8;
	font-weight:bold;
}

/*步驟標題*/
.stepTitle {
	color:#c5131f;
	font-weight:bold;
}

hr {
	color: #ccb492;
	height: 1px;
}

.FLink {
	margin: 0px 0px 5px 0px;
}

.Link01 a {
	width:190px;
	height: 40px;
	display:block;
	BACKGROUND: url(images/link01.gif) left top no-repeat;
}

.Link01 a:hover {
	BACKGROUND: url(images/link01-over.gif) left top no-repeat;
}
.Link02 a {
	width:190px;
	height: 40px;
	display:block;
	BACKGROUND: url(images/link02.gif) left top no-repeat;
}
.Link02 a:hover {
	BACKGROUND: url(images/link02-over.gif) left top no-repeat;
}
.Link03 a{
	width:190px;
	height: 40px;
	display:block;
	BACKGROUND: url(images/link03.gif) left top no-repeat;
}
.Link03 a:hover {
	BACKGROUND: url(images/link03-over.gif) left top no-repeat;
}
.Link04 a {
	width:190px;
	height: 40px;
	display:block;
	BACKGROUND: url(images/link04.gif) left top no-repeat;
}
.Link04 a:hover {
	BACKGROUND: url(images/link04-over.gif) left top no-repeat;
}
.Link05 a {
	width:190px;
	height: 40px;
	display:block;
	BACKGROUND: url(images/link05.gif) left top no-repeat;
}
.Link05 a:hover {
	BACKGROUND: url(images/link05-over.gif) left top no-repeat;
}
.Link06 a {
	width:190px;
	height: 40px;
	display:block;
	BACKGROUND: url(images/link06.gif) left top no-repeat;
}
.Link06 a:hover {
	BACKGROUND: url(images/link06-over.gif) left top no-repeat;
}

.Link07 a {
	width:190px;
	height: 40px;
	display:block;
	BACKGROUND: url(images/link07.gif) left top no-repeat;
}
.Link07 a:hover {
	BACKGROUND: url(images/link07-over.gif) left top no-repeat;
}

.toplink1 {
	margin: 10px 0px 10px 0px;
	background:url(images/toplink-bg1.gif) left top no-repeat;
	color: #519303;
	font-weight: bold;
}

.toplink1 a {
	color: #519303;
}

.toplink a:hover {
	color: #fb8007;
}

.toplink {
	margin: 10px 0px 10px 0px;
	background:url(images/toplink-bg2.gif) left top no-repeat;
	color: #519303;
	font-weight: bold;
}

.toplink a {
	color: #519303;
}

.toplink a:hover {
	color: #fb8007;
}

.toplink_on:link {
	color: #fb8007;
	font-weight: bold;
}
.toplink_on:active {
	color: #fb8007;
	font-weight: bold;
}
.toplink_on:visited {
	color: #fb8007;
	font-weight: bold;
}
.toplink_on:hover {
	color: #fb8007;
	font-weight: bold;
}


#PageNavArea{
/*內容大標顏色*/
	color: #0da5fd;
}
#PageFooter{
	background-color: #06bddf;
}