.erp_content_header {
	position:relative;
	height:120px;
	background:#fff url("images/erp_content_header.jpg") repeat-x top left;
	z-index:200;
	border:1px solid #333333;
}

div.erp,
tr.erp,
td.erp,
p.erp
{
	color: #0000ff;
	font-family: 新細明體,verdana,arial,sans-serif,eudc;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 15px;
	font-size-adjust: none;
	font-stretch: normal;
	line-height: 16px;
}
/*黃色的標題列*/
.erp_titlebar_yellow {
	position:relative;
	height:26px;
	background:#FFC906 url("images/erp_dot_yellow.gif") repeat-x top left;
	color:#000000;
	z-index:200;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
}
.erp_titlebar_yellow2 {
	position:relative;
	height:26px;
	background:#FFC906 url("images/erp_dot_yellow.gif") repeat-x top left;
	color:#000000;
	z-index:200;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}
.erp_inputbox, .erp_button
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #89824e;
	border-right-color: #89824e;
	border-bottom-color: #89824e;
	border-left-color: #89824e;
	background-color: #ffffff;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
}
.selected { background-color: #888; }

.myReportTable1 {
BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; BORDER-LEFT: #336699 1px solid; BORDER-BOTTOM: #336699 1px solid
}
.myReportTable2 {
 BORDER-RIGHT: #336699 0px solid; BORDER-TOP: #336699 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #336699 1px solid; BORDER-BOTTOM: #336699 0px solid
}
.myReportTH {
	background-color: #006699;
	color: #fff;
	padding : 5px;
	vertical-align : middle;
	border-width: 0px 1px 1px 0px;
	padding: 5px 1px 5px 1px;
	border-style: solid;
	border-color: #dddddd;
	font-size: 15px;
	}
.myReportTD {
	background-color: #ffffff;
	color: #000000;
	padding : 3px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #336699;
	font-size: 15px;
	}
	
#select_week {
		/* overlay is hidden before loading */
		display:none;
		/* standard decorations */
		width:150px;
		border:1px solid #000;
		/* for modern browsers use semi-transparent color on the border. nice! */
		border:1px solid rgba(82, 82, 82, 0.698);
		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		position:absolute;
		font-size:15px;
		text-align: center;
	}
#select_week div {
		padding:10px;
		border:1px solid #3B5998;
		background-color:#fff;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif,eudc;
	}
#select_week h2 {
		margin:-11px;
		margin-bottom:0px;
		color:#fff;
		background-color:#6D84B4;
		padding:1px 1px;
		border:1px solid #3B5998;
		font-size:15px;
		text-align: center;
	}
#datePicker {
		/* overlay is hidden before loading */
		display:none;
		/* standard decorations */
		width:200px;
		border:1px solid #000;
		/* for modern browsers use semi-transparent color on the border. nice! */
		border:1px solid rgba(82, 82, 82, 0.698);
		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		position:absolute;
		font-size:15px;
		text-align: center;
	}
#datePicker div {
		padding:10px;
		border:1px solid #3B5998;
		background-color:#fff;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif,eudc;
	}
#datePicker h2 {
		margin:-11px;
		margin-bottom:0px;
		color:#fff;
		background-color:#6D84B4;
		padding:1px 1px;
		border:1px solid #3B5998;
		font-size:15px;
		text-align: center;
	}
/* Add by Credy 2011-08-04 公告區使用 */
.news-block
{
}
.news-block-title
{
	background-color: #9FC748;
	color: #00f;
	margin: 1px;
	padding: 2px;
	text-align:left;
	font-size:15px;
	font-weight: bold;
	border-bottom-style:solid;
	border-right-style:solid;
	border-width: 1px;
	border-color:#000;
}
.news-block-title a { color: #f00; }
.news-block-author
{
	color: #fff;
	margin: 1px 5px 1px 1px; /* 上右下左 */
	text-align:right;
	/*color: #8dc;*/
	color: #00f;
}
.news-block-content
{
	color: #000;
	margin: 2px;
	margin: 2px 5px 2px 5px; /* 上右下左 */
	height:238px;
	overflow: auto; /* 顯示內容超出 DIV 定義的範圍,則產生捲軸 */
	word-wrap: break-word; /* 文字折行 */
}
/*.news-block-content a { color: #fe8; }*/
.news-block-content a { color: #00f; }
.news-block-content ul { list-style-type: square; padding-left:13px; }
.news-block-content ul li { color: #358;}
.news-block-footer
{
	/*color: #8dc;*/
	color: #f00;
	margin: 1px 5px 1px 1px; /* 上右下左 */
	text-align:right;
}
/*.news-block-footer a { color: #f38; }*/
.news-block-footer a { color: #00f; }
.news-block-footer a:link { color: #f6c739; }
.news-block-footer a:visited { color: #f6c739; }
/*.news-block-footer a:hover { color: #fd0; }*/
.news-block-footer a:hover { color: #f00; }

.news-inner-block
{
	margin: 4px;
	width: 400px;
	/*background-color: #3C474F;*/
	background-color: #eee;
	height: 308px; 
	color: #fff;
	/*佈局塊陰影*/
	box-shadow: 3px 3px 4px #000;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* 圓角效果 IE6 無效 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;*/
	float: left;
}
.news-footer
{
	color: #f00;
	margin: 5px; /* 上右下左 */
	text-align:right;
	width: 800px;
}
.news-footer a { color: #00f; }

.news-full-block
{
	margin: 4px;
	padding: 5px;
	/*width: 590px;
	background-color: #3C474F;*/
	background-color: #fff;
	color: #000;
	word-wrap: break-word; /* 文字折行 */
	/*佈局塊陰影
	box-shadow: 3px 3px 4px #000;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";*/
	/* 圓角效果 IE6 無效 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;*/
	float: left;
}
.news-full-block a { color: #00f; }
.news-full-block ul { list-style-type: square; padding-left:13px; }
.news-full-block ul li { color: #358;}

.news-right
{
	color: #fff;
	margin: 5px; /* 上右下左 */
	text-align:right;
	width: 385px;
}
.news-full-right
{
	color: #fff;
	margin: 5px; /* 上右下左 */
	text-align:right;
	width: 566px;
}

form ul { list-style-type: square; padding-left:13px; }
form ul li { color: #00f; }

table th { text-align: center; }

.multirow
{
	color: #000;
	margin: 2px;
	margin: 2px 5px 2px 5px; /* 上右下左 */
	height:142px;
	overflow: auto; /* 顯示內容超出 DIV 定義的範圍,則產生捲軸 */
	word-wrap: break-word; /* 文字折行 */
}

.myButton {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 6px;
  font-family: Verdana, Arial, sans serif,微軟正黑體,新細明體,eudc;
  color: #ffffff;
  font-size: 15px;
  padding: 2px 5px 2px 5px;
  text-decoration: none;
}

.myButton:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
/* MyList CSS 報名作業使用*/
#MyList table {
	width: 100%;
    border-collapse: collapse;
}

#MyList th {
    background-color: #006699;
    color: white;
    border: 1px solid #C4B464;

    height: 28px;
    font-size: 15px;
    vertical-align: middle;
    padding:1px;
}

#MyList table, #MyList td {
    border: 1px solid #C4B464;
    height: 28px;
    font-size: 15px;
    vertical-align: middle;
    padding:1px;
	font-family: 新細明體,  Arial,Verdana,微軟正黑體,sans serif,eudc;
}

#MyList .MyListEven {
    background-color: #E4ECF7;
}

/* MyList2 CSS 一般程式預設使用*/
#MyList2 table {
	width: 100%;
    border-collapse: collapse;
}

#MyList2 th {
    background-color: #006699;
    color: white;
    border: 1px solid #C4B464;

    height: 32px;
    font-size: 16px;
    vertical-align: middle;
    padding:1px;
}

#MyList2 table, #MyList2 td {
    border: 1px solid #C4B464;
    height: 32px;
    font-size: 16px;
    vertical-align: middle;
    padding:1px;
	font-family: Arial,Verdana,sans serif,微軟正黑體,新細明體,eudc;
}
#MyList2 .MyListEven {
    background-color: #E4ECF7;
}

.myTab table {
    width: 100%;
    border-collapse: collapse;
}
.myTab th {
    background-color: #0E608F;
    color: white;
    border: 1px solid #BAD7E8;
    height: 24px;
    font-size: 16px;
    vertical-align: middle;
    padding:5px;
}
.myTab table,.myTab td {
    border: 1px solid #C4B464;
    height: 24px;
    font-size: 16px;
    vertical-align: middle;
    padding:5px;
}
.myTab input {
    border: 1px solid #C4B464;
    height: 18px;
    font-size: 16px;
    vertical-align: middle;
    padding:2px;
}
.myTab .myTabEven {
    background-color: #E4ECF7;
}