@import url("reset.css");
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, li {
	display: block;
}

html{/*新版標籤*/
		font-family:Arial, Helvetica, sans-serif, "微軟正黑體";
		-webkit-text-size-adjust:none;		
		/*在ios手機旋轉鎖定文字不縮放*/}
@media (min-width: 640px) {
	html img{
		#width:640px;
		height: auto;
	}

	html div{
		position:relative;
		width:640px;
		margin:0 auto;
	}
		
	#buku_btn{
		position: fixed;
		right: -8%;
		bottom: 1%;
    	width: 30%;
	}
}

@media screen and (max-width: 640px) {	
	body {
		-webkit-overflow-scrolling: touch;
		background-color:#3cc9d2
	}
	html img{
		width:100%;
		height: auto;
	}
	
	html div{
		position:relative;
		margin:0 auto;
	}

	#buku_btn{
		position: fixed;
		right: 1%;
		bottom: 1%;
    	width: 30%;
	}
}