@charset "utf-8";
/* CSS Document */

/*HTML 加於 <body>...</body> 裡*/
/*  <button onclick="topFunction()" id="myBtn" title="Go to top">Top</button> */

/*<script> 加於 <body>...</body> 裡*/

/*  
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    document.getElementById("myBtn").style.display = "block";
  } else {
    document.getElementById("myBtn").style.display = "none";
  }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0; // For Safari
  document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
} 
</script>
*/

/*----------------------------------------------------------------------------*/

#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	font-size: 1rem; /* Increase font size */
	color: #fff; /* Text color */
	
	padding: 5px; /* Some padding */
	bottom: 46px;    /* 20px */   /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	cursor: pointer; /* Add a mouse pointer on hover */
	border-radius: 10px; /* Rounded corners */
	background-color: #c33305;    /* #b411fe */   /* Set a background color */
	z-index: 99; /* Make sure it does not overlap */
	
}

#myBtn:hover {
	color: #fff; /* Text color */
	background-color: #800000;    /* #555 */   /* Add a dark-grey background on hover */
}

#myBtn:focus {
	text-decoration: none;
	outline: 2px solid #fff;
}