@charset "utf-8";

@import "gopage.css";
/*==========框架設定==========*/

#wrapper {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:955px;
}

#content {
	width: 955px;
	float: left;
	position:relative;
	margin-top:0px;
	background-color:#494949;
}
#footer {
	position:relative;
	height:0;
	background-image: url(../images/zoo_main_bottom.jpg);
	background-repeat: no-repeat;
	height:372px;
}
#footer_content {
	position:absolute;
	width:1022px;
	top:335px;
	left:1px;
	z-index:10000;
	height: 30px;
}

#copyright {
	font-size: 12px;
	float: right;
	color: #999999;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	position: absolute;
	left: 765px;
	top: 12px;
}


#extr_1 {
	top: 20px;
	color: FFF;
	width: 800px;
	position: absolute;
	left: 154px;
	background-image: url(none);
}
#extr_1_top {
	background-position: left top;
	height: 54px;
	width: 16px;
	float:right;
}
#extr_1_content {
	height:36px;
	vertical-align:middle;
	padding-top:5px;
	float:right;
	display: block;
	font-size:14px;
}
#extr_1_bottom {
	background-position: left top;
	height: 54px;
	width: 17px;
	float:right;
	margin-right:-1px;
}
#extr_1 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#extr_1 a:hover, #extr_1 a:active {
	text-decoration: underline;
}
#extr_1 a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}
#header {
	color:#003232;
	background-image: url(../images/zoo_main_top.jpg);
	background-repeat:no-repeat;
	width: 955px;
	height: 388px;
	display: block;
}
#header h1 {
 *position:absolute;
 *left: -1000px;
 *top: -1000px;
	z-index: 998;
	visibility: hidden;
}
.header_nav {
	margin: 72px 10px 0px 0px;
 *margin: 104px 10px 0px 0px;
	padding-left:0px;
	padding-bottom:0px;
	text-align: right;
}
.header_nav li {
	display: inline;
	font-size: 12px;
	color: #FFFFFF;
	margin-right: 5px;
}
#header .header_nav li img {
	vertical-align: middle;
	width: 21px;
	height: 21px;
}
.header_nav li a:link, .header_nav li a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.header_nav li a:hover {
	color:#fff;
	font-weight:normal;
	font-size:12px;
	text-decoration: underline;
}
#navbar_top {
	position: absolute;
	z-index: auto;
	width: 500px;
	left: 116px;
	top: 0px;
}
#navbar_top h2 {
	color: #FFFFFF;
	vertical-align:middle;
	font-size: 16px;
	background-repeat: no-repeat;
	height: 30px;
	text-align: left;
 *margin-left: 0px;
	padding-left: 20px;
}
#navbar_top h2 a {
	font-size: 16px;
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none;
}
#show_text {
	width: 551px;
	height: 22px;
	padding-top:3px;
	padding-left: 100px;
	padding-right: 15px;
	background-image: url(../imgs/show_text_bg.png);
	_background-image: url(../imgs/show_text_bg.jpg);
	background-repeat: repeat-x;
	border:	1px solid #9AADBD;
	position:absolute;
	overflow:hidden;
	top: 138px;
	z-index: 999;
}
/*footer-info*/
#info {
	FLOAT: left;
/*	WIDTH: 580px;*/
	text-align: left;
	padding-left: 30px;
}
#info ul {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
#info li {
	display: inline;
	font-size: 12px;
	color: #ffffff;
	line-height: 20px;
	margin-right: 8px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
}
#info a:link {
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
#info a:visited {
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
#info a:hover {
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
}
#info a:active {
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
}

/* CSS Document */
ul {
	margin: 0px;
	padding: 0px;
}

#content {
	width: 955px;

}
#show_text {
	width: 840px;
	display: none;
}

#m_zone {
	width: 955px;
	position:relative;
	margin-top: 10px;
}
/*search_zone*/
.btn_style_search {
	width:auto;
}
#search_zone {
	line-height:1.5;
	display:inline;
	vertical-align:middle;
	font-size:12px;
	text-align:center;
	color: #FFFFFF;
	/*	white-space: nowrap;*/
	position:absolute;
	top: -51px;
	z-index:100000;
	left: 48px;
	width: 955px;
	background-position: center top;
	height: 33px;
	padding-top: 15px;
	width:815px;
	color:#E2C68B;
	background-image: url(none);
}
#search_zone input {
	width: 100px;
	vertical-align:middle;
	display:inline;
}
#search_zone select {
	vertical-align:middle;
	display:inline;
}

/*==========留言版版==========*/

#m_guestbook_zone{
	width:693px;
	margin-left: auto;
	margin-right: auto;


}


/*灰btn區*/
a.blue_button {
	padding-right: 5px;
	display: block;
	float: left;
	font: 12px sans-serif;
	color: #FFFFFF !important;
	margin-right: 5px;
	height: 26px;
	text-decoration: none !important;
	background-image: url(../images/zoo_guestbook_btn_02.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
a.blue_button span {
	padding-right: 5px;
	display: block;
	padding-left: 12px;
	padding-bottom: 0px;
	line-height: 26px;
	padding-top: 0px;
	background-image: url(../images/zoo_guestbook_btn_01.gif);
	background-repeat: no-repeat;
}
a.blue_button:hover {
	background-position: right -26px;
	color: #009900!important;
}
a.blue_button:hover span {
	background-position: left -26px;
}
a.blue_button:active {
	/*	background-position: right -27px;*/
	color:#FFFFFF!important;
	outline: none;
}
a.blue_button:active span {
	padding-right: 5px;
	padding-left: 12px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#guestbook_up {
	margin-bottom:10px;
}
.guestbook_area {
	float: left;
	padding-bottom: 20px;
	margin-top: 5px;
	width: 693px;/*margin-bottom: 40px;*/
}
.guestbook_area_top {
	width: 693px;
	margin-left: auto;
	margin-right: auto;
}
.guest_top {
	background-image:url(../images/zoo_guestbook_top.jpg);
	background-repeat: no-repeat;
	width: 693px;
	height: 78px;
}
.guest_mid {

}
.guest_bottom {
	height: 10px;
}
.guest_pic {
	float:left;
	background-image: url(../images/zoo_user_pic.jpg);
	height: 257px;
	text-align: center;
	padding-top: 50px;
	*padding-top: 68px;
	_padding-top: 68px;
	background-repeat: no-repeat;
	/*margin-left: 20px;*/
	width: 194px;
}
.guest_content {
	float:left;
	padding-bottom: 20px;
	margin-left: 20px;
}
.gue_content_leave {
	color: #FFCC66;
	font-weight: bold;
	background-image: url(../images/zoo_chick.jpg);
	height: 25px;
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-left: 35px;
}
.gue_seprate {
	border-bottom-color: #FFCC66;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.gue_reply_seprate {
	border-bottom-color: #6a3906;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.gue_reply_area {
	background-color:#345562;
}
.gue_topic {
	color: #FF9900;
	font-size: 12px;
}
.gue_topic_cont {
	color: #33CC33;
		width:330px;
	overflow:hidden;
}
.gue_cont {
	color: #AF7A16;
	padding:5px;
	width:400px;
	word-break:break-all;
	overflow:auto;
}
.gue_reply_cont {
	color: #FEF3E9;
	background-color:#c5a685;
	padding:5px;
		overflow:auto;
	word-break:break-all;
	width:400px;
}

.gue_rereply_cont textarea{
width:100%;
background-color:#FFFFFF;
color:#999999;
border:1px solid #EFEFEF;
}


.gue_rereply_cont {

}


#gue_pic {
	height:100px;
	margin-left:56px;
	_margin-left:21px;
	*margin-left:21px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	width:100px;
/*	border:2px solid #FFFFFF;*/
	margin-top:18px;
}

#gue_pic img{
	width:98px; height:99px;
}

.gue_name {
	text-align: left;
	margin-top: 90px;
	padding-left: 40px;
		width:135px;
	overflow:hidden;
	white-space:nowrap;
}
.gue_tool {
	background-image:url(../images/delete_repeat.jpg);
	background-repeat: repeat-x;
	height: 29px;
	padding-top: 5px;
	display: block;
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 3px;
	margin-right: 5px;
}
.gue_reply_tool {
	background-image:url(../images/delete_repeat.jpg);
	background-repeat: repeat-x;
	height: 24px;
	padding-top: 5px;
	display: block;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 3px;
	margin-right: 5px;
	color:#EDBD7C;
}
.gue_tool a:link, .gue_tool a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.gue_tool a:hover {
}
.fieldName {
	background-color:#70B437;
}

.field{
	background-color:#CFEAB9;
}
.gue_po_name {
	color:#009900;
}
.styleTxt {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	text-decoration:none;
}
.styleTxt * {
	display:inline;
	vertical-align:middle;
}

#leave_msg{
	color: #FFFFFF;
}