@charset "utf-8";


/* CSS Document */
html, body, ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend {padding:0; margin:0;}
html, body {	
	/*font:12px/normal Verdana, Arial, Helvetica, sans-serif;	*/
	font-family:'Helvetica W01 Light', Helvetica, Arial, "微軟正黑體","Microsoft Jhenghei",sans-serif;
	font-size:13px;
	color: #666;
	background-color: #F6F6F6;
	background-position: 0 0;
}

table {border-collapse:collapse;	border-spacing:0;}
img {border: 0px;}	  
ul,li {list-style-type:none; text-transform:none;}
a:focus { outline:0;}
a{ outline: none; /* for Firefox Google Chrome  */  behavior:expression(this.onFocus=this.blur()); /* for IE */	  }	  
a {	color: #292929;}
a:hover {color: #ff0000;}

/*clean both*/
.clear {font-size: 0; width:0px;height:0px;clear:both; *display:inline;/*IE only*/}

.mlr_auto{ margin: 0 auto; display: block;}







/*top*/
#top { width:100%; display:block; background:#444; overflow:hidden; min-width: 1200px;}
#top .logo {float: left;	padding: 4px 0 0 10px;}

#header { margin-bottom:50px; padding:30px; background-image: url(nav_bg.png); background-repeat: repeat; overflow:hidden; min-width: 1140px;}
#header .brand_name {	text-decoration: none; background-color: #444; color: #FFF; padding: 10px 20px; font-size: 1em; display: inline; float:left; }
#header .date {	text-decoration: none; background-color: #F6F6F6; color: #333; padding: 10px 20px; font-size: 1em; display: inline; float:left;}
#header .case_neme{font-size: 2em; float:left; margin-left:20px; color:#333;}

#nav { font-size: 1em; font-weight: bold; float:right; margin-top:10px;}
#nav ul { float: right; display: inline; }
#nav ul li {	float: left;	text-transform: uppercase;	padding-right: 10px;}
#nav ul li a {	display: block; text-decoration: none; padding: 8px 20px; background: #666;	color: #dadf00; }
#nav ul li a:hover {	color: #FFF; background: #333;}

/*wrapper*/
#wrapper { width: 100%; margin: auto; padding-bottom: 50px; margin-top:30px;}

/*content*/
.work_item{ width: 400px; height: 1020px; text-align:center; float: left; margin: 10px; border: 1px solid #ccc; padding-top: 5px; overflow: hidden;}
.work_item .work_item_title{ margin-bottom:15px;}
.work_item .work_item_title h2{ color:#333; margin-bottom:5px;}
.work_item .work_item_title p{ margin-bottom:5px;}


.btn_link_blank {	 width: 350px; display: block; text-decoration: none; padding: 8px 20px; background: #666;	color: #dadf00; margin: auto;}
.btn_link_blank:hover {	color: #FFF; background: #333;}

.Preference{ margin-bottom: 10px; height: 176px;}