/* CSS Document */
html, body{
	font-family: "Trebuchet MS", "Century Gothic", Verdana, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #e5e5e5;
	margin: 0px;
	padding: 0px;
	scrollbar-face-color:#ebf1ff;
	scrollbar-base-color:#ebf1ff;
	scrollbar-arrow-color:#417ebb;
	scrollbar-track-color:#F3F3F3;
	scrollbar-shadow-color:#EBF5FF;
	scrollbar-highlight-color:#EBF5FF;
	scrollbar-3dlight-color:#c4cfe3;
	scrollbar-darkshadow-Color:#c4cfe3;
}
#wrapper{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#container-bg{
	background-image: url(../images/bg_green_line.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#container-thin-bg{
	background-image: url(../images/bg_green_line_thin.gif);
	background-repeat: repeat-x;
	background-position: top;
}
p{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 5px;
	text-indent: 25px;
}
form {
	margin: 0px;
	padding: 0px;
}
img{border:0;}
.clear{
	clear: both;
}
.textbar{
	font-family: "Trebuchet MS", "Century Gothic", Verdana, Helvetica, sans-serif;
	border: 1px solid #cccccc;
	font-size: 1em;
	color: #575858;
}

.grayword{
	color: #919191;
	font-weight: lighter;
}
.blueword{
	color: #3087c3;
}
.blueword-1{
	color: #3c8eb8;
	font-weight: bold;
}
.blueword-2{
	color: #85bce7;
}
.redword{
	color: #e90424;
}
.orang-word{
	color: #ff9c00;
	font-weight: bold;
}
.greenword{
	color: #81b123;
}
.bgwhite{
	background-color: #FFFFFF;
}
.bgblue{
	background-color: #eaf4fb;
	color: #176099;
}
.bggray{
	background-color: #f4f4f4;
	font-weight: bold;
}
.table-line{
	background-color: #cce2f4;
}
.word-s{
	font-size: 0.8em;
}
.table-bgwhite{
	background-color: #FFFFFF;
	border: 1px solid #e5e5e5;
	font-size: 0.9em;
	line-height: 1.3em;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 5px;
	color: #666666;
}
.note{
	background-color: #f1f6f9;
	border: 1px solid #e1effa;
	font-size: 0.9em;
	line-height: 1.3em;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #2b6da0;
	background-image: url(../images/ico_paper.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}

.note-blue{
	background-color: #f1f6f9;
	border: 1px solid #e1effa;
	font-size: 1em;
	line-height: 1.3em;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #4d4d4d;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-top-right-radius: 7px;
		-o-border-top-right-radius: 7px;
		-icab-border-top-right-radius: 7px;
		-khtml-border-top-right-radius: 7px;	
		-moz-border-radius-topright: 7px;
		-webkit-border-top-right-radius: 7px;
	border-top-left-radius: 7px;
		-o-border-top-left-radius: 7px;
		-icab-border-top-left-radius: 7px;
		-khtml-border-top-left-radius: 7px;	
		-moz-border-radius-topleft: 7px;
		-webkit-border-top-left-radius: 7px;		
		-webkit-box-shadow: 2px -2px 2px #aaa;
		-khtml-box-shadow: 2px -2px 2px #aaa;
	
}
.note-blue h2{
	font-size: 1.4em;
	font-weight: lighter;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	color: #2b6da0;
	height: 36px;
	padding: 0px;
}
.note-blue img{
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;

}
.note-blue p{
	padding-left: 35px;
	padding-right: 10px;
	margin: 0px;
	padding-top: 0px;
	
}
.bg_gray{
	background-color: #edf4f9;
}
.top-dottedline{
	width: 90%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #d9d8d8;
}
.down-solidline{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddcdc;
	
}
.logo{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 46px;
	width: 850px;
	position: absolute;
	z-index: 100;
	left: 25px;
	}
.logo h1{
	font-size: 1em;
	font-weight: lighter;
	font-family: "Trebuchet MS", "Century Gothic", Verdana, Helvetica, sans-serif;
	padding-left: 220px;
	color: #838484;
	line-height: 1em;
}
#breadCrumb{
	padding-top: 5px;
	padding-bottom: 7px;
	font-size: 0.9em;
	color: #7eb317;
}
#breadCrumb a{
	color: #78923c;
	text-decoration: none;
}
#breadCrumb a:hover{
	color: #0997cc;
	text-decoration: underline;
}
/****** Pagination Links ******/
.pagination{
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	font-size: 1.2em;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 0.85em;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination li a, .pagination li a:visited{
padding: 0 5px;
border: 1px solid #dcdcdc;
text-decoration: none; 
color: #2e6ab1;
}

.pagination li a:hover, .pagination li a:active{
	border: 1px solid #849d04;
	color: #FFFFFF;
	background-color: #b5d60f;
	text-decoration: none;
}

.pagination a.currentpage{
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
	text-decoration: none;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
	text-decoration: none;
}

.pagination a.prevnext{
	font-weight: bold;
	text-decoration: none;
}
.pagination-right{
	float: right;
	font-size: 0.9em;
}
/****** Header Rightsidebar ******/
#cfnavbar{
	float: right;
	height: 23px;
	font-size: 0.8em;
	display: block;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	margin-right: 45px;
	_margin-right:20px;
//給IE6及以下版本看的(IE7不會識別此設定)
}
#cfnavbar .left-bg{
	width: 6px;
	float: left;
	display: block;	
}
#cfnavbar .right-bg{
	background-image: url(../images/rightcorner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#cfnavbar ul{
	padding: 0px;
	margin: 0px;
	float: left;
	
}

#cfnavbar ul li{
	display: inline;
	}
#cfnavbar ul li a{
	color: #631cba;
	text-decoration: none;
	padding-left: 11px;
	padding-right: 5px;
}
#cfnavbar ul li a:hover{
    color: #79A200;
	text-decoration: none;
	background-image: url(../images/resultset_next.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 11px;
	padding-right: 5px;
}

#cfnavbar:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
clear: both; 
visibility: hidden;
}
#submenu{
	float: right;
	height: 23px;
	width: 226px;
	font-size: 0.8em;
	padding-right: 30px;
	padding-left: 5px;
	display: block;
	background-image: url(../images/bg_top_link.gif);
	background-repeat: no-repeat;	
}
#submenu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#submenu li{
	display: inline;
}

#submenu a{
	color: #631cba;
	text-decoration: none;
	padding-left: 11px;
}
#submenu a:hover{
	color: #79A200;
	text-decoration: none;
	background-image: url(../images/resultset_next.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 11px;
}
a:link {
	color: #2665bc;
	text-decoration: underline;
}
a:visited {
	color: #2665bc;
	text-decoration: underline;
}
a:hover {
	color: #85bc26;
	text-decoration: none;
}

.gray-word-s{
	font-size: 0.9em;
	color: #7f7f7f;
}
/* Button */
a.ovalbutton{
	background: transparent url('../images/button-blue-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
	
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #65759e; /*button text color*/
font-weight: bold;
}

a.ovalbutton span{
background: transparent url('../images/button-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;

}

a.ovalbutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #2c437c;
	font-weight: bold;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden;
	width: 100%;
	
}