/* CSS Document */

/*Common Set*/
body
{
	font-size: 15px;
	
	text-decoration: none;
	line-height: 165%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU", 	 Arial,taipei, Helvetica, sans-serif;
	/*FONT-FAMILY:Arial,taipei, Helvetica, sans-serif;
	/*background-color:#99CCCC;*/
	
	background-color:#dfe2c5;
    background-color:#d2d5be;
	
}
html, body {
margin: 0px;
    height:100%;
   
  }	
a{
	 color:#000000;
	 text-decoration:none;
}
/*ipad或iphone會默認電話可撥自動加連結而改變樣式/所以在這加上這段*/
a[href^=tel]{ color: inherit; text-decoration: none; }

button{
	outline:none;
}
/*select跟input的默認樣是不一樣,所以在設寬度100%時會不一樣,需要加依樣相同的樣式/這樣input也不會超出原本的DIV或TD*/
/*border-box的width=content+padding+border*/
input,select,textarea{
	box-sizing:border-box;
}
	
input,textarea,select,button,submit{
	font-size:15px;
	line-height:30px;
/*	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",Arial,taipei, Helvetica, sans-serif;*/
	border:1px #cccccc solid;
}
select,
::picker(select) {
    appearance: base-select;
    -webkit-appearance: base-select;
    -moz-apperance: base-select; 
     background-color:#ffffff;
    border-radius:2px;
    line-height: 25px;
    /*下拉的選單框*/
}

input,textarea{
	padding-left:5px;

}
/*表單藍框問題*/
input:focus,textarea:focus{outline:none;}

ul{
	padding:0;
	margin:0;
	list-style:none;
}
input[type=checkbox]{
  width:20px;
  height:20px;
 
  
  }
.input_100{
	width:100%;
}
/*表格*/
 table {
   /* border-collapse: collapse;  合并单元格边框列印時使用 */
    border-spacing: 2px; /* 单元格间距 */
  }
td,th{
	padding:8px;
}

/* 解決浮動的CLEARFIX */
.cssfix:before, .cssfix:after { 
   content: "";
   display: table; 
}
.cssfix:after {
   clear: both; 
}
.cssfix { 
   zoom: 1; /* IE6&7 */ 
}
/*login*/
#login_title{
	margin-top:150px;
	height:50px;
	font-size:30px;
	color:#333333;
	text-align:center;
	
	
}
#login{
	text-align:center;
	height:200px;
/*	background-color:#669999;	*/

background-color:#586c44;

}
#login_area{
	
	margin:40px auto;
	width:30%;
}
#login_footer{
	margin:10px auto;
	width:30%;
	font-size:14px;
	color:#666666;
	text-align:center;
}
/*head*/
#Jhead{
	padding:20px;
	height:40px;

    background-color:#4b605a;
	letter-spacing:2px;
	min-width:1024px;
	
	
}
	#title{
		float:left;
		font-size:30px;
		font-weight:bolder;
		color:#FFFFFF;
		margin-right:20px;
		line-height:30px;
		
		
	}
	#a_menu{
		float:left;
		color:#FFFFFF;
		line-height:30px;
	}
/*web*/
#web{
	width:100%;	
	height:auto;
	min-width:1024px;
	display:block;
	position:relative;
	
}
	#b_area{
		padding-top:20px;
		padding-botom:20px;
		display:block;
		position:relative;
		padding-left:20px;
		
		min-height:100%;
		width:230px;
		float:left;
		
	}
		#b_menu{
			width:200px;
					
			
		}
.b_sub {
    /*	display:block;*/
    /*background-color:#5e7b7c;*/
    background-color: #586c44;
    line-height: 40px;
    height: 40px;
    text-align: center;
    /*padding-left:20px;	*/
    color: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 15px;
}
		.b_sub a{
			
			text-decoration:none;
			 
border-radius:10px;
			color:#FFFFFF;
		

			display:block;
		/*	letter-spacing:2px;*/
		
		}
		.b_sub a:hover{
	
		background-color:#FF9933;
			
			
		
			
		}
.b_sub2 {
    /*	display:block;*/
 background-color:#5e7b7c;
    
    line-height: 40px;
    height: 40px;
    text-align: center;

    color: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 15px;
}

    .b_sub2 a {
        text-decoration: none;
        border-radius: 10px;
        color: #FFFFFF;
   
        display: block;
        /*	letter-spacing:2px;*/
    }

        .b_sub2 a:hover {
            background-color: #FF9933;
        }
	#c_area{
		

		min-width:800px;
		min-height:100%;
		display:block;
		
		left:230px;
		top:0;
		position:absolute;

        padding:20px 20px 40px 40px;
		
	}
		#menu_title{
			margin-bottom:20px;
			font-size:24px;
			letter-spacing:2px;
			 font-weight:700;
		}
		#content{
			width:100%;
			height:auto;
			min-height:100%;
		}
		.table_title{
			/*background-color:#669999;*/
		
			/*background-color:#C5C2B8;
			background-color:#BCBCBC;*/
			background-color:#999999;
			color:#ffffff;
		}
		.table_td{
			/*background-color:#DFEDEF;*/
			
			background-color:#E7E7DE;
			color:#000000;
		}
		.table_title2{
			
		background-color:#0099CC;
			color:#FFFFFF;
		}
		.table_td2{
		background-color:#CCFFFF;
		color:#336699;
		
		
		}
		.table_title3{
		
		background-color:#FFCC00;
		color:#333333;
		}
		.table_td3{
	
		background-color:#FFFFCC;
		color:#336699;
		
		
		}
		.table_title4{
		
		background-color:#666666;
		color:#FFFFFF;
		}
		.table_td4{
	

		background-color:#CCCCCC;
		color:#336699;
		
		
		}

.index_title{
			margin-bottom:20px;
			font-size:25px;
			line-height:40px;
			letter-spacing:2px;
		}
/*admin*/
.right_bg{
	background-color:#ffffff;
	padding:5px;
}
/*blog*/
.tbar{
	background-color:#555555;
	color:#ffffff;
	line-height:40px;
	padding-left:20px;
	font-size:18px;
	cursor:pointer;
}
#t1,#t2,#t3,#t4,#t5,#t6,#t7,#t8,#t9,#t10{
	display:none;
}
#t1 img,#t2 img,#t3 img,#t4 img,#t5 img,#t6 img,#t7 img,#t8 img,#t9 img,#t10 img{
	max-width:400px;
}

/*footer*/
#footer{
	
	height:30px;
	background-color:#999999;
	position:fixed;
	bottom:0;
	width:100%;
	font-size:12px;
	
}
	#d_content1{
		float:left;
		color:#CCFFFF;
	}
	#d_content2{
		float:right;
		color:#666666;
	}
/*page number*/
.pnumber a{
	color:#265827;
	padding:5px 10px;
	background:#ffffff;
	border:1px solid #ccc;
	TEXT-DECORATION: none;

}
.pnumber a:hover{
	color:#ffffff;
	padding:5px 10px;

	background-color:#006699;

}

.nowpg a{
	color:#ffffff;
	background:#567556;
	border:1px solid #567556;
	padding:5px 10px;
	TEXT-DECORATION: none;

}
/*other*/

.button_01{
	font-size:15px;
	line-height:30px;
	color:#ffffff;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#FF9900;
	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;
	padding-left:15px;
	padding-right:15px;
	letter-spacing:2px;
}
.button_02{
	font-size:15px;
	line-height:30px;
	color:#ffffff;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#666666;
	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;
	padding-left:15px;
	padding-right:15px;
	letter-spacing:2px;
}
.button_03{
	font-size:15px;
	line-height:30px;
	color:#ffffff;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#669966;
	letter-spacing:2px;
	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;
	padding-left:15px;
	padding-right:15px;
	border:#FFFFFF 1px solid;
}
.button_04{
	font-size:15px;
	line-height:30px;
	color:#ffffff;
	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;
	padding-left:15px;
	padding-right:15px;
	border:#FFFFFF 1px solid;
}
.button_05{
	font-size:15px;
	line-height:25px;
	border-radius:5px;/*圓角*/
	color:#ffffff;
	/*FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;*/
	FONT-FAMILY:Arial,taipei, Helvetica, sans-serif;

	background-color:#CC3333;
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
	letter-spacing:2px;
	border:#FFFFFF 1px solid;
}
.button_06{
	font-size:15px;
	line-height:30px;
	color:#ffffff;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#7B6151;
	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;
	padding-left:15px;
	padding-right:15px;
	border:#FFFFFF 1px solid;
}
.button_07{
	font-size:15px;
	line-height:30px;
	color:#7B6151;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#ffffff;
	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;
	padding-left:15px;
	padding-right:15px;
	border:#FFFFFF 1px #7B6151;
}

/*font*/
.text16_ffffff{
	font-size:16px;
	color:#FFFFFF;
	letter-spacing:1px;
}
.text16_cccccc{
	font-size:16px;
	color:#cccccc;
	letter-spacing:1px;
}
.text16_666666{
	font-size:16px;
	color:#666666;
	letter-spacing:1px;
}
.text16_336666{
	font-size:16px;
	color:#336666;
	
	letter-spacing:1px;
}
.text16_990000{
	font-size:16px;
	color:#990000;
	letter-spacing:1px;
	
}
.text1{
   
    color:#72331b;
    font-weight:400;
}
.text2 {

    color:#fc0606;
    font-weight: 400;
}
.text3 {
    color: #fc0606;
    font-size: 18px;
    font-weight: 700;
}
.over_hide{
overflow:hidden;

}