body {
  background-color: #5A0505;
}

#Container #bc_227 {
  background-repeat: repeat;
}

#Container #bc_231 {
  background-image: url(/WebMaster/uploads/images/o_241120134303.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-attachment: fixed;
  background-size: cover;
}

#conID_1 .outWrap {
  background-color: #5A0505;
}

#Container #bc_244 a {
  color: #FFFFFF;
}

#Container #bc_244 {
  text-align: center;
  color: #FFFFFF;
}

#Container #bt_244 {
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
}

#Container #bc_244 a:hover {
  font-weight: bold;
  color: #FFFFFF;
}

#Container #bc_245 {
  background-image: url(/WebMaster/uploads/images/o_241204170328.png);
  background-repeat: repeat;
}

 
header{  height:27px; background-image:url(/WebMaster/uploads/images/o_241111114631.png);background-repeat:no-repeat;background-size:cover}
#Logo{position:absolute;left:809px;top:-75px;display:none;}
#HeadTopMenu{position:absolute;left:1520px;top:17px;}
@media screen and (max-width:1200px){#HeadTopMenu{position:fixed;left:0px;top:0px;}}
#banner{position:absolute;left:px;top:px;width:100px;height:auto}
header img {
  width: 100%;
  height: auto;
}

#HeadTopMenu .menu_item a {
  color: #FFFFFF;
}

#HeadTopMenu .menu_item {
  background-color: #6E0017;
}

#Footer {
  background-color: #5A0505;
}

.carousel {
  position: relative;
  width: 100%;
  max-width: 1500px;
  height: 800px;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 10px;
}

.carousel input[type="radio"] {
  display: none;
}

.slides {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 1s ease-in-out;
  animation: auto-slide 30s infinite;
}

.slide {
  min-width: 100%;
  transition: opacity 1s ease-in-out;
}

.slide img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

#slide1:checked ~ .slides {
  transform: translateX(0);
}

#slide2:checked ~ .slides {
  transform: translateX(-100%);
}

#slide3:checked ~ .slides {
  transform: translateX(-200%);
}

#slide4:checked ~ .slides {
  transform: translateX(-300%);
}

#slide5:checked ~ .slides {
  transform: translateX(-400%);
}

#slide6:checked ~ .slides {
  transform: translateX(-500%);
}

20% {
  transform: translateX(-100%);
}

40% {
  transform: translateX(-200%);
}

60% {
  transform: translateX(-300%);
}

80% {
  transform: translateX(-400%);
}

.controls {
  position: absolute;
  bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.control-btn {
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.control-btn:hover {
  background: #007bff;
}