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

/*主架構*/
html, body {font-family:Microsoft JhengHei, Arial, Helvetica, sans-serif;height:100%;font-size:14px;}
.wrap { min-height:100%; *display:table; /* For IE7 Hack */ *height:100%; /* For IE7 Hack */ }
.header { position:absolute; z-index:2; width:100%; background-image:url(../images/bg_slide_top.png);line-height:60px;	  -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.25);	  -moz-box-shadow:0 1px 5px rgba(0,0,0,0.25);	  box-shadow:0 1px 5px rgba(0,0,0,0.25);}
.main { position:absolute; z-index:1; bottom:30px; width:100%;}
.footer {position:absolute;z-index:5;bottom:0;width:100%;height:40px;line-height:40px;background-color:#000;}
.footer .copyright{font-size:14px;color:#FFF;text-align:center;}
.footer .copyright a{color:#FFF;text-decoration:none;transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;outline:none;}
.footer .copyright a:hover{color:#f1d30a;}

/*bg*/
.fluid_container {bottom:0;height:100%;left:0;position:fixed;right:0;top:0;z-index:1;}
#camera_wrap_4 {bottom:0;height:100%;left:0;margin-bottom:0!important;position:fixed;right:0;top:0;}
.camera_bar {z-index:2;}
.camera_thumbs {margin-top:-105px;position:relative;z-index:2;}
.camera_thumbs_cont {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;background:#d8d8d8;background:rgba(216, 216, 216, 0);}
.camera_overlayer {opacity:.1;}/*設定overlayer透明度 設定值:0, .1, .2, .3, .4, .5, .6, .7, .8, .9, 1*/

@media screen and (max-width:979px) {
.wrap { position:relative; z-index:5; min-height:inherit !important; background:url(../images/bg_slide_menu.png);}
.header { position:inherit !important; z-index:inherit !important;  }
.main { position:inherit !important; z-index:inherit !important; bottom:inherit !important ;}
.footer { position:inherit !important; z-index:inherit !important; height:auto !important;}	
.footer .copyright{ line-height:1.7; margin-top:0;}
.fluid_container {	bottom:inherit !important;	height:auto !important;	left:inherit !important;	right:inherit !important;	top:inherit !important;	position:relative;	z-index:5;	overflow:hidden;}
#camera_wrap_4 {	bottom:inherit !important;	left:inherit !important;	margin-bottom:inherit !important;	position:inherit !important;	right:inherit !important;	top:inherit !important;}
}
