/* CSS Document */

*			{ background-repeat:no-repeat;  background-position:left top; vertical-align:top; font-family:微軟正黑體; }
body		{ padding:0px; margin:0px; font-size:18px; color:#333; }

a			{ color:#00A3D8; text-decoration:none; }
a .Strong	{ color:#008FBF; }
a:hover		{ color:#EC358F; text-decoration:underline; }
a:hover .Strong	{ color:#DC1478; }

span.Tag	{ color:#FFF; background-color:#6666FF; border-radius:10px; padding:1px 6px; }
a.Tag		{ color:#FFF; background-color:#00A3D8; border-radius:10px; padding:1px 6px; }
a.Tag:hover	{ color:#FFF; background-color:#EC358F; text-decoration:none; }

div.JobTime.Expired span { color:#900000; }
div.JobTime img { width:18px; height:18px; position:relative; top:5px; }
div.JobTime.Expired img { top:6px !important; }

.Font22		{ font-size:22px; }
.Font20		{ font-size:20px; }
.Font18		{ font-size:18px; }
.Font16		{ font-size:16px; }
.Font14		{ font-size:14px; }
.Font12		{ font-size:12px; }

.Note		{ font-size:16px; color:#666; }
.Ellipsis	{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* --------------------------------------------------------------------------------------- form */
input[type=text], input[type=password], textarea, select
			{ font-size:16px; }

textarea	{ width:360px; height:70px; }

input[type=button], input[type=reset], input[type=submit], select
			{ height:28px; font-size:16px; color:#333; }
input[type=button], input[type=reset], input[type=submit]
			{ width:80px; }
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, select:hover
			{ cursor:pointer; color:#069; }
input[type=button]+input[type=submit]
, input[type=button]+input[type=button]
			{ margin-left:20px; }
input[disabled=disabled], select[disabled=disabled]
			{ color:#999; }
input[disabled=disabled]:hover, select[disabled=disabled]:hover
			{ cursor:no-drop; color:#999; }

label.Sky:hover
			{ cursor:pointer; color:#F30; }

label.Sky input[type=radio], label.Sky input[type=checkbox]
			{ width:18px; height:18px; vertical-align:text-top; }
			
label.Sky input[type=file]
			{ display:none; width:0px; height:0px; position:absolute; left:0px; top:0px; }

label.Sky + label.Sky { margin-left:10px; }

div.Upload	{ display:inline-block; }
div.Upload label.Sky { width:132px; height:32px; display:inline-block; position:relative; padding:5px 0px 0px 44px; }

/* --------------------------------------------------------------------------------------- table.Grid */
table.Grid	{}
table.Grid tr { height:36px; line-height:30px; }
table.Grid tr th	{ text-align:left; color:#55240C; font-weight:bold; font-size:16px; }
table.Grid tr:nth-child(even)	{ background-color:#F8F8F8; }
table.Grid tr:hover	{ background-color:#FFFF99; }
table.Grid tr:nth-child(1)		{ background-color:transparent !important; }

/* --------------------------------------------------------------------------------------- div.Part, div.Field */
div.Part	{ color:#FFF; background-color:#386B88; font-weight:bold; border-radius:6px; padding:6px 10px; margin-bottom:10px; line-height:30px; }
div.Subpart	{ color:#FFF; background-color:#679FC0; font-weight:bold; border-radius:6px; padding:4px 10px; margin-bottom:10px; line-height:26px; }
div.Subpart .Light	{ font-weight:normal; }

div.Field				{ margin-bottom:16px; clear:left; }
div.Field div.Left, div.Field div.Right
						{ padding:6px 8px; min-height:30px; line-height:30px; border:1px solid #E3F3F9; }
div.Field div.Left		{ width:100px; float:left; color:#386B88; background-color:#E3F3F9; font-weight:bold; text-align:right; border-radius:6px 0px 0px 6px; }
div.Field div.Right		{ margin-left:116px;  }
div.Field div.Left.Highlight { background-color:#B6EEFA; border-color:1px solid #E3F3F9; }
div.Field div.Right.Highlight { color:#000; border-color:1px solid #E3F3F9; }
div.Field div.Right div.Upload label.Sky { padding:0px 0px 0px 44px; }
div.Field .Note			{ font-size:16px; color:#666; }

table.Fields	{ border-collapse:collapse; margin-bottom:16px; }
table.Fields th	{ padding:6px 10px; line-height:30px; border:1px solid #E3F3F9; height:30px; background-color:#E3F3F9; color:#386B88; border-radius:6px 6px 0px 0px; }
table.Fields td	{ padding:6px 10px; line-height:30px; border:1px solid #E3F3F9; height:30px; }

img.CompanyLogo			{ opacity:0.9; border:1px solid #FFF; border-radius:16px; }
img.CompanyLogo:hover	{ opacity:1.0; border:1px solid #FF0; }

/* --------------------------------------------------------------------------------------- div.Bar */
div.Bar				{ display:inline-block; margin-top:1px; position:relative; }
div.Bar div.Value	{ position:absolute; left:10px; }
div.Bar table		{ width:79px; height:22px; background-image:url(bar/bg.png); background-repeat:repeat-x; margin-top:3px; }
div.Bar table tr	{ height:22px; }
div.Bar table td.Cell1	{ width:4px; background-image:url(bar/left.png); }
div.Bar table td.Cell2	{ background-image:url(bar/on.png); background-repeat:repeat-x; }
div.Bar table td.Cell4	{ width:4px; background-image:url(bar/right.png); }
a div.Bar 			{ color:#006633; }
a:hover div.Bar 		{ color:#F00; }
div.Bar.Alt				{ background-image:url(bar/bg2.png); }
div.Bar.Alt table td.Cell1	{ background-image:url(bar/left2.png); }
div.Bar.Alt table td.Cell2	{ background-image:url(bar/on2.png); }
div.Bar.Alt table td.Cell4	{ background-image:url(bar/right2.png); }
a div.Bar.Alt				{ color:#FA3461; }
a:hover div.Bar.Alt 		{ color:#B3042C; }

tr.Total div.Bar table 			{ background-image:url(bar/total_bg.png); }
tr.Total div.Bar table td.Cell1	{ background-image:url(bar/total_left.png); }
tr.Total div.Bar table td.Cell2	{ background-image:url(bar/total_on.png); }
tr.Total div.Bar table td.Cell4	{ background-image:url(bar/total_right.png); }