main.main{
    background-color: #fff7f2;
    background: radial-gradient(circle, transparent 20%, #fff7f2 20%, #fff7f2 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #fff7f2 20%, #fff7f2 80%, transparent 80%, transparent) 50px 50px, linear-gradient(#ffe2d1 4px, transparent 4px) 0 -2px, linear-gradient(90deg, #ffe2d1 4px, #fff7f2 4px) -2px 0;
background-size: 100px 100px, 100px 100px, 50px 50px, 50px 50px;
}
.banner{
    background-color: #fff7f2;
    margin: 0px auto;
    position: relative;
    z-index: 0;
    padding: 50px 0px;
    overflow: hidden;
    background-image:url('../img/autom-bg2.png');
    background-size: cover;
}
h1.title__title{
    background-color:#ffa270;
    padding: 10px 20px;
    border-radius: 40px;
    margin:0px auto -30px auto;
    position: relative;
    z-index: 2;
}
.section-block.section-feature.section-feature--automation{
    background-color: #fff;
    border-radius: 7px;
    border: 0px;
    padding-top: 20px;
    box-shadow: 0 0 8px rgba(172,61,1,0.3);
    border: 2px solid #ffa270;
    margin-top: -30px;
    position: relative;
}
.home__list{
    background-color: #fff;
    border-radius: 7px;
    border: 0px;
    padding-top:20px;
    padding-bottom: 0px;
    width: 80% !important;
    text-align: center !important;
    margin:10px auto 30px;
}
.home__book-list.book-show{
  max-width: 1200px;
  margin: 0px auto 0px;
  display: flex;
  flex-wrap:wrap;
  padding: 0px;
}
.book--result{
  text-align: left !important;
  display: block !important;
  width: 10.4% !important
}
@media (max-width: 1800px){
.home__book-list.book-show{
  max-width: 970px;
}
.book--result{
  width: 11.5% !important
}
}
@media (max-width: 1600px){
.home__book-list.book-show{
  max-width: 860px;
}
.book--result{
  width: 11.5% !important
}
}
@media (max-width: 1400px){
.home__book-list.book-show{
  max-width: 600px;
}
.book--result{
  width: 15% !important
}
}
@media (max-width: 1080px){
.home__book-list.book-show{
  max-width: 600px;
}
.book--result{
  width: 22.8% !important
}
}
@media (max-width: 800px){
h1.title__title{
    width: 85%;
    font-size: 90%;
}
.section-block__inner{
  width: 92%;
}
.section-block.section-feature{
    width: 95% !important;
}
.home__list{
  width: 95% !important;
}
.home__book-list.book-show{
  width: 95% !important;
  margin: 0px auto 0px;
}
.book--result{
  width: 30.7% !important
}
}
.home__feature{
  padding: 0px !important;
  margin: 0px !important;
}