body{
	font-family:"Heiti TC";
	font-family:"微軟正黑體";
}

img{
	width:100%;
	height:auto;
}

.all{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	
	background-image:url("./img/bg.jpg");
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
}

.btn_box{
		width:25%;
		height:auto;
		position:absolute;
		padding-left:37.5%;
		bottom:10px;
	
}

.btn{
	width:100%;
	height:auto;
	padding-bottom:30px;
	cursor:pointer;
	
}

#btn_01{
	box-shadow: 5px 5px 10px rgb(0,0,0,0.4);
	
}

#btn_02{
	box-shadow: 5px 5px 10px rgb(0,0,0,0.4);
	
}

#btn_01:hover{
	box-shadow: 10px 10px 10px rgb(0,0,0,0.4);
	
}

#btn_02:hover{
	box-shadow: 10px 10px 10px rgb(0,0,0,0.4);
	
}

@media only screen and (max-width:1024px){
	
	.btn_box{
		width:60%;

		padding-left:20%;
		bottom:50px;
	
}

	
	
}

@media only screen and (max-width:480px){
	
	.btn_box{
		width:80%;
		padding-left:10%;
		bottom:10px;
	
}
.btn{
	width:100%;
	height:auto;
	padding-bottom:20px;
	cursor:pointer;
	
}

	
	
}