#crawlpaw-banner-block1744703064074 {
        padding-bottom:34.74%;
      }
      #crawlpaw-banner-block1744703064074 .crawlpaw-banner-title1{
        color: #333333;
      }
      #crawlpaw-banner-block1744703064074 .crawlpaw-banner-title2{
        color: #333333;
      }
      #crawlpaw-banner-block1744703064074 .crawlpaw-banner-text{
        color: #333333;
      }
      #crawlpaw-banner-block1744703064074 .crawlpaw-banner-btn{
        color: #ffffff;
        background-color:#7fcac5;
      }
      @media screen and (max-width: 767px){
        
          #crawlpaw-banner-block1744703064074 {
           padding-bottom:34.74%;
          }
        
        #crawlpaw_banner1698990415728.crawlpaw-banner-pagination{
          --swiper-pagination-bottom: 
        }
      }
      #crawlpaw-banner-1698990415728 {
        padding-bottom:34.74%;
      }
      #crawlpaw-banner-1698990415728 .crawlpaw-banner-title1{
        color: #333333;
      }
      #crawlpaw-banner-1698990415728 .crawlpaw-banner-title2{
        color: #333333;
      }
      #crawlpaw-banner-1698990415728 .crawlpaw-banner-text{
        color: #333333;
      }
      #crawlpaw-banner-1698990415728 .crawlpaw-banner-btn{
        color: #ffffff;
        background-color:#7fcac5;
      }
      @media screen and (max-width: 767px){
        
          #crawlpaw-banner-1698990415728 {
           padding-bottom:34.74%;
          }
        
        #crawlpaw_banner1698990415728.crawlpaw-banner-pagination{
          --swiper-pagination-bottom: 
        }
      }

/* index_css  start */
.more-button {
  margin-top: var(--more-button-top,var(--v-space));
  text-align: var(--more-button-text-align,center);
}

.list-more-button {
  margin: calc(var(--list-more-top ,var(--h-space)) - var(--h-space)) 0 var(--h-space);
  text-align:var(--list-more-text-align, center);
}

@media screen and (max-width: 767px) {
  .list-more-button {
    --list-more-top: 15px;
  }
}
/* index_css  end */


  .list-more-button{
    --list-more-top:35px;
  }
  [data-section-comp-type=1] .section-title span {
    position: relative;
    font-style: normal;
  }
  [data-section-comp-type=1] .section-title span::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: -8px;
    left: -6%;
    z-index: -1;
    width: 112%;
    height: 30px;
    background-color: var(--main-color);
  }
  @media screen and (max-width: 1200px){
    .list-more-button {
      --list-more-top: 24px;
    }
    [data-section-comp-type=1] .section-title span::after {
      height: 20px;
      width: 140%;
      left: -20%;
      top: -5px;
    }
  }

  [data-section-type=crawlpaw_banner]{
    position: relative;
  }
  .crawlpaw-banner{
    position: relative;
    margin-bottom: var(--section-space);
  }
  .crawlpaw-banner-img{
    display: flex;
    position: relative;
  }
  .crawlpaw-banner-img img{
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .crawlpaw-banner-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    color: var(--theme-font-font);
  }
  .crawlpaw-banner-bottomtext{
    display: flex;
    margin: auto;
    max-width: var(--max-width);
    padding: 20px 25px;
  }
  .crawlpaw-banner-bottomtext>p{
    flex: 1;
    text-align: center;
  }
  .crawlpaw-banner-bottom::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;
    background-color: var(--main-color);
    opacity: .3;
  }
  .crawlpaw-banner-content{
    position: absolute;
    top: 48%;
    left: 34%;
    transform: translate(-50%, -50%);
    width: fit-content;
  }

  .crawlpaw-banner-title{
    margin-bottom: 16px;
    padding: 0 30px;
    font-size: 100px;
    font-weight: 700;
    line-height: 1.5;
    background-color:#F4F4F4 ;
  }
  .crawlpaw-banner-title2>span{
    position: relative;
    z-index: 2;
  }
  .crawlpaw-banner-title2>span::after{
    content: '';
    display: inline-block;
    position: absolute;
    top: -9px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 45px;
    background-color: var(--main-color);
  }
  .crawlpaw-banner-text{
    white-space: pre-wrap;
    margin-bottom: 16px;
    padding: 0 30px;
    font-size: 18px;
    line-height: 1.3;

  }
  .crawlpaw-banner-btn{
    width: fit-content;
    padding: 10px;
    font-size: 28px;
  }
  @media screen and (max-width: 1000px){
    .crawlpaw-banner.swiper{
      padding-bottom: 0;
    }
    .crawlpaw-banner-title{
      font-size: 45px;
    }
    .crawlpaw-banner-text{
      font-size: 16px;
    }
    .crawlpaw-banner-bottomtext{
      padding: 12px 12.5px;
    }
  }
  @media screen and (max-width: 767px) {
    .crawlpaw-banner-title {
      font-size: 32px;
      background-color: unset;
    }
    .crawlpaw-banner-content{
      top: 12%;
      left: 7%;
      transform: translate(0, 0);
      max-width: 90%;
      padding: 10px;
    }
    .crawlpaw-banner-content::before{
      content: '';
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      opacity: .8;
      background-color: #F4F4F4;
    }
    .crawlpaw-banner-title{
      padding: 0 40px 0 20px;
    }
    .crawlpaw-banner-title2>span::after{
      height: 24px;
      top: -6px;
    }
    .crawlpaw-banner-text{
      padding: 12px 20px;
    }
    .crawlpaw-banner-btn {
      margin: 0 20px 10px;
      font-size: 16px;
    }
    .crawlpaw-banner-bottomtext>p{
      font-size: 14px;
    }
    .crawlpaw-banner-pagination{
      position: absolute;
      z-index: 20;
      --swiper-pagination-bottom: 0;
      text-align: center;
    }
  }

  #imgtxt_list1726120128526 .imgtxt-list-item{
    width: calc(100% / 4 - var(--v-space) * (4 - 1) / 4);
  }
  #imgtxt_list1726120128526 .section-title{
    text-align:left;
    color:#333333;
  }
  #imgtxt_list1726120128526 .section-sub-title{
    text-align:left;
    color:#333333;
  }
  @media screen and (min-width: 768px){
    #imgtxt_list1726120128526 .imgtxt-list-item:nth-child(4n){
      margin-right: 0 ;
    }
  }
  @media screen and (min-width: 1200px){
    #imgtxt_list1726120128526 .section-title{
      font-size:40px;
    }
    #imgtxt_list1726120128526 .section-sub-title{
    font-size:16px;
    }
  }
  @media screen and (max-width: 767px){
    #imgtxt_list1726120128526 .imgtxt-list-item{
      width: calc(100% / 4 - var(--v-space) * (4 - 1) / 4);
    }
    #imgtxt_list1726120128526 .imgtxt-list-item:nth-child(4n){
      margin-right: 0 ;
    }
  }
    #imgtxt_list_item1726120128527 .imgtxt-list-content{
      text-align: center;
    }
    #imgtxt_list_item1726120128527 {
      align-items: center;
    }
    #imgtxt_list_item1726120128527 .imgtxt-list-title{
      color: #333333;
    }
    #imgtxt_list_item1726120128527 .imgtxt-list-text{
      color: #333333;
    }
    #imgtxt_list_item1726120128527 .imgtxt-list-image {
      padding-bottom: 100%;
    }
    #imgtxt_list_item1726120128527 .imgtxt-list-btn{
      color: #ffffff;
      background-color: #333;
      border-color: #000;
    }
    @media screen and (min-width: 1200px){
      #imgtxt_list_item1726120128527 .imgtxt-list-title{
			  font-size: 18px;
      }
      #imgtxt_list_item1726120128527 .imgtxt-list-text{
        font-size: 16px;
      }
      #imgtxt_list_item1726120128527 .imgtxt-list-btn{
        font-size: 13px;
      }
    }
    @media screen and (max-width: 767px){
    }
    #imgtxt_list_item1726120128528 .imgtxt-list-content{
      text-align: center;
    }
    #imgtxt_list_item1726120128528 {
      align-items: center;
    }
    #imgtxt_list_item1726120128528 .imgtxt-list-title{
      color: #333333;
    }
    #imgtxt_list_item1726120128528 .imgtxt-list-text{
      color: #333333;
    }
    #imgtxt_list_item1726120128528 .imgtxt-list-image {
      padding-bottom: 100%;
    }
    #imgtxt_list_item1726120128528 .imgtxt-list-btn{
      color: #ffffff;
      background-color: #333;
      border-color: #000;
    }
    @media screen and (min-width: 1200px){
      #imgtxt_list_item1726120128528 .imgtxt-list-title{
			  font-size: 18px;
      }
      #imgtxt_list_item1726120128528 .imgtxt-list-text{
        font-size: 16px;
      }
      #imgtxt_list_item1726120128528 .imgtxt-list-btn{
        font-size: 13px;
      }
    }
    @media screen and (max-width: 767px){
    }
    #imgtxt_list_item1726120128529 .imgtxt-list-content{
      text-align: center;
    }
    #imgtxt_list_item1726120128529 {
      align-items: center;
    }
    #imgtxt_list_item1726120128529 .imgtxt-list-title{
      color: #333333;
    }
    #imgtxt_list_item1726120128529 .imgtxt-list-text{
      color: #333333;
    }
    #imgtxt_list_item1726120128529 .imgtxt-list-image {
      padding-bottom: 100%;
    }
    #imgtxt_list_item1726120128529 .imgtxt-list-btn{
      color: #ffffff;
      background-color: #333;
      border-color: #000;
    }
    @media screen and (min-width: 1200px){
      #imgtxt_list_item1726120128529 .imgtxt-list-title{
			  font-size: 18px;
      }
      #imgtxt_list_item1726120128529 .imgtxt-list-text{
        font-size: 16px;
      }
      #imgtxt_list_item1726120128529 .imgtxt-list-btn{
        font-size: 13px;
      }
    }
    @media screen and (max-width: 767px){
    }
    #imgtxt_list_itemblock1745301865178 .imgtxt-list-content{
      text-align: center;
    }
    #imgtxt_list_itemblock1745301865178 {
      align-items: center;
    }
    #imgtxt_list_itemblock1745301865178 .imgtxt-list-title{
      color: #333333;
    }
    #imgtxt_list_itemblock1745301865178 .imgtxt-list-text{
      color: #333333;
    }
    #imgtxt_list_itemblock1745301865178 .imgtxt-list-image {
      padding-bottom: 100%;
    }
    #imgtxt_list_itemblock1745301865178 .imgtxt-list-btn{
      color: #ffffff;
      background-color: #333;
      border-color: ;
    }
    @media screen and (min-width: 1200px){
      #imgtxt_list_itemblock1745301865178 .imgtxt-list-title{
			  font-size: 18px;
      }
      #imgtxt_list_itemblock1745301865178 .imgtxt-list-text{
        font-size: 16px;
      }
      #imgtxt_list_itemblock1745301865178 .imgtxt-list-btn{
        font-size: 13px;
      }
    }
    @media screen and (max-width: 767px){
    }
  
  #imgtxt_list1726120128526 .imgtxt-list-more{
    background-color:;
    color:;
    border-color:;
  }

  /* index_css image_text_list start */
  .imgtxt-list {
    --more-button-top: 0;
  }

  .imgtxt-list-body {
    display: flex;
    flex-wrap:var(--imgtxt-list-body-wrap, wrap);
  }

  .imgtxt-list-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: var(--h-space);
    margin-right: var(--v-space);
  }

  .imgtxt-list-top {
    width: 100%;
  }

  .imgtxt-list-image {
    margin-bottom: var(--imgtxt-list-image-margin-bottom,10px);
  }

  .imgtxt-list-title {
    display: block;
    font-weight:var(--imgtxt-list-title-weight, 600) ;
  }

  .imgtxt-list-title {
    margin-bottom:var(--imgtxt-list-title-margin-bottom, 10px);
  }

  .imgtxt-list-text {
    margin-bottom: var(--imgtxt-list-text-margin-bottom, 8px);
    line-height: 1.3;
    white-space: pre-wrap;
  }

  .imgtxt-list-btn {
    width: fit-content;
  }

  @media screen and (max-width: 1200px) {
    .imgtxt-list{
      --imgtxt-list-text-margin-bottom:5px;
    }
  }
  /* index_css image_text_list end */

  #product_cate1702519631409 .section-title{
    text-align:left;
    color:#333333;
  }
  #product_cate1702519631409 .section-sub-title{
    text-align:left;
    color:#333333;
  }
  #product_cate1702519631409 .product-list-btn{
    color: #fff;
    background-color: #333;
    border-color: ;
  }
  #product_cate1702519631409  .product-item{
    width: calc(100% / 4 - var(--v-space) * (4 - 1) / 4) ;
  }
  @media screen and (min-width:768px){
    #product_cate1702519631409 .product-item:nth-child(4n){
      margin-right: 0;
    }
  }
  @media screen and (min-width:1200px){
    #product_cate1702519631409 .section-title{
      font-size:40px;
    }
    #product_cate1702519631409 .section-sub-title{
      font-size:16px;
    }
    #product_cate1702519631409 .product-list-btn{
      font-size:16px;
    }
  }
  
  @media screen and (max-width: 767px){
    #product_cate1702519631409  .product-item{
      width: calc(100% / 2 - var(--v-space) * (2 - 1) / 2) ;
    }
    #product_cate1702519631409  .product-item:nth-child(2n){
      margin-right: 0;
    }
  }

  [data-section-type="product_cate"] {
    --product-item-4n-right:var(--v-space);
    --product-item-2n-right: var(--v-space);
  }

  div.product-cate-list{
    margin-bottom: 0;
    gap: unset;
  }
  .product-cate-list .product-item{
    margin-right: var(--v-space);
    margin-bottom: var(--h-space);
  }
  .product-cate .more-button{
    margin-top: calc(40px - var(--h-space));
  }

  #product_cate1735195531191 .section-title{
    text-align:left;
    color:#333333;
  }
  #product_cate1735195531191 .section-sub-title{
    text-align:left;
    color:#333333;
  }
  #product_cate1735195531191 .product-list-btn{
    color: #fff;
    background-color: #333;
    border-color: ;
  }
  #product_cate1735195531191  .product-item{
    width: calc(100% / 4 - var(--v-space) * (4 - 1) / 4) ;
  }
  @media screen and (min-width:768px){
    #product_cate1735195531191 .product-item:nth-child(4n){
      margin-right: 0;
    }
  }
  @media screen and (min-width:1200px){
    #product_cate1735195531191 .section-title{
      font-size:40px;
    }
    #product_cate1735195531191 .section-sub-title{
      font-size:16px;
    }
    #product_cate1735195531191 .product-list-btn{
      font-size:16px;
    }
  }
  
  @media screen and (max-width: 767px){
    #product_cate1735195531191  .product-item{
      width: calc(100% / 2 - var(--v-space) * (2 - 1) / 2) ;
    }
    #product_cate1735195531191  .product-item:nth-child(2n){
      margin-right: 0;
    }
  }

 #product_slide1735195763717 .swiper-slide {
    width: calc(100% / 2 - var(--v-space) * (2 - 1) / 2) ;
  }
@media screen and (min-width:768px){
  #product_slide1735195763717 .swiper-slide {
    width: calc(100% / 3 - var(--v-space) * (3 - 1) / 3) ;
  }
}
#product-product_slide1735195763717 .section-title{
  text-align:left;
  color:#333333; 
}
#product-product_slide1735195763717 .section-sub-title{
  color:#333333;
  text-align:left;
}
#product-product_slide1735195763717 .product-slide-btn{
  color:#ffffff;
  border-color:#333333;
  background-color:#333333;
}
@media screen and (min-width: 1200px){
  #product-product_slide1735195763717 .section-title{
    font-size:40px;
  }
  #product-product_slide1735195763717 .section-sub-title{
    font-size:16px;
  }
}

  /* index_css product_slide start */
  .product-slide .swiper-slide {
    height: auto;
    margin-right: var(--v-space);
  }

  .product-slide  .product-item {
    --product-item-width: 100%;
    --h-space: 0;
    --v-space: 0;
    height: 100%;
  }

  @media screen and (min-width: 768px) {
    .product-slide .swiper-pagination {
      display:var(--product-slide-pagination-display, none);
    }
  }

  @media screen and (max-width: 767px) {
    .product-slide .swiper-slide{
      width: calc(50% - var(--v-space) / 2);
    }
    .product-slide .prev-btn,
    .product-slide .next-btn {
      display:var(--product-slide-btn-display, none) ;
    }
  }
  /* index_css product_slide end */

  #image_list1745918525155 .image-item {
    width: calc((100% - var(--v-space) * 3 )  / 4);
    padding-bottom:calc( (75.00% - var(--v-space) * 3) / 4 );
  }
  
  #image_list1745918525155 .section-title{
    text-align:left;
    color:#333333;
    
  }
  #image_list1745918525155 .section-sub-title{
    text-align:left;
    color:#333333;
  }
  #image_list1745918525155 .list-more-button{
    text-align:left;
  }

  @media screen and (min-width:768px){
    #image_list1745918525155 .image-item:nth-child(4n) {
      margin-right: 0;
    }
    
  }
  @media screen and (max-width: 767px){
    #image_list1745918525155 .image-item {
      width: calc((100% - var(--v-space) * 3 )  / 4);
      padding-bottom:calc( (75.00% - var(--v-space) * 3) / 4 );
    }
    #image_list1745918525155 .image-item:nth-child(4n) {
      margin-right: 0;
    }
  }
  @media screen and (min-width:1200px){
    #image_list1745918525155 .section-title{
      font-size:40px;  
    }
    #image_list1745918525155 .section-sub-title{
      font-size:16px;
    }
  }

  /* index_css image_list start */
  .image-list {
    display: flex;
    flex-wrap:var(--image-list-wrap, wrap);
  }

  .image-list .image-item {
    margin: var(--image-list-item-margin, 0 var(--v-space) var(--h-space) 0);
  }

  @media screen and (max-width: 767px) {
    .image-list .image-item {
      width: 100%;
    }
  }
  /* index_css image_list end */

  @media screen and (min-width: 768px) {
    #content_choicereview1745917763353 .choicereview-item {
      width: calc((100% - 3 * var(--v-space)) / 4);
    }
    #content_choicereview1745917763353 .choicereview-item:nth-child(4n) {
      margin-right: 0;
    }
  }

  /* index_css review_gallery start */
  .choicereview-list {
    display: flex;
    flex-wrap:var(--choicereview-list-wrap, wrap);
  }

  .choicereview-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: var(--h-space);
  }

  .choicereview-info {
    margin:var(--choicereview-body-top-padding,14px) var(--choicereview-body-side-padding, 14px) var(--choicereview-info-bottom-padding, 14px);
    display: flex;
    align-items: center;
    justify-content:var(--choicereview-info-justify-content, space-between);
  }

  .choicereview-info-right {
    display: flex;
    align-items: center;
  }

  .choicereview-origin {
    font-weight: var(--choicereview-name-weight, 700);
    font-size: var(--choicereview-name-size, 16px);
  }

  .choicereview-stars {
    display: flex;
    justify-content: start;
    margin-right:var(--choicereview-stars-right, 6px);
  }

  .choicereview-stars li {
    margin-right: var(--choicereview-star-right, 4px);
    font-size: var(--choicereview-star-size, 14px);
  }

  .choicereview-time {
    padding-top: 3px;
    font-size: var(--choicereview-time-size, 14px);
    line-height:calc(var(--choicereview-time-size, 14px) + 8px);
    color: var(--theme-font-color-sub);
  }

  .choicereview-content {
    padding: 0 var(--choicereview-body-side-padding, 14px) ;
    margin-bottom: var(--choicereview-body-bottom-padding,10px);
    width: 100%;
    font-size: var(--choicereview-content-size, 14px);
  }

  .choicereview-bottom {
    display: flex;
    align-items: center;
    padding: var(--choicereview-product-padding, 6px);
    height: var(--choicereview-product-height, 60px);
    color: var(--theme-font-color);
    border: 1px solid var(--theme-border-color);
    border-radius: var(--theme-border-radius);
    transition: .3s border-color ease;
    overflow: hidden;
  }

  .choicereview-item:hover .choicereview-bottom {
    border-color:var(--choicereview-hover-border-color, var(--highlight-font-color));
  }

  .choicereview-product-image {
    margin-right: 16px;
    height:100%;
  }

  .choicereview-product-image img {
    height: 100%;
    object-fit: contain;
    font-size: 0;
  }

  .choicereview-product-name {
    flex: 1;
    font-size: var(--choicereview-product-size, 16px);
  }

  @media screen and (max-width: 1100px) and (min-width: 768px) {
    .choicereview-info{
      flex-direction: column;
      align-items: flex-start;
    }
  }

  @media screen and (max-width: 1200px) {
    [data-section-type="content_choicereview"] {
      --choicereview-body-side-padding: 10px;
      --choicereview-body-top-padding: 10px;
      --choicereview-info-bottom-padding: 10px;
      --choicereview-product-height: 50px;
      --choicereview-product-padding: 5px;
      --choicereview-name-size: 14px;
      --choicereview-star-size: 12px;
      --choicereview-product-size: 14px;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 1024px) {
    [data-section-type="content_choicereview"] {
      --choicereview-body-bottom-padding: 8px;
      --choicereview-time-size: 12px;
      --choicereview-product-size: 12px;
    }
    .choicereview-stars li{
      margin-right: 2px;
    }
  }

  @media screen and (max-width: 767px) {
    .choicereview .prev-btn,.choicereview .next-btn{
      display:var(--choicereview-m-navigation-display, none) ;
    }
    .choicereview-list{
      --choicereview-list-wrap:nowrap ;
    }
    .choicereview-item {
      width: 100%;
    }

    .choicereview-more{
      margin-top:var(--choicereview-more-top, var(--h-space));
    }
  }

  @media screen and (min-width: 768px) {
    .choicereview-item {
      margin-right: var(--v-space);
    }

  }
  /* index_css review_gallery end */

  .choicereview .section-title{
    font-size: 48px;
  }
  .choicereview-item{
    --choicereview-body-side-padding:0;
    --choicereview-info-bottom-padding:8px;
        --choicereview-product-height: 80px;
  }
  .choicereview-time{
    --theme-font-color-sub:var(--theme-font-color);
  }
  .choicereview-stars{
    margin-bottom: 8px;
  }
  .choicereview-content{
    line-height: 28px;
  }
  .choicereview{
    --choicereview-more-top:0;
  }

  @media screen and (min-width: 768px){
    .choicereview-time {
      --choicereview-time-size: 16px;
    }
    .choicereview-content{
    --choicereview-content-size:16px;
    }
  }
  @media screen and (max-width: 1200px){
    .choicereview .section-title{
      font-size: 24px;
    }
  }
  @media screen and (max-width: 767px) {
    .choicereview-list {
      --choicereview-list-wrap: wrap;
    }

    .choicereview-stars li{
      --choicereview-star-size:16px;
    }
  }

  #function_email1698990155775 .function-email-img{
    padding-bottom:var(--function-email-img-padding-bottom, 34.74%);
  }
  #function_email1698990155775  .function-email-title{
    color:#333333;
  }
  #function_email1698990155775  .function-email-subtitle{
    color:#333333;
  }
 #btn-function_email1698990155775{
    background-color:#333333;
    border:var(--border-width) solid #333333;
    color:#ffffff;
  }
  #function_email1698990155775 .email-success-title{
    color:#333333;
  }
  #function_email1698990155775 .func-email-success .iconfont{
    color:#333333;
  }
  #function_email1698990155775 .email-success-subtitle{
    color:#333333;
  }
  @media screen and (min-width: 768px){
    #function_email1698990155775 .function-email-title{
      font-size:24px;
    }
    #function_email1698990155775 .function-email-subtitle{
      font-size:18px;
    }
    #function_email1698990155775 .email-success-title{
      font-size:24px;
    }
    #function_email1698990155775 .email-success-subtitle{
      font-size:18px;
    }
  }
  @media screen and (max-width: 767px){
    #function_email1698990155775{
      --function-email-img-padding-bottom:55%;
    }
  }

  /* index_css email_subscribe start */
  .function-email {
    position: relative;
    margin: var(--function-email-margin, 0 0 var(--section-space));
  }

  .function-email-img {
    position: relative;
    width: 100%;
  }

  .function-email-img img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .function-email-body {
    display: var(--function-email-body-display,flex);
    flex-direction:var(--function-email-body-direction, column) ;
    justify-content:var(--function-email-body-justify-content, space-between);
    align-items:var(--function-email-body-align-items, center);
    position:var(--function-email-body-position, absolute);
    top: 50%;
    left: 50%;
    transform:var(--function-email-body-transform, translate(-50%, -50%) );
    max-width:var(--function-email-body-max-width, 60%);
  }

  .function-email-title {
    margin-bottom: var(--function-email-title-bottom,20px);
    font-size: var(--function-email-m-title-size, 14px);
    font-weight: 700;
  }

  .function-email-subtitle {
    margin-bottom: var(--function-email-subtitle-bottom,20px);
    font-size: var(--function-email-m-subtitle-size);
    white-space: pre-wrap;
  }

  .function-email-subs {
    display: flex;
  }

  .function-email-subs button {
    padding: var(--function-email-btn-padding, 0 25px);
    border-top-left-radius:var(--function-email-input-tl-radius, 0);
    border-bottom-left-radius:var(--function-email-input-bl-radius,0);
    font-weight: var(--function-email-btn-weight , 400);
    font-size: var(--function-email-btn-size, 16px);
  }

  .function-email-subs input {
    height: var(--btn-height);
    min-width:var(--function-email-input-min-width, 350px);
    padding: var(--function-email-input-padding,0 25px);
    font-size: var(--function-email-input-size, 16px);
    border-top-right-radius:var(--function-email-input-tr-radius, 0);
    border-bottom-right-radius: var(--function-email-input-br-radius,0);
  }

  .func-email-success {
    display: none;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .func-email-success .iconfont {
    margin-bottom: 16px;
    font-size: 42px;
  }

  .email-success-title {
    margin-bottom: 24px;
    font-weight: 700;
  }

  .email-success-subtitle {
    white-space:  pre-wrap;
  }

  @media screen and (max-width: 1200px){
    [data-section-type="function_email"] {
      --function-email-body-max-width:85%;
    }
    .function-email-body {
      width: 85%;
    }
  }

  @media screen and (max-width: 767px) {
    [data-section-type="function_email"] {
      --function-email-title-bottom: 14px;
      --function-email-subtitle-bottom: 14px;
      --function-email-input-size: 14px;
      --function-email-btn-size: 14px;
      --function-email-btn-padding: 0 15px;
      --function-email-input-padding: 0 15px;
      --function-email-input-min-width:"initial";
      --function-email-body-max-width:100%;
    }
    .function-email-body{
      width: 100%;
      padding: 0 var(--side-padding);
    }
   
    .function-email-subs{
      width: 100%;
    }
    
    .function-email-subs input{
      flex: 1;
      border: 0;
    }
    .func-email-success{
      max-width: 100%;
      width: 100%;
      padding: 10px;
      white-space: nowrap;
    }
    .email-success-title{
      margin-bottom: 14px;
    }
  }
  /* index_css email_subscribe end */

  .function-email-subtitle {
    order: 2;
    margin: 10px 0 0 0;
  }
  .function-email-subs input {
    flex: 1;
  }
  @media screen and (min-width: 768px){
    .function-email-subs button{
      padding: 0 25px;
    }
  }
  @media screen and (max-width: 767px){
    .function-email-body{
      width: 100%;
      padding: 0 20px;
    }
    .function-email-title{
      margin-bottom: 16px;
    }
    .function-email-subs{
      flex-direction:unset;
      justify-content: space-evenly;
    }
    .function-email-subtitle{
      margin-top: 8px;
      text-align: center;
    }
  }