@charset "utf-8";
/* CSS Document */

/* 內容區塊
****************************************************************************************************/
#content_main {
	width:766px;
	margin:0;
	background:url(../images/content_title_bg.png) 0 1px repeat-x;
}

/* 作品相簿
****************************************************************************************************/
ul.album {
	list-style:none;
	width:100%;
}
ul.album li {
	float:left;
	padding:0 0 30px 25px;
}
ul.album #caption {
	width:160px;
	height:184px;
}
ul.album .thumb {
	display:block;
	text-decoration:none;
	cursor:pointer;
}
.thumb div {
	position:relative;
	width:160px;
	height:184px; /*160 +24px (h2)*/
	background:top no-repeat;
	z-index:20;
	/* 半透明圖 */
	filter:alpha(opacity=33); /*IE*/
	-moz-opacity:0.33; /*Mozilla*/
	-khtml-opacity:0.33; /*Safari*/
	opacity:0.33; /*Browser of CSS3*/
}
.thumb:hover div {
	/* 半透明圖 */
	filter:alpha(opacity=100); /*IE*/
	-moz-opacity:1; /*Mozilla*/
	-khtml-opacity:1; /*Safari*/
	opacity:1; /*Browser of CSS3*/
}
.thumb h2  {
	position:relative;
	top:160px;
	padding:12px 6px 0 6px;
	line-height:12px;
	color:#333;
	font-weight:normal;
	z-index:21;
}

/* 範本連結
****************************************************************************************************/
#btn_tpl {
	display:block;
    position:relative;
    float:left;
    clear:left;
    height:50px;
    left:25px;
    text-align:left;
    text-indent:48px;
    line-height:50px;
    text-decoration:none;
    color:#666666;
    background:url(../portfolio/images/btn_tpl.png) 0 0 no-repeat;
}
#btn_tpl:hover {
	background-position:0 -50px;
}
#btn_feedback {
	display:block;
    position:relative;
    float:right;
    clear:right;
    width:207px;
    height:50px;
    right:19px; /* 26px(右側邊距) -7px(圖的白邊) =19px */
    background:url(../portfolio/images/btn_feedback.png) 0 0 no-repeat;
}
#btn_feedback:hover {
	background-position:0 -50px;
}

/* Customer feedback《客戶迴響》適用樣式
****************************************************************************************************/
.cust_fb {
	background:#E3E1DB url(../portfolio/images/cust_fb/body_bg.png) top repeat-x;
}
.cust_fb .main {
	margin:0 auto;
    width:751px;
    background:url(../portfolio/images/cust_fb/main_bg.png) center repeat-y;
}
.cust_fb .header {
	display:block;
    clear:both;
    border:none;
}
.cust_fb .content,
.cust_fb .footer {
	display:block;
    margin:0 7px;
    width:737px; /* 751px -(7px*2) */
}
.cust_fb .content dt {
	display:block;
    padding:0 20px;
    width:697px; /* 737px -(20px*2)*/
    
    /* 自動延伸高度 */
    overflow:hidden;
    zoom:1;
}
.cust_fb .prj_title {
	display:block;
    clear:both;
    padding:22px 0 0 24px; /* 19px(上距) +4px(字距) =22px */
   _padding:24px 0 0 24px; /* IE6 Only */
    height:38px; /* 20px(title_bar) +(20px*2) -22px */
   _height:36px; /* IE6 Only */
    text-align:left;
    font-size:125%;
    line-height:1em;
    color:#698B22;
    background:url(../portfolio/images/cust_fb/title_bar.png) 0 20px no-repeat;
}
.cust_fb .prj_thumb {
	display:block;
    float:left;
    width:160px;
    height:160px;
    background-position:center;
    background-repeat:no-repeat;
}
.cust_fb .prj_views {
	display:block;
    float:left;
    position:relative;
    left:20px;
    border:none;
}
.cust_fb .footer {
	margin-top:20px;
    padding-top:11px; /* (34px -12px) /2 */
   _padding-top:12px; /* IE6 Only */
    height:23px; /* 34px(footer) -11px */
   _height:22px; /* IE6 Only */
    text-align:center;
    line-height:1em;
    color:#FFFFFF;
    background:url(../portfolio/images/cust_fb/footer.png) center no-repeat;
}