﻿@charset "utf-8";
/* CSS Document */

/**/
.BigBox{
	width:1200px;
	margin:0 auto;
	}
	
/*多語系 box*/
.LagBox{
	width:1200px;
	height:30px;
	line-height:30px;
	text-align:right;
	font-family:"微軟正黑體";
	font-size:11pt;
	color:#F05002;
	}	
	
.LagBox a:link{color:#F05002; text-decoration:none;}
.LagBox a:visited {color:#F05002; text-decoration:underline;}
.LagBox a:hover{color:#F05002;}
.LagBox a:active{color:#F05002;}

/*banner*/
.banner{
	width: 1200px;
	height: 135px;
	margin-bottom: 3px;
	}
	
/*banner+menu*/
.BMbox{
	width: 1200px;
	height: 189px;
	}

/****************************menu******************************/
			/* 初始化 */
			body, ul, li, a{
				margin: 0;
				padding: 0;
				font-size: 13px;
				text-decoration: none;
			}
			ul, li {
				list-style: none;
			}
			/* 選單 li 之樣式 */
			ul.navigation li {
				position: relative;
				float: left;
			}
			/* 選單 li 裡面連結之樣式 */
			ul.navigation li a{
				display: block;
				width:148px;
				height:50px;
				line-height:50px;
				text-align:center;
				background: #ffaf4b; /* Old browsers */
				background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffaf4b 0%,#ff920a 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
				font-size: 12pt;
				font-family: "微軟正黑體";
				margin-left: 2px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright:5px; 
				-moz-border-radius-bottomleft:5px;
				-moz-border-radius-bottomright:5px; 
				-webkit-border-top-left-radius:5px;
				-webkit-border-top-right-radius:5px; 
				-webkit-border-bottom-left-radius:5px;
				-webkit-border-bottom-right-radius:5px;
				border-top-left-radius:5px;
				border-top-right-radius:5px; 
				border-bottom-left-radius:5px;
				border-bottom-right-radius:5px;

				color: #FFF;
			}
			/* 特定在第一層，以左邊灰線分隔 */
			ul.navigation > li > a{
				
			}
			ul.navigation > li > a:hover{
				color: #FFF;
				background: #ff7400; /* Old browsers */
				background: -moz-linear-gradient(top,  #ff7400 0%, #ff7400 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7400), color-stop(100%,#ff7400)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ff7400 0%,#ff7400 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ff7400 0%,#ff7400 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ff7400 0%,#ff7400 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ff7400 0%,#ff7400 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400',GradientType=0 ); /* IE6-9 */
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright:5px; 
				-moz-border-radius-bottomleft:5px;
				-moz-border-radius-bottomright:5px; 
				-webkit-border-top-left-radius:5px;
				-webkit-border-top-right-radius:5px; 
				-webkit-border-bottom-left-radius:5px;
				-webkit-border-bottom-right-radius:5px;
				border-top-left-radius:5px;
				border-top-right-radius:5px; 
				border-bottom-left-radius:5px;
				border-bottom-right-radius:5px;
			}
			/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
			ul.navigation ul{
				display: none;
				float: left;
				position: absolute;			
				left: 0;	
				margin: 0;
				z-index:999;
			}
			/* 當第一層選單被觸發時，指定第二層顯示 */
			ul.navigation li:hover > ul{
				display: block;
			}			
			/* 特定在第二層或以後下拉部分 li 之樣式 */
			ul.navigation ul li {
				border-bottom: 1px solid #DDD;
			}
			/* 特定在第二層或以後下拉部分 li （最後一項不要底線）之樣式 */
			ul.navigation ul li:last-child {
				border-bottom: none;
			}
			/* 第二層或以後選單 li 之樣式 */
			ul.navigation ul a {
				z-index:999;
				width: 148px;
				color: #FFF;		
				=background: #ffaf4b; /* Old browsers */
				background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffaf4b 0%,#ff920a 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
				font-size: 12pt;
				font-family: "微軟正黑體";		
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright:5px; 
				-moz-border-radius-bottomleft:5px;
				-moz-border-radius-bottomright:5px; 
				-webkit-border-top-left-radius:5px;
				-webkit-border-top-right-radius:5px; 
				-webkit-border-bottom-left-radius:5px;
				-webkit-border-bottom-right-radius:5px;
				border-top-left-radius:5px;
				border-top-right-radius:5px; 
				border-bottom-left-radius:5px;
				border-bottom-right-radius:5px;
			}
			ul.navigation ul a:hover {		
				olor: #FFF;
				background: #ff7400; /* Old browsers */
				background: -moz-linear-gradient(top,  #ff7400 0%, #ff7400 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7400), color-stop(100%,#ff7400)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ff7400 0%,#ff7400 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ff7400 0%,#ff7400 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ff7400 0%,#ff7400 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ff7400 0%,#ff7400 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400',GradientType=0 ); /* IE6-9 */	
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright:5px; 
				-moz-border-radius-bottomleft:5px;
				-moz-border-radius-bottomright:5px; 
				-webkit-border-top-left-radius:5px;
				-webkit-border-top-right-radius:5px; 
				-webkit-border-bottom-left-radius:5px;
				-webkit-border-bottom-right-radius:5px;
				border-top-left-radius:5px;
				border-top-right-radius:5px; 
				border-bottom-left-radius:5px;
				border-bottom-right-radius:5px;
			}
			/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
			ul.navigation ul li:hover > ul{
				display: block;
				position: absolute;
				top: 0;				
				left: 100%;
			}
			/* 箭頭向下 */
			.arrow-bottom {
				display: inline-block;
				margin-left: 5px;
				border-top: 4px solid #FFF;
				border-right: 4px solid transparent;				
				border-left: 4px solid transparent;		
				width: 1px;
				height: 1px;
			}

			/* 箭頭向右 */
			.arrow-right {
				display: inline-block;
				margin-left: 12px;	
				border-top: 3px solid transparent;
				border-bottom: 3px solid transparent;
				border-left: 3px solid #666;		
				width: 1px;
				height: 1px;
			}
/****************************menu******************************/



/*menu*/
.MenuBox{
	width: 1200px;
	height: 50px;
	margin-bottom: 3px;
	}
	
/*單個menu*/
.OneMenu{
	width: 148px;
	height: 50px;
	float: left;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffaf4b 0%,#ff920a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
	font-size: 12pt;
	font-family: "微軟正黑體";
	margin-left: 2px;
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px; 
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px; 
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; 
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

	}

.OneMenu a:link{color:#FFF; text-decoration:none;}
.OneMenu a:visited {color:#FFF; text-decoration:underline;}
.OneMenu a:hover{color:#000; font-size:110%;}
.OneMenu a:active{color:#FFF;}

/*中間內容 區*/
.ContentBox{
	width: 1200px;
	height: 870px;
	background-color: #fffcf9;
	}

/*下方 功能按鈕*/
.FourButton{
	width: 1200px;
	height: 50px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	}

/*單個功能按鈕*/
.OneFourButton{
	width: 230px;
	height: 50px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	}

.OneFourButton Img{
	border:0px;
	}


/*copyright*/
.copyright{
	text-align: center;
	width: 1200px;
	height: 60px;
	background-color: #F0F0F0;
	color: #8B8B8B;
	font-size: 11pt;
	line-height: 60px;
	float: left;
	font-family: "微軟正黑體";
	}
	
/*牡丹拾景 類別*/	
.TenTourCategory{
	width:1200px;
	height:425px;
	float:left;
	}
	
/*標題*/
.TenTourTitle{
	width:1200px;
	height:60px;
	float:left;
	margin-top:15px;
	}
	
/*景點 外層*/
.TenTourBigBox{
	width: 1200px;
	height: 765px;
	float: left;
	margin: 10px 0px 10px 0px;
	
	}
	
/*單個 景點外層*/
.OneTourBgBox{
	width: 530px;
	height: 360px;
	float: left;
	margin: 10px;
	background-color:#ff9600;
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px; 
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px; 
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; 
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

	}	
	
/*景點 圖片*/
.PeopleOnePhoto{
	width: 510px;
	height: 340px;
	float: left;
	margin: 10px;
	}	
	
.PeopleOnePhoto Img{
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px; 
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px; 
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; 
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	}	
	
/***************山海景色****************/
/*單個 景點外層*/
.SeaOneTourBgBox{
	width: 345px;
	height: 350px;
	float: left;
	margin: 10px;
	background-color: #ff9600;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;

	}	
	
/*景點 圖片*/
.SeaOnePhoto{
	width: 325px;
	height: 330px;
	float: left;
	margin: 10px;
	}	
	
.SeaOnePhoto Img{
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px; 
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px; 
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; 
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	}	

/*認識牡丹 文字*/
.UnderstandingPhotoTxt{
	width: 650px;
	color: #2f6900;
	font-size: 14pt;
	font-family: "微軟正黑體";
	/*強制英文斷行*/
	word-wrap: break-word;
	word-break: break-all;
	/*文字左右對齊*/
	text-align: justify;
	text-justify: inter-ideograph;
	}

/*空白*/
.nbsp{
	margin-left: 40px;
	}	
	
/*認識牡丹 圖*/
.UnderstandingPhoto{
	/* [disabled]background-image:url(../images/Understanding.png); */
	width: 1200px;
	height: 790px;
	float: left;
	}
	
/*認識牡丹圖文 區*/
.UPhotoWord{
	width: 650px;
	float: left;
	padding: 10px;
	padding-top: 16px;
	}	
	
/*牡丹旅遊注意事項 文字*/
.watchoutPhotoTxt{
	width: 630px;
	padding-left: 10px;
	color: #2f6900;
	font-size: 14pt;
	font-family: "微軟正黑體";
	/*強制英文斷行*/
	word-wrap: break-word;
	word-break: break-all;
	/*文字左右對齊*/
	text-align: justify;
	text-justify: inter-ideograph;
	}
		
	
/*動圖放置處*/
.UPhotoGif{
	width: 650px;
	/* [disabled]height: 380px; */
	float: left;
	padding-left: 2px;
	padding-top: 10px;
	}	
	
/*左邊地圖*/
.LeftMap{
	width: 510px;
	height: 770px;
	float: left;
	padding: 10px;
	
	}	
	
	
/*特色產業*/	
/*單個 產業外層*/
.IndustryOneBgBox{
	width: 280px;
	height: 500px;
	float: left;
	margin: 10px;
	background-color: #ff9600;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}	

/*景點 產業圖片*/
.IndustryOnePhoto{
	width: 260px;
	height: 480px;
	float: left;
	margin: 10px;
	}	

/***********************list頁***********************/
/*list 圖文框*/
.PhotoWordBox{
	width: 375px;
	height: 170px;
	float: left;
	margin: 10px;
	background-color: #FDF4E8;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 2px solid #FF731E;
	-moz-box-shadow: 1px  1px  5px  #545454;
	-webkit-box-shadow: 1px  1px  5px  #545454;
	box-shadow: 1px  1px  5px  #545454;
	display:block;
	}
	
.PhotoWordBox:hover{
	background-color:#EDF3FE;
	cursor:pointer;
	}
	
	
/*圖*/	
.ListPhoto{
	width: 150px;
	height: 150px;
	margin: 10px;
	float: left;
	background-color: #FFF;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px; 
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px; 
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; 
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-box-shadow: 1px  1px  5px  #545454;
	-webkit-box-shadow: 1px  1px  5px  #545454;
	box-shadow: 1px  1px  5px  #545454;

	}
	
.ListPhoto Img{
	width: 140px;
	height: 140px;
	border: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 5px;
	}	

/*文字*/
.ListWordBox{
	width: 195px;
	height: 150px;
	float: left;
	margin: 10px 10px 10px 0px;
	}
	
/*標題*/
.ListTitleBox{
	width: 195px;
	height: 30px;
	float: left;
	font-size: 14pt;
	color: #f30000;
	font-family: "微軟正黑體";
	
	/*出現省略記號*/
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
	}	
	
/*內容文字*/
.ListWord{
	width: 195px;
	float: left;
	font-size: 12pt;
	color: #000;
	font-family: "微軟正黑體";
	word-wrap: break-word;
	word-break: normal;
	word-break: break-all;
	overflow: hidden;
	height: 120px;
	text-align:justify;
	}
	
.ListWord a:link{color:#6F156F; text-decoration:none;font-size: 12pt;}
.ListWord a:visited {color:#6F156F; text-decoration:underline;}
.ListWord a:hover{color:#6F156F;}
.ListWord a:active{color:#6F156F;}
	
/**************************住宿指南 詳細**************************頁*/
/*大框*/
.LiveBigBox{
	width: 760px;
	/* [disabled]height: 500px; */
	float: left;
	padding: 10px;
	background-color: #FFFDFF;
	}

/*標題*/
.LiveTitle{
	width: 760px;
	height: 30px;
	float: left;
	font-family: "微軟正黑體";
	font-size: 16pt;
	color: #000;
	}

/*上區*/
.LiveUpBox{
	width: 760px;
	/* [disabled]height: 470px; */
	float: left;
	}
	
/*下區*/
.LiveDowBox{
	width: 740px;
	/* [disabled]height: 450px; */
	float: left;
	padding: 10px;
	}

/*圖片*/
.LivePhoto{
	width: 760px;
	height: 580px;
	float: left;
	/*margin: 5px 0px 10px 0px;*/
	/*background-color:#DA4403;*/
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px; 
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px; 
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; 
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

	}
	
.LivePhoto Img{
	width: 680px;
	height: 570px;
	margin: 10px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px; 
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px; 
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; 
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	}
	
/*連絡資訊 標題*/
.ContactInforTitle{
	width: 740px;
	height: 25px;
	float: left;
	font-family: "微軟正黑體";
	font-size: 13pt;
	color: #f30000;
	}
	
/*連絡資訊 小框*/	
.ContactSamllBox{
	width: 740px;
	float: left;
	}
	
/*連絡資訊 小標題*/	
.ContactTitle{
	width: 40%;
	height: 25px;
	float: left;
	text-align:right;
	font-family: "微軟正黑體";
	font-size: 13pt;
	color: #000;
	}

/*連絡資訊 內文*/	
.ContactWord{
	width: 60%;
	text-align:left;
	float: left;
	font-family: "微軟正黑體";
	font-size: 13pt;
	color: #000;
	
	/*強制英文斷行*/
	word-wrap: break-word;
	word-break: break-all;
	/*文字左右對齊*/
	text-align: justify;
	text-justify:inter-ideograph;
	}
	
/*說明 框*/	
.ExplanationBox{
	width: 460px;
	float: left;
	font-family: "微軟正黑體";
	font-size: 13pt;
	color: #3082A9;
	/*強制英文斷行*/
	word-wrap: break-word;
	word-break: break-all;
	padding: 10px 150px 10px 150px;
	}
	
/*地圖*/
.ContactMAP{
	width: 740px;
	height: 300px;
	float: left;
	}
	
/*關閉按鈕 框*/	
.CloseButtonBox{
	width: 700px;
	float: left;
	text-align: center;
	}	
	
/*關閉按鈕*/	
.CloseButton{
	color:#FFF;
	font-family:"微軟正黑體";
	font-size:12pt;
	padding:5px;
	border:0px;
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px; 
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px; 
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; 
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	}
	
/*牡丹旅遊注意事項*/
/*認識牡丹 圖*/
.WatchoutPhoto{
	/* [disabled]background-image:url(../images/Watchout.png); */
	width: 1200px;
	height: 790px;
	float: left;
	}

/*農業 圖*/
.AgricultureBox{
	width:1200px;
	height:790px;
	float:left;
	}
	
/*交通資訊 圖*/
.TrafficPhoto{
	width:1200px;
	height:900px;
	float:left;
	}
	
/*分頁*/
.pager{
	width:1200px;
	font-size:13pt;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	float:left;
	}	

.pager a:link{color: #189315; text-decoration:none; font-size: 13pt;}
.pager a:visited {color:#189315; text-decoration:underline;}
.pager a:hover{color:#189315;}
.pager a:active{color:#189315;}


/*相關連結*/
.OtherLinkBigbox{
	width: 1000px;
	height: 750px;
	float: left;
	margin-left: 25px;
	margin-top: 10px;
	}
	
/*單個連結*/
.OneLink{
	width:177px;
	height:49px;
	float:left;
	margin:10px;
	}	
