/*****************************************************************/
/* Body-Definition                                               */
/*****************************************************************/

body {
	background: url(../Images/background.jpg) repeat-x #fff;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family:  "Arial", "Verdana","Helvetica", "sans-serif";
	line-height: 20px;
	color: #454545;
	text-align:center;
}

td{
	font-size: 12px;
	font-family:  "Arial", "Verdana","Helvetica", "sans-serif";
	line-height: 20px;
	color: #454545;
}
.clear {clear: both;height: 1px;font-size: 1px;line-height: 1px;margin-top: -1px;overflow: hidden;}
.clear_2px {clear: both;height: 2px;font-size: 1px;line-height: 1px;margin-top: -1px;overflow: hidden;}
.clear_4px {clear: both;height: 4px;font-size: 1px;line-height: 1px;margin-top: -1px;overflow: hidden;}
.clear_5px {clear: both;height: 5px;font-size: 1px;line-height: 1px;margin-top: -1px;overflow: hidden;}
.clear_10px {clear: both;height: 10px;font-size: 1px;line-height: 1px;margin-top: -1px;overflow: hidden;}
.clear_15px {clear: both;height: 15px;font-size: 1px;line-height: 1px;margin-top: -1px;overflow: hidden;}
.clear_20px {clear: both;height: 20px;font-size: 1px;line-height: 1px;margin-top: -1px;overflow: hidden;}
.clear_25px {clear: both;height: 25px;font-size: 1px;line-height: 1px;margin-top: -1px;overflow: hidden;}
.clear_30px {clear: both;height: 30px;font-size: 1px;line-height: 1px;margin-top: -1px;overflow: hidden;}
.clear_35px {clear: both;height: 35px;font-size: 1px;line-height: 1px;margin-top: -1px;overflow: hidden;}

/*****************************************************************/
/* Container                                                     */
/*****************************************************************/

#wolken {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 519px;
	height: 516px;
	background: url(../Images/background_up.jpg) no-repeat;
	z-index: 1;
}
#container {
	position: relative;
	width: 850px;
	margin: 0 0 0 25px;
	text-align: left;
	z-index: 2;
	padding:0px;
}
#header_logo{
    width:226px;
    height:70px;
	float:left;
}
#header_topnavi{
    width:546px;
    height:51px;
	float:left;
	text-align: right;
	padding-right:18px;
	padding-top:19px;
}
#content_left{
	w//idth:235px;
	width:250px;
	float:left;
	b//ackground-color:#ff3300;
	m//argin-right:30px;
	margin-right:6px;
	padding:0px 0px 0px 5px;
}
#content_right{
	width:565px;
	float:left;
	b//ackground-color:#FF3300;
}
#inside_content_left{
	width:235px;
	float:left;
	b//ackground-color:#ff3300;
	margin-right:25px;
	padding:0px 0px 0px 5px;
}
#inside_content_right{
	width:565px;
	float:left;
	background-color:#FF3300;
}
#content_footer{
	width:790px;
	float:left;
	background-color:#0000FF;
}
#inside_content_left_200{
	width:202px;
	float:left;
	b//ackground-color:#ff3300;
	margin-right:25px;
	padding:0px 0px 0px 5px;
}
#inside_content_right_588{
	width:588px;
	float:left;
	b//ackground-color:#FF3300;
}
/*****************************************************************/
/* Top Navigation Use                                            */
/*****************************************************************/

.top_navi{
	FONT-SIZE: 12px;
	color: #454545;
	FONT-FAMILY: Arial, "新細明體";
	TEXT-DECORATION: none;
	letter-spacing:1px;
	height:30px;
	b/ackground-color:#ff3300;
}
.top_navi A:link {
	color: #454545;
	TEXT-DECORATION: none;

}
.top_navi A:visited {
	color: #454545;
	TEXT-DECORATION: none;

}
.top_navi A:hover {
	COLOR: #00AADF;
	padding:0px 0px 15px 0px;
	BACKGROUND: url(../images/navigation_bg.gif);
	background-repeat: repeat-x;	
}

/*****************************************************************/
/* main Banner                                                   */
/*****************************************************************/
	#PNG_Level{
		position: absolute;
		top: 73px;
		left: 1px;
		width: 789px;
		height: 262px;
		z-index: 4;
	}
	#PNG_Level_text{
		position: absolute;
		top: 337px;
		left: 80px;
		width: 789px;
		z-index: 6;
	}
	#nav_slide
	{
		width:777px;
		height:250px;
		padding:0;
		overflow:hidden;
		margin:6px 0px 0px 6px;
	}
	
	#nav_slide ul
	{
		width:100000px;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#nav_slide li
	{
		float: left;
		margin: 0px;
	}

	#nav_slide li a
	{
		float: left;
		display: block;
	}

	/* Hide from IE5-Mac \*/
	#nav_slide li a
	{
		float: none
	}
	/* End hide */


a.desk:link, a.desk:visited{
	font-size:12px;
	color:#019CBB;
	text-decoration: none;
	letter-spacing:1px;
}
a.desk:hover {
	font-size:12px;
	COLOR: #F38502;
	t//ext-decoration:underline;
	text-decoration: none;
	letter-spacing:1px;
}
.welcome_image{
	BORDER-RIGHT: #9E9E9E 1px solid;
	PADDING-RIGHT: 4px;
	BORDER-TOP: #9E9E9E 1px solid;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 4px;
	BORDER-LEFT: #9E9E9E 1px solid;
	PADDING-TOP: 4px;
	BORDER-BOTTOM: #9E9E9E 1px solid;
}
/*****************************************************************/
/* New Activity                                                  */
/*****************************************************************/

#nav-menu ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	width:250px;
	b//ackground-color:#FF99FF;
}

#nav-menu li{
	float: left;
	margin: 0px 10px 10px 0px;
}
#nav-menu li img{
	margin:0px 0px 8px 0px;
}

#nav-menu li a:link , #nav-menu li a:visited{
	float: left;
	border:#757575 1px solid;
	width:94px;
	background-color:#DAD2C1;
	padding:8px 8px 8px 8px;
	font-weight:bolder;
	text-decoration: none;
	color:#624B34;
}

#nav-menu li a:hover{
	float: left;
	border:#757575 1px dotted;
	width:94px;
	background-color:#F0FAF7;
	padding:8px 8px 8px 8px;
	font-weight:bolder;
	text-decoration: none;
	color:#624B34;
}

/* Hide from IE5-Mac \*/
#nav-menu li a{
	float: none
}
/* End hide */

#nav-menu{
	width:250px;
	margin: 0px 0px 15px 0px;
} 

/*****************************************************************/
/* Hot Events                                                    */
/*****************************************************************/

#Enevts{
	width:166px;
	margin-right:14px;
	margin-top:5px;
	float: left;
}
#Enevts .imgBoder{
	border:#E6E6E6 3px solid;
}
#Enevts_name{
	width:150px;
	background-image:url(../Images/event_name_bg.gif);
	background-repeat:repeat-y;
	margin:6px 0px 0px 0px;
	color:#FF7E00;
	padding-left:14px;
	padding-top:1px;
}
#Enevts_txt{
	width:159px;
	padding-left:5px;
}

a.event:link, a.event:visited{
	font-size:12px;
	color: #454545;
	text-decoration: none;
}
a.event:hover {
	font-size:12px;
	COLOR: #FF7E00;
	text-decoration: none;
	t//ext-decoration:underline;
}
/*****************************************************************/
/*  左邊選單navigation                                           */
/*****************************************************************/

#vertmenu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 202px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background-image:url(../Images/user/vertmenu_bg.gif);
	background-repeat:no-repeat;
}

#vertmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#vertmenu ul li {
	margin: 0px;
	padding: 0px;
}
#vertmenu ul li a:link, #vertmenu ul li a:visited {
	display: block;
	background-image:url(../Images/navi_link.gif);
	padding: 10px 0px 0px 34px;
	text-decoration: none;
	color: #666666;
	width:168px;
	height:29px;
	background-repeat:no-repeat;
	letter-spacing:2px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	background-image:url(../Images/navi_hover.gif);
	color: #0189A4;
	background-repeat:no-repeat;
}

/*****************************************************************/
/*  內頁麵包屑                                                   */
/*****************************************************************/
#breadcrum {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 560px;
	height:26px;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image:url(../Images/breadcrum_bg.gif);
	background-repeat:repeat-x;
}
#inside_right {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 560px;
	padding: 8px 0px 0px 0px;
	m//argin: 0px 0px 0px 0px;
	line-height:24px;
}

/*****************************************************************/
/*  線上導覽左邊選單navigation                                           */
/*****************************************************************/

#online_menu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 560px;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
}

#online_menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#online_menu ul li {
	margin: 0px 11px 8px 0px;
	padding: 0px;
	float:left;
}
#online_menu ul li a:link, #online_menu ul li a:visited {
	display: block;
	background-image:url(../Images/online/bbbbbuttom.gif);
	padding: 7px 0px 0px 30px;
	text-decoration: none;
	color: #666666;
	width:97px;
	height:35px;
	background-repeat:no-repeat;
	letter-spacing:1px;
	b//order:#E6E6DD 3px solid;
}

#online_menu ul li a:hover, #online_menu ul li a:focus {
	background-image:url(../Images/online/bbbbbuttom_over.gif);
	color: #1B83FE;
	background-repeat:no-repeat;
	b//order:#FF962F 3px solid;
}
#online_menu_430{
	width:420px;
	float:left;
	padding:0px 10px 0px 0px
}
#online_menu_560{
	width:560px;
	b//ackground-color:#CCCCCC;
	background-image:url(../Images/online/online_145.gif);
	background-repeat:repeat-y;
}
.online_image_360{
	BORDER-RIGHT: #AEB9AF 3px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #AEB9AF 3px solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #AEB9AF 3px solid;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #AEB9AF 3px solid;
}
.online_image_258{
	BORDER-RIGHT: #E5E5E5 5px solid;
	PADDING-RIGHT: 1px;
	BORDER-TOP: #E5E5E5 5px solid;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	BORDER-LEFT: #E5E5E5 5px solid;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #E5E5E5 5px solid;
	margin-bottom:10px;
}
.read_image_500{
	BORDER-RIGHT: #E5E5E5 5px solid;
	PADDING-RIGHT: 1px;
	BORDER-TOP: #E5E5E5 5px solid;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	BORDER-LEFT: #E5E5E5 5px solid;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #E5E5E5 5px solid;
	margin:10px 0px 10px 25px;
}
/****************************************************************************************************/
/*　tab 複雜的CSS定義 --- 文字定義
/****************************************************************************************************/
.style_txt_normal{
 	BORDER: #369 1px solid; 
	MARGIN: 2px; 
	text-align:center;
	C//URSOR: pointer;
	width:20px;
	height:20px;
	font-size:11px;
	FONT-WEIGHT: bold; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff;
	color:#369 ;
 }
.style_txt_hover{
 	BORDER: #369 2px solid; 
	MARGIN: 1px; 
	text-align:center;
	C//URSOR: pointer;
	width:20px;
	height:20px;
	font-size:11px;
	FONT-WEIGHT: bold; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #CCE6FF;
	color:#369 ;
 }
.style_txt_selected{
 	BORDER: #369 2px solid; 
	MARGIN: 1px; 
	text-align:center;
	C//URSOR: pointer;
	width:20px;
	height:20px;
	font-size:11px;
	FONT-WEIGHT: bold; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #CCE6FF;
	color:#369 ;
 }
 .style_txt_soldOut{
 	BORDER: #BFBFBF 1px dotted; 
	MARGIN: 2px; 
	text-align:center;
	C//URSOR: pointer;
	width:20px;
	height:20px;
	font-size:11px;
	FONT-WEIGHT: bold; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff;
	color:#919191;
 }
  .style_txt_soldOuthover{
 	BORDER: #BFBFBF 2px dotted; 
	MARGIN: 1px; 
	text-align:center;
	C//URSOR: pointer;
	width:20px;
	height:20px;
	font-size:11px;
	FONT-WEIGHT: bold; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff;
	color:#919191;
 } 
/****************************************************************************************************/
/*　澎湖縣吉貝石滬文化體驗營
/****************************************************************************************************/
#table_div{
	width:534px;
	B//ORDER: #ccc 1px solid;
	margin-left:7px;
}
.SearchInput {
	BORDER-RIGHT: #437DA8 1px solid;
	BORDER-TOP: #437DA8 1px solid;
	BORDER-LEFT: #437DA8 1px solid;
	BORDER-BOTTOM: #437DA8 1px solid; 
	BORDER-RIGHT: #437DA8 1px solid;
	BORDER-TOP: #437DA8 1px solid;
	BORDER-LEFT: #437DA8 1px solid;
	BORDER-BOTTOM: #437DA8 1px solid; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 4px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px;
	FONT-SIZE: 11px; 
	COLOR: #4D4D4D;
	FONT-FAMILY: "Arial","新細明體";
	b//ackground-color:#F6FCFC;
	background-color:#F8F8F8;
}

.SearchInput_text {
	BORDER-RIGHT: #437DA8 1px solid;
	BORDER-TOP: #437DA8 1px solid;
	BORDER-LEFT: #437DA8 1px solid;
	BORDER-BOTTOM: #437DA8 1px solid; 
	BORDER-RIGHT: #437DA8 1px solid;
	BORDER-TOP: #437DA8 1px solid;
	BORDER-LEFT: #437DA8 1px solid;
	BORDER-BOTTOM: #437DA8 1px solid; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 4px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px;
	FONT-SIZE: 11px; 
	COLOR: #4D4D4D;
	FONT-FAMILY: "Arial","新細明體";
	b//ackground-color:#F6FCFC;
	background-color:#F8F8F8;
}
/*****************************************************************/
/*  魚汛選單navigation                                           */
/*****************************************************************/

#fish_menu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 160px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
}

#fish_menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#fish_menu ul li {
	margin: 0px;
	padding: 0px;
}
#fish_menu ul li a:link, #fish_menu ul li a:visited {
	display: block;
	background-image:url(../Images/read/read_fish_menu.gif);
	padding: 7px 0px 0px 28px;
	text-decoration: none;
	c//olor: #666666;
	color:#0F7CFD;
	width:138px;
	height:23px;
	background-repeat:no-repeat;
	letter-spacing:2px;
}

#fish_menu ul li a:hover, #fish_menu ul li a:focus {
	background-image:url(../Images/read/read_fish_menu.gif);
	c//olor:#CB4721;
	color:#FF4A03;
	background-repeat:no-repeat;
}
/***********************************************************************************************/
/*  石滬閱讀頁數顯示   http://www.cssheaven.com/category/corporate-designs/       */
/***********************************************************************************************/
.pagebar {
	CLEAR: both;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px;
	FONT: 11px Arial, Helvetica, sans-serif;
	PADDING-TOP: 20px;
}
.pagebar A {
	BORDER-RIGHT: #bbb 1px solid;
	PADDING-RIGHT: 6px;
	BORDER-TOP: #bbb 1px solid;
	PADDING-LEFT: 6px;
	BACKGROUND: #fff;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #bbb 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #bbb 1px solid;
	TEXT-DECORATION: none;
	color:#6A8A03;
	width:100%;
}
.pageList .this-page {
	BORDER-RIGHT: #bbb 1px solid;
	PADDING-RIGHT: 6px;
	BORDER-TOP: #bbb 1px solid;
	PADDING-LEFT: 6px;
	BACKGROUND: #fff;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #bbb 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #bbb 1px solid;
	TEXT-DECORATION: none;
}
.pagebar A:visited {
	BORDER-RIGHT: #bbb 1px solid;
	PADDING-RIGHT: 6px;
	BORDER-TOP: #bbb 1px solid;
	PADDING-LEFT: 6px;
	BACKGROUND: #fff;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #bbb 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #bbb 1px solid;
	TEXT-DECORATION: none;
}
.pagebar .break {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	BACKGROUND: #fff;
	PADDING-BOTTOM: 2px;
	BORDER-TOP-STYLE: none;
	PADDING-TOP: 2px;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	TEXT-DECORATION: none;
	BORDER-BOTTOM-STYLE: none;
}
.pagebar .this-page {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	BORDER-LEFT-COLOR: #999;
	BACKGROUND: #fff;
	BORDER-BOTTOM-COLOR: #999;
	PADDING-BOTTOM: 2px;
	VERTICAL-ALIGN: top;
	BORDER-TOP-COLOR: #999;
	PADDING-TOP: 2px;
	BORDER-RIGHT-COLOR: #999;
}
.pagebar A:hover {
	BORDER-LEFT-COLOR: #597401;
	b//ackground-color:#E2F997;
	BORDER-BOTTOM-COLOR: #597401;
	C//OLOR: #fff;
	BORDER-TOP-COLOR: #597401;
	TEXT-DECORATION: none;
	BORDER-RIGHT-COLOR: #597401;
}
.qqqq{
	font-size:8px;
	color:#FF0000;
}
/***********************************************************************************************/
/*  Cool DHTML Tooltip II                                                                      */
/***********************************************************************************************/

#dhtmltooltip{
	position: absolute;
	width: 203px;
	b//order: 1px solid #A6A4A3;
	padding: 0px;
	b//ackground-color: lightyellow;
	visibility: hidden;
	z-index: 10000000;
	top:-150px;
}
#fixedtipdiv{
	position:absolute;
	line-height:18px;
	z-index:1012300;
}
.online_image_read{
	BORDER-RIGHT: #E3E6E9 3px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #E3E6E9 3px solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #E3E6E9 3px solid;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #E3E6E9 3px solid;
}
.online_image_read23{
	BORDER-RIGHT: #999898 1px solid;
	P/ADDING-RIGHT: 5px;
	BORDER-TOP: #999898 1px solid;
	P/ADDING-LEFT: 5px;
	P/ADDING-BOTTOM: 5px;
	BORDER-LEFT: #999898 1px solid;
	P/ADDING-TOP: 5px;
	BORDER-BOTTOM: #999898 1px solid;
}

/*****************************************************************/
/* New Tooltips                                                  */
/*****************************************************************/
#tipDiv {
  p//osition:absolute;
  v//isibility:hidden; left:0; top:0; z-index:10000;
  b//order:2px solid #989797;
  width:235px;
  padding:30px 6px 4px 6px;
  color:#000; font-size:11px; line-height:19px;
  text-align:left;
  background-color:#FFFFFF;
  background-image:url(../Images/marble2.gif);
  background-repeat:no-repeat;
  color:#454545;
}
.tp1 { font-size:12px; color:#454545; padding-top:4px }