html, body {
  height: 100%;
  width: 100%;
}
.container {
  max-width: 1280px;
}
/* Color use in this tempate */
.r800 { color: #833545; }
.r801 { color: #49182d; }
.back01 { background-color: #000;}
.back02 {
  background-image: url('/assets/images/bg.jpg');
  background-size: cover;
  background-attachment: fixed;
}
.back03 {
    height:50px;
    background-image: url('/assets/images/bgheader.jpg');
    background-size: cover;
}
.back04 {
  background-color: #833545;
}
/* font reading */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
/* special type */
.nav801 {
  background-color: #49182d;
  height: 68px;
  padding: 0;
}
.nav801 a, .nav801 a:visited {
  color: #fff;
  padding-top:0;
  text-decoration: none;
  font-size:12px;
}
.nav801 a:hover {
  color: #ff8c00;
}
.nav801 .fa-solid, .nav802 .fa-solid, #bgmenu .fa-solid {
  font-size: 30px;
  padding:10px 0 5px 0;
}
.nav802 {
  background-color: #833545;
  width:120px;
  height:80px;
}
.nav802 a, .nav802 a:visited, #bgmenu a, #bgmenu a:visited {
  color: #fff;
  padding-top:0;
  text-decoration: none;
  font-size:16px;
}
.nav-circle {
  background-color: #873a48; 
  margin-top:-14px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#bgmenu {
  background-color: #49182d;
}
.album a {
  text-decoration: none;
  color: #999;
}
.btn-r800 {
  color: #833545;
  background-color: #fff;
  border-color: #833545;
}
.btn-check:checked + .btn-r800, .btn-check:active + .btn-r800, .btn-r800:active, .btn-r800.active, .show > .btn-r800.dropdown-toggle {
  color: #fff;
  background-color: #833545;
  border-color: #833545;
}