@import url(https://fonts.googleapis.com/css?family=Roboto:100,400,700);
@charset "UTF-8";
/* CSS Document */
#header{
position:fixed;
top:0px;
left:0px;	
width:100%;
height:40px;
background:rgba(255,255,255,0.9);
box-shadow:0px 7px 6px rgba(0,0,0,0.2);
z-index:1040;	
	}	
	
#header .con{
max-width:1400px;
margin:auto;
	}		
	
#header ul{
padding:0px;
margin:0px;
list-style:none;
float:right;	
	}	
	
	#header ul li{
display:inline-block;	
font-size:20px;
line-height:20px;	
position:relative;
	}	
	
	
	#header ul li a{
display:block;
color:#333;	
padding:10px 20px;
text-decoration:none;	
	}	
	
	#header ul li a:hover,#header ul li a.active{
color:#0B90D1;	
	}	

		
#index_container{
height:100%;	
	}	
.area{
height:50vh;
background-size:cover;

	}
.area .title{
color:#fff;
position:absolute;
text-shadow:0px 2px 2px rgba(0,0,0,0.9);
letter-spacing:1.5px;	
	}	
.area .title h2{
font-size:40px;	
margin:0px;
font-weight:normal;
	}		

.area .title .text{
font-size:28px;
	}	

/* 菜單區  */



.area .title .foodarea ul 
{
margin:0px -50px;
width:110%;
}

.area .title .foodarea ul li
{
	font-size:0px;
    float:left;
    width:16%
}

.area .title .foodarea ul li a
{
font-size:24px;
color:#FFFFFF;
text-decoration:none;
}
.area .title .foodarea ul li a img
{
width:90%;
display:block;
text-align: center;
margin:0px -20%;
}

/* 菜單區  */	

/*↑背景區*/
#index_0{
background-image:url(../images/index_bg0a.jpg);	
background-size: cover;
	}
	
#index_1{
background-image:url(../images/index_bg1a.jpg);	
background-size: cover;
	}
	
#index_2{
background-image:url(../images/index_bg2a.jpg);	
background-size: cover;
	}
	
#index_3{
background-image:url(../images/index_bg3a.jpg);	
background-size: cover;
	}
	
#index_4{
background-image:url(../images/index_bg4a.jpg);	
background-size: cover;
	}
/*↑背景區*/	
/*↓中間字*/
#index_0 .title{
	top:40%;
	left:10%;
}

#index_1 .title{
top:40%;
left:10%;
	}	
	
#index_2 .title{
top:15%;
left:10%;
	}	

#index_3 .title{
top:30%;
left:10%;
	}		
#index_4 .title{
top:45px;
left:5%;	
	}
	
	/*中間字*/
	
/*↓臉書按鈕*/

.fb{
font-size:16px;
background:#3b5998;
color:#fff;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
margin:1px 0px 1px 0px;
	}
.fb:hover,.fb:active,.fb:focus{
background:#2b4988;
color:#fff;
box-shadow: 3px 3px 3px rgba(0,0,0,0.1) inset;
	}	
	
/*↑按紐*/

	
/*↓按紐*/

.btn-download{
background:#DD1111;
color:#fff;
box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
margin:10px 0px 10px 0px;
	}
.btn-download:hover,.btn-download:active,.btn-download:focus{
background:#BB0011;
color:#fff;
box-shadow: 3px 3px 3px rgba(0,0,0,0.1) inset;
	}	
/*↑按紐*/
	
	html{
overflow-x:hidden; 
-webkit-overflow-scrolling: touch; 
position:relative;
	}
section{
position:relative;
	}
body{
letter-spacing:1px;
font-family:"Roboto","Microsoft JhengHei";
padding:0px;
margin:0px;
color:#333;
font-weight:400;
margin-top:80px;
	}	
	
	#index_footer{
text-align:center;
padding:10px 10px;
position:absolute;
bottom:0px;
left:0px;
width:100%;
background:#fff;
text-shadow: none !important;
	}