body{
	font-family: 'Noto Sans TC', sans-serif, Arial, Helvetica, Microsoft JhengHei;
	color: #444;
	line-height: 1.6;
	font-size:16px;
}

  .container{
      max-width:1220px;
  }

/* =====================================================================
===================================================================== */

a {
	color: #444444;
}

a:visited {
	color: #444444;
}
	
a:hover {
	color: #c08a0b;
	text-decoration: none;
}

a:active {
	color: #614400;
}

/* =====================================================================
===================================================================== */
  
.indent {
	padding: 0 3rem;
}
  
.bg-book {
	background-color: #fffddc;
}

.bg-menu {
	background-color: #482b01;
}
  
.bg-title {
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border-radius: 0.5rem;
	background-color: #482b01;
}

.bg-title-blue {
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border-radius: 0.5rem;
	background-color: #0298b1;
}

.bg-title-orange {
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border-radius: 0.5rem;
	background-color: #ff9b0d;
}

.bg-title-green {
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border-radius: 0.5rem;
	background-color: #769303;
}

/* =====================================================================
===================================================================== */
  
/* link */
.menu-btn,
.menu-btn:visited {
	font-size: 1rem;
	color: #c08a0b;
	background-color: #ffffff;
	border-color: #c08a0b;
	padding:0.8rem 1.4rem;
	border-radius: 0.3rem;
}

/* hover */
.menu-btn:hover,
.menu-btn:focus,
.menu-btn.focus,
.menu-btn:active,
.menu-btn.active,
.open > .dropdown-toggle.btn-warning {
	color: #ffffff;
	background-color: #c08a0b;
	border-color: #c08a0b;
}

/* link */
.menu-btn-orange,
.menu-btn-orange:visited {
	font-size: 1rem;
	color: #ff9907;
	background-color: #ffffff;
	border-color: #ff9907;
	padding:0.8rem 1.4rem;
	border-radius: 0.3rem;
}

/* hover */
.menu-btn-orange:hover,
.menu-btn-orange:focus,
.menu-btn-orange.focus,
.menu-btn-orange:active,
.menu-btn-orange.active,
.open > .dropdown-toggle.btn-warning {
	color: #ffffff;
	background-color: #ff9907;
	border-color: #ff9907;
}

.menu-btn-blue,
.menu-btn-blue:visited {
	font-size: 1rem;
	color: #0298b1;
	background-color: #ffffff;
	border-color: #0298b1;
	padding:0.8rem 1.4rem;
	border-radius: 0.3rem;
}

/* hover */
.menu-btn-blue:hover,
.menu-btn-blue:focus,
.menu-btn-blue.focus,
.menu-btn-blue:active,
.menu-btn-blue.active,
.open > .dropdown-toggle.btn-warning {
	color: #ffffff;
	background-color: #0298b1;
	border-color: #0298b1;
}

.menu-btn-green,
.menu-btn-green:visited {
	font-size: 1rem;
	color: #84a405;
	background-color: #ffffff;
	border-color: #84a405;
	padding:0.8rem 1.4rem;
	border-radius: 0.3rem;
}

/* hover */
.menu-btn-green:hover,
.menu-btn-green:focus,
.menu-btn-green.focus,
.menu-btn-green:active,
.menu-btn-green.active,
.open > .dropdown-toggle.btn-warning {
	color: #ffffff;
	background-color: #84a405;
	border-color: #84a405;
}


/* link */
.home-btn,
.home-btn:visited {
	font-size: 1rem;
	color: #c08a0b;
	background-color: #ffffff;
	border-color: #c08a0b;
	padding:0.6rem 1rem;
	border-radius: 0.3rem;
}

/* hover */
.home-btn:hover,
.home-btn:focus,
.home-btn.focus,
.home-btn:active,
.home-btn.active,
.open > .dropdown-toggle.btn-warning {
	color: #ffffff;
	background-color: #c08a0b;
	border-color: #c08a0b;
}

/* link */
.home-lg-btn,
.home-lg-btn:visited {
	font-size: 1rem;
	color: #444444;
	background-color: #f4f3e5;
	border-color: #444444;
	padding:1.1rem 2.1rem;
	border-radius: 0.3rem;
}

/* hover */
.home-lg-btn:hover,
.home-lg-btn:focus,
.home-lg-btn.focus,
.home-lg-btn:active,
.home-lg-btn.active,
.open > .dropdown-toggle.btn-warning {
	color: #ffffff;
	background-color: #c08a0b;
	border-color: #c08a0b;
}

/* =====================================================================
===================================================================== */

.go-top {
	position: fixed;
	bottom: 1.2rem;
	right: 1.2rem;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 0.8rem;
	padding: 1rem;
	display: none;
}
  
.go-top:hover {
	color: white;
	background-color: rgba(0, 0, 0, 0.6);
}
	
/* =====================================================================
===================================================================== */
	
@media (max-width: 767px) {
	
.indent{
	padding: 0 1.2rem;
}

.bg-title {
	padding: 0.4rem 1.2rem;
	margin-bottom: 1rem;
	border-radius: 0.5rem;
	background-color: #482b01;
}	  
	
}