@charset "utf-8";
/* mobile down 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:18px;
	border-radius:20px;/*圓角*/
	border:#cccccc 1px solid;
	padding:10px;
	
}
.input_100{
	width:90%;
}
.input_small{
 margin-bottom:10px;
}
/*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:#666666 1px solid;
	height:50px;
	position:fixed;
	top:0px;
	z-index:99;
	width:100%;
	background-color:#999999;
	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:40%;
}
#logo a{
	text-decoration:none;
	
	color:#66FF33;
	font-weight:bolder;
}
#a_menu a{
	display:block;
 float:left;
 color:#ffffff;
 line-height:50px;
 width:20%;	
 text-align:center;
 font-size:40px;
 text-decoration:none;
}

#login{
 display:block;
 width:20%;
 float:left;
 color:#333333;
 line-height:50px;
text-align:right;
 
}

#logout{
 display:block;
  width:20%;
 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{
	
	width:100%;
	min-width:320px;
	top:-550px;
	position:fixed; 
	
	z-index:8;	 
	
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
 
}


#main{
	display:block;
	position: absolute;	 
	top:50px;
	
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
	width:95%;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	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:center;
	background-color:#FFFFFF;
	
}
#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;
	line-height:50px;
	height:60px;
	width:100%;
	color:#5fc8fe;
	
}
#content{
	width:100%;
	
}
	#t800up{
		display:none;
	}
	#t800down{
		display:block;
		width:100%;
		
		
	}
	
	
/*footer*/
#footer{
  clear:both;	
  border-top:#666666 1px solid;	
  display:block;
  
  position:fixed;
  width:100%;
  height:50px;
  padding:10px;
  bottom:0px;
  font-size:14px;
  color:#ffffff;
  background-color:#999999;
}
	.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;
	margin-bottom:10px;
	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;
	background-color:#443f2e;
	
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;
}
.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;
}