main.main{
background-color: #fffee3;
background-size: 20px 20px;
  background-image: repeating-linear-gradient(45deg, #fff797 0, #fff797 2px, #fffee3 0, #fffee3 50%);
	background-repeat: repeat;
}
h1.title__title{
    background-color:#fff006;
    padding: 10px 20px;
    border-radius: 40px;
    position: relative;
    z-index: 2;
    width: 80%;
    margin: 0px auto -30px;
}
.section-block.section-feature{
    background-color: #fff;
    border-radius: 7px;
    border: 0px;
    padding-top: 50px;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    border: 2px solid #fff006;
    position: relative;
}
.section-block.section-feature b{
    color: #ff6600;
    display: inline-block;
    margin-bottom:10px;
    margin-top:15px;
}
.section-block.section-feature a img{
  border-radius: 7px;
  outline-width: 1px;
  outline-offset: 0;
  outline-color: rgba(255, 106, 7, 0.75);
  outline-style: solid;
  animation: animateOutline 1.5s ease infinite;
}
@keyframes animateOutline {
  0% {
    outline-width: 1px;
    outline-offset: 0;
    outline-color: rgba(255, 106, 7, 0);
  }
  10% {
    outline-color: rgba(255, 106, 7, 0.75);
  }
  /* The animation finishes at 50% */
  50% {
    outline-width: 7px;
    outline-offset: 4px;
    outline-color: rgba(255, 106, 7, 0);
  }
  100% {
    outline-width: 7px;
    outline-offset: 4px;
    outline-color: rgba(157, 70, 0, 0);
  }
}
.section-block.section-feature-footer{
    background-color: #fff;
    border-radius: 7px;
    border: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    border: 2px solid #fff006;
    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%;
}

.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;
}