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-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.block{
	width:21%;
	height:100%;
	position:absolute;
	top:0px;
	left:20%;
	
	background-image:url(./img/block.png);
	background-position:center;
	background-size:contain;
	
}

.title{
	width:100%;
	height:auto;
	position:relative;
	padding-top:30%;
	
}

.title_tablet{
	width:100%;
	height:auto;
	position:relative;
	
	
	display:none;
	
}

.start{
	width:100%;
	height:auto;
	position:relative;
	
	cursor:pointer;
}

.start_tablet{
	width:100%;
	height:auto;
	position:relative;
	display:none;
}

@media only screen and (max-width:1024px){
	
	.all{
	
	background-image:url(./img/tablet_bg.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	}
	
.block{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0%;
	
	background-image:none;
	background-position:center;
	background-size:contain;
	
}

.title{
	display:none;
}

.title_tablet{
	width:100%;
	height:60%;
	display:block;
	margin-top:10%;
	background-image:url(./img/title_tablet.png);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.start{
	display:none;
}

.start_tablet{
	width:50%;
	height:auto;
	position:relative;
	display:block;
	margin:0 auto;
	padding-top:50px;
}



}

@media only screen and (max-width:480px){

.title_tablet{
	width:100%;
	height:70%;
}

.start_tablet{
	width:70%;
}

	
}