BODY {
	FONT-SIZE: 12pX;
	COLOR: #000000;
	LINE-HEIGHT: 150%;
	FONT-FAMILY: Helvetica;
	BACKGROUND-COLOR: #FFFFCC;	/*淺黃:FFFFCC*/ /*淺綠:CCFFCC*/
}
PRE {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 150%;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
}
TD {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 150%;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
}
TH {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 150%;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
}
TABLE {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 150%;
}
INPUT {
	FONT-SIZE: 12px;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
}
SELECT {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 150%;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
}
TEXTAREA {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 150%;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
}
OPTION {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 150%;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
}
FORM {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 150%;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
}
A:link {
	COLOR: #0065CE;
	TEXT-DECORATION: none;
	font-family: "新細明體", "Arial", "sans-serif";
	font-size: 12px;
	line-height: 150%;
}
A:visited {
	/*COLOR: #2951AD;*/
	COLOR: #B65217;
	TEXT-DECORATION: none;
	font-family: "新細明體", "Arial", "sans-serif";
	font-size: 12px;
	line-height: 150%;
}
A:hover {
	COLOR: #FF0000;
	TEXT-DECORATION: underline;
	font-family: "新細明體", "Arial", "sans-serif";
	font-size: 12px;
	line-height: 150%;
}
a:active {
	COLOR: #FF0000;
	TEXT-DECORATION: none;
	font-family: "新細明體", "Arial", "sans-serif";
	font-size: 12px;
	line-height: 150%;
}
.LinkText {
	CURSOR: pointer;
	COLOR: #0065CE;
}
SELECT.select {
	BORDER: #888888 1px solid;
	BACKGROUND-COLOR: #FFFFFF;
}
TEXTAREA.InputArea {
	BORDER: #888888 1px solid;
	BACKGROUND-COLOR: #FFFFFF;
}
SELECT.Inputselect {
	BORDER-RIGHT: #888888 1px solid;
	BORDER-TOP: #888888 1px solid;
	BORDER-LEFT: #888888 1px solid;
	BORDER-BOTTOM: #888888 1px solid;
	BACKGROUND-COLOR: #FFFFFF
}
INPUT.button {
	BORDER: 1px solid;
	FONT-SIZE: 12px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	CURSOR: pointer;
	COLOR: #000080;
	LINE-HEIGHT: 12px;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
	HEIGHT: 20px;
	BACKGROUND-COLOR: #C6D7EF;		/*中灰藍:C6D7EF*/
}
INPUT.input {
	BORDER: #888888 1px solid;
	LEFT: 0px;
	TOP: 0px;
	HEIGHT: 18px;
	BACKGROUND-COLOR: #FFFFFF;
}
INPUT.inputreadonly {
	BORDER: #888888 0px solid;
	LEFT: 0px;
	COLOR: #000000;
	TOP: 0px;
	BACKGROUND-COLOR: transparent;
}
.titlebar {
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 14px;
	font-size: 14px;
	line-height: 150%;
	font-weight: bold;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
	COLOR: #FFFFFF;				/*白:FFFFFF*/
	BACKGROUND-COLOR: #2951AD;	/*中海軍藍:2951AD*/
}
.storagetab {
	font-size: 12px;
	font-weight: normal;
}
.PrintTitlebar {
	display: none;
}
TABLE.tableframe {
	BORDER: #7C9CCF 1px solid;
	BACKGROUND-COLOR: #FFFFFF;
	margin: 5px;
}
TD.listcelltitle {
	PADDING: 2px;
	font-size: 12px;
	color: #FFFFFF;
	border: 1px solid #999999;
	font-weight: bold;
	background-color: #8CAAE7;		/*中灰藍:C6D7EF*/
	height: 18px;
}
TD.number {
	padding-right: 10px;
	text-align: right;
}
.SeparatorLM {
	BACKGROUND-COLOR: #999999;		/*中灰:999999*/
	height: 1px;
	width: 1px;
}
.Separator {
	BACKGROUND-COLOR: #213C84;		/*海軍深藍:213C84*/
	height: 1px;
}
.SeparatorSub {
	BACKGROUND-COLOR: #7B9ECE;		/*中灰藍:7B9ECE*/
	height: 1px;
}
.SeparatorDbl {
	BACKGROUND-COLOR: #213C84;		/*海軍深藍:213C84*/
	height: 3px;
}
.TextTitle {
	font-size: 14px;
	line-height: 20px;
	height: 24px;
	color: #2951AD;
	filter:DropShadow(color=#FFFFFF,offX=1,offY=1,positives=true);
	padding: 2px;
}
.PrintU {
	font-family: "Arial", "新細明體", "sans-serif";
	font-size: 12px;
	line-height: 150%;
	color: #000000;
	border-bottom: 1px solid #000000;
}
.PrintThBH {
	border: 1px solid #000000;
}
.PrintThB {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left-style: none;
}
.PrintThBS {
	border-top: 1px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 1px solid #000000;
	border-left-style: none;
}
.PrintTdBH {
	border-top-style: none;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
.PrintTdB {
	border-top-style: none;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left-style: none;
}
.PrintTdBS {
	border-top-style: none;
	border-right: 2px solid #000000;
	border-bottom: 1px solid #000000;
	border-left-style: none;
}
.NoPrintStyle {
	display: block;
}
.PrintStyle {
	display: none;
}
.StatisticsTH {
	background-color: #6386DE;		/*中灰藍:6386DE*/
	color: #FFFFFF;
}
.inputsuggestion_c{
	position: relative;
/* 	left: -12%; from the web-left side to the autosuggest box' edge (or 300px)*/
	width: 120px;  /* the width of autosuggest box */
	margin: 5px 0px 0px 0px; /* top,right,bottom ,left*/
	background-color: #DFFFDF;  /* autosuggest background color #212427,#CDCDCD*/
	border: 1px solid #000000;/*選框線*/
/*	color: #0000FF;  autosuggest word's color */
	/*-moz-border-radius: 7px;
		-webkit-border-radius: 7px;*/
}

.inputsuggestion_c li {
 text-decoration : none;
 color:#0000FF ;/*suggest words's color #9900CC*/
 height: 20px;
 width: 130px;
 padding-top: 1px; /*在選框內每行文字距離*/
/* margin: 0px 0px 1px 0px; 在選框內每行文字距離*/
/*padding-right: 4px;
 padding-bottom: 4px;
 padding-left: 4px ; */
 border: 1px #000 solid ; /*在選框內產稱分隔線 #BDAAE2*/
 filter: Blur(Add=1, Direction=45, Strength=1) ;
/* text-align: center  在選框內每行文字置中*/
 cursor: pointer;
}

.inputsuggestion_c li:hover {
 background-color: #659CD8;
}




.inputsuggestion_m{
	position: relative;
/* 	left: 10%; from the web-left side to the autosuggest box' edge (or 300px)*/
	width: 120px;  /* the width of autosuggest box */
	margin: 5px 0px 0px 0px; /* top,right,bottom ,left*/
	background-color: #DFFFDF;  /* autosuggest background color #212427,#CDCDCD*/
	border: 1px solid #000000;/*選框線*/
/*	color: #0000FF;  autosuggest word's color */
	/*-moz-border-radius: 7px;
		-webkit-border-radius: 7px;*/
}
.inputsuggestion_m li {
 text-decoration : none;
 color:#0000FF ;/*suggest words's color #9900CC*/
 height: 20px;
 width: 130px;
 padding-top: 1px; /*在選框內每行文字距離*/
/* margin: 0px 0px 1px 0px; 在選框內每行文字距離*/
/* padding-right: 4px;
 padding-bottom: 4px;
 padding-left: 4px ; */
 border: 1px #000 solid ; /*在選框內產稱分隔線 #BDAAE2*/
 filter: Blur(Add=1, Direction=45, Strength=1) ;
/* text-align: center  在選框內每行文字置中*/
 cursor: pointer;
}


/* =Header & Footer
-------------------------------------------------------------- */

H1  
{
	font-family:Tahoma,Arial,sans-serif; 
	font-size:1.3em; 
	color:#3366CC; 
	padding-bottom:.3em;
	border-bottom:1px solid black;
	margin-bottom:1em;
}
 
H2 
{
	font-family:Tahoma,Arial,sans-serif; 
	font-size:1.2em;
	color:#3366CC; 
}
	 
H3 
{
	font-family:Tahoma,Arial,sans-serif; 
	font-size:1.1em; 
	color:#333366; 
}

H4 
{
	font-family:Tahoma,Arial,sans-serif; 
	font-size:1em;
	color:#333366; 
}
H5{margin:0;padding:0;font-weight:normal;display:inline;font-size:100%}

/*Button CSS==============================================================================*/
INPUT.button1 {
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 14px;
	font-size: 14px;
	line-height: 150%;
	font-weight: bold;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #2951AD;			/*中海軍藍:2951AD*/
	CURSOR: pointer;
}
.btnXS {display:inline-block; padding:0 10px; font-size:12px; line-height:20px;height:18px}
.btnS {display:inline-block; padding:0 10px; font-size:12px; font-weight:bold;line-height:25px;height:23px}
.btnM {display:inline-block; padding:0 20px; font-size:14px; font-weight:bold;line-height:28px;height:28px}
.btnL {display:inline-block; padding:0 25px; font-size:18px; font-weight:bold;line-height:40px;height:38px}
.btn-red:link {background:#b9202c;color:#ff0}	/* Yellow color in first time */
.btn-red,
.btn-red:active,
.btn-red:visited {background:#b9202c;color:#fff}
.btn-red:hover {background:#9f252f}

.btn-blue:link {background:#b9202c;color:#ff0}	/* Yellow color in first time */
.btn-blue,
.btn-blue:active,

.btn-blue:visited {
	LINE-HEIGHT: 150%;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
	background:#476da5;
	color:#fff;
	CURSOR: pointer;
}
.btn-blue:hover {background:#45628c}

.btn-black,
.btn-black:active,
.btn-black:visited {background:#2e3138;color:#fff}
.btn-black:hover {background:#202227}

.pop-bottom { margin-top: 20px; padding: 15px 0; border-top: 1px solid #000; }

/*layout CSS==============================================================================*/
a.link { color: #476da5; text-decoration: underline; }
a.link:hover { text-decoration: underline; }
a:active { background: none; }

/*寬度*/
.width_50 { width: 50px; }
.width_66 { width: 66px; }

/*表端鏈接*/
a.list_link:link,
a.list_link:visited,
a.list_link:active { color: navy; text-decoration: none; }
a.list_link:hover { color: navy; text-decoration: underline; }



.txt_left { text-align: left !important; }
.txt_right {
	text-align: right;
	FONT-SIZE: 12px;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
}
.txt_center, table.txt_center tr td, tr.txt_center td { text-align: center !important; }
.txt_underline { text-decoration: underline; }

.line-H18px { line-height: 18px; }
.line-H20px { line-height: 20px; }
.line-H22px { line-height: 22px; }

.valign_m { vertical-align: middle; }

.float_l { float: left !important; }
.float_r { float: right !important; }
.float_n { float: none !important; }

/*==========================================================================================*/
/*Table style*/
/*==========================================================================================*/
.table01 { 
	width: 100%; 
	border-top: 2px solid #adadad; 			/*Top side frame line color (Title area) */
	border-collapse: collapse; 
}
.table01 caption { text-align: left; font-weight: bold; }
.table01 th { 
	padding: 7px 5px; 
	border-bottom: 1px solid #dbdbdb; 		/* Title area bottom side line color */
	border-right: 1px solid #dbdbdb; 		/* Title area right sode line color */
	background: #f7f7f7; 					/* Title area background color */
	text-align: center; 					/* Horizontal of Title words location */
	vertical-align: middle; 				/* Vertical of Title words location */
}
.table01 td { padding: 6px 5px 4px 5px; text-align: left; line-height: 18px; vertical-align: middle; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background: #FFF; }
.table01 td.bold { font-weight: bold; }
.country_list th { 
	border-left: 1px solid #dbdbdb; 		/* Left side frame line color (Title area) */
}
.country_list td { 
	padding: 0; 
	line-height: 18px;  					/* Each cell's height (The body) */
	background: #FFF4FF; 					/* All cell's background color (The body) */
	text-align: center; 					/* Horizontal of Cells's words location (The body) */
	vertical-align: middle; 				/* Vertical of Cells's words location (The body) */
	border: 1px solid #dbdbdb; 				/* Cells frame line color (The body) */
}
.country_list td.bg1 { background: #f8f0ff; }
.country_list td.bg2 { background: #fdfec9; }

.mgt3 { margin-top: 3px !important; }
.mgt5 { margin-top: 5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt35 { margin-top: 35px !important; }
.mgt45 { margin-top: 45px !important; }
.mgt50 { margin-top: 50px !important; }
.mgt_5 { margin-top: -5px !important; }
.mgt_40 { margin-top: -40px !important; }
.mgr20 { margin-right: 20px !important; }
.mgl12 { margin-left: 12px !important; }
.mgl20 { margin-left: 20px !important; }
.mg_info { margin: -15px 0 0 130px !important; }

.f11 { font-size: 11px !important; }
.f12 { font-size: 12px !important; }
.f14 { font-size: 14px !important; }
.f16 { font-size: 16px !important; }
.f20 { font-size: 20px !important; }
.f22 { font-size: 22px !important; }
.f26 { font-size: 26px !important; }
.f35 { font-size: 35px !important; }

.space_5 { display: inline-block; width: 5px; }
.space_10 { display: inline-block; width: 10px; }
.space_12 { display: inline-block; width: 12px; }
.space_14 { display: inline-block; width: 14px; }
.space_16 { display: inline-block; width: 16px; }
.space_22 { display: inline-block; width: 22px; }
.space_35 { display: inline-block; width: 35px; }
.space_55 { display: inline-block; width: 55px; }
.space_75 { display: inline-block; width: 75px; }
.space_94 { display: inline-block; width: 94px; }
.space_105 { display: inline-block; width: 105px; }
.space_120 { display: inline-block; width: 120px; }
.space_155 { display: inline-block; width: 155px; }

/* for SPAN */
.title-red {
	FONT-SIZE: 30px;
	FONT-FAMILY: "新細明體", "Arial", "sans-serif";
	COLOR: #ff0000;
}
.red { color: #ff0000 !important; }
.light-red { color: #f00 !important; }
.black { color: #000 !important; }
.orange { color: #ff6522 !important; }
.blue { color: #476da5 !important; }
.gray { color: #999 !important; }

/* for SPAN */

/*==========================================================================================*/
/*Layout*/
/*==========================================================================================*/

.i_text, .textarea { resize: none; background: #f5f5f5; border: 1px solid #ddd; }
.i_text:focus, .textarea:focus { border: 1px solid #b8202c !important; outline: none; }
.i_text.bd_2px:focus,
.i_text.bd_2px textarea:focus { border: 2px solid #b8202c !important; }
.i_text[type="file"]:focus { border: 1px solid #ddd; }

/* TD 不適用於 input, textarea 在 class 的幫助 */
.inputcheck { position: relative; border: 1px solid transparent; background-color: #FFF4FF; }

.inputcheck input[type='text']:focus,		/* text FOUCS 時外框的變化 border: 1px solid #4cbae8 底色的變化 background: #ebffee */
.inputcheck textarea:focus,					/* textarea FOUCS 時外框的變化 border: 1px solid #4cbae8 底色的變化 background: #ebffee */
.inputcheck select:focus,
.inputcheck input[type='password']:focus { 
	outline: none; 
	border: 1px solid #4cbae8 !important; 
	background: #ebffee !important; 
}

.inputcheck .inputcheck-info { display: none; position: absolute; z-index: 10; left: 0; top: 100%; padding: 5px 10px; background: #fff; line-height: 1.4; }
.inputcheck .inputcheck-info:before { display: inline-block; border: solid transparent; content: ""; height: 0; width: 0; border-bottom-color: #fff; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #fff; border-width: 5px; margin-bottom: 0; margin-left: 10px; position: absolute; left: 10px; top: -9px; }

.inputcheck input.require, .inputcheck textarea.require, .inputcheck select.require { border: 1px solid #4cbae8 !important; background: #fff !important; }
.inputcheck input.require + .inputcheck-info:before, .inputcheck textarea.require + .inputcheck-info:before, .inputcheck select.require + .inputcheck-info:before { border-bottom-color: #f4f8fb; }
.inputcheck input.require + .inputcheck-info, .inputcheck textarea.require + .inputcheck-info, .inputcheck select.require + .inputcheck-info { display: inline-block; background: #f4f8fb; color: #333; text-shadow: 1px 1px 2px rgba(255, 255, 255, 1); margin-left: 5px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); border-radius: 4px; }

.inputcheck input.alert, .inputcheck textarea.alert, .inputcheck select.alert { border: 1px solid #ed7c7c !important; background: #fff !important; }
.inputcheck input.alert:focus, inputcheck textarea.alert:focus, inputcheck select.alert:focus { outline: none; border: 1px solid #ed7c7c !important; }
.inputcheck input.alert + .inputcheck-info:before, .inputcheck textarea.alert + .inputcheck-info:before, .inputcheck select.alert + .inputcheck-info:before { border-bottom-color: #f7ebeb; }
.inputcheck input.alert + .inputcheck-info, .inputcheck textarea.alert + .inputcheck-info, .inputcheck select.alert + .inputcheck-info { display: inline-block; background: #f7ebeb; color: #333; text-shadow: 1px 1px 2px rgba(255, 255, 255, 1); margin-left: 5px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); border-radius: 4px; }
/*//TD 不適用於 input, textarea 在 class 的幫助 */

/*幫助 class 適用於通用對象*/
.inputcheck.alert { border: 1px solid #ed7c7c; display: inline-block; }
.inputcheck.alert > .inputcheck-info:before { border-bottom-color: #f7ebeb; }
.inputcheck.alert > .inputcheck-info { background: #f7ebeb; color: #333; text-shadow: 1px 1px 2px rgba(255, 255, 255, 1); display: inline-block; margin-top: 7px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); border-radius: 4px; }

.inputcheck.require { border: 1px solid #4cbae8; display: inline-block; }
.inputcheck.require > .inputcheck-info:before { border-bottom-color: #f4f8fb; }
.inputcheck.require > .inputcheck-info { background: #f4f8fb; color: #333; text-shadow: 1px 1px 2px rgba(255, 255, 255, 1); display: inline-block; margin-top: 7px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); border-radius: 4px; }

.inputcheck.nofocus input[type="text"]:focus { outline: none; border: 1px solid #ddd !important; display: inline-block; }
.inputcheck.alert.nofocus > .inputcheck-info:before { border-bottom-color: #f7ebeb; }
.inputcheck.alert.nofocus > .inputcheck-info { background: #f7ebeb; color: #333; text-shadow: 1px 1px 2px rgba(255, 255, 255, 1); display: inline-block; margin-top: 7px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); border-radius: 4px; }
.inputcheck.require.nofocus > .inputcheck-info:before { border-bottom-color: #f4f8fb; }
.inputcheck.require.nofocus > .inputcheck-info { background: #f4f8fb; color: #333; text-shadow: 1px 1px 2px rgba(255, 255, 255, 1); display: inline-block; margin-top: 7px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); border-radius: 4px; }
/*//幫助 class 適用於通用對象*/

/*==========================================================================================*/







/*!
** career.css | ZhuCareer CSS
**
** Copyright (c) 2007-2016 Chun-Chia Tai
** Zhupiter Co., Ltd. (http://career.zhupiter.com/)
** zhupiter@gmail.com
**
** Update Date: 2016/10/06
*/
.DjBody{margin-top:0;margin-left:0;margin-right:0;margin-bottom:0}
.DjMenu{color:#df1f00;background:#e5ecf9;text-align:center;font-size:13px;border-top:1px solid blue;border-bottom:1px solid blue;border-left:1px solid white;border-right:1px solid white}
.DjMenuHover{color:#df1f00;background:#fff0d2;text-align:center;font-size:13px;border-top:1px solid red;border-bottom:1px solid white;border-left:1px solid red;border-right:1px solid red}
.DjMenuSel{color:#df1f00;background:#cc9;text-align:center;font-size:13px;border-top:1px solid red;border-bottom:1px solid white;border-left:1px solid red;border-right:1px solid red}

.Title1{color:#f0f;font-weight:bold;font-size:22px}
.Title2{color:#e00fef;font-weight:bold;font-size:22px}
.Title3{color:#701520;font-weight:bold;font-size:22px}
.TitleSub{color:#000fff;vertical-align:text-bottom;font-style:italic;font-size:11px}

.DjSearchBar{padding:5px 10px 5px 10px;font-size:15px;background:#e5ecf9}
.DjSearchBar2{background:#e5ecf9;border-bottom:1px solid #36C;border-top:1px solid #36C}
.DjSearchRst{font-weight:bold;font-size:13px;text-align:center;color:green;background:#e5ecf9;border-top:1px solid #36C}
.UsrLstRst{width:80%;font-size:15px;text-align:center;color:green;background:#e5ecf9;border-top:1px solid #36C;border-bottom:1px solid #36C}
.DjShowBrdRst{font-size:15px;text-align:center;color:#df1f00;background:#e5ecf9;border-top:1px solid #36C;border-bottom:1px solid #36C}
.DjShowPoRst{font-size:15px;text-align:center;color:#11c0f0;background:#e5ecf9;border-top:1px solid #36C;border-bottom:1px solid #36C}
.DjQaaRst{width:80%;font-size:15px;text-align:center;color:#11c0f0;background:#e5ecf9;border-top:1px solid #36C;border-bottom:1px solid #36C}
.DjRentTrack{font-size:15px;text-align:center;color:green;background:#e5ecf9;border-top:1px solid #36C;border-bottom:1px solid #36C}
.DjMyrBar{background:#fff0d2}
.DjMyrRst{font-weight:bold;font-size:13px;text-align:center;color:#df1f00;background:#fff0d2;border-top:1px solid #f0f}
.DjMywBar{background:#d0ffc0}
.DjMywRst{font-weight:bold;font-size:13px;text-align:center;color:#df1f00;background:#d0ffc0;border-top:1px solid #e00fef}
.DjErrMsg{color:red;font-size:15px}
.DjSuccMsg{color:green;font-size:15px}
.Tab0C2-1{display:inline-block;float:left;margin:0}
.Tab0C2-2{display:inline-block;margin:0 0 0 5px;vertical-align:top}
.Color1{color:#3344A2;font-size:15px}
.DjWhereAmI{color:#7000e0;font-size:13px;background:#e5ecf9;margin:0;border:0}
.DjUnderline{text-decoration:underline}
.DjColorMark{color:red;font-weight:bold;vertical-align:super}
.DjColorRpost{color:#11c0f0;text-align:right}
.DjColorWpost{color:#df1f00;text-align:right}
.DjColorPoShowInfo{color:#df1f00;background-color:#d0ffc0}
.DjColorPoShowUpdate{color:#df1f00;background:#e5ecf9;border-bottom:1px solid #36C;border-top:1px solid #36C}
.DjDtlVerLink{vertical-align:super;font-size:11px}
.DjColorStepTitle{color:#7000e0;background-color:#e5e5e5}
.DjColorStep{color:#7000e0;background-color:#cfc}
.DjTabx{border:2px outset green;border:2px inset green;border:1px solid #000;border-left:1px solid #fff;border-top:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000}table.DjTabNull{border:0;font-family:Tahoma,taipei,Verdana,Arial,Helvetica,sans-serif;font-size:12px}table.DjTdNull td{border:0}
.DjTabRpost,.DjTabWpost{border-left:1px solid #000;border-top:1px solid #000;font-family:Tahoma,taipei,Verdana,Arial,Helvetica,sans-serif;font-size:12px}
.DjTdRpost td,.DjTdWpost td{border-left:1px solid #fff;border-top:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;height:20px}.DjTabBrd,.DjTabPo{border-left:1px solid #000;border-top:1px solid #000;font-family:Tahoma,taipei,Verdana,Arial,Helvetica,sans-serif;font-size:15px}.DjTdBrd td,.DjTdPo td{border-left:1px solid #fff;border-top:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;height:20px}.DjTabTwZn{border-left:1px solid #000;border-top:1px solid #000;font-family:Tahoma,taipei,Verdana,Arial,Helvetica,sans-serif;font-size:11px}.DjTdTwZn td{border-left:1px solid #fff;border-top:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;height:20px}.DjTabUsrLvl{border:0 solid #000;font-family:Tahoma,taipei,Verdana,Arial,Helvetica,sans-serif;font-size:12px}.DjTdUsrLvl td{border:0 solid #000;height:20px}.DjTrCol1 td{background-color:#cc9}.DjTrCol2 td{background-color:#fff0d2}.DjTrCol4 td{background-color:#d0ffc0}table td.DjTdCol2{background-color:#fff0d2}table td.DjTdCol4{background-color:#d0ffc0}.DjTrThColBrdSohw th{background-color:#d0ffc0;border-right:1px solid #000}
.CpRight{color:#7000e0;font-size:15px}.DjPowered{text-align:right;font-size:11px}.DjHx{margin:0;padding:0;font-weight:normal;display:inline;font-size:100%}.DjSetting{color:blue;border:1px solid #c00;padding:5px;border-style:dashed;border-width:2px}code,.code{color:blue;border:1px solid #c00;padding:5px;border-style:dashed;border-width:2px}h1,h2,h3{margin:0;padding:0;font-weight:normal;display:inline;font-size:100%}table tr.odd th,table tr.odd{background-color:#e5e5e5;text-align:left}table tr.even th,table tr.even{background-color:#d5d5d5;text-align:left}table tr.marked th,table tr.marked{background-color:#fc9}table tr.DjTr_hover,table tr.odd:hover,table tr.even:hover,table tr.odd:hover th,table tr.even:hover th,table tr.hover th,table tr.hover{color:red;background-color:#cfc}table tr.DjHisOdd{background-color:#e7ffd9}table tr.DjHisEven{background-color:#f0b0e0}table tr.DjTh,table td.DjTh{background-color:#af9080}table tr.DjData2,table td.DjData2{color:#7000e0;background-color:#10df70}table tr.DjNoData,table td.DjNoData{color:#7000e0;background-color:#10df70}table .value{text-align:right;white-space:nowrap}table [class=value]{white-space:pre}
.value{font-family:"Courier New",Courier,monospace}
.value .attention{color:red;font-weight:bold}
.value .allfine{color:green}
/*
a:link{text-decoration:none;color:blue}
a:visited{text-decoration:none;color:#c000c5}
a:hover{text-decoration:underline;color:red}
*/
a.msgbody:link{text-decoration:none;color:blue}
a.msgbody:visited{text-decoration:none;color:#305080}
a.msgbody:hover{text-decoration:none;color:red}
.NavPg{padding:0;margin:0}
.NavPg li{display:inline;list-style:none}
.NavPg li.uavl{background:#ddd;border:1px solid #ccc;color:#666;margin-right:4px;padding:3px 6px;text-align:center;text-decoration:none}
.NavPg a{background:#ddd;border:1px solid #ccc;color:#00f;margin-right:4px;padding:3px 6px;text-align:center;text-decoration:none}
.NavPg a:hover,.NavPg a:active{background:#5f8faf;color:#ff0}
.NavPg .current{color:#fff;background:#5f87ae;border:1px solid #89adcf;margin-right:4px;padding:3px 6px}
.p0{margin:10px 0 10px 0}




/* http://demo.1234567.com.tw/ */
#container {
	position: fixed;
	width: 340px;
	height: 215px;
	top: 2%;
	left: 50%;
	margin-left: -170px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-webkit-animation-name: bounceIn;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: bounceIn;
	-moz-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	animation-name: bounceIn;
	animation-fill-mode: both;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

#lower {
	background: #ecf2f5;
	width: 100%;
	height: 69px;
	margin-top: 20px;
	box-shadow: inset 0 1px 1px #fff;
	border-top: 1px solid #ccc;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

input[type=name]:hover,
input[type=password]:hover {
	border: 1px solid #b6bfc0;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .7), 0 0 0 5px #f5f7f8;
}

input[type=name]:focus,
input[type=password]:focus {
	border: 1px solid #a8c9e4;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
}

input[type=submit] {
/*	float: right;*/
	margin-right: 20px;
	margin-top: 20px;
	width: 80px;
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #DC143C;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
	background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
	background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
	border-radius: 30px;
	border: 1px solid #66add6;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
	cursor: pointer;
}

input[type=submit]:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));
	background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
	background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
	color:blue;
}

input[type=submit]:active {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));
	background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
	background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
}
input[type=reset] {
/*	float: right;*/
	margin-right: 20px;
	margin-top: 20px;
	width: 80px;
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #DC143C;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
	background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
	background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
	border-radius: 30px;
	border: 1px solid #66add6;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
	cursor: pointer;
}

input[type=reset]:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));
	background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
	background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
	color:blue;
}

input[type=reset]:active {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));
	background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
	background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
}

input[type=button] {
/*	float: right;*/
	margin-right: 20px;
	margin-top: 20px;
	width: 80px;
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #DC143C;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
	background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
	background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
	border-radius: 30px;
	border: 1px solid #66add6;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
	cursor: pointer;
}

input[type=button]:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));
	background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
	background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
	color:blue;
}

input[type=button]:active {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));
	background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
	background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
}



/*Layout CSS From tpgr.css ==============================================================================*/
/*層彈出*/
.layer-pop { 
position: absolute; top: 0; left: 0; padding: 10px; line-height: 18px; font-size: 12px; font-weight: normal; 
border: 1px solid #0000FF ; /*外框顏色 #b8202c*/
background: #FFED8F ; /*外框顏色背景底色 #fff*/
z-index: 1001; 
}

/*
.layer-pop-tit { margin-bottom: 20px; padding: 10px 0; font-weight: bold; border-bottom: 1px solid #ccc; }
.layer-pop .long-text { height: 280px; overflow-y: auto; margin-top: 10px; text-align: left; }
*/

/*提示層
.layer-tip { position: absolute; padding: 8px; width: 262px; background: #444; color: #fff; border-radius: 5px; z-index: 1001; box-shadow: 2px 2px 5px #a8a8a8; }
.layer-tip > .tail { left: 50%; margin-left: -8px; border-right: 8px solid transparent; border-top: 8px solid #444; border-left: 8px solid transparent; position: absolute; bottom: -8px; width: 0; height: 0; }
*/
/*彈出方式
.pop-step { float: right; margin-top: 10px; }
.pop-step li { float: left; padding: 4px 10px 2px 10px; font-weight: bold; font-size: 12px; border: 1px solid #999; }
.pop-step li.on { color: #fff; background: #b8202c; border: 1px solid #b8202c; }
*/

/*responsive*/
/*==========================================================================================*/

  /*在辦公時間內懸停桌面定位*/
  #dvTimeTable.layer-pop,
  .counsel-time.layer-pop{ top:95px !important;}  

/*特效 From tpgr.css ==============================================================================*/
hsdw1 {text-shadow: 8px 10px 2px #FF0000, 16px 18px 4px brown; }
pwv {text-decoration: underline; text-decoration-style: wavy; }