@charset "utf-8";
/* CSS Document */

body { background:#fafafa;}
#body_div {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg_repeat.png) repeat-x;}

/* 背景擴充 */
#container { }
#container2 { }
#container3 { }

#header { width:100%; padding:15px 0 0 0; min-height:50px; }
#header .content{ position:relative; }
#header h1#home { font-weight:bold; font-family:"微軟正黑體", "新細明體"; font-size:24px; margin:0 0 5px 10px; }
h1#home a {color:#333; }
h1#home a span { font-size:14px; display:block; color:#39f;}
#header .welcomeText {color:#999; position:absolute; right:10px; top:30px;}
#header .welcomeText a {color:#999; text-decoration:underline;}
#header .welcomeText a:hover {color:#666;}

/* 主選單 */
#nav { font-size:13px;}
#nav.top { background:url(../images/menubar_bg.png); min-height:34px;}
#nav.top dl {}
#nav.top dl dt {display:inline-block; height:34px; line-height:34px; text-align:center; padding:0 25px; background:url(../images/seperate_line.gif) no-repeat right center; *float:left;}
#nav.top dl dt.last {background:none;}
#nav.top dl dt a {color:#333;}
#nav.top dl dt a:hover {color:#666;}
#nav.left { padding:15px;}
#nav.left dl { width:100%;}
#nav.left dl dt { border-bottom:1px solid #eee; display:block; padding:5px 0;}
#nav.left dl dt span,
#nav.left dl dt span a {display:block; height:24px; line-height:24px;}
#nav.left dl dt span a {color:#369;}
#nav.left dl dt span a:hover {color:#333; background:url(../images/icon_arrow.gif) no-repeat right center;}
#nav.left dl dt span a.active {color:#333; font-weight:bold; background:url(../images/icon_arrow.gif) no-repeat right center;}
#nav.left dl dt ul { margin-left:10px;}
#nav.left dl dt ul li { line-height:20px;}
#nav.left dl dt ul li a {color:#333;}
#nav.left dl dt ul li a:hover {color:#666;}

/* 內容1欄 */
#main_content_1C {clear:both; padding:10px 0; background:#fafafa;}
#main_content_1C #column_left {display:none;}
#main_content_1C #main_column {background:#fff; border:1px solid #e8e8e8; width:95%; margin:0 auto; padding:15px; min-height:370px;}
#main_content_1C #column_expansion {display:none;}

/* 內容2欄 */
#main_content_2C {clear:both; padding:10px; background:#fafafa; display:block; min-height:400px; display:table; width:100%;}
#main_content_2C #column_left { width:200px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8; display:table-cell; *float:left; min-height:400px; background:url(../images/left_rightborder.png) repeat-y right top #fff; vertical-align:top;}
#main_content_2C #main_column { width:auto; margin-left:201px; padding:15px; background:#fff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; display:table-cell; width:80%; *width:75%; min-height:400px; vertical-align:top;}
#main_content_2C #column_expansion { display:none;}

/* footer */
#footer {clear:both; font-size:11px; -webkit-text-size-adjust:none; padding:0 10px 25px 10px;}
#footer .content {line-height:18px;}
#footer #copyright p,
#footer #copyright a {color:#aaa;}
#footer #copyright a:hover {color:#999;}

/* --- 表單動作模組 --- */
/* button 設定 */
.actionBar {text-align:center; padding:10px 0;}
.buttonsItem {}
.buttonsItem span {padding:0;}
.buttonsItem span input { background:url(../Images/btnbg.png) no-repeat 0 0; width:71px; height:31px; border:none; font-size:13px; color:#fff; cursor:pointer;}
.buttonsItem span input:hover {}
.buttonsItem span a {color:#369; text-decoration:underline;}
.buttonsItem span a:hover {color:#333;}

.actionBar.txtleft {text-align:left; padding-left:38px;}

/* LOGIN */
.login { width:200px; margin:50px auto 10px auto;}
.login .hd {padding:0 0 5px 0; border-bottom:1px dashed #ccc;}
.login .hd h4 { font-family:"微軟正黑體", "新細明體"; font-size:24px; color:#333;}
.login .hd h4 span {font-size:14px; display:block; color:#39f;}
.login .hd .expansion {display:none;}
.login .bd {padding:15px 0 0 0;}
.login .bd ul li { padding:3px 0; color:#666;}
.login .bd ul li input {border:1px solid #ccc; width:150px; padding:1px; color:#666;}

/* ------------------------------------------- */
/* 表格*/
h2 {margin:10px 0; font-size:12px; color:#807363; background:url(../images/icon_arrow.png) no-repeat left center; padding-left:15px; line-height:18px; font-weight:bold;}
.tblframe { margin-bottom:15px;}
select {color:#666; font-size:12px;}
table td,
table th { padding:5px; color:#666;}
table th {background:#d2dbe0; font-weight:bold; text-align:center; color:#369;}
table a {color:#39c;}
table a:hover { text-decoration:underline;}
table span.star {font-family:Verdana, Geneva, sans-serif; color:#c00; font-weight:bold; font-size:11px; -webkit-text-size-adjust:none; padding:3px;}
table span.box1 input {border:1px solid #ccc; padding:1px;}
table td.txtCenter {text-align:center;}

table span.box1 label {padding-right:10px;}
table span.box2{padding-left: 10px; color:red;}

table.tbl_fn {border-bottom:2px solid #e5e5e5;}
table.tbl_fn td.item { text-align:right;}
table.tbl_fn td {padding:5px 0; height:24px; border-bottom:1px solid #ccc;}
table.tbl_fn tr.action td {background:#eee; text-align:right; border-top:1px solid #dfdfdf;}
table.tbl_fn tr.action h3 {color:#369; font-weight:bold; display:inline-block; float:left; line-height:24px;}

table tr.action td input,
table td.btns input { border:1px outset #ccc; background:#4caedf; color:#fff; padding:4px 10px 2px 10px; cursor:pointer; font-size:12px;}
table td.page {text-align:right;}
table td.page input {width:20px; color:#666; font-size:12px; border:1px solid #aaa; padding:1px;}
table td.page a.selected {font-weight:bold;}

table.tbl_srchlist td,
table.tbl_srchlist th {border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
table.tbl_srchlist td.last,
table.tbl_srchlist th.last {border-right:none;}
table.tbl_srchlist tr.even td {background:#f6f6f6;}