/* main page layout */
#w ul { list-style:none;}

/* sorting and filtering */
.sort { 
	display: block; 
	font-family: Arial, sans-serif,"微軟正黑體","Microsoft JhengHei"; 
	font-size: 1.4em; 
	line-height: 0.9em; 
	color: #444; 
	-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.sort ul { text-align:left;}
.sort li { 
  -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   line-height: 0.9em; 
}
.sort li a { 
  background: none repeat scroll 0 0 rgba(0, 127, 113, 0.90);
  border: medium none;
  -webkit-border-radius: 10px!important;
   -moz-border-radius: 10px!important;
   border-radius: 10px!important;
  color: #FFFFFF !important;
  font-size: 0.813em;
  line-height: 0.813em;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 0.875em 1em;
  text-transform: uppercase;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  margin: 0.313em;
  line-height: normal;
} 
.sort li a:hover { 
	background: #00c8b1;
	text-decoration:none;
}
.sort li a.selected { 
	background: #00c8b1;
}

/* portfolio items */
.portfolio { 
	width:100%;
	display: block;
	text-align:center; 
	padding: 20px 0 0 0; 
	margin: 0 0 10px 50px; 
}
.portfolio li { 
  float: left; 
  padding: 20px 30px 30px 0; 
}
.portfolio li a { 
  display: block; 
  -webkit-transition: all 0.35s linear; 
  -moz-transition: all 0.35s linear; 
  -o-transition: all 0.35s linear;
  transition: all 0.35s linear;
}

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }