html{ 
	scrollbar-base-color:#9B9E72; /*主色調, 若是只設定這個, 其他不設, 也看的出效果*/
	scrollbar-arrow-color:#9B9E72; /*箭頭*/
	scrollbar-face-color:#E6EBA9; /*軸面*/
	scrollbar-track-color:#E6EBA9; /*軸底*/
	scrollbar-shadow-color:#E6EBA9; /*右內邊*/
	scrollbar-darkshadow-color:black; /*右外邊*/
	scrollbar-highlight-color:#E6EBA9; /*左內邊*/
	scrollbar-3dlight-color:white; /*左外邊*/
}

* {
	margin:0;
	padding:0;
}

body {
	background:#9A9786;
	margin:0 auto;
	padding:0;
	color:#333333;
	font-family:Verdana;
}

/**按鈕*/
/**一般按鈕**********************************/
form input.BtDefault {
	border: none;
	background: #2783C0 repeat-x scroll bottom left;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	height: 25px;
	/*padding: 6px 10px 6px 10px;*/
	cursor: pointer;
	letter-spacing: 1px;
	width: auto;
	overflow: visible;
}

/**紅色按鈕用********************************/
form input.BtRed {
	border: none;
	background: #ff2d2d repeat-x scroll bottom left;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	height: 25px;	
	/*padding: 6px 10px 6px 10px;*/
	cursor: pointer;
	letter-spacing: 1px;
	width: auto;
	overflow: visible;
}

/**橘色按鈕用********************************/
form input.BtOrange {
	border: none;
	background: #FF6600 repeat-x scroll bottom left;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	height: 25px;	
	/*padding: 6px 10px 6px 10px;*/
	cursor: pointer;
	letter-spacing: 1px;
	width: auto;
	overflow: visible;
}

/**黑色按鈕用********************************/
form input.BtBlack {
	border: none;
	background: #595959 repeat-x scroll bottom left;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	height: 25px;	
	/*padding: 6px 10px 6px 10px;*/
	cursor: pointer;
	letter-spacing: 1px;
	width: auto;
	overflow: visible;
}

pager_style
{
	text-align:left;
}

.pager_style a
{
	font-size:13px;
}

/* wrapper */
div.wrapper {
	/*width:980px;*/
	width:950px;/*982px;*/
	margin:0px auto;
	padding:10px;
	border-right:10px solid #8D8A77;
	border-left:10px solid #8D8A77;
	background-color:white;
}


/* header & nav */
div.header {
	padding:20px 10px 25px;
	margin:0 auto;
	background-color:#4086AA;
	border-top:4px solid #326A85;
	margin-bottom:10px;
}

div.header h2 {
	float:left;
	padding-top:20px;
	padding-left:10px;
	font-size:0.75em;
}
div.header h1 {
	float:left;
	padding:0;
}
div.page-content {
	padding:5px 0;
	font-size:15px;
	border-top:4px solid #E6E6E6;
}

/* headers */
h1 {
	font-size:3.2em;
	letter-spacing:-2px;
	text-align:left;
	line-height:1.0em;
	font-weight:normal;
	padding-bottom:10px;
}
h1 a, h1 a:hover, h1 a:visited {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
	padding-left:10px;
}
h2 {
	color:#1D3D4E;
	font-size:1.7em;
	font-weight:normal;
	padding:0 0 10px;
	text-align:left;
	text-transform:none;
}
h3 {
	color:#222;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:10px;
}
h4 {
	font-size:0.95em;
	font-weight:bold;
	padding-bottom:10px;
	color:#32698B;
	text-transform:uppercase;
}
h4 a, h1 a:hover {
	text-decoration:underline;
	color:#FFFFFF;
	font-weight:normal;
	padding-left:10px;
}
h5 {
	padding-bottom:10px;
}

div.sidebar h4 {
	/*background-color:#79932e;/*#32698B;*/
	background: #BECF74 url(../images/img01.gif) repeat-x;
	/*background-color:#F9CB2F;*/
	font-size:15px;
	border-top:4px solid #dce3bb;/*#2B5B78;*/
	color:#FFFFFF;
	padding:10px;
}

div.sidebar h4 a {
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
}

div.sidebar h4 a:hover {
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	/*background: #A4B74C url(../images/img04.gif) repeat-x;*/
	text-decoration:underline;
}

div.sidebar h4 a:visited {
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
}

/* element defaults */
p {
	margin-bottom:20px;
	line-height:1.9em;
	font-size:0.75em;
}
ul, ol {
	font-size:0.75em;
	padding:0 0 20px 35px;
	list-style:none;
}
ol { 
	list-style:decimal;
}
code {
	background-color:#666666;
	display:block;
	color:#ffffff;
	padding:10px;
	margin:10px 0;
}

/* default forms */
fieldset {
	display: block;
	border: none;
	border-top: 1px solid #ddd;
}

fieldset legend {
	font-weight: bold;
	font-size: 15px;
	padding-right: 10px;
	color: #999;
}

fieldset form {
	padding-top: 15px;
}

fieldset p label {
	float: left;
	width: 150px;
}

/*
form { }
form input, form textarea {
	border:1px solid #999999;
	border-bottom-color:#cccccc;
	border-right-color:#cccccc;
	padding:5px;
	color:#666666;
	font-size:1.0em;
}

form input.formbutton {
	background:#4086AA none repeat-x scroll bottom left;
	border:1px solid #2B5B78;
	color:#ffffff;
	font-size:0.9em;
	padding:6px 14px;
	font-weight:bold;
}
*/

/* default tables */ 
table {
	/*width:100%;*/
	/*margin-bottom:10px;*/
	/*font-size:0.75em;*/
}
table tr th, table tr td {
	padding:5px 10px 5px 10px;
}
table tr th {
	/*background:#4086AA none repeat-x scroll bottom left;*/
	color:#ffffff;
	/*border-top:3px solid #2B5B78;*/
}
table tr td {
	/*border-bottom:1px solid #dddddd;*/
}


/* default links */
a, a:visited { 
	color:#4086AA;
} 
a:hover { 
	color:#2B5B78; 
}
div.sidebar a {
	color:#4086AA;
	font-size:15px;
	text-decoration:none;
}
div.sidebar a:hover {
	color:white;
	text-decoration:underline;
}

/* full_content */
div.page-wrap {
	padding:20px;
	clear:both;
}

div.full_content {
	float:right;
	/*width:100%;*/
	width:950px;
	color:#333333;
	font-size:15px;
}
div.full_content ul {
	font-size:0.75em;
	list-style:disc;
}
div.full_content ul li, div.content ol li {
	padding-bottom:5px;
}
div.full_content li ul, div.content li ul {
	font-size:1.0em;
}

/* content */
div.page-wrap {
	padding:20px;
	clear:both;
}
div.content {
	float:right;
	width:768px;/*80%;*/
	color:#333333;
	font-size:15px;
}
div.content ul {
	font-size:0.75em;
	list-style:disc;
}
div.content ul li, div.content ol li {
	padding-bottom:5px;
}
div.content li ul, div.content li ul {
	font-size:1.0em;
}

/* sidebar */
div.sidebar 
{
    padding-top:1px;
    padding-bottom:1px;
    padding-left:1px;
	padding-right:1px;
	float:left;
	width:162px;/*18%;*/
	color:#999999;
}
div.sidebar p { 
	color:#777777;
	margin-bottom:40px;
	padding:2px;
}
div.sidebar ul {
	font-size:0.9em;
	margin:0 0 40px;
	padding:0px;
}

div.sidebar ul li {
	padding:10px;
	border-bottom:1px dashed #ddd;
}

div.sidebar ul li a {
	font-size:15px;
}

/*
div.sidebar ul li li
{
	font-size:20px;
}

div.sidebar ul li ul {
	padding:0 2px;
	
	
}
div.sidebar ul li ul li {
	padding:10px;
}
*/




/* footer */
p.footer {
	text-align:center;
	color:black;
	font-size:15px;
	padding:15px 10px;
	margin:0;
	background: #BECF74 url(../images/img01.gif) repeat-x;
	height: 75px;
	/*background-color:Gray;*/
}
p.footer a {
	color:#fff;
	border-bottom:none;
	text-decoration:underline;
}

/* search form */
form.searchform {
}


/* misc classes */
*:focus {
	outline:none;
}
.clear {
	clear:both;
}



/* Header */

#header {
	/*width: 982px;*/
	width: 950px;
	height: 37px;
	margin: 0 auto;
	background: #BECF74 url(../images/img01.gif) repeat-x;
	border-bottom: 3px solid #FFFFFF;
}

#colLocation {
	width: 896px;/*928px;*/
	margin: 0 auto;
	border-bottom: 3px solid #FFFFFF;
	color:Blue;
	text-align:left;
	line-height:200%;
	/*background: url(../images/img07.gif) repeat-x left bottom;*/
}

#colLocation a
{
	color:Blue;
}

#colLocation a:hover
{
	color:Blue;
	text-decoration:none;
}

/* Menu */

#menu {
	float: left;
	width: 950px;
	height: 37px;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	/*background: url(../images/img02.gif) no-repeat;*/
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 27px;
	padding: 10px 15px 0px 15px;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background: #A4B74C url(../images/img04.gif) repeat-x;
	text-decoration: underline;
}

#search {
	float: right;
	height: 28px;
	margin: 0;
	padding: 9px 25px 0 0;
	/*background: url(../images/img03.gif) no-repeat right top;*/
}

#colLocation {
	/*width: 980px;*/
	width: 950px;
	margin: 0 auto;
	border-bottom: 3px solid #FFFFFF;
	color:blue;
	text-align:left;
	font-size:13px;
	/*background: url(../images/img07.gif) repeat-x left bottom;*/
}


/***************************************************************************************************************************************/
.ViewTB
{
    margin: 0 auto;
    width:100%;
    font-size:13px;
    border-color : gray;
    border-style:double; 
    border:1;
    padding:0;
}

.ViewTB td
{
    padding:2px 0px 0px 10px;
    height:25px;
    border:1 ;
    border-color:gray;
}

.ViewTB a
{
   text-decoration:none;
}

.titletr 
{
   font-size:13px;
   background-color:#b1d7e0;
   color: #333333;/*#ffffff;*/
   height:30px;
   text-align:center;
}

.titletr a
{
   background-color:#b1d7e0;
   color: #333333;/*#ffffff;*/
   height:30px;
}

.titletr th
{
   background-color:#b1d7e0;
   color: #333333;
   height:30px;
}

.QueryTB
{
    margin: 0 auto;
    width:98%;
    font-size:13px;
    border-style:double; 
    border:1;
    padding:0;     
}

.QueryTB td
{
    height:25px;
    text-align:left;
    color:#000000;
}

.QueryTB th
{
   background-color:#b1d7e0;
   color: #333333;
   height:25px;
}

.RowStyle
{
    padding:2px 0px 0px 10px;
    height:30px;
    border:5;
    border-color: gray;
    background-color: white;
    text-align: left;    
}

.AlterRowStyle
{
    padding:2px 0px 0px 10px;
    height:30px;
    border:5 ;
    border-color:gray;
    background-color: #E7E7E7;
    text-align: left;
}

.NoDataRowStyle
{
    padding:2px 0px 0px 10px;
    height:30px;
    border:5 ;
    border-color:gray;
    background-color: #E7E7E7;
    text-align: left;
}

/***************************************************************************************************************/
/****主功能表*******************************************************/
div.menu3_class 
{
	width: 150px;/*182px;*/
    margin: 2px;
}

div.menu3_class ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.menu3_class li
{
	padding-bottom:5px;
	font-size:16px;
}

div.menu3_class li a {
	height: 27px;
	text-decoration: none;
	font-size:16px;
	font-weight: bold;
	color:white;
	background: #A4B74C url(../images/img04.gif) repeat-x;
}

div.menu3_class li a:link, div.menu3_class li a:visited {
	display: block;
	background: #A4B74C;
	padding: 8px 0 0 30px;
	color: white;
}

div.menu3_class li a:hover, div.menu3_class li a:active {
    color: white;
    background: #A4B74C url(../images/img04.gif) repeat-x;
    padding: 8px 0 0 30px;
    text-decoration:underline;
}

/***換頁使用****************************************************************************************************************/
.pg {
	FLOAT: right; FONT: 13px Verdana; COLOR: #444; LINE-HEIGHT: 26px; height: 30px; margin-right:3px;
}

.pg A {
	BORDER-BOTTOM: #c2d5e3 1px solid; BORDER-LEFT: #c2d5e3 1px solid; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: inline; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT: 26px; COLOR: #444; MARGIN-LEFT: 4px; OVERFLOW: hidden; BORDER-TOP: #c2d5e3 1px solid; BORDER-RIGHT: #c2d5e3 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px
}

.pg A.current {
	BORDER-BOTTOM: #c2d5e3 1px solid; BORDER-LEFT: #c2d5e3 1px solid; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 8px; 
	PADDING-RIGHT: 8px; DISPLAY: inline; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT: 26px; COLOR: white; MARGIN-LEFT: 4px; 
	OVERFLOW: hidden; BORDER-TOP: #c2d5e3 1px solid; BORDER-RIGHT: #c2d5e3 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px;
	BACKGROUND-COLOR: #369;
	cursor:default;
	font-weight: bold;
}

.pg A.current:hover {
	BORDER-BOTTOM: #c2d5e3 1px solid; BORDER-LEFT: #c2d5e3 1px solid; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 8px; 
	PADDING-RIGHT: 8px; DISPLAY: inline; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT: 26px; COLOR: white; MARGIN-LEFT: 4px; 
	OVERFLOW: hidden; BORDER-TOP: #c2d5e3 1px solid; BORDER-RIGHT: #c2d5e3 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px;
	BACKGROUND-COLOR: #369;
	cursor:default;
	font-weight: bold;
}

.pg A.nxt {
	/*PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px;*/
	/*BACKGROUND-IMAGE: url(arw_r.gif); PADDING-RIGHT: 25px; BACKGROUND-POSITION: 90% 50%*/
	BACKGROUND-IMAGE: url(../images/arw_r.gif); BACKGROUND-POSITION: 50% 50%
}

.pg A:hover {
	BORDER-BOTTOM-COLOR: #369; BORDER-TOP-COLOR: #369; COLOR: #369; BORDER-RIGHT-COLOR: #369; BORDER-LEFT-COLOR: #369
}

.pg A.prev {
	BACKGROUND-IMAGE: url(../images/arw_l.gif); BACKGROUND-POSITION: 50% 50%
}