@charset "utf-8";
.clearfix:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}
/*
#main
------------------------------------------*/
#main {
  margin-top: 0;
}
h1 {
  color: #ff9a48;
  font-size: 217%;
  margin-bottom: 15px;
}
#dessert ul {
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 40px;
}
/*#dessert li {*/
/*  float: left;*/
/*}*/
/*#dessert .edge {*/
/*  float: right;*/
/*}*/
#advertise {
  overflow: hidden;
  width: 100%;
  padding: 30px 0;
}
#advertise .house {
  float: left;
  overflow: hidden;
  width: 430px;
}
.house h2 {
  padding: 10px 0 10px 15px;
  color: #fff;
  background: #eb5252;
}
.house ul {
  overflow: hidden;
  border-top: 2px solid #eb5252;
  margin-top: 0;
}
.house li {
  float: left;
}
.house li.first img{
  float: left;
  border-right: 2px solid #eb5252;
}
#advertise .video {
  float: right;
  width: 430px;
}
.video h2 {
  padding: 10px 0 10px 15px;
  color: #fff;
  background: #635791;
}
.youtube_clip {
  overflow: hidden;
}
.video ul {
  overflow: hidden;
  border-top: 2px solid #635791;
  margin-top: 0;
}
.video li {
  float: left;
}
.video li.first img{
  float: left;
  border-right: 2px solid #635791;
}
/*
.slider_content for slideshow
------------------------------------------*/
.slider_content {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 554px;
}
.slider_main {
  width: 6400px;
  overflow: hidden;
}
.slider_main li {
  float: left;
}
.slider_main li a:hover img {
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.slider_content .page_button {
  position: absolute;
  right: 10px;
  bottom: 0;
}
.slider_content .page_button ol {
  overflow: hidden;
}
.slider_content .page_button a {
  margin: 0px 0 12px;
  color: #3fbcd3;
  height: 27px;
  width: 27px;
  display: block;
  text-align: center;
  text-decoration: none;
  background: url(../img/index/img-not_active.png) no-repeat 0 0;
  padding-top: 2px;
}
.slider_content .page_button a.active {
  background: url(../img/index/img-active.png) no-repeat 0 0;
  color: #fff;
}
.slider_content .button_click {
}
.slider_content .prev {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -53px;
}
.slider_content .next {
  right: 10px;
  position: absolute;
  top: 50%;
  margin-top: -53px;
}
@media screen and (max-width: 1600px) {
  .slider_content {
    height: 100%;
  }
  .slider_content .slider_main li img {
    width: 100%;
    height: auto;
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 1400px) {
  .slider_content .prev img,
  .slider_content .next img {
    height: 70px;
    width: 25px;
  }
}
@media screen and (max-width: 1024px) {
  .slider_content .prev {
    left: 45px;
  }
  .slider_content .next {
    right: 45px;
  }
}