@charset "utf-8";

/******  樣式 (灰色系) ******/ 

body{
	font-family:Verdana, '新細明體';
	color:#616C5E;
	font-size:12px;
	}

/*** 圓角框 ***/
.box{
	border:1px #CCC solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
	}

/*** 線條 ***/
.line{
	height:1px;
	border-top:1px #DDD dotted;
	}

/*** 漸層 ***/
.head_gradient{
	background-color: #3F6D7A;
	background-image: -moz-linear-gradient(top, #3F6D7A, #06323F);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #3F6D7A),color-stop(1, #06323F));
	background-image: linear-gradient(top, #3F6D7A, #06323F);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3F6D7A', EndColorStr='#06323F');
	}
.head_line_gradient{
	background-color: #9AB1B7;
	background-image: -moz-linear-gradient(top, #9AB1B7, #7B9397);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9AB1B7),color-stop(1, #7B9397));
	background-image: linear-gradient(top, #9AB1B7, #7B9397);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9AB1B7', EndColorStr='#7B9397');
	}
	
/*** 首頁 ***/
.area{
	border:1px #CCC dashed;
	}
.funcName{
	background-color: #99999;
	background-image: -moz-linear-gradient(top, #999999, #FFFFFF);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #999999),color-stop(1, #FFFFFF));
	background-image: linear-gradient(top, #999999, #FFFFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#FFFFFF');	
	font-size:14px;	
	font-weight:bold;
	}
.info{
	list-style-type:upper-alpha;
	line-height:22px;
	}

	
/*** 列表 Table ***/
.listT{
	background-color:#E7E7E7;		
	}
.listT tr{
	background-color:#FFF;
	line-height:25px;
	}
.listT tr.listT_field{
	background-color:#F0F0F0;
	font-weight:bold;
	}
.listT tr.listT_row01{
	background-color:#FFF;
	}
.listT tr.listT_row01:hover{
	background-color:#FFFFDD;
	}
.listT tr.listT_row02{
	background-color:#F9F9F9;
	}
.listT tr.listT_row02:hover{
	background-color:#FFFFDD;
	}
.listT tr.listT_foot{
	text-align:right;
	background-color:#f3f3f3;
	}
	
/*** 表單 From ***/
.formT{
	background-color:#E7E7E7;
	}
.formT tr{
	line-height:25px;
	}
.formT .formT_field{
	background-color:#F9F9F9;
	text-align:right;
	padding-right:15px;
	}
.formT .formT_row{
	background-color:#FFF;
	}

/*** 標籤 Tag ***/
/* 下拉選單 */
.select{
	border:1px #DEDEDE solid;
	color:#616C5E;
	font-size:12px;
	}
/* 按鈕 */
.btn{
	height:24px;
	font-size:12px;
	color:#616C5E;
	text-align:center;	
	border:1px #DFDDE0 solid;
	background-color:#D1E9E9;/*#C4E1E1;*//*#ECE9D8;*/
	cursor:pointer;
	}
.btn:hover{
	color:#FFF;
	background-color:#408080;/*#787677;*/
	}
	
/* 文字方塊 */
.short_text, .middle_text, .long_text, .textarea{
	font-size:12px;	
	color:#616C5E;
	border:1px #DFDDE0 solid;
	}
.short_text{
	width:50px;
	}
.middle_text{
	width:170px;
	}
.long_text{
	width:200px;
	}