body{
  background: url(../img/recipe_bg_fabric.jpg);
}
.breadcrumb{
  margin-top:80px;
  max-width: 1000px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  color: rgb(105, 60, 29);
  font-size: 14px;
  line-height: 20px;
}
.breadcrumb a{
  color: rgb(105, 60, 29);
  font-size: 14px;
  text-decoration: none;
}
.logo_wrapper{
  margin-top: 20px;
  margin-bottom: 20px;
}
#jinlife_logo{
  display: block;
  width: 160px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
}
.recipes_title_wrapper{
  font-size: 30px;
  max-width: 1280px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  line-height: 80px;
  letter-spacing: 0.05em;
}
.recipes_title_wrapper h1{
  box-sizing: border-box;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.date_wrapper{
  max-width: 1000px;
  width: 100%;
  box-sizing: border-box;
  padding-right: 20px;
  padding-left:20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
color: rgb(114, 113, 113);
margin-top: 20px;
}
.recipes_thumb_wrapper{
  margin-top: 20px;
  margin-bottom: 20px;
}
.recipes_thumb_img{
  display: block;
  max-width: 780px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.recipes_content_wrapper{
  width: 1000px;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
}
.ingredient_wrapper{
  width: 280px;
  float: left;
  box-sizing: border-box;
  padding-right: 40px;
}
.ingredient_img_wrapper{
  position: relative;
  margin-bottom: 10px;
}
.ingredient_img{
  display: block;
  width: 136px;
  height: 68px;
}
.ingredient_line{
  position: absolute;
  top: 50%;
  width: 110px;
  height: 1px;
  background: #000;
  right: 0;
}
.ingredient_content_wrapper{
  font-size: 18px;
color: rgb(114, 113, 113);
line-height: 24px;
}
.m_and_t{
  padding-bottom: 20px;
}
.blank{
  display: block;
  height: 24px;
}
.ingredient_item{
  box-sizing: border-box;
  padding-right: 20px;
}
.ingredient_name{
  float: left;
}
.ingredient_unit{
  float: right;
}
.how_wrapper{
  width: 680px;
  float: right;
}
.how_img_wrapper{
  position: relative;
  margin-bottom: 10px;
}
.how_img{
  display: block;
  width: 144px;
  height: 68px;
}
.how_line{
  position: absolute;
  width: 545px;
  height: 1px;
  background: #000;
  top: 50%;
  right: 0;
}
.how_content_wrapper{
  font-size: 18px;
color: rgb(50, 39, 36);
line-height: 24px;
}
.how_content_wrapper p{
  padding-bottom: 20px;
}
.go_top_btn_wrapper{
  position: fixed;
  right: 20px;
  bottom: 20px;

  border-radius: 50%;
    background: #fff;

}
.go_top_btn{
  display: block;
  width: 100%;
}
@media screen and (max-width:1000px) {
  .breadcrumb{
    display: none;
  }
  .logo_wrapper{
    margin-top: 80px;
  }
  .recipes_title_wrapper{
    font-size: 18px;

  }
  .recipes_content_wrapper{
    width: 100%;
  }
  .ingredient_wrapper{
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    margin-bottom: 40px;
  }
  .ingredient_content_wrapper{
    font-size: 14px;
  }
  .ingredient_item{
    padding-right: 0;
  }
  .ingredient_img{
    margin-left: auto;
    margin-right: auto;
  }
  .ingredient_line{
    display: none;
  }
  .how_wrapper{
    float: none;
    max-width: 680px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .how_content_wrapper{
    font-size: 14px;
  }
  .how_img_wrapper{
    margin-bottom: 0;
  }
  .how_img{
    margin-left: auto;
    margin-right: auto;
  }
  .how_line{
    display: none;
  }
}
