@import "CaseRec.css";
@import "RSList.css";
@import "ITStore.css";
@import "WorkMemo.css";
@import "WorngDB.css";
@import "EmpData.css";
@import "ShowLog.css";

body  { font:12pt 細明體; margin:3px auto 25px auto; text-align:center; }
input { font:12pt 細明體; }
form  { display:inline; margin:0; }

#fullBody { text-align:left; width:1000px; border:solid 1px #eeeeee; margin:0 auto; }
#error    { font:9pt 細明體; margin:5px; padding:5px; border:solid 1px #ff7755; background:#ffeeee; color:Blue; }
#main     { margin:3px 5px 5px 5px; }
#footer   { text-align:center; font:9pt 細明體; border-top:solid 1px #dddddd; margin:10px 0 0 0; padding:5px 0 5px 0; background:#eeeeee; color:#777777; }

.pnTitle   { font:bold 16pt 標楷體; color:#339900; margin:10px; }
.title     { font:bold 16pt 標楷體; color:#339900; margin:10px; text-align:center; }
.Title2    { font:bold 16pt 標楷體; color:#003399; margin:10px; }
.error     { font:12pt 細明體; color:#aa0000; background:#ff7777; padding:5px; }
.PageTitle { font:bold 16pt 標楷體; color:#339900; margin:10px; }

#title                { background:#eeffff; }
#title #sysName       { float:left; padding:7px 0 0 7px; }
#title #sysName #home { cursor:hand; font:16pt 標楷體; color:blue; }
#title #Info     { float:right; font:10pt 細明體; margin:7px 10px 3px 0; color:#555555;  }
#title #Info .dt { color:blue; background:#ddffdd; padding:2px 5px 0 5px; line-height:1.2; }
#title #end      { clear:both; border-bottom:1px solid #cceeff; }
#title a         { text-decoration:none; padding:3px 3px 0 3px; line-height:1.7; }
#title a:link    { color:#0000ff; background:#ffdddd; border:1px solid #0000ff; }
#title a:visited { color:#0000ff; background:#ffdddd; border:1px solid #0000ff; }
#title a:active  { color:#ff0000; background:#ddddff; border:1px solid #ff0000; }
#title a:hover 	 { color:#ff0000; background:#ddddff; border:1px solid #ff0000; }
#Action   { padding:10px 10px 6px 10px; margin-bottom:10px; background:#3399CC; }
#Action a { font:9pt 細明體; padding-left:10px; }
#Action a:link,   #Action a:visited { color:#ddddff; text-decoration:none; }
#Action a:active, #Action a:hover   { color:#ffdddd; text-decoration:underline; }

/* index */
#index         { }
#index #news   { margin-bottom:10px; padding-left:10px; }
#index #update { margin-top:10px; padding-left:10px; color:#777777; line-height:1.25; }
#index .topic  { font:14pt 標楷體; color:#5555ff; margin:10px 0 10px 0; }
#index .top    { color:#ff5555; }
#index #hot    { margin:0 0 20px 0; padding-left:10px; }
#index #hot ul { margin:0 0 0 35px; }
#index #hot li { line-height:1.25; list-style:circle outside; }
#index #hot a       { color:#aa0000; text-decoration:none; }
#index #hot a:hover { font-weight:bold; }
#index .pub         { margin:10px 0 20px 10px; padding:5px; border:solid 1px #ccccff; }
#index .pub a       { background:#cceeff; color:#0000aa; text-decoration:none; border:solid 1px #3333aa; padding:3px 5px 3px 5px; line-height:1.5; }
#index .pub a:hover { background:#ffeecc; color:#aa0000; }

/* message */
#msg      { text-align:center; }
#msg .msg
{
	font:16pt 標楷體; margin:10px; padding:10px 10px 5px 10px; background:#ffffdd;
	border-top:2px solid #aaaa33;
	border-bottom:2px solid #aaaa33;
}
#msg .btn { margin:5px; font:12pt 細明體; color:#0000aa; }
#msg a    { text-decoration:none; padding:0 3px 0 3px; }
#msg a:link,   #msg a:visited { color:#0000ff; background:#ffdddd; }
#msg a:active, #msg a:hover   { color:#ff0000; background:#ddddff; }

/* DepData */
#DepData { text-align:center; }
#DepData .pnBtn     { padding:10px 0px 5px 10px; }
#DepData .pnTable   { padding: 0px 0px 5px 10px; border:2px solid #777777; }
#DepData .name      { background:#88dd33; }
#DepData .name .dep { width:11em; }
#DepData .name .emp { width:5em; }
#DepData .name .btn {}
#DepData .data      { background:#bbff77; }
#DepData .data .dep {}
#DepData .data .emp {}
#DepData .data .btn { text-align:center; }

/* DepDataNew */
#DepDataNew { width:100%; text-align:center; }
#DepDataNew .pnTable { border:2px solid #777777; background:#eeffee; }
#DepDataNew .title   { width:3em; text-align:center; background:#339900; color:#ffffff; }
#DepDataNew .data    { padding:2px 5px 2px 5px; }
#DepDataNew .btn     { text-align:center; padding:5px; }
#DepDataNew #edDepName { background:#ddffdd; }

/* DepDataEdit */
#DepDataEdit { width:100%; text-align:center; }
#DepDataEdit .pnTable { border:2px solid #777777; background:#eeffee; }
#DepDataEdit .title   { width:3em; text-align:center; background:#339900; color:#ffffff; }
#DepDataEdit .data    { text-align:left; padding:2px 5px 2px 5px; }
#DepDataEdit .btn     { text-align:center; padding:5px; }
#DepDataEdit #edDepName { background:#ddffdd; }
#DepDataEdit #edEmpID   { background:#ddffdd; font:12pt 細明體; }

/* ShowLogs */
#Logs              { width:895px; font:12pt 細明體; }
#Logs .cond        { width:885px; padding:5px; margin:0 0 10px 0; border:solid 1px #0000aa; background:#eeeeff; text-align:center; }
#Logs .cond td     { vertical-align:middle; }
#Logs .cond .btn   { font:12pt 細明體; padding:3px 0 0 0; }
#Logs .cond .date  { width:5em; }
#Logs .cond .bnDay { font:9pt 細明體; padding:3px 2px 0 2px; }

#Logs .list table { width:895px; background:#eeaa33; table-layout:fixed; }
#Logs .list th    { padding:3px 5px 3px 5px; background:#000000; color:#ffffff; font:normal 12pt 細明體; vertical-align:middle; }
#Logs .list td    { padding:3px 5px 3px 5px; vertical-align:top; }
#Logs .list .tr1 { background:#ffffdd; cursor:hand; }
#Logs .list .tr2 { background:#eeeeee; }
#Logs .no   { text-align:right;  width: 2.0em; }
#Logs .time { text-align:left;   width:11.5em; }
#Logs .ip   { text-align:center; width: 7.5em; }
#Logs .sess { text-align:center; width:10.0em; }
#Logs .msg  { }

#Logs .list1 { vertical-align:top; padding-right:10px; }
#Logs .list1 table { background:#eeaa33; margin-bottom:10px; }
#Logs .list1 th    { padding:3px 5px 3px 5px; background:#000000; color:#ffffff; font:normal 12pt 細明體; text-align:center; vertical-align:middle; }
#Logs .list1 td    { padding:3px 5px 3px 5px; }
#Logs .list1 .tr1  { background:#ffffdd; cursor:hand; }

#Logs .list2 { vertical-align:top; }
#Logs .list2 table { background:#eeaa33; }
#Logs .list2 th    { padding:3px 5px 3px 5px; background:#000000; color:#ffffff; font:normal 12pt 細明體; vertical-align:middle; }
#Logs .list2 td    { padding:3px 5px 3px 5px; vertical-align:middle; }
#Logs .list2 .tr1 { background:#ffffdd; cursor:hand; }

#Logs .TName { text-align:center; margin-bottom:5px; font:bold 12pt 細明體; background:#eeeeee; color:#0000aa; padding:5px 3px 3px 3px; }

/* TOData.aspx */

#TOData              { width:945px; font:12pt 細明體; }
#TOData .cond        { width:935px; padding:5px; margin:0 0 10px 0; border:solid 1px #0000aa; background:#eeeeff; text-align:center; }
#TOData .cond td     { vertical-align:middle; }
#TOData .cond .btn   { font:12pt 細明體; padding:3px 0 0 0;  cursor:hand; }
#TOData .list        { vertical-align:top; padding-right:10px; }
#TOData .list table  { background:#eeaa33; margin-bottom:10px; }
#TOData .list th     { padding:3px 5px 3px 5px; background:#000000; color:#ffffff; font:normal 12pt 細明體; text-align:center; vertical-align:middle; }
#TOData .list td     { padding:3px 5px 3px 5px; } 

/* TODataNew.aspx */

#TODataNew             { text-align:center; }
#TODataNew #edHDDate   { width:5em; background:#eeffee; }
#TODataNew #bnHDDate   { width:28px; height:26px; padding:2px 3px 2px 3px; }
#TODataNew #data       { border:2px solid #333333; background:#eeffee; }
#TODataNew #data input { font:12pt 細明體; padding:2px 5px 3px 3px; }
#TODataNew #data th    { vertical-align:top; background:#3333aa; padding:3px 5px 3px 5px; color:#ffffff; font-weight:normal; }
#TODataNew #data td    { text-align:left; padding:3px 5px 3px 5px; background:#eeeeff; }
#TODataNew #edHDHour   { text-align:right; width:1em; background:#eeffee; }
#TODataNew #edMin      { font:12pt 細明體; padding:2px 5px 3px 3px; text-align:right; background:#eeffee; }
#TODataNew #edTitle    { width:20em; background:#eeffee; }

/* WorkHour */
#WorkHour { text-align:center; }
#WorkHour table  { background:#ffffff; border:solid 1px #ffaa55; text-align:left; }
#WorkHour th     { padding:2px 5px 2px 5px; text-align:center; background:#ccccff; font-weight:normal; }
#WorkHour td     { padding:2px 5px 2px 5px; text-align:left;   background:#dddddd; }
#WorkHour .card  { font:9pt 細明體; width:20em; }
#WorkHour .res   { font:9pt 細明體; width:50em; }
#WorkHour .title { text-align:center; background:#ffffcc; padding:3px 5px 5px 5px; border-bottom:solid 1px #ffaa55; }
#WorkHour .hint  { text-align:left;   background:#ffdddd; padding:3px 5px 5px 50px; border-bottom:solid 1px #ffaa55; font:9pt 細明體; line-height:1.5; }
#WorkHour .btns  { text-align:center; }
#WorkHour .btn   { padding:3px 2px 3px 2px; }
#WorkHour .rr    { color:#ff0000; font-weight:normal; }
#WorkHour .r     { color:#ff0000; font-weight:bold; }
#WorkHour .b     { color:#000000; font-weight:bold; }
#WorkHour .free  { background:#ffcccc; }