*  {  font-size:  10pt; font-family: Verdana, Arial, Sans-Serif;   }     

/*------------------------------------
	Reset
-------------------------------------------*/

body {  margin:0; padding:0;   }

h1, h2, h3, h4, div, a, form, ul, ol, li {  margin: 0; padding: 0;  }     
img, input, select, a  {  vertical-align: middle;  }
a img { border:0;  }



/*------------------------------------
	Common
-----------------------------------------*/




/* Layout */
#side {  float: left; width: 220px; background: url(images/side_bg.png) repeat-y;  }
#main { margin-left: 220px; }

/*Style*/

#header {  margin-left: 220px; *margin-left:0; border-bottom: 1px solid #CCC; }
.header_h {  height:59px; _height: 61px;  }
#footer     
{
	border-top: 1px solid #CCC; 	
	height: 27px; line-height: 27px; 
	text-align: center; 
	background: url(images/breadcrumb.png) repeat-x;  
	color: #999;
	 }
.footer_h  {  height: 27px; line-height: 27px;  }

/*---Block---*/

h1.gov a  {  display: block; margin-top: -1px; width: 218px ; height:  59px; text-indent: -9999px; background: url(images/logo_nlsc.png) no-repeat; }
h1.sys a  {  display: block;  margin-top: -1px; width: 350px; height: 59px; text-indent: -9999px; background: url(images/logo_title.png) no-repeat; }

h2 /*頁面標題*/  
{
	/*margin-bottom: 20px;*/
	border-bottom: 1px solid #DDD;
	height: 40px;	line-height:40px;
	font-size: 16pt;
	font-weight: bold;
	color:  #2c84d1;
	background: url(images/h2_icon.png)  0  50%  no-repeat; text-indent: 30px;
	 }

h3 
{
	margin: 10px 0 5px 0;
	padding: 0 0.5em;
	line-height: 25px;
	background: #c5e5f9;
	/*font-weight: normal;*/
	color: #069;
	}


#user    
{
	margin-top: 30px; margin-right: 2px; 
	padding: 10px;  padding-left: 70px;
	border-bottom: 1px solid #CCC;
	line-height: 150%;
	background: url(images/avatar.png) 10px  50% no-repeat;
	}
	
#user .name   { color: #C09; font-weight: bold;  }	
#user .group  { color: #06C; font-weight: bold;  }
  	

#menu   
{
	margin-right: 2px;  
	border-top: 1px solid #FFF;  
	}
#menu ul   
{
	margin:0 /*IE6,IE7*/ ;     margin: 10px 0; 
	padding: 0 /* IE8,Firefox3,Google*/;  padding-left  : 1em;   
	}
#menu li    
{
	margin-right:-2px;
	list-style-type: none; 
	font-weight: normal;
	 }
	 
#menu li.title   
{
	margin-left: 4em;
	background: url(images/list_title.gif) 0 0 no-repeat; 
	text-indent: 2.5em; 
	color: #69C; font-weight: bold;
	 }
#menu li a   
{
	display: block;
	height: 26px; line-height: 26px;  
	text-decoration: none;
	color: #005a8c;
	 }
	 
#menu li a:hover   
{
	background: url(images/menu_hover.gif) 50% 100% no-repeat;
	color: #000;
	 }
#menu li a.on 
{
	background: url(images/menu_on.gif) 50% 100% no-repeat;
	color: #FFF;
	 }	 

/*--------------------------

-------------------------------*/

html,body { 
  background:url(nothing.txt) white fixed; /* prevent screen flash in IE6 */
  margin:0; padding:0;
}

#breadcrumb 
{
	display: block; 
	_width: 74%; /*--IE6 --*/
	padding-right: 240px;
	position:fixed; top:0;
	_position: absolute; /* position fixed for IE6 */
	 _top:expression(documentElement.scrollTop+"px");
	 z-index:1;
}

#content_page {   text-align: left;   }

#breadcrumb   
{
	padding-left: 1em;  
	height: 27px; 
	line-height: 27px;  _padding-top/*修正IE6以下行距*/: 4px;
	background: url(images/breadcrumb.png) repeat-x ;
	color: #999;
	 }
	 
#content_main  
{
	padding: 5px; padding-top: 32px;
	background-image: url(images/breadcrumb.png) ;
	background-position: 0 0; 
	background-attachment: fixed;
	background-repeat: repeat-x; 
	line-height: 180%  ;
	}	 


/*--------------------------------
	BTN
------------------------------*/

/*--- Default ---*/

    .btnViewCart   a
{
	float: right;
	display: block; 
	width: 199px;  height: 46px;
	margin-top: 15px; 
	background: url(images/btnGoCart.png) no-repeat;
	text-indent: -9999px;
	}
    .btnViewCart   a.on
{
	background-position: 0 100%;
	}	


/*.btnBlock {  padding: 8px; background: #ffefad;  }*/ 
.btnBlock {  padding: 8px; margin-bottom: 15px;  text-align: center;   /*background: #ffefad; */ }

.btnBlock input {  padding: 2px 3px; border: 1px ridge #999; background: #EDEDED;  }

.btnBlock .send {  background: #fff0b3; color: #000;  }
.btnBlock .send:hover {  background: #6b4c31;  color:#FFF; cursor: pointer;  }


/*------*/


input.Item   
{
	height: 24px; line-height: 24px;
	padding: 0;
	border: 1px solid #999;  
	background: url(images/btnItemBG.gif) 0 0 repeat-x ;
	 }
	 
input.Item:hover 
{
	cursor: pointer;
	border: 1px solid #069;  
	background: url(images/btnItemBG.gif) 0 -25px repeat-x ;
	color: #FFF;
	}

input.ItemOn   
{
	height: 24px; line-height: 24px;
	padding: 0;
	border: 1px solid #069;  
	background: url(images/btnItemBG.gif) 0 -50px repeat-x ;
	color: #FFF;
	 }	 
	 
input.text 
{
	border: 1px solid #CCC; /*color: #CCC;*/
	}	 

input.btnQuery
{
	margin: 20px 0;
	padding: 5px 10px;
	}
	
	
.CheckOn, .RadioItem  {  cursor: pointer;  }	
.CheckOn label   {  color: Blue; font-weight: bold;  }		
.CheckOff:hover label  {  color: #000;  }		
.CheckOn input.text  {  border: 1px solid #CCC;  color: #000; }		

.keyin {  border: 1px solid #CCC; color: Blue  }

/*填寫申購單*/
.btnBuy
{
	display: block; width: 158px; height: 31px; 
	background: url(images/btnGoBuy.png) no-repeat;   
	text-indent: -9999px;
	}
.btnBuyDG 
{
	display: block; width: 202px; height: 31px; 
	background: url(images/btnGoBuyDG.png) no-repeat;   
	text-indent: -9999px;
	}
.btnBuyDRAW
{
	display: block; width: 202px; height: 31px; 
	background: url(images/btnGoBuyDRAW.png) no-repeat;   
	text-indent: -9999px;
	}
/*清空表格資料*/
.btnClearAll {  border: 1px solid #FFF;  background: #900; color: #FFF;  }

/*登出*/
.btn_logout { padding: 2px 5px; background: #369; color: #FFF;  }

/*-- 翻頁 --*/

/*
a.first,
a.pre,
a.next,
a.last 
{
	display: block; width: 21px; height: 18px;  text-indent: -999px;
	}
	
a.first  {   background: url(images/PagerFirst.gif) no-repeat;  }
a.pre  {   background: url(images/PagerPrevious.gif) no-repeat;  }
a.next  {   background: url(images/PagerNext.gif) no-repeat;  }
a.last {   background: url(images/PagerLast.gif) no-repeat;  }

div.pager a , div.pager select, div.pager b  {  float: left  }
*/

/*------------------------------
		2266
---------------------------------------*/

/*--- 查詢可申購圖資 --*/
ul#QueryByWhat li { list-style-type: none;   color: #666;  }

small {  font-size: 8pt;  }
small.note {  color: #666;  }
#target {  padding: 0.5em; margin-bottom: 5px; background: #EEE;  }

#QueryByWhat .CheckOff .Field {  /*display: none; */ }
#QueryByWhat .CheckOn .Field {  /*display: ;*/  }



#table1 { /*height: 200px;*/ overflow: hidden; overflow-y: scroll;   }
#table1 { /*height: 200px;*/ overflow: hidden; overflow-y: scroll;   }

#block1 { /*height: 200px;*/ overflow: hidden;    }
#block2 { /*height: 200px;*/ overflow: hidden;   }

div.btnOption {   height: 40px; line-height: 40px; background: url(images/function_bg.gif) repeat-x;  }


.table-view {  width: 100%;  }
.table-view caption { height:30px; line-height:30px; border: 1px solid #C93; background: url(images/tab_caption.png) repeat-x; font-weight: bold; color: #333; text-align: center; text-indent: 1em;  }
.table-view th {  border-left: 1px solid #FFF; border-right: 1px solid #CCC; background: url(images/table_header.gif) repeat-x; font-weight: normal;  }
.table-view th, .table-view th a { color: #369;  }
.table-view td a {  color: #36C; text-decoration: underline;  }
.table-view .row-item td {  background: #FFF; }
.table-view .row-alter td {  background: #F6F6F6; }
.table-view .row-item:hover td,
.table-view .row-alter:hover td 
{
	background: #d9efff;  /*font-weight: bold; */ color: #039; 
	}
.table-view .row-selected td {  background: #ffec9d; }	
.table-view .row-foot td {  background: #ddf1ff; }	

.table-view .row-empty td
{
	padding: 10px;
	color: Red;
	text-align: left;
	/*background: #EEE;*/
	}

.table-view  a {  color: Blue   }

.table-view th, .table-view  td { border-bottom: 1px solid #CCC;  text-align: center;  }
.table-view input {  cursor: pointer;  }


/*--- btnOption ---*/ 

div.btnOption {  border-bottom: 1px solid #CCC;  }
div.btnOption {   height: 40px; line-height: 40px; background: url(images/function_bg.gif) repeat-x;  }
div.btnOption input {  padding: 2px 5px; border: 1px outset #069;  background: #069;  color: #FFF; font-weight: bold; cursor: pointer;  }


div.pager {  border: 1px solid #CCC; border-width: 1px 0;  }
div.btnOption , div.pager { padding: 0 1em;  }

div.pager  {  height: 30px; line-height: 30px; /* text-align:right; */  }
div.pager select {  font-size: 8pt;   }

div.pager, #block1, #block2  { background: #EEE;  }

td.dataName {  text-align: left; }

/*--- Table Pager  ----*/


.table-pager {   background: #EDEDED  }
.table-pager table td { border:0; font-weight: bold; line-height: 150%;  }
.table-pager table td a 
{
	display: block; padding: 0 5px; 
	border: 1px solid #999;
	background: #FFF; color:#999;  text-decoration: none;   }
.table-pager table td a:hover  
{
	border: 1px solid #369; color: #369; }
.table-pager table td span {  display: block; padding: 0 5px;  border: 1px solid #369; font-weight: bold; color: White; background: #369;  }

/*------------------------*/

.fill-form {  width: 100%;  }
.fill-form th, .fill-form td {  padding: 3px 5px;  border-bottom: 1px dashed #CC9;   }
.fill-form th {  width: 7em;  color: #666; text-align: right; font-weight: normal; vertical-align: top;  }
.fill-form td {  color: #069;  }

.fill-form .text{  width: 20em; border: 1px solid #AAA; color: #069;  }

.fill-form table td { margin: 0;  padding:0; border:0;  }


.fill-form caption { height:30px; line-height:30px; background: url(images/tab_caption.png) repeat-x; font-weight: bold; color: #C93; text-align: left; text-indent: 1em;  }


/*----------------------
    查詢申購案件
------------------------*/
.SendQuery {background: #EFEFEF; }
.SendQuery ul { width: 550px; margin: 0 auto; }
.SendQuery li { list-style-type: none; line-height: 200%; }
.SendQuery li label { width: 5em; text-align: right; }
.SendQuery .btnBlock { width: 550px; margin: 0 auto; background: none;  }

.date {  width: 7.5em; border: 1px solid #CCC;   }
.calendar { width: 16px; height: 16px; margin-left: -2em; border: 0; background: url(images/calendar.png) 0 50%; }

/*------------------*/

.hide { display : none }
.left { text-align: left; }