.index_box03 {width:100%; margin:0 auto; padding:1.8em 5%; margin-top:50px; background:#f6e000; overflow:hidden; display:block;}
.mosaic-block {
    float:left;
    position:relative;
    overflow:hidden;
    width:23%;
    height:0px;
	line-height:1; padding-bottom:16%;
    margin:1%;
    background:#729cbe;
    -webkit-box-shadow:0px 2px 20px 0px #877b00;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(pie/PIE.htc);}
.mosaic-block:hover{-webkit-box-shadow:0px 2px 10px 0px #877b00;}
.mosaic-backdrop {
    display:none;
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    background:#111;
}
.mosaic-backdrop img{width:100%; height:auto}

.mosaic-overlay {
    display:none;
    z-index:5;
    position:absolute;
    width:100%;
    height:100%;
    background:#111;
}

/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
    background:url(../images/hover-magnify.png) no-repeat center center;
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter:alpha(opacity=00);
    display:none;
	;transition-property:background 0.7s;
-moz-transition:background 0.7s; /* Firefox 4 */
-webkit-transition:background 0.7s; /* Safari and Chrome */
-o-transition:background 0.7s; /* Opera */
}

.fade .mosaic-overlay {
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter:alpha(opacity=00);
    background:rgba(0,0,0,0.5);
}

.bar .mosaic-overlay {
    bottom:-100px;
    height:100px;
    background:url(../images/bg-black.png);
}

.bar2 .mosaic-overlay {
    bottom:-50px;
    height:100px;
    opacity:0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
}

.bar2 .mosaic-overlay:hover {
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
}

.bar3 .mosaic-overlay {
    top:-100px;
    height:100px;
    background:url(../images/bg-black.png);
}


#content{ width:845px; margin:20px auto; padding:10px 30px; }
.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }

.details{ margin:15px 20px; text-align:center }	
h4{font-family:"微軟正黑體"; font-size:1.125em; font-weight:bold; line-height:160%; letter-spacing:0.15em; color:#f6e000; text-shadow:1px 1px 0 rgb(0,0,0); }
.details p{font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; color:#ffffff; line-height:1.5}