@media (min-width: 768px) {
  .logo-container {
    display: flex;
    width: 1220px;
    margin: 0 auto;
    align-items: center; /* Align items vertically in the center */
    /* justify-content: center; */
  }
}
@media (max-width: 768px) {
  .logo-container {
    align-items: center; /* Align items vertically in the center */
    display: block;
  }
}
a:hover {
  color: #622121;
}

.navbar-inverse {
  background-color: #d3ab9e;
}

.navbar-inverse .navbar-nav > li > a {
  display: flex;
  color: white;
}

.navbar-inverse .navbar-nav > li > a:hover {
  color: #eeeeee;
}

a.site-name {
  color: black;
}

.footer-content {
  background-color: #d3ab9e;
  color: black;
}

.hot-saishi-item {
  background: #d3ab9e;
}

.panel-info {
  border-color: #eac9c1;
}

.panel-info > .panel-heading {
  background-color: #ebd8d0;
  font-weight: bolder;
  border-color: #d3ab9e;
}

.btn-video {
  padding: 5px;
  background-color: white;
  color: #333333;
  border-color: #f1f0ff;
}

.tab-head div {
  background: white;
}

.tab-head div.active {
  border-top: 3px solid #d3ab9e;
  /* background: #eeddd3; */
  font-size: 30px;
  font-weight: bold;
}

.signal-list > h5 {
  /* background-color: #d3ab9e;
   border: 1px solid #d3ab9e; */
  box-shadow: 1px 1px 1px rgb(226, 223, 223);
}

.signal-list > h5 a {
  color: #bf4141 !important;
}

.btn-video {
  border-color: #f9f6f2;
  background-color: #d3ab9e;
}

.btn-primary,
/* .btn-primary:visited {
  background-color: #d3ab9e;
  border-color: #efefef;
  color: white;
} */

.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary:focus {
  background-color: #ff4000;
  border-color: #ff4000;
  color: white;
}
.btn-primary:active {
  background-color: #bf4141 !important;
}
.hot-saishi-item {
  color: black;
}

.hot-saishi-item a,
.hot-saishi-item a:hover {
  text-decoration: none;
}

/* .hot-saishi-item:hover {
  color: black;
  background: lightgrey;
}

.hot-saishi-item:hover a {
  color: black;
} */

/* .hot-saishi-item a:hover {
  color: black;
  background: transparent;
} */

.pagelist a:hover,
.pagelist > b {
  background: #d1d1d1;
}

@media (max-width: 767px) {
  .header-logo {
    background: #d3ab9e;
  }
}

/* .btn-high-video {
  background: #fff;
  color: #bf4141;
  border-radius: 5px;
}
.btn-high-video:hover a:hover .btn-high-video {
  background: #bf4141;
  color: #fff;
} */

.little-date {
  padding-top: 5px;
  color: grey;
  font-size: 1rem;
  font-weight: 300;
}
.no-margin {
  margin: 0;
}
.paddind-leftR {
  padding: 0 10px;

  p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2; /* Limits text to 2 lines */
    line-height: 1.4em; /* Adjust line height if needed */
    max-height: calc(1.4em * 2); /* 2 lines at 1.4em line height */
    font-size: 14px;
  }
}

.dekstop-none{
  display: none !important;
}
.mobile-none {
  display: block !important;
}
@media only screen and (max-width: 1200px) {
  .m-btn {
    display: block;
  }
  .nav-bar {
    display: none;
  }
  .mobile-none {
    display: none !important;
  }
  .mobile-title{
    display: flex;
    height: 56px;
    padding-top: 14px;
    padding-bottom: 13px;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .mobile-title img{
    height: 56px;
    padding-top: 14px;
    padding-bottom: 13px;
  }
  .mobile-title-text{
    padding-left: 10px;
    font-size: 20px;
    color: white;
  }
  .dekstop-none{
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .mobile-none {
    display: none !important;
  }
  .mobile-title{
    display: flex;
    height: 56px;
    padding-top: 14px;
    padding-bottom: 13px;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .mobile-title img{
    height: 56px;
    padding-top: 14px;
    padding-bottom: 13px;
  }
  .mobile-title-text{
    padding-left: 10px;
    font-size: 20px;
    color: white;
  }
  .dekstop-none{
    display: block !important;
  }
}