body,div,span,button,input,p,td,li,textarea,select{
	font-family: "微軟正黑體", "新細明體", sans-serif, Verdana, Geneva;
	
}

textarea{
	font-size: 13px;
}

a{
	color: #559B00;
	text-decoration: none;
}

a:hover{
	color: #BF6000;
	text-decoration: underline;
}

.clear{ clear:both;}

.frm-button{
	background-image: url(../images/layout_img/frm_btn.png);
	background-repeat: repeat-x;
	border: 1px solid #3D7F00;
	margin: 0px;
	color: #FFF;
	height: 27px;
	overflow:hidden;
	display:inline-block;
	padding: 2px 8px 2px 8px;
	overflow:hidden;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.frm-button2{
	background-image: url(../images/layout_img/frm_panel_btn.png);
	background-repeat: repeat-x;
	border: 1px solid #827F68;
	margin: 0px;
	color: #FFF;
	height: 27px;
	overflow:hidden;
	display:inline-block;
	padding: 2px 8px 2px 8px;
	overflow:hidden;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.frm-button.over{
	border: 1px solid #330;
	color: #FF6;
}

.panel-button{
	background-image: url(../images/layout_img/frm_panel_btn.png);
	background-repeat: repeat-x;
	border: 1px solid #8E8A8A;
	margin: 0px;
	color: #FFF;
	height: 24px;
	overflow:hidden;
	display:inline-block;
	padding: 0px 8px 0px 8px;
	overflow:hidden;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.panel-button2{
	background-image: url(../images/layout_img/frm_panel_btn.png);
	background-repeat: repeat-x;
	border: 1px solid #8E8A8A;
	margin: 0px;
	color: #FFF;
	height: 27px;
	overflow:hidden;
	display:inline-block;
	padding: 2px 8px 2px 8px;
	overflow:hidden;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* margin & padding */
.mgt0{ margin-top: 0px; }
.mgt10{ margin-top: 10px; }
.mgt15{ margin-top: 15px; }
.mgt20{ margin-top: 20px; }
.mgt25{ margin-top: 25px; }
.mgt30{ margin-top: 30px; }

.mgb0{ margin-bottom: 0px; }
.mgb10{ margin-bottom: 10px; }
.mgb15{ margin-bottom: 15px; }
.mgb20{ margin-bottom: 20px; }
.mgb25{ margin-bottom: 25px; }
.mgb30{ margin-bottom: 30px; }

.mgl0{ margin-left: 0px; }
.mgl5{ margin-left: 5px; }
.mgl10{ margin-left: 10px; }
.mgl15{ margin-left: 15px; }
.mgl20{ margin-left: 20px; }
.mgl25{ margin-left: 25px; }
.mgl30{ margin-left: 30px; }

.mgr0{ margin-right: 0px; }
.mgr5{ margin-right: 5px; }
.mgr10{ margin-right: 10px; }
.mgr15{ margin-right: 15px; }
.mgr20{ margin-right: 20px; }
.mgr25{ margin-right: 25px; }
.mgr30{ margin-right: 30px; }


.pdb0{ padding-bottom: 0px; }
.pdb10{ padding-bottom: 10px; }
.pdb15{ padding-bottom: 15px; }
.pdb20{ padding-bottom: 20px; }
.pdb25{ padding-bottom: 25px; }
.pdb30{ padding-bottom: 30px; }

.pdt0{ padding-top: 0px; }
.pdt10{ padding-top: 10px; }
.pdt15{ padding-top: 15px; }
.pdt20{ padding-top: 20px; }
.pdt25{ padding-top: 25px; }
.pdt30{ padding-top: 30px; }

.mgtb0{ margin-top: 0px; margin-bottom: 0px; }
.mgtb10{ margin-top: 10px; margin-bottom: 10px; }
.mgtb15{ margin-top: 15px; margin-bottom: 15px; }
.mgtb20{ margin-top: 20px; margin-bottom: 20px; }
.mgtb25{ margin-top: 25px; margin-bottom: 25px; }
.mgtb30{ margin-top: 30px; margin-bottom: 30px; }


/*wdith & height*/
.w100{ width: 100%; }
.w95{ width: 95%; }
.w90{ width: 90%; }
.w80{ width: 80%; }
.w70{ width: 70%; }
.w60{ width: 60%; }
.w50{ width: 50%; }
.w40{ width: 40%; }
.w40{ width: 30%; }

.w250px{ width: 250px; }
.w200px{ width: 200px; }
.w150px{ width: 150px; }
.w100px{ width: 100px; }
.w80px{ width: 80px; }
.w60px{ width: 60px; }
.w40px{ width: 40px; }

label.error{
	background-image: url(../images/icons/error_small.gif);
	background-repeat: no-repeat;
	padding: 0 5px 0 22px;
	background-position: 5px 1px;
	color: #933;
}

/* color */
.color1{
	color:#B54A17;
}
.color2{
	color:#597AD2;
}
.color3{
	color:#660;
}
	
.hidden{display:none}

/*清單*/
.list{
	margin-left: 35px;
	list-style-type: square;
}

.numlist{
	margin-left: 35px;
	list-style-type: decimal;
}

/* loading icons */
/* waitMessage dialog */
.loading-smal-message{
	background-image: url(../images/loading/loading-progress.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
	padding: 10px 0 0 52px;
}.subtitle {
	font-size: 16px;
	padding: 5px;
}


.td-underline{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.td-overline{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

.note-frmae{
	background-color: #FFFFDD;
	padding: 8px;
	border: 1px solid #CCC;
	line-height: 170%;
}

.event_error{
	color: #545454;
	background-color: #FFD;
	margin: 0px 5px 5px 5px;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: url(../images/icons/error.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 32px;
}

.event_error .error_title{
	font-weight: bold;
	color: #600;	
}

.sub-td-title{
	font-weight: bold;
	color: #333;
	background-color: #E8E8E8;
}

#jGrowl .message{
	color: #C00;
}