/*  behavior: url(js/PIE.htc);*/


/*  reset  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
.order_table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
img{
	margin:0px;
	padding:0px;
	}
a{
	text-decoration: none;
	color: #555;
}
a:hover{
	text-decoration: none;
	color: #60503a;
}
ol, ul {
	list-style:none;
}
/*address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

caption, th {
	text-align:left;
}*/
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
.ul{
	list-style:none;
	}
.lileft li{
	float:left;
	}
input,button{
	border:none;
	outline:none;
	}
button,.cursor{
	cursor:pointer;
	}
.user_edit ul,.user_edit ol{
	padding:0px 0px 0px 20px;
	}
/*================================reset================================*/
body{
	font-size:14px;
	color:#555;
	font-family:Arial,'微軟正黑體', Helvetica, sans-serif;
	line-height:22px;
	}
.wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
	}
.clearfix:after { /* FF, IE8, O, S, etc. */
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
	}
.clearfix{
	zoom:1;
	}
.clear{
	clear:both;
	}
.fleft{
	float:left;
	}
.fright{
	float:right;
	}
.logo {
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	font:0/0 serif \9;
	text-shadow:none \9;
	color:transparent \9;
	display:block;
	width:194px;
	height:42px;
	float:left;
	cursor:pointer;
	margin:20px 0px 0px 0px;
	background:url(image/logo.png) top center no-repeat;
	}
/*===============================================================*/

.b1{
	color: #00acdd;
}
.blod{
	font-weight: bold;
}
.finger{
	cursor:pointer;
}




.img_box{
/*	width:300px;
	height:65px;*/
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	*position:relative;
	}
.img_link{
	/*max-width:300px;*/
	height:auto;
	z-index:1;
	display:inline-block;
	*display:inline;
	*zoom:1;
	*position:absolute;
	*top:50%;
	}
.align_middle{
	*position:relative;
	*top:-50%;
	*left:-50%;
	}
	
/*黑白*/
.gray{ 
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
position:relative;
z-index:5;
 opacity:1;
 /*filter:alpha(opacity=100);*/
 -moz-opacity:1;
 -webkit-transition:opacity 1s;
 -moz-transition:opacity 1s;
 -o-transition:opacity 1s;
 -ms-transition:opacity 1s;
 behavior:url(js/PIE.htc);
}
/*滑鼠滑過去*/ 
.gray:hover{ opacity:0;
 /*filter:alpha(opacity=0);*/
 -moz-opacity:0;
 -webkit-transition:opacity 1s;
 -moz-transition:opacity 1s;
 -o-transition:opacity 1s;
 -ms-transition:opacity 1s;
 behavior:url(js/PIE.htc);
}

/*自訂義下拉選單*/
.slide_box{
	position:relative;
	/*z-index:50;*/
	}
.custom_box{
	display:none;
	position:absolute;
	top:29px;
	left:0px;
	z-index:10;
	}
.slide_box .show{
	cursor:pointer;
	}
/*第一組*/
.show{
	color:#333;
	line-height:16px;
	/*padding:7px 25px 11px 14px;*/
	width:165px;
	height:16px;
	background:#999;
	}
.slide_box .slide_middle{
	/*padding:0px 2px;
	 width:200px;
	height:100px; */
	overflow-y: auto;
	overflow-x: hidden;
	/*background-color:#fff;
	background-position:top right;
	background-repeat:repeat-y;
	background:#FC9;*/
	}
/*.slide_box .slide_bottom{
	width:204px;
	height:4px;
	background:#F99;
	}*/
.slide_middle ul{
	width:100%;
	}
.slide_middle li{
	color:#333;
	float:none;
	cursor:pointer;
	/*padding:0px 0px 0px 10px;
	line-height:30px;
	background:#666;*/
	}
.slide_middle li:hover{
	background:#f7f7f7;
	}