/* 
--------------------------------------------------------------- 
--------------------------------------------------------------- 
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;
}
/* start 網站全部 */
a{ 
	color: #000000;
	text-decoration: none;
}
a:link, a:visited {
	color: #0077a2;
	text-decoration: none;
}
a:hover, a:active {
	color: #2d67b1;
	text-decoration: underline;
}
body {
	font: 12px Arial, "細明體";
	color: #333333;
	text-align:left;
	background: url(../images/design/body.gif) no-repeat center top;
	margin:0px;
}
iframe{ 
	v:expression(this.src='about:blank', this.outerHTML='');
}
.msn {
	v:expression(); !important 
}
form{	
	margin: 0px;
}
h1{
	font-size: 15px;
	margin: 0px;
}
h2{
	font-size: 14px;
	margin: 0px;
}
h3 {
	font-size: 13px;
	margin: 0px;
}
h4 {
	font-size: 12px;
	margin: 0px;
}
img {
	border: 0;
}
.clear{
	clear: both;
}
/* end   網站全部 */
/* start 網站頭 */
.dLayuot{
	margin: 0px auto;
	width: 900px;
}
.dPersistent{
	text-align: left;
	position:absolute;
	top: 90px;
	margin-left: 900px;
}
#dHead{
	color: #FFFFFF;
	margin: 0px auto;
	height: 160px;
	width: 890px;
}
#dHead .left{
	float: left;
	display:inline;
	height: 160px;
	width: 205px;
}
#dHead .right{
	text-align: left;
	float: right;
	display:inline;
	height: 160px;
	width: 685px;
}
#dHead .logo{
	background: url(../images/design/dHead.logo.gif) no-repeat;
	position: absolute;
	padding-left:1px;
	z-index: -1;
	_padding-top: 3px;
}
#dHead .slogan{
	color: #9ec146;
	position: absolute;
}
#dHead .top{
	text-align: right;
	padding:0px;
	height: 35px;
}
/*#dHead .top img{
	float: right;
}
#dHead .top a{
	color: #1e82d7;
	text-decoration: none;
	margin-left: 10px;
	font-weight: bold;
}
#dHead .top a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}*/
#dHead .main{
	height: 55px;
}
#dHead .main img{
	float: left;
}
#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; }
					#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: #7641b7; }
		#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 */

#dHead .bottom {
	background:url(../images/design/dHead.bottom.gif) no-repeat;
	padding-top:25px;
	height: 45px;
}
#dHead .bottom img{
	float: left;
}
/* end   網站頭 */
/* start 網站身 */
#dBody{
	width: 870px; /*IE7 FF2*/
	margin: 0px auto;
	background:url(../images/design/dBody.png) repeat-y !important;
	padding: 10px 10px !important;
	background: #FFFFFF;
	_padding: 10px 0px; 
	_filter:alpha(opacity=40);
	_border-right: 10px solid #000000;
	_border-left: 10px solid #000000;
	height:100%;
}
/* end   網站身 */
/* start 網站左 */
#dLeft {
	_position:relative;
	float: left;
	display:inline;
	width: 180px;
	padding: 0px 5px 0px 10px;
	z-index:0;
}
/* end   網站左 */
/* start 網站右 */
#dRight {
	_position:relative;
	float: right;
	margin-right:10px;
	display:inline;
	width: 655px;
	background: #FFFFFF url(../images/design/dRight.gif) repeat-x left 29px;
	border: 5px solid #FFFFFF;
	z-index:0;
}
/* end   網站右 */
/* start 網站腳 */
#dFooter{
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;
	margin: 0px auto;
	padding: 10px 0px 10px;
	background: #FFFFFF;
	border-right: 10px solid #000000;
	border-bottom: 10px solid #000000;
	border-left: 10px solid #000000;
	width: 870px;
}
#dFooter .bottom {
	text-align:center;
	position: relative;
	font-weight: bold; 
	padding-top: 10px;
	border-top: 1px solid #497495;
}
#dFooter .bottom a {
	color: #676a52;
	text-decoration: none;
	margin-left: 10px;
}
#dFooter .bottom a:hover {
	color:#676a52;
	text-decoration: underline;
}
#dFooter .content{
	text-align:center;
	position: relative;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 10px;
}
#dFooter .author {
	color: #0e4083;
	text-align:center;
	font-size: 11px;
	padding-top: 10px;
}
#dFooter .author a {
	color: #0e4083;
	text-decoration: none;
}
#dFooter .author a:hover {
	color:#0e4083;
	text-decoration: underline;
}
/* end   網站腳 */
/* 
---------------------------------------------------------------
以上為排版設計專用樣式 
--------------------------------------------------------------- 
---------------------------------------------------------------
以下為菜單、分頁連結樣式
--------------------------------------------------------------- 
*/
.mRecord {
	color: #FF0000;
}
#mPagination {
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	margin: 0px 5px 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;
}
/* 
---------------------------------------------------------------
以上為菜單、分頁連結樣式
---------------------------------------------------------------  
---------------------------------------------------------------
以下為表單樣式
--------------------------------------------------------------- 
*/
.cButton{
	background: url(../images/design/cButton.png) no-repeat;
	height: 25px;
	width: 30px;
	border: 0;
	cursor:pointer;
}
.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: 70px;
	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;
}
/* 
---------------------------------------------------------------
以上為字體樣式
---------------------------------------------------------------  
*/