@charset "utf-8";
/* PC up 800px  800px CSS Document */

/*Common Set*/
body
{
	font-size: 18px;
	margin: 0px;
	text-decoration: none;
	line-height: 165%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	
	
}
/*表單藍框問題*/
input:focus,textarea:focus,select:focus{
outline:none;
}
/* 解決浮動的CLEARFIX */
.cssfix:before, .cssfix:after { 
   content: "";
   display: table; 
}
.cssfix:after {
   clear: both; 
}
.cssfix { 
   zoom: 1; /* IE6&7 */ 
}
/*標籤設定*/
ul{
	list-style-type:none;
}
input,textarea,select{
	font-size:16px;
	border:#cccccc 1px solid;
	padding:2px;
}
/*div*/
.fleft01{
	margin-bottom:20px;
}
/*login*/
#login_main{
	width:100%;
	text-align:center;
	position:relative;
}
#login_logo{
	position:relative;
	display:block;
	height:100px;
	margin:10% auto 0;
	color:#99CCFF;
	
	line-height:100px;
	font-size:60px;
	
}
#login_div{
	position:relative;
	width:260px;
	padding:20px;
	display:block;
	margin:0px auto;
	background-color:#ffffff;
	border:#999999 1px solid;
	box-shadow:0px 4px 20px -2px #cccccc;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	
}

.login_content{
	float:left;
	height:40px;
	display:block;
	padding:10px;
	position:relative;
	text-align:left;
}
#login_footer{
	color:#CCCCCC;
	font-size:12px;
	margin:0 auto;
	height:40px;
	line-height:40px;
}

/*header*/
#header{
	display:block;
	border-bottom:#999999 1px solid;
	height:50px;
	box-shadow:0px 4px 20px -2px #cccccc;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
}
#logo{
 display:block;
 float:left;
 color:#8cbf33;
 line-height:50px;
 width:30%;
}
#logo a{
	text-decoration:none;
	color:#5fc8fe;
	font-weight:bolder;
}
#a_menu{
	display:none;
}
#login{
 display:block;
 width:40%;
 float:left;
 color:#333333;
 line-height:50px;
text-align:center;
 
}
#logout{
 display:block;
  width:30%;
 float:right;
 color:#5fc8fe;
 line-height:50px;
 text-align:right;
}

#logout a{
 
 color:#5fc8fe;
 text-decoration:none;

}
#logout a:visit{
 
 color:#5fc8fe;
 text-decoration:none;

}

/*body*/
#web{
	postion:relative;
	width:100% ;
		
}
#left_menu{
	display:block;
	float:left;
	width:15%;
	
	min-width:180px;
	
}

#main{
	display:block;
	float:left;
	padding:20px;
	width:75%;
	/*max-width:80%;
	min-width:750px;*/
	border-left:#999999 1px solid;
	min-height:800px;
	padding-bottom:100px;
}
#b_menu{
padding:0px;
margin:0;
}
#b_menu li{
	display:inline-block;
	width:100%;
	height:50px;
	min-width:120px;
	border-bottom:#999999 1px dotted;
	line-height:50px;
	text-align:right;
	
	
}
#b_menu li a{
	color:#333333;
	text-decoration:none;
}
#b_menu li a:hover{
display:inline-block;
	color:#ffffff;
	background-color:#8cbf33;
	line-height:50px;
	width:100%;
	height:50px;
	min-width:120px;
	
}
#title{
	font-size:30px;
	height:60px;
	line-height:50px;
	width:100%;
	color:#5fc8fe;
	
}
#content{
	width:100%;
	position:relative;
	
}
	#t800up{
		position:relative;
		display:block;
		width:100%;
		
	}

	#t800down{
	display:none;
	}
	
/*footer*/
#footer{
  clear:both;	
  border-top:#666666 1px solid;	
  display:block;
  position:fixed;
  width:100%;
  height:40px;
  padding:10px;
  bottom:0px;
  font-size:14px;
  color:#666666;
  background-color:#ffffff;
  
}
	.d_area{
		float:left;
	}
/*Common Css*/
.login_submit{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#99CCFF;
	border-radius:20px;/*圓角*/
	/*box-shadow:2px 4px 5px -2px #999999;*/	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
	border:#FFFFFF 1px solid;
}
.button_back{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#999999;
	
	border-radius:20px;/*圓角*/
	/*box-shadow:2px 4px 5px -2px #999999;*/	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
	border:#FFFFFF 1px solid;
}
.button_add{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#99CCFF;
	
	border-radius:20px;/*圓角*/
	/*box-shadow:2px 4px 5px -2px #999999;*/	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
	border:#FFFFFF 1px solid;
}
.button_del{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	border:#FFFFFF 1px solid;
	background-color:#443f2e;
	border-radius:20px;/*圓角*/
	/*box-shadow:2px 4px 5px -2px #999999;*/	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
}
.button_edit{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#669900;
	border-radius:20px;/*圓角*/
	/*box-shadow:2px 4px 5px -2px #999999;*/	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
	border:#FFFFFF 1px solid;
}
.button_save{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#666699;
	
	border:#FFFFFF 1px solid;
	border-radius:20px;/*圓角*/
	/*box-shadow:2px 4px 5px -2px #999999;*/	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
	
}
.t18ff0000{
	font-size:18px;
	color:#FF0000;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t18ffffff{
	font-size:18px;
	color:#FFffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t18009900{
	font-size:18px;
	color:#009900;
	
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t183366CC{
	font-size:18px;
	color:#3366CC;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
/*pages number*/
.pagination a, .pagination a:link, .pagination a:visited {
	color:#265827;
	padding:3px 5px;
	background:#ffffff;
	border:1px solid #ccc;
	TEXT-DECORATION: none;
}
.pagination a:hover {
	color:white;
	background:#567556;
	border:1px solid #567556;
}
.pagination span {
	padding:4px 6px;
}
.pagination a span {
	font-size:inherit;
	display:none;
	visibility:hidden;
}
.pagination span.disable {
	padding:3px 5px;
	border:1px solid #eee;
	color:#ffffff;
	background:#999999;
}