body {
   font-family: \5FAE\8EDF\6B63\9ED1\9AD4 , "Courier New" , Courier, monospace;
   font: 1em 80% Verdana, Arial, Helvetica, sans-serif;
   background: #fff;
   margin: 0;
   padding: 0;
   text-align: center;
   color: #333333;
}
body a:link {
   color: #0099CC;
   text-decoration: none;
}
body a:visited {
   color: #0099CC;
   text-decoration: none;
}
body a:hover {
   color: #00CCFF;
   text-decoration: none;
}
.upmenu {
   text-align: right;
   color: #0099CC;
   background: #000000;
   font-size: 10pt;
   padding: 5px 100px 5px 0px;
}
upmenu A:link {
   color: #0099CC;
   text-decoration: none;
}
upmenu A:visited {
   color: #44b6ff;
   text-decoration: none;
}
upmenu A:hover {
   color: #d861ff;
   text-decoration: none;
}
.UPtopic {
   line-height: 1em;
   font-weight: bold;
   text-align: right;
   vertical-align: middle;
   padding: 3px 0px 3px 0px;
}
.UPtable_content_search {
   border: #fff 1px solid;
   border-collapse: collapse;
   line-height: 1.5em;
   margin-top: 5px;
}
.UPtable_content_search td {
   border: #c5c5c5 1px solid;
   border-collapse: collapse;
}
.UPtable_content {
   line-height: 1.5em;
   margin-top: 5px;
   border: #fff 1px solid; /*border-bottom:#c5c5c5 1px solid;*/
   border-collapse: collapse;
}
.UPtable_content td {
   border: #c5c5c5 1px solid;
   border-collapse: collapse;
}
.UPtable_content_view {
   line-height: 1.5em;
   margin-top: 5px;
   border: #fff 1px solid; /*border-bottom:#c5c5c5 1px solid;*/
   border-collapse: collapse;
}
.UPtable_content_view td {
   border: #fff 0px solid;
   border: #fff 0px solid\9;
   _border: #c5c5c5 1px solid;
   *border:#c5c5c5 1px solid;
   border-collapse: collapse;
}
.UPtable_td_table td {
   border: #fff 0px;
   border-collapse: collapse;
}
.UPtable_td_table_buttom td {
   border: #039ad1 1px solid;
   border-collapse: collapse;
}
.topic {
   font-weight: bold;
   text-align: center;
   padding: 5px 0px 3px 0px;
   border-top: 1px solid #fff;
   border-bottom: 1px dotted #666666;
}
.topic_sub {
   background-color: #ecf6ff;
   color: #535353;
   text-align: center;
   padding: 3px 0px 3px 0px;
}
.table_content_home_topic {
   border: #fff 1px solid;
   border-collapse: collapse;
}
.table_content {
   line-height: 1.8em;
   margin-top: 5px;
   border: #fff 1px solid;
   border-collapse: collapse;
   vertical-align: top;
}
.table_content_home {
   line-height: 1.2em;
   margin-top: 5px;
   border: #fff 1px solid;
   border-collapse: collapse;
}
.table_content_home A:link {
   color: #666666;
   text-decoration: none;
}
.table_content_home A:visited {
   color: #666666;
   text-decoration: none;
}
.table_content_home A:hover {
   color: #00CCFF;
   text-decoration: none;
}
.twoColFixLtHdr #container {
   width: auto;
   background: #FFFFFF;
   margin: 0 auto;
   border: 1px solid #000000;
   text-align: left;
}
.twoColFixLtHdr #header {
   padding: 0 10px 0 20px;
}
.twoColFixLtHdr #header h1 {
   margin: 0;
   padding: 10px 0;
}
.twoColFixLtHdr #sidebar1 {
   float: left;
   width: 150px;
   padding: 15px 10px 15px 20px;
   height: auto;
}
.twoColFixLtHdr #mainContent {
   margin: 0 0 0 200px;
   padding: 0 20px;
}
.footer {
   padding: 10px 0px 20px 0px;
   font-size: 0.8em;
   line-height: 2em;
   color: #666666;
   text-align: center;
   border-top:1px solid #ccc;
}
.fltrt {
   float: right;
   margin-left: 8px;
}
.fltlft {
   float: left;
   margin-right: 8px;
}
.clearfloat {
   clear: both;
   height: 0;
   font-size: 1px;
   line-height: 0px;
}
.style2 {
   color: #0000CC;
}
.picture {
   text-align: center;
   padding: 5px 5px 5px 5px;
   border: 1px solid #dddddd;
   background: #fff;
}
.search td {
   border-top: #fff 1px solid;
   border-bottom: #c5c5c5 1px solid;
}
.search_left {
   line-height: 25px;
   height: 30px;
}
.search_right {
   line-height: 25px;
   height: 33px;
}
.search_left_td_title {
   border-right: #c5c5c5 1px solid;
}
.search_right_td_title {
   border-left: #c5c5c5 1px solid;
   border-right: #c5c5c5 1px solid;
}
.search_no_data {
   font-size: 1.5em;
   color: Red;
   text-decoration: underline;
}
.search_temp_data {
   text-decoration: underline;
}
search_temp_data A:link {
   text-decoration: underline;
}
search_temp_data A:visited {
   text-decoration: underline;
}
search_temp_data A:hover {
   text-decoration: underline;
}
.search_keyword_content {
   font-size: 0.8em;
   color: #838c91;
   border-right: dashed 0px #fff;
   border-top: dashed 0px #fff;
   border-left: dashed 0px #fff;
   border-bottom: dashed 1px #fff;
   text-align: center;
}
.bm_submit {
   border: #999999 1px solid;
   background-color: #f6f3e1;
   color: #000000;
   padding: 5px 5px 5px 5px;
   margin: 5px 5px 5px 5px;
}
/* ATTIE */
/*--- Global ---*/
.show_processing_layer {
   padding: 10px;
   position: fixed;
   top: 329px;
   left: 488px;
   z-index: 1;
   _top: expression(documentElement.scrollTop - this.offseHeight);
   _left: expression(documentElement.scrollWidth - this.offsetWidth);
   _position: absolute;
   _margin-top: 0;
}
/*--- Popup Calendar ---*/
.calendar {
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #663333;
	line-height: 20px;
	font-family: "新細明體";
	font-weight: normal;
	font-size: 10pt;
	font-style: normal;
}
.calendar a:visited {
   color: #663333;
	font-family: "新細明體";
	font-size: 10pt;
	text-decoration: none;
}
.calendar a:active {
	color: #3366FF;
	background-color: #CCCCCC;
	font-family: "新細明體";
	font-size: 10pt;
	text-decoration: none;
}
.calendar a:link {
   color: #663333;
	font-family: "新細明體";
	font-size: 10pt;
   text-decoration: none;
}
.calendar a:hover {
   color: #3366FF;
	font-family: "新細明體";
	font-size: 10pt;
	text-decoration: none;
}
/*--- JQuery Calendar ---*/
.date_selector, .date_selector * {
   width: auto;
   height: auto;
   border: none;
   background: none;
   margin: 0;
   padding: 0;
   text-align: left;
   text-decoration: none;
}
.date_selector {
   background: #F2F2F2;
   border: 1px solid #bbb;
   padding: 5px;
   margin: -1px 0 0 0;
   position: absolute;
   z-index: 100000;
   display: none;
}
.date_selector_ieframe {
   position: absolute;
   z-index: 99999;
   display: none;
}
.date_selector .nav {
   width: 17.5em; /* 7 * 2.5em */
}
.date_selector .month_nav, .date_selector .year_nav {
   margin: 0 0 3px 0;
   padding: 0;
   display: block;
   position: relative;
   text-align: center;
}
.date_selector .month_nav {
   float: left;
   width: 55%;
}
.date_selector .year_nav {
   float: right;
   width: 35%;
   margin-right: -8px; /* Compensates for cell borders */
}
.date_selector .month_name, .date_selector .year_name {
   font-weight: bold;
   line-height: 20px;
}
.date_selector .button {
   display: block;
   position: absolute;
   top: 0;
   width: 18px;
   height: 18px;
   line-height: 17px;
   font-weight: bold;
   color: #003C78;
   text-align: center;
   font-size: 120%;
   overflow: hidden;
   border: 1px solid #F2F2F2;
}
.date_selector .button:hover, .date_selector .button.hover {
   background: none;
   color: #003C78;
   cursor: pointer;
   border-color: #ccc;
}
.date_selector .prev {
   left: 0;
}
.date_selector .next {
   right: 0;
}
.date_selector table {
   border-spacing: 0;
   border-collapse: collapse;
   clear: both;
}
.date_selector th, .date_selector td {
   width: 2.5em;
   height: 2em;
   padding: 0;
   text-align: center;
   color: black;
}
.date_selector td {
   border: 1px solid #ccc;
   line-height: 2em;
   text-align: center;
   white-space: nowrap;
   color: #003C78;
   background: white;
}
.date_selector td.today {
   background: #FFFEB3;
}
.date_selector td.unselected_month {
   color: #ccc;
}
.date_selector td.selectable_day {
   cursor: pointer;
}
.date_selector td.selected {
   background: #D8DFE5;
   font-weight: bold;
}
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover {
   background: #003C78;
   color: white;
}
/*--- List Title ---*/
.list_title {
   background-color: #fff;
   font-weight: bold;
   text-align: center;
   padding: 15px 0px 3px 0px;
}
.list_title_sub {
   color: #535353;
   text-align: center;
   padding: 3px 0px 3px 0px;
}
/*--- Header ---*/
.header_title{
   background-image:url(../Img/bk_top_title2.jpg) ;
	background-repeat: repeat-x;
	/*padding-left:20px;*/
	width: 100%;
	font-size:16px;
	line-height:46px;
	font-weight:bold;
	
   /*
   border-bottom: 1px dotted #666666;
   border-collapse : collapse;
   font-weight: bold;
   line-height: 1.5em;
   margin-top: 5px;
   padding: 15px 0px 3px 0px;
   text-align: center;
   width: 95%;
    */
}
.header_title span, .header_title span span{ padding-left:10px;}
/*
#container #content h1 {
	background-image:url(../Img/bk_top_title.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:13px;
	line-height:46px;
	font-weight:normal;}
*/



/*--- Content ---*/
.content_search_disposure {
   color: #838383;
   font-weight: bold;
   padding: 10px 0px 5px 0px;
   text-align: center;
   width: 95%;
}
/*--- Search ---*/
.content_search_htmltable {
   border-collapse: collapse;
   border-style: solid;
   font-weight: bold;
   line-height: 1.5em;
   margin: 10px 0px 20px 0px;
   text-align: left;
   width: 95%;
}
.content_log_htmltable {
   border-collapse: collapse;
   border-style: solid;
   font-weight: bold;
   line-height: 1.5em;
   margin: 10px 0px 20px 0px;
   text-align: left;
   width: 95%;
}
/*--- View ---*/
.content_view_gridview {
   border: 1px solid #e1e6fb;
   border-collapse: collapse;
   line-height: 1.5em;
   margin: 10px 0px 10px 0px;
   width: 95%;
}
.content_view_gridview th {
   border: 1px solid #e1e6fb;
   border-collapse: collapse;
}
.content_view_gridview td {
   border: 1px solid #e1e6fb;
   border-collapse: collapse;
}
.content_view_gridview_pager {
   width: 95%;
}
.content_view_gridview_pager td {
   border-width: 0px;
}
/*--- Insert & Update ---*/
.content_insertandupdate_htmltable {
   border: #c5c5c5 1px solid;
   border-collapse: collapse;
   line-height: 1.5em;
   margin: 5px 0px 10px 0px;
   /*padding:5px;*/
   text-align: left;
   width: 95%;
}
.content_insertandupdate_htmltable td {
   border: #c5c5c5 1px solid;
   border-collapse: collapse;
}
/*--- IU_GridView & DetailView & HtmlTable ---*/
.content_insertandupdate_htmltable_sub {
   border: #ccc 1px solid; /* e1e6fb */
   border-collapse: collapse;
   line-height: 1.5em;
   /*margin: 20px 0px 10px 0px;*/
   text-align: left;
   width: 100%;
}

.content_insertandupdate_htmltable_sub:last-child{  margin-bottom : 5px;}

.content_insertandupdate_htmltable_sub th {
   border: #ccc 1px solid; 
   border-collapse: collapse;
   background : #eee;
}
.content_insertandupdate_htmltable_sub td {
   border: #ccc 1px solid;
   border-collapse: collapse;
}
/*--- IU_GridView & DetailView & HtmlTable - Sub HtmlTable Clear ALL CSS ---*/
.content_insertandupdate_htmltable_sub td table {
   border: #ccc 1px solid; /*#fff 1px solid;*/
}
.content_insertandupdate_htmltable_sub td table tr {
   border: #ccc 1px solid;
   padding: 5px 0px 2px 0px;
}
.content_insertandupdate_htmltable_sub td table td 
{
    
   border: #fff 1px solid;
}
/*--- IU_GridView & DetailView & HtmlTable & FieldSet HtmlTable ---*/
.content_insertandupdate_htmltable_sub_fieldset_htmltable {
   border: #e1e6fb 1px solid;
   border-collapse: collapse;
   line-height: 1.5em;
   padding-bottom: 10px;
   text-align: left;
   width: 95%;
}
.content_insertandupdate_htmltable_sub_fieldset_htmltable th {
   border: #e1e6fb 1px solid;
   border-collapse: collapse;
}
.content_insertandupdate_htmltable_sub_fieldset_htmltable td {
   border: #e1e6fb 1px solid;
   border-collapse: collapse;
}
#topMainAccordion 
{
   margin-left:10px;
}
#topAccordion
{
	font-weight:bold;
	moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding:5px;
	margin-top:5px;
	margin-left:10px;
	color: #FFFFFF;
	width:20%;
	float:left;
	
	background-color: #c5c5c5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#999999));
	background-image: -webkit-linear-gradient(top, #c5c5c5, #999999);
	background-image: -moz-linear-gradient(top, #c5c5c5, #999999);
	background-image: -ms-linear-gradient(top, #c5c5c5, #999999);
	background-image: -o-linear-gradient(top, #c5c5c5, #999999);
	background-image: linear-gradient(to bottom, #AB722F, #815117);
}
#topAAccordion
{
	cursor:pointer;
	font-weight:bold;
	moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding:5px;
	margin-top:5px;
	margin-left:10px;
	color: #B5B5B5;
	width:20%;
	float:left;
	
	background-color: #c5c5c5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#ededed));
	background-image: -webkit-linear-gradient(top, #c5c5c5, #ededed);
	background-image: -moz-linear-gradient(top, #c5c5c5, #ededed);
	background-image: -ms-linear-gradient(top, #c5c5c5, #ededed);
	background-image: -o-linear-gradient(top, #c5c5c5, #ededed);
	background-image: linear-gradient(to bottom, #EAEAEA,#EAEAEA);
}
#topAAccordion a
{
	color:#7f7f7f;
}
/*-------test tab css---------*/
            #container {
                margin: 0 auto;
                width: 95%
                /*margin-top: 50px;*/
            }
            #tabul {
                padding: 0;
                margin: 0;
                padding: 5px 0;
                z-index: 10;
            }
            #tabul li {
                display: inline;
                -webkit-border-radius: .3em .3em 0 0;
                -moz-border-radius: .3em .3em 0 0;
                border-radius: .3em .3em 0 0;
                cursor: pointer;
            }
            .ntabs {
                background: #BDC7D5;
                margin-right: 1px;
                font-size: 11px;
                font-weight: bold;
                color: #333;
                border: 1px solid #BDC7D5;
                padding: 5px 3px 5px 8px;
            }
            .add {
                padding: 5px 8px;
            }
            #addtab {
                font-size: 16px;
                text-decoration: none;
                position: relative;
                top: 2px;
                color: #333;
            }
            #addtab:hover {
                color: #999;
            }
            .ctab {
                background: #E7EDF6;
                position: relative;
                top: 2px;
                border-bottom-width: 0;
            }
            .close {
                text-decoration: none;
                color: #999;
                font-weight: bold;
                font-size: 14px;
                padding: 0 4px;
                -webkit-border-radius: .2em;
                -moz-border-radius: .2em;
                border-radius: .2em;
            }
            .close:hover {
                background: #999;
                color: #333;
            }
            #tabcontent {
	        z-index: -10;
                position: relative;
                top: -1px;
                border: 1px solid #BDC7D5;
                background: #E7EDF6;
                padding: 10px;
                text-align: center;
                font-weight: bold;
                color: #666;
                font-size: 24px;
            }
/*--- site menu----*/
#nestedAccordion{
	width:212px;
	text-align:left;
}
#nestedAccordion h2, #nestedAccordion h3, 
#nestedAccordion div, #nestedAccordion ol, 
#nestedAccordion li{
	/* reset styles for accordion */
	margin:0;
	padding:5px;
	font-size:16px;
	font-weight:normal;
	list-style:none;
}
#nestedAccordion div{
	display:none;
	color:#555;
	overflow:hidden;
}
#nestedAccordion h2{
	cursor:pointer;
	color:#333;
	font-weight:bold;
	moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding:5px;
	margin-top:5px;
	
	background-color: #c5c5c5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#ededed));
	background-image: -webkit-linear-gradient(top, #c5c5c5, #ededed);
	background-image: -moz-linear-gradient(top, #c5c5c5, #ededed);
	background-image: -ms-linear-gradient(top, #c5c5c5, #ededed);
	background-image: -o-linear-gradient(top, #c5c5c5, #ededed);
	background-image: linear-gradient(to bottom, #c5c5c5, #ededed);
	/*
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ededed));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #ededed);
	background-image: -moz-linear-gradient(top, #f5f5f5, #ededed);
	background-image: -ms-linear-gradient(top, #f5f5f5, #ededed);
	background-image: -o-linear-gradient(top, #f5f5f5, #ededed);
	background-image: linear-gradient(to bottom, #f5f5f5, #ededed);	*/
}
#nestedAccordion h3
{
    padding-left:10px;
	cursor:pointer;
	padding:5px;
	color: #666;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ddd));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #ddd);
	background-image: -moz-linear-gradient(top, #f5f5f5, #ddd);
	background-image: -ms-linear-gradient(top, #f5f5f5, #ddd);
	background-image: -o-linear-gradient(top, #f5f5f5, #ddd);
	background-image: linear-gradient(to bottom, #f5f5f5, #ddd);

}
#nestedAccordion h3:hover{
	color:#000;
}
#nestedAccordion h3 + div{
	background-color:#F5F5F5;
	/*padding:5px 5px 5px 5px;*/
}
#nestedAccordion li:hover{
	color:#000;
	cursor:pointer;
}
input[type='submit'], input[type='button'] { 
    /*background-image: url("../Img/bk_add_button.jpg");
    background-color: #444;*/
    border: 1 solid #ac5352;
    /*color: #FFFFFF;*/
    font-size: 14px;
    height: 32px;
   /* width: 85px; */   
    margin-top: 5px;
    margin-left: 5px;    
 } 

/*-------TWzipcode--------*/
.TWzipcodeNone {display: none}
/*-------鄉鎮市區--------*/

.tableNOborder
{
    border-style: none;
    border-width: 0px;
}
.tableNOborder td
{
    border-style: none;
    border-width: 0px;
    padding-right: 10px;
    padding-left: 10px;
}