BODY {

 SCROLLBAR-Base-COLOR: #66cc66;
 SCROLLBAR-Face-COLOR: #cccc66;
 SCROLLBAR-ARROW-COLOR: #668822;

 SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
 SCROLLBAR-SHADOW-COLOR: #e0e0e0;
 SCROLLBAR-3DLIGHT-COLOR: #a0a0a0;
 SCROLLBAR-DARKSHADOW-COLOR: #404040;
/*
 SCROLLBAR-TRACK-COLOR: #f7f7f7;
*/

 FONT-SIZE: 10pt;

 BACKGROUND: #ffffff;
 COLOR: #000000;

 LINE-HEIGHT: normal; 
 MARGIN-TOP: 0px;
 MARGIN-LEFT: 0px;
 MARGIN-RIGHT: 0px;
 MARGIN-BOTTOM: 0px;
 FONT-STYLE: normal;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 TEXT-DECORATION: none
 }
.cssfont08i {  font-family:arial;font-size: 8pt;  line-height: 10pt ; letter-spacing:0pt}

.cssfont09i {  font-family:arial;font-size: 9pt;  line-height: 10pt ; letter-spacing:0pt}

.cssfont07 {  font-family:arial;font-size: 7pt;  line-height: 9pt ; letter-spacing:0pt}
.cssfont08 {  font-family:arial;font-size: 8pt;  line-height: 12pt ; letter-spacing:0pt}
.cssfont09 {  font-family:arial;font-size: 9pt;  line-height: 12pt ; letter-spacing:0pt}
.cssfont10 {  font-family:arial;font-size: 10pt; line-height: 14pt ; letter-spacing:0pt}
.cssfont11 {  font-family:arial;font-size: 11pt; line-height: 15pt ; letter-spacing:1pt}
.cssfont12 {  font-family:arial;font-size: 12pt; line-height: 18pt ; letter-spacing:1pt}
.cssfont28 {  font-family:標楷體;font-size: 28pt; line-height: 28pt ; letter-spacing:1pt}
.cssfontmenu {  font-family:verdana; font-size: 9pt;  line-height: 11pt ; letter-spacing:0pt}

.cssfontheader {  font-family:verdana; font-size: 8pt;  line-height: 12pt ; letter-spacing:0pt}


.content_01 {  font-family:arial;font-size: 11pt; line-height: 14pt ; letter-spacing:0pt}

.cssfont_verdana {  font-family:verdana;font-size: 8pt;  line-height: 10pt ; letter-spacing:0pt}
.titlecolor_a {  color:#a05090 }


.titlefont_1 { 
 font-family:arial; 
 font-size: 12pt; 
 line-height: 18pt;
 COLOR: #a05090;
 letter-spacing:1pt
}



.ol_imgdir_01 {	LIST-STYLE-IMAGE: url(images/icon_dir_o_1.gif); LIST-STYLE-TYPE: square}
H1 {	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #999999; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
H2 {	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #999999; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
H3 {	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.field {	FONT-WEIGHT: normal; FONT-SIZE: 11px; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif}
.submit {	FONT-WEIGHT: normal; FONT-SIZE: 11px; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif}
.butn {	BORDER-RIGHT: #cc8800 3px solid; BORDER-TOP: #f08080 3px solid; FONT-SIZE: 12pt; BACKGROUND: #fff0c0; BORDER-LEFT: #f0a0a0 3px solid; CURSOR: hand; COLOR: #000066; BORDER-BOTTOM: #ff9900 3px solid; HEIGHT: 25px; TEXT-DECORATION: none}
.drpdwn {FONT-SIZE: 14pt; COLOR: #fff0c0; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #3030d0}


tr.bar_a {
 BACKGROUND: #993399;
 COLOR: #fffddd;
 }

tr.bar_ptn {
 BACKGROUND-image: url("images/ptn_gradient_h30_w01.gif");
 BACKGROUND: #909090;
 FONT-WEIGHT: bold;

 COLOR: #909090;
 }



tr.bar_a01 {
 BACKGROUND: #d0d0d0;
 COLOR: #000000;
 }

tr.bar_a02 {
 BACKGROUND: #f0f0f0;
 COLOR: #404040;
 }

tr.content_02 {
 COLOR: #404040;
 }

tr.content_03 {
 COLOR: #404040;
 FONT-SIZE: 18pt
 }


TABLE.bottomline td {
 BORDER-BOTTOM: #b0b0b0 1px solid;
 }

TABLE.bottomline_d0 td {
 BORDER-BOTTOM: #d0d0d0 1px solid;
 }

TABLE.bottomline_white td {
 BORDER-BOTTOM: #ffffff 1px solid;
 }

TABLE.bottomline_1 td {
 BORDER-BOTTOM: #ffd0d0 1px solid;
 }


.bg {  background-repeat: no-repeat}

.bg_rightbottom {  

background-position:right bottom;
background-repeat:no-repeat


}



.input_login {
 BORDER-BOTTOM: #00ddff 1px solid;
 BORDER-RIGHT: #00bbff 1px solid;
 BORDER-LEFT: #0055ff 1px solid;
 BORDER-TOP: #0033ff 1px solid;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 10pt;
 BACKGROUND: #fffddd;
 COLOR: #000000;
 HEIGHT: 18px;
 TEXT-DECORATION: none}


.input_a {
 BORDER-BOTTOM: #00ddff 1px solid;
 BORDER-RIGHT: #00bbff 1px solid;
 BORDER-LEFT: #0055ff 1px solid;
 BORDER-TOP: #0033ff 1px solid;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 10pt;
 BACKGROUND: #ffffff;
 COLOR: #000000;
 HEIGHT: 18px;
 TEXT-DECORATION: none}

.input_b {
 BORDER-BOTTOM: #a030f0 1px solid;
 BORDER-RIGHT: #a000e0 1px solid;
 BORDER-LEFT: #a00030 1px solid;
 BORDER-TOP: #c00050 1px solid;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 10pt;
 BACKGROUND: #fffccc;
 COLOR: #000000;
 HEIGHT: 18px;
 TEXT-DECORATION: none}

.input_ping {
 BORDER-BOTTOM: #f05090 1px solid;
 BORDER-RIGHT: #f05090 1px solid;
 BORDER-LEFT: #a03090 1px solid;
 BORDER-TOP: #a03090 1px solid;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 10pt;
 BACKGROUND: #ffffff;
 COLOR: #000000;
 HEIGHT: 18px;
 TEXT-DECORATION: none}


TD {
 FONT-SIZE: 10pt;
   }




A:link {
	text-decoration: underline;
	color: #9030e0; 
        }

A:visited {
	text-decoration: underline;
	color: #007090; 
        }

A:hover {
	text-decoration: none;
	color: #ffffff;
        Background: #009090;
     
        }


.a_1 { 
	color: #909090;
        }

#a_1 A:link {
	text-decoration: underline;
	color: #f0f0f0; 
        }

#a_1 A:visited {
	text-decoration: underline;
	color: #a0f0f0; 
        }

#a_1 A:hover {
	text-decoration: none;
	color: #f0a0f0;
        }





.a_2 { 
	color: #000000;
        }

#a_2 A:link {
	text-decoration: underline;
	color: #00f0ff; 
        }

#a_2 A:visited {
	text-decoration: underline;
	color: #ffc0c0; 
        }

#a_2 A:hover {
	text-decoration: none;
	color: #ffdd00;
        }










INPUT {
	FONT: 9pt Arial
}
SELECT {
	FONT: 9pt Arial
}
TEXTAREA {
	FONT: 9pt Arial
}
.search {
	COLOR: blue; FONT: 8pt Arial
}

.msg_header {
	BACKGROUND-COLOR: #6f82b5; COLOR: white; FONT: bold 10pt Arial
}
A.msg_header:visited {
	COLOR: white
}


.submit_01 {
 BORDER-TOP: #b0ffff 2px solid;
 BORDER-LEFT: #b0f0f0 2px solid;
 BORDER-RIGHT: #009090 2px solid;
 BORDER-BOTTOM: #005050 2px solid;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 8pt;
 BACKGROUND: #50f0f0;
 COLOR: #000000;
 HEIGHT: 22px;
 CURSOR: hand;
 TEXT-DECORATION: none}


.submit_02 {
 BORDER-TOP: #f0f0f0 1px solid;
 BORDER-LEFT: #fff0c0 1px solid;
 BORDER-RIGHT: #ff9900 1px solid;
 BORDER-BOTTOM: #ff9900 1px solid;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 8pt;
 BACKGROUND: #ffee99;
 COLOR: #000000;
 HEIGHT: 18px;
 CURSOR: hand;
 TEXT-DECORATION: none}

.reset_01 {
 BORDER-TOP: #f0f0f0 2px solid;
 BORDER-LEFT: #e0e0e0 2px solid;
 BORDER-RIGHT: #b0b0b0 2px solid;
 BORDER-BOTTOM: #909090 2px solid;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 8pt;
 BACKGROUND: #eeeeee;
 COLOR: #000000;
 HEIGHT: 22px;
 CURSOR: hand;
 TEXT-DECORATION: none}



.input_search {
 BORDER-BOTTOM: #b0b0b0 1px solid;
 BORDER-RIGHT: #707070 1px solid;
 BORDER-LEFT: #0033ee 1px solid;
 BORDER-TOP: #0000dd 1px solid;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 8pt;
 BACKGROUND: #ffffff;
 COLOR: #000000;
 HEIGHT: 16px;
 TEXT-DECORATION: none}

.input_search_dark {
 BORDER-BOTTOM: #f05050 1px solid;
 BORDER-RIGHT: #f05050 1px solid;
 BORDER-LEFT: #f05050 1px solid;
 BORDER-TOP: #f05050 1px solid;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 8pt;
 BACKGROUND: #ffffff;
 COLOR: #000000;
 HEIGHT: 16px;
 TEXT-DECORATION: none}


.search_select {
 BORDER-BOTTOM: #b0b0b0 1px solid;
 BORDER-RIGHT: #707070 1px solid;
 BORDER-LEFT: #0033ee 1px solid;
 BORDER-TOP: #0000dd 1px solid;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 8pt;
 BACKGROUND: #ffffff;
 COLOR: #000000;
 HEIGHT: 18px;
 TEXT-DECORATION: none}

.search_select_c {
 BORDER-BOTTOM: #b0b0b0 1px solid;
 BORDER-RIGHT: #707070 1px solid;
 BORDER-LEFT: #0033ee 1px solid;
 BORDER-TOP: #0000dd 1px solid;
 FONT-SIZE: 6pt;
 BACKGROUND: #ffffff;
 COLOR: #000000;
 HEIGHT: 22px;
 TEXT-DECORATION: none}


.select_00 {
 BORDER-BOTTOM: #b0b0b0 1px solid;
 BORDER-RIGHT: #707070 1px solid;
 BORDER-LEFT: #0033ee 1px solid;
 BORDER-TOP: #0000dd 1px solid;
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 FONT-SIZE: 8pt;
 BACKGROUND: #ffffff;
 COLOR: #000000;
 HEIGHT: 18px;
 TEXT-DECORATION: none}


.select_driver00 {
 BORDER-BOTTOM: #b0b0b0 1px solid;
 BORDER-RIGHT: #707070 1px solid;
 BORDER-LEFT: #0033ee 1px solid;
 BORDER-TOP: #0000dd 1px solid;
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 FONT-SIZE: 10pt;
 BACKGROUND: #fffccc;
 COLOR: #000000;
 HEIGHT: 22px;
 TEXT-DECORATION: none}

.select_driver01 {
 BORDER-BOTTOM: #b0b0b0 1px solid;
 BORDER-RIGHT: #707070 1px solid;
 BORDER-LEFT: #0033ee 1px solid;
 BORDER-TOP: #0000dd 1px solid;
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 FONT-SIZE: 10pt;
 BACKGROUND: #a0ffff;
 COLOR: #000000;
 HEIGHT: 22px;
 TEXT-DECORATION: none}

.select_driver02 {
 BORDER-BOTTOM: #b0b0b0 1px solid;
 BORDER-RIGHT: #707070 1px solid;
 BORDER-LEFT: #0033ee 1px solid;
 BORDER-TOP: #0000dd 1px solid;
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 FONT-SIZE: 10pt;
 BACKGROUND: #ffffcc;
 COLOR: #000000;
 HEIGHT: 22px;
 TEXT-DECORATION: none}

.select_driver03 {
 BORDER-BOTTOM: #b0b0b0 1px solid;
 BORDER-RIGHT: #707070 1px solid;
 BORDER-LEFT: #0033ee 1px solid;
 BORDER-TOP: #0000dd 1px solid;
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 FONT-SIZE: 10pt;
 BACKGROUND: #ffdddd;
 COLOR: #000000;
 HEIGHT: 22px;
 TEXT-DECORATION: none}


.tdfooter_00 {
	BACKGROUND-COLOR: #f0f0f0;
	COLOR: #707070; 
	FONT: bold 10pt Arial;
}

.tdheader_00 {
	BACKGROUND-COLOR: #f0f0f0;
	COLOR: #707070; 
	FONT: bold 12pt Arial;
}

.tdheader_a {
	BACKGROUND-COLOR: #c0c0c0;
	COLOR: #ffffff; 
	FONT: bold 11pt Arial;
        HEIGHT: 22px;
}





.NavLinkOver_Header {
         PADDING-RIGHT: 0px; 
         PADDING-LEFT: 0px; 
         PADDING-TOP: 4px; 
         BACKGROUND-image: url("../images/butn_item_080x025_n0.gif");
         LEFT: 0px; 
         FONT: 12px "Arial", "Helvetica", "sans-serif"; 
         VERTICAL-ALIGN: middle; 
         CURSOR: hand; 
         COLOR: #000000; 
         POSITION: relative; 
         TOP: 0px; 
         WIDTH: 100%; 
         HEIGHT: 22px; 
         TEXT-ALIGN: center
}

.NavLink_Header {
         PADDING-RIGHT: 0px; 
         PADDING-LEFT: 0px; 
         PADDING-TOP: 4px; 
         BACKGROUND-image: url("../images/butn_item_080x025_n1.gif");
         LEFT: 0px; 
         FONT: 12px "Arial", "Helvetica", "sans-serif"; 
         VERTICAL-ALIGN: middle; 
         CURSOR: hand; 
         COLOR: #ffffff; 
         POSITION: relative; 
         TOP: 0px; 
         WIDTH: 100%; 
         HEIGHT: 22px; 
         TEXT-ALIGN: center
}





.NavLink {
	 PADDING-RIGHT: 3px;
	 PADDING-LEFT: 3px; 
         PADDING-BOTTOM: 0px; 
         PADDING-TOP: 3px;

         BACKGROUND: ; 
         COLOR: #ffffff; 
         FONT-SIZE: 13px; 
         FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; 

         VERTICAL-ALIGN: middle; 
         WIDTH: 100%; 
         HEIGHT: 18px; 
         TEXT-ALIGN: center; 
         CURSOR: hand; 
         TEXT-DECORATION: none

}

.NavLinkOver {
	 PADDING-RIGHT: 3px;
	 PADDING-LEFT: 3px; 
         PADDING-BOTTOM: 0px; 
         PADDING-TOP: 3px;

         BACKGROUND: #fffddd; 
         COLOR: #f000a0; 
         FONT-SIZE: 13px; 
         FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; 

         VERTICAL-ALIGN: middle; 
         WIDTH: 100%; 
         HEIGHT: 18px; 
         TEXT-ALIGN: center; 
         CURSOR: hand; 
         TEXT-DECORATION: none
}


.forhead02 {
         BORDER-TOP: #f0f0f0 1px solid; 
         VERTICAL-ALIGN: middle; 
         WIDTH: 100%; 
}


.forhead01 {
         BORDER-TOP: #00f0f0 1px solid; 
         VERTICAL-ALIGN: middle; 
         WIDTH: 100%; 
}






.forhead0 {
         BORDER-TOP: #000000 1px solid; 
         WIDTH: 100%; 
}



.itembar_line {
         BORDER-TOP: #ffdd99 1px solid; 
         WIDTH: 100%; 
}

.itembar_line0 {
         BORDER-TOP: #404040 1px solid; 
         WIDTH: 100%; 
}



.itembar {
	 PADDING-RIGHT: 3px;
	 PADDING-LEFT: 3px; 
         PADDING-BOTTOM: 0px; 
         PADDING-TOP: 6px;

         BACKGROUND-COLOR: #0050c0; 
         COLOR: #ffffff; 

         FONT-SIZE: 14px; 
         FONT-FAMILY: "新細明體", "Arial", "Helvetica", "sans-serif"; 

         VERTICAL-ALIGN: middle; 
         WIDTH: 100%; 
         HEIGHT: 22px; 
         TEXT-ALIGN: right; 
         TEXT-DECORATION: none; 

         CURSOR: hand; 
}


.itembar_over {
	 PADDING-RIGHT: 3px;
	 PADDING-LEFT: 3px; 
         PADDING-BOTTOM: 0px; 
         PADDING-TOP: 6px;

         BACKGROUND: #fffccc; 
         COLOR: #c00000; 
         FONT-SIZE: 14px; 
         FONT-FAMILY: "新細明體", "Arial", "Helvetica", "sans-serif"; 

         VERTICAL-ALIGN: middle; 
         WIDTH: 100%; 
         HEIGHT: 22px; 
         TEXT-ALIGN: right; 
         TEXT-DECORATION: none; 

         BACKGROUND-image: url("images/itemimg_01_140x022_00.gif");
         CURSOR: hand; 



}

.itembar_edge {

         BACKGROUND: ; 
         COLOR: #5000f0; 
         FONT-SIZE: 5px; 
         FONT-FAMILY: "新細明體", "Arial", "Helvetica", "sans-serif"; 

         VERTICAL-ALIGN: middle; 
         WIDTH: 100%; 
         HEIGHT: 20px; 
         TEXT-ALIGN: right; 
         TEXT-DECORATION: none; 
         BACKGROUND-image: url("images/barimg_01_100x020_00.gif");

}




.forhead {

	 PADDING-RIGHT: 3px;
	 PADDING-LEFT: 3px; 
         PADDING-BOTTOM: 3px; 
         PADDING-TOP: 3px;

         BACKGROUND: #008088; 
         COLOR: #ffffff; 
         FONT-SIZE: 12px; 
         FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; 

         VERTICAL-ALIGN: middle; 
         WIDTH: 100%; 
         HEIGHT: 22px; 
         TEXT-ALIGN: center; 
         TEXT-DECORATION: none
}

.forhead_sub {

	 PADDING-RIGHT: 3px;
	 PADDING-LEFT: 3px; 
         PADDING-BOTTOM: 3px; 
         PADDING-TOP: 3px;

         BACKGROUND: #50b0b0; 
         COLOR: #ffffff; 
         FONT-SIZE: 12px; 
         FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; 

         VERTICAL-ALIGN: middle; 
         WIDTH: 100%; 
         HEIGHT: 22px; 
         TEXT-ALIGN: center; 
         TEXT-DECORATION: none

}


.forheadover {
         PADDING-RIGHT: 3px; 
         PADDING-LEFT: 3px; 
         FONT-SIZE: 12px; 
         PADDING-BOTTOM: 3px; 
         PADDING-TOP: 3px; 
         VERTICAL-ALIGN: middle; 
         WIDTH: 100%; 
         CURSOR: hand; 
         COLOR: #000000; 

         FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; 
         BACKGROUND-COLOR: #ffdd66; 
         HEIGHT: 22px; 
         TEXT-ALIGN: center; 
         TEXT-DECORATION: none
}

.NavDiv {
         PADDING-LEFT: 0px; 
         PADDING-BOTTOM: 0px; 
         WIDTH: 100%; 
         PADDING-TOP: 0px; 
         TEXT-ALIGN: left
}


.block_dashed {
         Margin: 5px; 
         Padding: 10px; 
         Border: 1px dashed #e0e0e0;
         Height: 95%;
/*
         Background-Color: #fffccc;
*/
         Text-align: left;
}

.block_dashed_r {
         Margin: 2px; 
         Padding: 5px; 
         Border: 1px dashed #e00070;
         Height: 95%;
         Text-align: left;
}

.block_dashed_g {
         Margin: 2px; 
         Padding: 5px; 
         Border: 1px dashed #00a0a0;
         Height: 95%;
         Text-align: left;
}

.block_solid_gray {
         Margin: 2px; 
         Padding: 5px; 
         Border: 1px solid #e0e0e0;
         Height: 98%;
         Text-align: center;
}


.block_solid {
         Margin: 2px; 
         Padding: 5px; 
         Border: 1px solid #f0f0f0;
         Height: 98%;
/*
         Background-Color: #fffccc;
*/
         Text-align: center;
}



.LinkBar_over {
         Background-Color: #fffaaa;
}

.LinkBar_out {
         Background-Color: #90a0ff;
}

.Box {
         Margin: 2px; 
         Padding: 4px; 
         Border: 1px dashed #a0a0a0;
         Height: 90%;
         Text-align: left;
         Vertical-align: bottom;
         Background-image: url("images/ptn_paper_01_640x480_01.jpg");
         Background-repeat: No-Repeat;

}


.bottom_dashed {
         Border-bottom: 1px dashed #a0a0a0;

}