body, input, button, select, textarea {
  font-family: Arial,'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,sans-serif;
}

.navbar-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (min-width: 769px) {
  .navbar .nav {
    left: 0;
  }
}
.navbar .nav .active .caret {
  border-bottom: 5px solid #fff;
}
.navbar .nav .active a {
  font-weight: bold;
}
.navbar .nav li#contact a {
  padding-right: 0;
}
footer span {
  display: none;
}

.navbar .nav>li>a {
  padding-left: 14px;
  padding-right: 14px;
}

textarea:focus, input:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus {
  border-color: #877653;
}
#searchBar button {
  background-color: #877653;
  border: 1px solid #877653;
  text-shadow: none !important;
}
#searchBar button:hover {
  background: #a09168;
}

.category-list .category {
  background: #f8f8f8;
}
.category-list .category:hover {
  background: #fff;
}

#home a {
  padding-left: 5px;
}
#contact a {
  position: absolute;
  right: 0;
  top: 1px;
  font-weight: bold;
  height: 30px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 27.2 21.3" xml:space="preserve"><style>.s0{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#877753;}</style><path d="M24.1 16.1c0 0.8-0.7 1.5-1.5 1.5h-18c-0.8 0-1.5-0.7-1.5-1.5v-11c0-0.8 0.7-1.5 1.5-1.5h18c0.8 0 1.5 0.7 1.5 1.5V16.1z" class="s0"/><polyline points="23.6 4.1 13.6 12.1 3.6 4.1 " class="s0"/></svg>');
  background-size: 30px 30px;
  background-position: left;
  background-repeat: no-repeat;
}

.btn-navbar {
  margin-top: 27px !important;
}

code {
  color: inherit;
}
.clipboard-button {
  position: relative;
  float: right;
  margin-top: 0px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMCAyNGgtMjB2LTIyaDNjMS4yMjkgMCAyLjE4LTEuMDg0IDMtMmg4Yy44Mi45MTYgMS43NzEgMiAzIDJoM3Y5aC0ydi03aC00bC0yIDJoLTMuODk4bC0yLjEwMi0yaC00djE4aDE2di01aDJ2N3ptLTEwLTRoLTZ2LTFoNnYxem0wLTJoLTZ2LTFoNnYxem02LTVoOHYyaC04djNsLTUtNCA1LTR2M3ptLTYgM2gtNnYtMWg2djF6bTAtMmgtNnYtMWg2djF6bTAtMmgtNnYtMWg2djF6bTAtMmgtNnYtMWg2djF6bS0xLTdjMCAuNTUyLjQ0OCAxIDEgMXMxLS40NDggMS0xLS40NDgtMS0xLTEtMSAuNDQ4LTEgMXoiLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px 21px;
  width: 34px;
  height: 34px;
  outline: none;
  border-radius: 0px 4px 0px 0px;
}

.clipboard-button:active {
  border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
  border-style: solid;
  border-width: 1px;
}
.action-primary,.action-secondary{
  display: inline-block;
  height: 38px;
  line-height: 34px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 3.0rem;
  border: 2px solid #877653;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.25s;
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
}
.action-primary:focus, .action-secondary:focus {
  outline:none;
}
.action-primary:hover, .action-secondary:hover, .action-primary:active, .action-secondary:active, .action-primary:focus, .action-secondary:focus {
  color: #fff;
  border-color: #a09168;
  background-color: #a09168;
  outline: 0;
}
.content-primary, .content-secondary {
  display: block;
  width: 100%;
  display: none;
}


/*article img*/
#fullArticle .emoji{display: inline-block;margin: 0;padding:0;vertical-align: middle;}