/* 
--------------------------------------------------------------- 
--------------------------------------------------------------- 
NIM Admin Version 1.0

class.display.php

d  開頭為排版設計專用樣式   
	 如 #dHead

   銜接於ID標籤內的樣式，表達方式，以#dHead為例，取#d-之後的第一個英文單字 
	 如.left

  全部樣式皆可自由更改，但皆不得刪除，以免造成網站變形  
---------------------------------------------------------------
以下為排版設計專用樣式 
--------------------------------------------------------------- 
*/
.test{
	text-align: left;
	vertical-align: bottom;
	padding: 5px 0px 5px 5px;
	margin: 166px 0px 0px 300%;
	position: absolute;
	bottom: 30px;
	height: 40px;
	width: 900px;
	background: url(../images/design/dFooter.gif) no-repeat center;
	left: auto;
	right: auto;
	word-spacing: 5em;
	border-bottom: 1px solid #FFFFFF;
	letter-spacing: 1px;
}
/* start 網站全部 */
a{ 
	color: #333333;
	text-decoration: none;
}
a:link, a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover, a:active {
	color: #990000;
	text-decoration: underline;
}
body {
	font: 13px Arial, "細明體";
	color: #333333;
	text-align:left;
	background: #0c6591 url(../images/design/body.gif) repeat-x;
	margin:28px 0px 0px;
}
form{	
	margin: 0px;
}
h1{
	font-size: 16px;
	margin: 0px;
}
h2{
	font-size: 15px;
	margin: 0px;
}
h3 {
	font-size: 14px;
	margin: 0px;
}
h4 {
	font-size: 13px;
	margin: 0px;
}
img {
	border: 0;
}
.clear{
	clear: both;
}
/* end   網站全部 */
/* start 網站頭 */
.dLayuot{
	text-align: right;
	padding-left: 910px;
	margin: 0px auto;
	height: 0px;
	width: 0px;
}
.dPersistent{
	text-align: left;
	position:absolute;
	top: 600px;
}
#dHead{
	color: #FFFFFF;
	margin: 0px auto;
	height: 123px;
	width: 900px;
	background: url(../images/design/dHead.gif) repeat-x;
}
#dHead .left{
	float: left;
	background: url(../images/design/dHead.left.gif) no-repeat left top;
	height: 123px;
	width: 261px;
}
#dHead .right{
	text-align: left;
	float: right;
	background: url(../images/design/dHead.right.gif) no-repeat right top;
	height: 123px;
	width: 639px;
}
#dHead .logo{
	position: absolute;
	z-index: 1;
	margin: 35px 0px 0px 31px;
}
#dHead .slogan{
	color: #9ec146;
	position: absolute;
	z-index: 2;
	margin: 10px 0px 0px 105px;
}
#dHead .top{
	color: #999999;
	text-align: right;
	padding: 15px 16px 0px 0px;
	height: 17px;
}
#dHead .top img{
	float: right;
	margin-left: 5px;
}
#dHead .top a{
	color: #999999;
	text-decoration: none;
	margin-left: 10px;
}
#dHead .top a:hover{
	color: #FF0000;
	text-decoration: underline;
}
#dHead .main{
	padding: 34px 0px 0px;
	height: 32px;
}
#dHead .main img{
	float: left;
	z-index: 0;
}
#drop { z-index: 100; display: block; margin: 0px; padding: 0px; position: relative; }
	#drop li { display: block; list-style: none; margin: 0px; padding: 0px; float: left; position: relative; }
	#drop a { display: block; background: #FFFFFF; }
		#drop ul { display: none; position: absolute; left: 0; margin: 0px; padding: 0px; }
		* html #drop ul { line-height: 0px; } /* IE6 "fix" */
				#drop ul a { zoom: 1; } /* IE6/7 fix */
				#drop ul li { float: none; margin: 1px 0px 0px 3px; }
					#drop ul ul { top: 0; }
/* Essentials - configure this */
	#drop ul { width: 130px; }
		#drop ul ul { left: 131px; }
/* Everything else is theming */
#drop { background: #FFFFFF; }
#drop *:hover { background: none; }
#drop a { color: #000000; font-size: 12px; padding: 0px; line-height: 1; }
	#drop li.hover a { background: #FFFFFF; }
		#drop ul { top: 31px; }
		#drop ul a.hover {background: #FFFFFF;;opacity: 0.8; filter: alpha(opacity=80);}
		#drop ul a { border-bottom: 1px solid #000000; border-right: none; opacity: 0.8; filter: alpha(opacity=80); }
			#drop ul li a { background: #FFFFFF; padding: 6px; }
/* #drop ul a { border-bottom: none; } - I also needed this for IE6/7 */
/* end   網站頭 */
/* start 網站身 */
#dBody{
	width: 884px;
	background: #FFFFFF;
	margin: 0px auto;
	padding: 8px;
	scrollbar-face-color:#f3f3f4; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#FFFFFF; 
  scrollbar-darkshadow-color:#FFFFFF; 
	scrollbar-shadow-color:#FFFFFF; 
	scrollbar-arrow-color:#666666; 
  scrollbar-track-color:#FFFFFF; 
}
/* end   網站身 */
/* start 網站左 */
#dLeft {
	float: left;
	width: 223px;
	display: inline;
	background: #FFFFFF;
}
/* end   網站左 */
/* start 網站右 */
#dRight {
	float: right;
	width: 653px;
	display: inline;
	padding-left: 8px;
	background: #FFFFFF;
}
/* end   網站右 */
/* start 網站腳 */
#dFooter{
	color: #72a847;
	background: url(../images/design/dFooter.gif) repeat-x;
	margin: 10px auto 0px;
	height: 60px;
}
#dFooter .bottom {
	padding-top: 5px; 
}
#dFooter .bottom a {
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 10px;
}
#dFooter .bottom a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}
#dFooter .content{
	letter-spacing: 1px;
	font: 12px Helvetica;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
}
#dFooter .author {
	color: #2c451e;
	font-size: 11px;
	text-align: center;
	padding-top: 10px;
}
#dFooter .author a {
	color: #2c451e;
	text-decoration: none;
}
#dFooter .author a:hover {
	color:#2c451e;
	text-decoration: underline;
}
/* end   網站腳 */
/* 
---------------------------------------------------------------
以上為排版設計專用樣式 
--------------------------------------------------------------- 
---------------------------------------------------------------
以下為菜單、分頁連結樣式
--------------------------------------------------------------- 
*/
.mRecord {
	color: #FF0000;
}
#mPagination {
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	margin: 0px 0px 5px;
}
#mPagination .mPaginationNavigation {
	float: left;
	overflow: hidden;
	background: #EEEEEE;
	padding: 0px 3px;
	margin: 5px 5px 5px 0px;
	border: 1px solid #999999;
	height: 20px;
}
#mPagination .mPaginationList{
	float: left;
	overflow: hidden;
	background: #EEEEEE;
	padding: 0px 6px;
	margin: 5px 5px 5px 0px;
	border: 1px solid #999999;
	height: 20px;
}
#mPagination .mPaginatioHover{
	color: #999999;
	float: left;
	overflow: hidden;
	background: #CCCCCC;
	padding: 0px 6px;
	margin: 5px 5px 5px 0px;
	border: 1px solid #990000;
	height: 20px;
}
/* 
---------------------------------------------------------------
以上為菜單、分頁連結樣式
---------------------------------------------------------------  
---------------------------------------------------------------
以下為表單樣式
--------------------------------------------------------------- 
*/
.button{
	font-size: 11px;
	color: #666666;
	background: url(../images/model/button.gif) no-repeat;
	margin-top: 5px;
	margin-right: 3px;
	margin-left: 3px;
	height: 25px;
	width: 60px;
	border: 0;
	cursor:pointer;
}
.text{
	font-size: 13px;
	font-family: "細明體";
	color: #666666;
	background: url(../images/model/text.gif) repeat-x top;
	border: 1px solid #c0bbb4;
	height: 13px;
	padding-top: 3px;
}
.select{
	font-size: 13px;
	font-family: "細明體";
	color: #666666;
	border: 1px solid #c0bbb4;
}
.textarea{
	font-size: 13px;
	font-family: "細明體";
	color: #666666;
	background: #FFFFFF url(../images/model/text.gif) repeat-x top;
	border: 1px solid #c0bbb4;
	padding-top: 5px;
}
/* 
---------------------------------------------------------------
以上為表單樣式
---------------------------------------------------------------  
---------------------------------------------------------------
以下為字體樣式
--------------------------------------------------------------- 
*/
.red{
	color: #FF0000;
}
.orange{
	color: #FF9900;
}
.yellow{
	color: #FFFF00;
}
.green{
	color: #009900;
}
.blue{
	color: #DDEDEE;
}
.purple{
	color: #660099;
}
.white{
	color: #FFFFFF;
}
.grey{
	color: #CCCCCC;
}
.black{
	color: #000000;
}
/* 
---------------------------------------------------------------
以上為字體樣式
---------------------------------------------------------------  
*/