#menu{
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100%;
  background: #912212;
  z-index:2;
  font-size: 13px;
}
#menu ul{
  padding-top:60px;
}
#menu ul li{
  display: block;
  position: relative;
}
#menu ul li a{
  padding:15px 20px;
  color: #FFF;
  display: block;
  text-decoration: none;
  border-bottom:1px dotted #FFF;
    }
#menu ul li a:hover{
    background: #d8872c;
}

.slide-menu-button{
  position:fixed;
  top:0;
  right:0;
  padding:10px;
  outline: none;
  border: none;
  color: #2B7396;
  font-size: 20px;
  cursor: pointer;
  z-index:12;
}
.slide-menu-button .menu-icon {
  display: block;
  margin:10px;
  float: left;
  cursor: pointer;
}
.slide-menu-button .menu-icon span {
  display: block;
  width: 30px;
  height: 4px;
  background: #ffbaab;
  margin-bottom: 4px;
}
#gotoTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#912212;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 3px;
}

#gotoTop:hover {
  background-color:#d8852a;
}

.alert-kku-01 {
    color: #4a4746;
    background-color: #ffffff;
}
.h-color-01{
  color: #a83b24;
}

.card-header-01 {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(168, 59, 36);
    border-bottom: 1px solid rgb(243, 144, 122);
}

.card-header-fess {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color:#4a85b1;
    border-bottom:#87c5cc;
}
.card-header-kkuhn {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #e3ab6e;
    border-bottom: #efceab;
}

.card-link-01{
  color: #ffffff;
  text-decoration: none;
}
.card-link-01:hover{
  color: #ffffff;
  text-decoration: none;
}
.form-control{
   border: 1px solid #ffc8bc;
}
.custom-control-label::before, .custom-file-label, .custom-select{
  border: 1px solid #ffc8bc;
}   
.badge-namef {
    color: #707375;
    background-color: #f8f9fa;
}
.date-pro{
    padding: 20px;
    font-size: 1.8rem;
    color: #FFFFFF;
    font-weight:600;
}

/* tab date */
.tab {
  padding-top: 10px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  background: #fff;
  width: 100%;
  margin: 0 auto;
  line-height: 1.5;
  font-weight: 300;
  color: #e0e0e0;
  -webkit-font-smoothing: antialiased;
}
.tab tbody{
  font-size: 14px;
  font-weight: 400;
}

.tabs {
  display: table;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
}
.tabs li {
  float: left;
  line-height: 38px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.tabs a {
  background-color: #e27660;
  border-bottom: 1px solid #fff;
  /*border-right: 1px dotted #fff;*/

  color: #888;
  font-weight: 500;
  display: block;
  letter-spacing: 0;
  outline: none;
  padding: 0 20px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-bottom: 2px solid #f79a87;
}
.tabs a:hover{
  text-decoration: none;
  color: #a83b24;
}
.tabs a:active{
  text-decoration: none;
  color: #fff;
}
.tabs a:visited{
  text-decoration: none;
  color: #fff;
}
.tabs a:link{
  text-decoration: none;
  color: #fff;
}

.tabs_item {
  display: none;
  padding: 5px 0;
}
.tabs_item h4 {
    font-weight: 700;
    color: #bd6a59;
    font-size: 18px;
}
.tabs_item img {
  width: 200px;
  float: left;
  margin-right: 30px;
}
.tabs_item:first-child {
  display: block;
}

.current a {
  color: #fff;
  background:#a83b24;
  text-decoration: none;
}
ul.tabs.active{
  padding: 0px 0px 0px 0px;
}
.card-header-aseanhn {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #0039a0;
    border-bottom: #4fbbec;
}
video {
  width: 100%;
  height: auto;
}