app.css

/*
	ice More website css
	Logo color
	red 		#E50011
	brown		#595648
	green		#5BB430
	green-light	#AACD03
	add color
	black		#000000
	white		#f0f0f0
*/
.home-background{
	background-image: url('./img/home-bg.jpg');
	-webkit-filter:	blur(5px);
	-moz-filter:	blur(5px);
	-o-filter:		blur(5px);
	-ms-filter:		blur(5px);
	filter:			blur(5px);
}
.foods-background{
	background-color:#595648;
}
.info-background{
	background-image: url('./img/info.jpg');
	-webkit-filter:	blur(5px);
	-moz-filter:	blur(5px);
	-o-filter:		blur(5px);
	-ms-filter:		blur(5px);
	filter:			blur(5px);
	
}
.background{
	  position: fixed;
	  left: 0;
	  right: 0;
	  z-index: -999;
	  display: block;
	  width:100%;
	  height:100%;
}
.site-wrapper{
	z-index:1;
}
.masthead,.mastfoot{
	z-index:2;
}

body{
	background-color:#595648;
}
.cover-img{
	repeat:none;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;	
}


.carousel, 
.carousel-inner, 
.carousel-inner .item {
    width: 100%;
}
.carousel-caption{
	top:650px;
}

.carousel .item img{
	width:100%;
}

/*	針對桌面瀏覽 */
@media (min-width: 992px) {
	.carousel, 
	.carousel-inner, 
	.carousel-inner .item {
		margin-right:auto;
		margin-left:auto;
		max-width:720px;
	}
}
/*	針對較小的螢幕高度，背景圖片向上位移，若螢幕高度夠高則不需要位移 */
@media (min-width: 992px) and (max-height: 760px) {	
	.item {
	margin-top:-200px;
	}
}

/*	針對手機瀏覽 375*500 (iphone6) */
@media (max-width: 992px)
{
	.carousel .carousel-inner .item img{
		min-height:500px;
		min-width:375px;
	}
	.carousel .item img{
		width:100%;
	}
	.carousel-caption{
		top:300px;
	}
}

.gmap{
	border:solid 1px #F0F0F0;
	-webkit-border-radius:	7px;
	-moz-border-radius: 	7px;
	border-radius: 			7px;
	padding:2px;
	background-color:#FFF;
	margin-top:80px;
	height:450px;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

.gmap-size{
	width:100%;
	height:100%;
}
/*	針對手機瀏覽 375*500 (iphone6) */
@media (max-width: 768px)
{
	.gmap{
		border:solid 0px #F0F0F0;
		-webkit-border-radius:	none;
		-moz-border-radius: 	none;
		border-radius: 			none;
		padding:0px;
		width:100%;
		height:400px;
		margin-top:150px;
	}
}