/* 強制取消所有圖片圓角 
  img {
   border-radius: 0px !important;
   }*/

.m-indexSlider {
  display: none; }

.indexSlider {          /*索引滑桿*/
  margin: 0 0 30px;     /*框架的外邊界:上-左右-下*/
  position: relative; } /*相對位置*/
  .indexSlider > div {
    opacity: 0; }
  .indexSlider div.slick-slide, .indexSlider div.slick-list { /*索引滑桿*/
    opacity: 1; }                                             /*不透明度*/
  .indexSlider img {           /*索引滑桿banner輪撥圖片*/
    width: 100%;               /*寬度*/
    border-radius:15px;    }   /*新增圓角樣式*/  
  .indexSlider .slick-dots {  /*索引滑桿動態圓點*/
    bottom: 10px;             /*底部距離*/
    text-align: right;        /*文字對齊：右邊*/
    padding: 0 15px; }        /*框架的內邊距：上下-左右*/
    .indexSlider .slick-dots li button:before { /*首頁廣告下方索引滑桿動態圓點之前的位置*/
      font-size: 12px;                          /*尺寸*/
      opacity: 1;                               /*不透明度*/
      color: #fff; }                          /*圓點顏色*/
    .indexSlider .slick-dots li.slick-active button:before { /*首頁廣告下方索引滑桿動態圓點之前的位置*/
      opacity: 1;                                            /*不透明度*/
      color: #61c46e; }                                    /*圓點顏色*/

.bestSale .bestSaleTitle {  /*好康活動標題*/
  text-align: center;       /*文字對齊:置中*/
  position: relative;       /*相對位置*/
  margin-bottom: 30px; }    /*下方外邊界*/

  /* 手機板調整 */
@media (max-width: 992px) {       /* 新增-文字在992px範圍內不會出現顯示icon符號 */
  .bestSale .bestSaleTitle img {  /*好康活動標題圖片*/
    display: none;  /*不顯示*/
  }
}

.bestSale h1 img:nth-child(1) {
  margin-right: 8px;
  height: 23px; }

.bestSale h1 img:nth-child(2) {
  margin-left: 8px;
  height: 28px; }

.bestSale h2 img:nth-child(1) {
  margin-right: 8px;
  height: 23px; }

.bestSale h2 img:nth-child(2) {
  margin-left: 8px;
  height: 28px; }

.bestSale .bestSaleProduct h3 {
  /*height: 42px;
            overflow: hidden;*/ }

.bestSale .bestSaleProduct .productCell:nth-child(4n) {
  margin-right: 0; }

.bestSale .bestSaleProduct .productImgContainer {  /*好康活動-商品設定*/
  padding: 5px 0;                                  /*商品圖片-框架的內邊距:上下-左右*/
  border-top: none;                                /*設定商品圖片上邊框樣式- 1px dotted #CCFFCC */           
  border-bottom: none;                               /*圖片下分格線樣式 1px solid #CCFFCC*/
  margin-bottom: 15px; }                           /*圖片與下標題的距離*/

  .bestSale .bestSaleProduct .productImg:hover .imgMask {  /*好康活動-商品圖片游標移動後遮罩反應*/
    opacity: 1; }                                          /*不透明度*/
  
  .bestSale .bestSaleProduct .imgMask {          /*商品圖片遮罩*/
    opacity: 0;                                  /*不透明度*/
    background-color: rgba(0, 0, 0, 0.5);      /*遮罩背景顏色*/
    width: 100%;                                 /*寬度*/
    height: 100%;                                /*高度*/
    position: absolute;                          /*絕對位置*/
    top: 0;                                      /*上面*/
    left: 0;                                     /*左邊*/   
    display: flex;                               /*彈性布局*/
    justify-content: center;                     /*對齊主軸的中間*/
    align-items: center;                         /*對齊選項:置中*/
    border-radius: 14px; }                       /*遮罩增加圓角15px*/
    .bestSale .bestSaleProduct .imgMask img {    /*商品圖片遮罩設定*/
      flex: none;
      width: auto;                               /*寬度*/
      border-radius: 0;}                         /*取消圓角(移動icon圖示圓角)*/  
      /*display: none;                           /*隱藏整個img(移動icon圖示隱藏)*/ 

.activity {                       /*活動*/
  display: flex;                  /*彈性布局*/
  justify-content: space-between; /*水平對齊:平均分配元素空間*/
  padding-top: 30px;              /*框架內縮上面距離*/
  padding-bottom: 30px; }         /*下方內邊距*/
  .activity .activityImg {        /*活動圖片*/
    flex: none;
    width: 48.2%; }               /*寬度*/
    .activity .activityImg img {  /*活動圖片*/
    width: 100%;                  /*寬度*/
    border-radius:15px;    }      /*新增圓角樣式*/  

.m-bottomSlider {        /*滑桿底部(手機版)*/
  display: none; }

.bottomSlider {          /*行銷活用廣告圖片滑桿底部(網頁版) */ 
  padding: 30px 0;       /*框架的內邊距:上下-左右*/
  position: relative; }  /*相對位置*/
.bottomSlider img {      /*行銷活用廣告圖片滑桿底部圖片(網頁版)*/  
  width: 100%;           /*寬度*/
  border-radius:15px;   }  /*新增圓角樣式*/  
  .bottomSlider .slick-dots { /*行銷活用廣告圖片滑桿底部動態圓點*/
    bottom: 0;                /*底部距離*/
    text-align: right;        /*文字對齊：右邊*/
    padding: 0 15px; }        /*框架的內邊距：上下-左右*/
    .bottomSlider .slick-dots li button:before { /*行銷活用廣告圖片滑桿底部之前的動態圓點*/
      font-size: 12px;                           /*尺寸*/
      opacity: 1;                                /*不透明度*/
      color: #fff; }                           /*圓點顏色*/
    .bottomSlider .slick-dots li.slick-active button:before { /*行銷活用廣告圖片滑桿底部之前的動態圓點*/
      opacity: 1;                                             /*不透明度*/
      color: #61c46e; }                                     /*圓點顏色*/

.seriresList .productCell:nth-child(4n) {
  margin-right: 0; }

.seriresList .cartBtn .amount {
  width: auto; }
  .seriresList .cartBtn .amount span {
    width: 55px; }
  .seriresList .cartBtn .amount select {
    width: 65px;
    padding: 8px 5px; }

.seriresList .cartBtn .buyBtn .btn { /*商品頁-立即購買-加入購物車按鈕設定*/
  width: 100px; }                    /*按鈕寬度設定120px;*/

.seriresList .productBuyNow h2 {     /*商品頁-立即購買-標題文字設定*/
  height: 50px;                      /*高度;*/
  overflow: hidden; }                /*自動隱藏超出的文字或圖片*/

.seriresList .productBuyNow .fade-h2 {  /*商品頁-立即購買商品欄文字設定*/
  line-height: 1.2;                     /*行高*/
  height: 50px;                         /*高度50px*/           
  overflow: hidden;                     /*自動隱藏超出的文字或圖片*/
  display: -webkit-box;                 /*展示(與下面綁定)*/
  -webkit-line-clamp: 2;                /*行數省列號設定*/
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;             /*省列號符號...*/
 } 
.story { /*活動訊息(產地故事)*/
  margin-bottom: 30px; }
  .story .storyContaner .storyTop {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    margin-bottom: 30px; }
    .story .storyContaner .storyTop .left {
      flex: 1; }
    .story .storyContaner .storyTop .right {
      width: 125px;
      flex: none;
      text-align: right; }
    .story .storyContaner .storyTop .searchBar {
      width: 235px;
      display: inline-block;
      margin-right: 10px; }
      .story .storyContaner .storyTop .searchBar input { /*最新消息(產地故事)-關鍵字搜尋欄外框*/
        padding: 8px; }                                    /*邊框的內邊距*/
    .story .storyContaner .storyTop .searchBar + .keyWord {
      display: inline-block; }
      .story .storyContaner .storyTop .searchBar + .keyWord a {
        text-decoration: underline;
        margin-right: 5px; }
    .story .storyContaner .storyTop select { /*活動訊息(產地故事)-故事網格頁-預設排序選項欄外框*/
      padding: 8px;                          /*邊框的內邊距*/
      border-radius: 3px;                    /*邊框圓角樣式*/
      border: 1px solid #d1c9bb; }         /*邊框樣式*/
  .story .storyContaner .storyProcuct .storyGrid .productCell {/*最新消息(產地故事)-故事網格頁*/
    flex: none;
    width: 31.79%;                                              /*寬度*/
    margin-bottom: 2.3%;                                        /*設定元素與元素之間的下邊界間距*/
    margin-right: 2.3%; }                                       /*框架外拉右邊距離*/
  .story .storyContaner .storyProcuct .storyGrid .productCell:nth-child(3n) {
    margin-right: 0; }
  .story .storyContaner .storyProcuct .storyGrid .productImg { /*活動訊息(產地故事)-故事網格頁*/
    padding: 5px;                                              /*框架的內邊距*/
    border: 1.5px solid #61C46E;                             /*外框樣式:1.5px dotted #61C46E */
    margin-bottom: 15px;                                       /*設定元素與元素之間的下邊界間距*/
    position: relative; }                                      /*相對位置*/
  .story .storyContaner .storyProcuct .storyGrid a {           /*活動訊息(產地故事)-故事網格-標題*/
    color: #009145; }                                        /*文字顏色*/
  .story .storyContaner .storyProcuct .storyGrid p {
    margin-bottom: 0; }
  .story .storyContaner .storyProcuct .storyGrid span.time {
    display: inline-block;
    margin-right: 15px; }
  .story .storyContaner .storyProcuct .maskLayerContainer {
    display: none; }
  .story .storyContaner .storyProcuct .maskLayer {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 50px;
    display: flex;
    align-items: center; }
    .story .storyContaner .storyProcuct .maskLayer > div {
      flex: 1; }
  .story .storyContaner .storyProcuct .productImg:hover .maskLayerContainer, .story .storyContaner .storyProcuct .productImg:active .maskLayerContainer {
    display: block; }

.productInfo-top { /*上方商品資訊*/
  display: flex; } /*彈性布局*/
  .productInfo-top img {       /*商品主圖*/
    width: 100%;               /*寬度*/
    border-radius: 15px; }     /*增加圓角樣式*/
  .productInfo-top .leftImg {
    flex: none;
    width: 44.8%; }
    .productInfo-top .leftImg .productMainImg {  /*左邊商品主圖*/
      position: relative; }             /*相對位置*/
    .productInfo-top .leftImg .mask {   /*商品主圖遮罩*/
      position: absolute;               /*絕對位置*/
      top: 0;                           /*上面*/
      left: 0;                          /*左邊*/  
      width: 100%;                      /*寬度*/
      height: 100%;                     /*高度*/
      background: rgba(0, 0, 0, 0.5); /*遮罩顏色*/
      font-size: 48px;                  /*文字尺寸*/
      font-weight: bold;                /*文字粗細*/
      color: #fff;                    /*文字顏色*/
      display: flex;                    /*彈性布局*/
      justify-content: center;          /*對齊主軸的中間*/
      align-items: center;  }           /*對齊選項:置中*/
    .productInfo-top .leftImg .outOfStock img {  /*商品頁主圖-已售完*/
      width: 50px;                     /*寬度*/
      margin-right: 8px;               /*框架外拉右邊距離*/
      vertical-align: text-bottom; }      /*垂直對齊:文字下方 baseline*/
  .productInfo-top .productImgOutter { /*商品頁主圖外框*/
    background: #fff;                /*商品頁主圖外框底色*/
    padding: 21px;                     /*框架的內邊距*/
    border-radius:20px;                /*邊框圓角樣式*/
    border: 1.5px solid #61C46E; }   /*邊框樣式*/
  .productInfo-top .rightInfo {
    flex: 1;
    margin-left: 60px; }
  .productInfo-top h1 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 21px; }
  .productInfo-top .description {  /*商品頁描述*/
    font-size: 15px;               /*文字尺寸*/
    line-height: 24px;             /*行高*/
    border-bottom: none;           /*分隔線樣式:1px dotted #f18e00 */
    padding: 10px 0; }             /*框架的內邊距:上下-左右*/
    .productInfo-top .description p.note {
      margin: 20px 0; }
    .productInfo-top .description .tagLable:hover { /*活動管理專區滿額免運標題-游標移後按鈕變化*/
      color: #333;                                /*游標移後文字顏色*/
      border: 1px solid #333; }                   /*游標移後邊框樣式*/
    .productInfo-top .description .discount {  /*活動管理專區滿額免運折扣*/ 
      color: #df5400;                        /*數字顏色*/
      font-size: 21px;                         /*文字尺寸*/
      font-weight: bold;                       /*字體粗細*/
      margin: 10px 0; }                        /*框架的外邊界：上下-左右*/
      .productInfo-top .description .discount img { /*折扣圖片icon31~33*/
        max-width: 216px;              /*最大寬度*/
        border-radius: 0; }           /*增加圓角樣式設定*/
  .productInfo-top .m-discount {
    display: none; }

.infoTab { /*資訊選項*/
  margin-bottom: 40px; }     /*框架外拉下面距離*/
  .infoTab .m-infoTitle {
    display: none; }

.relativeProductContainer { /*相關商品設定*/
  background: #f1f9f2;    /*背景底色設定*/
  padding: 35px 26px;       /*上下-左右*/
  margin-bottom: 40px; }    /*框架外拉下面距離*/

.relativeProductSlick h2 {
  height: 50px;
  overflow: hidden; }

.relativeProductSlick .slickCell:focus, .relativeProductSlick .slick-slide:focus, .relativeProductSlick a:focus {
  outline: none;
  border: 0; }

.relativeProductSlick img {
  width: 100%; }

.relativeProductSlick .slick-slide { /*相關商品設定*/
  margin: 0 24px; }                  /*框架的內邊距：上下-左右*/

.relativeProductSlick .slick-track {
  margin: 0; }

.relativeProductSlick .customerArrow {  /*相關商品-客戶箭頭*/
  position: absolute;                   /*絕對位置*/
  z-index: 1;                           /*元素的堆疊順序*/
  top: 45%;                             /*上面*/ 
  width: 40px;                          /*寬度*/
  height: 40px;                         /*高度*/
  background: #fff;                   /*背景顏色*/
  border-radius: 50%;                   /*邊框圓角樣式*/
  text-align: center;                   /*文字對齊：置中*/
  line-height: 37px;                    /*行高*/
  font-size: 25px;                      /*文字尺寸*/
  cursor: pointer;                      /*改變滑鼠游標的形狀:手指*/
  border: 1px solid #ced4da; }        /*邊框樣式*/
  .relativeProductSlick .customerArrow i { /*相關商品-客戶箭頭*/
    color: #737373; }                    /*顏色*/

.relativeProductSlick .customerArrow-pre {  /*相關商品-商品往左箭頭圈圈位置*/
 left: -35px; }                            /*left: 0*/

.relativeProductSlick .customerArrow-next { /*相關商品-商品往右箭頭圈圈位置*/
right: -35px; }                            /*right: 0*/

.relativeProductSlick .customerArrow.slick-disabled {
  opacity: .5; }

.relativeProductOuter {
  width: 98.5%;
  margin: 0 auto; }

.activityPage .activityTop {   /*活動頁面-上方(網頁版)*/
  display: flex;               /*彈性布局*/
  margin-bottom: 30px;         /*框架外拉下面距離*/  
  font-size: 18px;             /*文字尺寸*/
  margin-top: 30px; }          /*框架外拉上面距離*/
  .activityPage .activityTop label {   /*活動頁面-上方標籤*/
    margin-bottom: 0;                  /*框架外拉下面距離*/
    cursor: pointer; }                 /*改變滑鼠游標的形狀:手指*/
  .activityPage .activityTop .left {   /*活動頁面-左邊上方*/
    flex: 1;
    border-bottom: 1px solid #009145 ;  /*左邊水平分隔線樣式*/
    padding-right: 15px;                  /*框架內縮右邊距離*/
    }
  .activityPage .activityTop .right {  /*活動頁面-右邊上方*/
    flex: none;
    border-top: 1px solid #009145;    /*"─"右邊上方水平分隔線樣式*/
    border-right: 1px solid #009145;  /*"|"右邊垂直分隔線樣式*/
    border-left: 1px solid #009145;   /*"|" 左邊垂直分隔線樣式*/
    border-top-left-radius: 5px;        /*左邊上方圓角邊框樣式*/
    border-top-right-radius: 5px;       /*右邊上方圓角邊框樣式*/ 
    text-align: center;                 /*文字置中*/
    padding: 13px 20px;                 /*框架內縮距離:上下15px-左右0px*/
    font-weight: bold; }                /*文字粗體*/
    .activityPage .activityTop .right label {  /*右邊上方結帳按鈕*/
      background: #ff0000;            /*結帳按鈕顏色*/
      padding: 5px 15px;                /*框架內縮距離:上下5px-左右15px*/
      margin-left: 10px;                /*框架外拉左邊距離*/
      color: #fff; }                  /*結帳按鈕文字顏色*/
  .activityPage .activityTop span {
    margin: 0 5px; }
  .activityPage .activityTop .filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%; }
  .activityPage .activityTop .checkOut {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%; }
    .activityPage .activityTop .checkOut div {
      flex: 1; }

.activityPage .gridBox {
  display: grid;
  grid-template-columns: 23% 23% 23% 23%;
  grid-gap: 30px calc(2.6%);
  margin-bottom: 40px; }
  .activityPage .gridBox h2 {           /*集貨專區全部商品*/
    height: 50px;                       /*高度*/
    overflow: hidden; }                 /*自動隱藏超出的文字或圖片*/
  .activityPage .gridBox .productCell { /*全部商品資訊欄*/
    background: #f1f9f2;              /*背景底色*/
    padding: 20px;                      /*框架的內邊距*/ 
    border-top: none; }                 /*商品資訊欄上方線條樣式 5px solid #f18e00 */

.recipe select, .recipe input {  /*recipe食譜(咱的農會)選擇輸入*/      
  border: 1px solid #d1c9bb;  /*邊框樣式*/
  border-radius: 3px;           /*邊框圓角樣式*/
  padding: 4px 8px; }           /*框架的內邊距:上下-左右*/

.recipe .recipeTop {
  margin-bottom: 40px; }
  .recipe .recipeTop > div {
    display: inline-block; }
  .recipe .recipeTop .searchBar {
    width: 250px;
    display: inline-block;
    margin-right: 10px; }
  .recipe .recipeTop .keyWord {
    display: inline-block; }
  .recipe .recipeTop .keyWord a {
  text-decoration: underline;
  margin-right: 5px; }
  .recipe .recipeTop select {
    float: right; }

.recipe .recipeGrid h2 {   /*關於信實-文章文字設定(與最新消息設定相同*/
  font-size: 21px;         /*文字尺寸*/
  text-align: center; }    /*文字對齊:居中*/  

.recipe .recipeGrid figure {        /*recipe食譜(咱的農會)圖片區*/
  padding: 5px;                     /*框架的內邊距*/ 
  background: #fff;               /*框架底色*/
  border: 1.5px solid #61C46E ;   /*邊框樣式*/
  margin-bottom: 15px;              /*框架外拉下面距離*/
  position: relative;               /*相對位置*/
  border-radius:20px; }             /*邊框圓角樣式*/

  .titleLine  span img{     /*標題圖片icon*/
    border-radius: 0;       /*邊框圓角樣式*/
  }
  .titleLine  .normal-title span img{  /*標題圖片icon*/
    padding-top:0px;                   /*框架內縮上面距離5px*/
  }

  .header-nav .cell img{     /*導覽輔助選項*/
    border-radius: 0;        /*邊框圓角樣式*/
  }
  .header-nav .cell .allSubMenuContainer img{  /*導覽輔助-所有子選單圖片選項*/
    border-radius: 15px;                       /*圖片圓角樣式*/
  }

.recipe .recipeGrid figure:hover .maskLayerContainer, .recipe .recipeGrid figure:active .maskLayerContainer {
  display: block; }

.recipe .recipeGrid .maskLayerContainer {
  display: none; }

.recipe .recipeGrid .maskLayer {     /*recipe食譜(咱的農會)圖片區遮罩*/
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); /*遮罩顏色*/
  color: #fff;                    /*框架底色*/
  position: absolute;               /*絕對位置*/
  top: 0;                           /*上面*/
  left: 0;                          /*左邊*/
  padding: 10px 50px;               /*框架的內邊距:上下-左右*/
  display: flex;                    /*彈性布局*/
  align-items: center;              /*對齊選項:置中*/
  border-radius: 15px;               /*增加邊框圓角樣式*/
}
  .recipe .recipeGrid .maskLayer > div {
    flex: 1; }

.recipe .recipeGrid .productCell {  /*recipe食譜(咱的農會)商品單元*/
  width: 31.3%;                     /*寬度*/
  margin-right: 3%; }               /*框架外拉右邊距離*/

.recipe .recipeGrid .productCell:nth-child(3n) {
  margin-right: 0; }

.recipeContent-top {
  margin-bottom: 80px; }
  .recipeContent-top img {      /*recipe食譜(咱的農會)文章圖片*/
    width: 100%;                /*寬度*/
    border-radius:15px;    }    /*首圖照片圓角*/
  .recipeContent-top .m-topImg {
    display: none; }

.recipeContent-bottom {
  display: flex;
  margin-bottom: 40px; }
  .recipeContent-bottom .cmsContainer {
    flex: none;
    width: 67.3%; }
  .recipeContent-bottom .recommend {
    flex: 1;
    margin-left: 55px; }
  .recipeContent-bottom .recommendContainer > div { /*推薦商品(咱的農會)區塊*/
    margin-bottom: 15px;    /*框架外拉下面距離*/
    padding-bottom: 15px;   /*框架內縮下面距離*/
    border-bottom: none; }  /*分隔線樣式:2px dotted #f18e00 */
  .recipeContent-bottom .recommendContainer .recommendCell h2 {
    height: 50px;
    overflow: hidden; }
  .recipeContent-bottom .recommendContainer figure { /*推薦商品(咱的農會)內容*/
    margin-bottom: 20px;                             /*框架外拉下面距離*/
    padding: 10px;                                   /*框架的內邊距*/
    background: #fff;                              /*背景顏色*/
    border-radius:20px;                              /*邊框圓角樣式*/
    border: 1.5px solid #61C46E;                   /*邊框樣式*/
    position: relative; }                            /*相對位置*/
  .recipeContent-bottom .recommendCell { /*食譜(咱的農會)底部推薦內容*/
    background: #f1f9f2;               /*背景顏色*/
    padding: 20px 45px; }                /*框架的內邊距:上下-左右*/

.searchResult {
  margin-bottom: 40px; }
  .searchResult .searchResult-top {
    margin-bottom: 30px;
    font-size: 21px; }
    .searchResult .searchResult-top span {
      margin: 0 5px; }
    .searchResult .searchResult-top select {
      float: right;
      font-size: 15px; }

@media (max-width: 1200px) {
  .seriresList .cartBtn .amount span {
    width: 50px; }
  .seriresList .cartBtn .amount select {
    width: 63px; }
  .seriresList .cartBtn .buyBtn .btn { /*商品頁-立即購買-加入購物車按鈕設定(手機版)*/
    font-size: 16px;                    /*文字尺寸*/
    width: 110px; }                    /*按鈕寬度設定*/
  .relativeProductSlick .customerArrow {
    top: 40%; }
  .relativeProductSlick .productBuyNow .cartBtn .amount {
    width: auto; }
    .relativeProductSlick .productBuyNow .cartBtn .amount span {
      width: 30px; }
    .relativeProductSlick .productBuyNow .cartBtn .amount select {
      width: 50px; }
  .relativeProductSlick .productBuyNow .cartBtn .buyBtn .btn {
    width: 90px;
    padding: 0; }
  .recipeContent-bottom .cmsContainer {
    width: 65%; }
  .recipeContent-bottom .recommend {
    margin-left: 30px; }
  .recipeContent-bottom .recommendCell {  /*關於信實推薦商品邊框內縮*/
    padding: 20px 30px; } }               /*框架的內邊距*/

@media (max-width: 992px) {
  .bestSale .bestSaleProduct .productCell {
    width: 31.3%;
    margin-right: 2.8%; }
  .bestSale .bestSaleProduct .productCell:nth-child(4n) {
    margin-right: 2.8%; }
  .bestSale .bestSaleProduct .productCell:nth-child(3n) {
    margin-right: 0; }
  .seriresList .productCell {
    width: 31.3%;
    margin-right: 2.8%; }
  .seriresList .productCell:nth-child(4n) {
    margin-right: 2.8%; }
  .seriresList .productCell:nth-child(3n) {
    margin-right: 0; }
  .story .storyContaner .storyProcuct .storyGrid .productCell {
    width: 48%;
    margin-bottom: 4%;
    margin-right: 4%; }
  .story .storyContaner .storyProcuct .storyGrid .productCell:nth-child(3n) {
    margin-right: 4%; }
  .story .storyContaner .storyProcuct .storyGrid .productCell:nth-child(2n) {
    margin-right: 0; }
  .relativeProductContainer {
    padding: 35px 10px; }
  .relativeProductSlick .slick-slide {
    margin: 0 10px; }
  .relativeProductSlick .productBuyNow .cartBtn .amount span {
    width: 40px; }
  .relativeProductSlick .productBuyNow .cartBtn .amount select {
    width: 60px; }
  .relativeProductSlick .productBuyNow .cartBtn .buyBtn .btn {
    width: 110px; }
  .relativeProductOuter {
    width: 100%; }
  .productInfo-top .productImgOutter {
    padding: 15px; }
  .productInfo-top .leftImg .mask {
    font-size: 32px; }
  .productInfo-top .rightInfo {
    margin-left: 30px; }
  .productInfo-top h1 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 15px; }
  .productInfo-top .description {
    font-size: 14px;
    line-height: 22px; }
    .productInfo-top .description p.note {
      margin: 15px 0; }
  .productInfo-top .tagContainer label.tagLable {
    font-size: 14px;
    padding: 5px 10px;
    margin-right: 20px; }
  .productInfo-top .prictNnum .numSelect {
    font-size: 16px; }
    .productInfo-top .prictNnum .numSelect label {
      height: 37px;
      width: 50px;
      line-height: 37px; }
    .productInfo-top .prictNnum .numSelect select {
      height: 37px;
      width: 75px; }
  .productInfo-top .prictNnum .buyBtn {
    display: none; }
  .activityPage .activityTop {           /*上方活動頁*/
    flex-direction: column; }            /*交錯軸線位置與主軸線位置調換呈現直向排列*/
    .activityPage .activityTop .left {   /*左上方活動頁*/
      border: 1px solid #009145;       /*邊框樣式*/
      margin-bottom: 20px;               /*框架外拉下面距離*/
      padding: 15px; }                   /*框架的內邊距*/
    .activityPage .activityTop .right {  /*右上方活動頁*/
      flex: none;
      width: 100%;                       /*寬度*/
      border: 1px solid #009145;       /*邊框樣式*/
      border-radius: 0;                  /*邊框圓角樣式*/
      background: #fff; }              /*背景底色*/
  .activityPage .gridBox {
    grid-template-columns: 31% 31% 31%;
    grid-gap: 30px calc(3.5%); }
  .recipe .recipeGrid h2 {
    font-size: 18px; }
  .recipe .recipeGrid .maskLayer {
    padding: 10px 30px; }
  .recipe .recipeGrid .productCell {
    width: 48%;
    margin-right: 3.9%; }
  .recipe .recipeGrid .productCell:nth-child(3n) {
    margin-right: 3.9%; }
  .recipe .recipeGrid .productCell:nth-child(2n) {
    margin-right: 0; }
  .recipeContent-bottom .cmsContainer {
    width: 65%; }
  .recipeContent-bottom .recommend {
    margin-left: 20px; }
  .recipeContent-bottom .recommendCell {  /*關於信實推薦商品邊框內縮*/
    padding: 20px; } }                    /*框架的內邊距*/

@media (max-width: 768px) {
  .indexSlider, .bottomSlider { /*首頁圖片索引滑桿底部(手機版)*/
    display: block; }           /*固定*/
  .m-indexSlider {              /*首頁圖片索引滑桿底部(手機版)*/
    display: block; }           /*固定*/
    .m-indexSlider > div {
      opacity: 0; }
    .m-indexSlider div.slick-slide, .m-indexSlider div.slick-list {
      opacity: 1; }
    .m-indexSlider img {          /*索引滑桿banner輪撥圖片(手機版)*/
      width: 100%; ;              /*寬度*/
      border-radius:15px;    }    /*新增圓角樣式*/  
    .m-indexSlider .slick-dots {
      bottom: 10px;
      text-align: center; }
      .m-indexSlider .slick-dots li button:before {/*索引滑桿動態圓點(手機版)*/
        font-size: 16px;                           /*尺寸18px*/
        opacity: 1;                                /*不透明度*/
        color: #fff; }                           /*圓點顏色*/
      .m-indexSlider .slick-dots li.slick-active button:before {  /*索引滑桿動態圓點(手機版)*/
        opacity: 1;                                               /*不透明度*/
        color: #61c46e; }                                       /*圓點顏色*/
  .m-bottomSlider {
    display: block;
    margin-top: 30px; }
    .m-bottomSlider img {         /*行銷活用廣告圖片滑桿底部圖片(手機版)*/   
      width: 100%;                /*寬度*/
      border-radius:15px;    }    /*新增圓角樣式*/  
    .m-bottomSlider .slick-dots {
      bottom: -30px;
      text-align: right;
      padding: 0 10px; }
      .m-bottomSlider .slick-dots li button:before {              /*行銷活用廣告圖示下方動態圓點(手機版)*/
        font-size: 12px;                                          /*尺寸*/
        opacity: 1;                                               /*不透明度*/
        color: #fff; }                                          /*圓點顏色*/
      .m-bottomSlider .slick-dots li.slick-active button:before { /*行銷活用廣告圖示下方動態圓點(手機版)*/
        opacity: 1;                                               /*不透明度*/
        color: #61c46e; }                                      /*圓點顏色*/
  .bestSale h2 img:nth-child(1) {
    height: 28px; }
  .bestSale h2 img:nth-child(2) {
    height: 37px; }
  .bestSale .bestSaleProduct h3 {
    font-size: 28px;
    /*height: 65px;*/ }
  .bestSale .bestSaleProduct p {
    font-size: 24px; }
  .bestSale .bestSaleProduct .productCell {
    width: 48%;
    margin-right: 3.8%; }
  .bestSale .bestSaleProduct .productCell:nth-child(3n) {
    margin-right: 3.8%; }
  .bestSale .bestSaleProduct .productCell:nth-child(4n) {
    margin-right: 0; }
  .bestSale .bestSaleProduct .productCell:nth-child(2n) {
    margin-right: 0; }
  .activity {
    flex-direction: column;
    justify-content: flex-start; }
    .activity .activityImg {
      width: 100%;
      margin-bottom: 30px; }
    .activity .activityImg:nth-last-child(1) {
      margin-bottom: 0; }
  .seriresList .productCell {
    width: 48%;
    margin-right: 3.8%; }
    .seriresList .productCell h2 {
      font-size: 27px; }
    .seriresList .productCell h4.price {
      font-size: 24px; }
  .seriresList .productCell:nth-child(3n) {
    margin-right: 3.8%; }
  .seriresList .productCell:nth-child(4n) {
    margin-right: 0; }
  .seriresList .productCell:nth-child(2n) {
    margin-right: 0; }
  .seriresList .productBuyNow h2 {
    height: 64px; }
  .story .storyContaner .storyTop {
    font-size: 12px; }
    .story .storyContaner .storyTop .searchBar {
      width: 185px;
      margin-right: 5px; }
      .story .storyContaner .storyTop .searchBar input {
        padding: 5px; }
    .story .storyContaner .storyTop .right {
      width: auto; }
    .story .storyContaner .storyTop select {
      padding: 5px; }
  .story .storyContaner .storyProcuct .storyGrid {
    flex-direction: column; }
    .story .storyContaner .storyProcuct .storyGrid .productCell {
      width: 100%;
      margin-bottom: 30px;
      margin-right: 0; }
    .story .storyContaner .storyProcuct .storyGrid .productCell:nth-child(3n) {
      margin-right: 0; }
    .story .storyContaner .storyProcuct .storyGrid h3 {
      font-size: 21px; }
    .story .storyContaner .storyProcuct .storyGrid p {
      font-size: 15px; }
  .story .storyContaner .storyProcuct .productImg:hover .maskLayerContainer, .story .storyContaner .storyProcuct .productImg:active .maskLayerContainer {
    display: none; }
  .storyInfoContianer {
    padding-left: 0;
    padding-right: 0; }
  .relativeProductContainer {
    padding: 35px 20px; }
  .relativeProductSlick .productBuyNow .cartBtn .amount {
    width: auto; }
    .relativeProductSlick .productBuyNow .cartBtn .amount span {
      width: 50px; }
    .relativeProductSlick .productBuyNow .cartBtn .amount select {
      width: 70px; }
  .relativeProductSlick .productBuyNow .cartBtn .buyBtn .btn {
    width: 115px;
    padding: 0; }
  .productInfo-top {
    flex-direction: column; }
    .productInfo-top .leftImg {
      width: 100%; }
      .productInfo-top .leftImg .mask {
        font-size: 48px; }
    .productInfo-top .productImgOutter {
      padding: 20px; }
    .productInfo-top .rightInfo {
      margin-left: 0; }
    .productInfo-top h1 {
      font-size: 28px; }
    .productInfo-top .description {
      font-size: 24px;
      line-height: 36px; }
      .productInfo-top .description p.note {
        margin: 20px 0; }
      .productInfo-top .description .discount {
        display: none; }
    .productInfo-top .m-discount {
      display: block;
      color: #df5400;
      margin-top: 20px; }
      .productInfo-top .m-discount img {  /*商品頁(手機版)*/
        width: 216px;                     /*寬度*/
        border-radius: 0px;}              /*增加圖片圓角*/ 
    .productInfo-top .prictNnum .price {  /*商品頁價格*/
      font-size: 24px;                    /*文字顏色*/
      margin-top: 25px;                   /*框架外拉上面距離*/
      margin-bottom: 25px;                /*框架外拉下面距離*/
      text-align: right;                  /*文字對齊：右邊*/
      position: relative; }               /*相對位置*/
      .productInfo-top .prictNnum .price .orginPrice {
        display: block;
        margin-right: 0; }
      .productInfo-top .prictNnum .price .specialPrice span {
        font-size: 18px; }
      .productInfo-top .prictNnum .price .specialPrice span:nth-child(2) {
        font-size: 36px; }
    .productInfo-top .prictNnum .numSelect {
      display: inline-block;
      font-size: 18px;
      position: absolute;
      bottom: 35px; }
      .productInfo-top .prictNnum .numSelect label {
        height: 37px;
        width: 55px;
        line-height: 37px; }
      .productInfo-top .prictNnum .numSelect select {
        height: 37px;
        width: 70px; }
    .productInfo-top .prictNnum .buyBtn {
      display: none; }
    .productInfo-top .tagContainer label.tagLable {
      font-size: 24px; }
  .infoTab ul#myTab {
    display: none; }
  .infoTab .m-infoTitle {
    display: block;
    cursor: pointer; }
    .infoTab .m-infoTitle .titleLine hr {
      top: 50%;
      margin-top: 0;
      margin-bottom: 0; }
    .infoTab .m-infoTitle .titleLine i { /*資訊選項標題*/
      font-size: 30px;                   /*文字尺寸*/
      color: #f10064; }                /*文字顏色*/
  .infoTab .m-infoTitle.homeTitle .arrow {
    display: none; }
  .infoTab .tab-content .tab-pane {
    margin-bottom: 20px; }
  .infoTab .tab-content .fade.show {
    display: block; }
  .infoTab .tab-content .fade {
    display: none;
    opacity: 1; }
  .activityPage .gridBox {
    grid-template-columns: 48% 48%;
    grid-gap: 30px calc(4%); }
  .recipe .recipeGrid figure:hover .maskLayerContainer, .recipe .recipeGrid figure:active .maskLayerContainer {
    display: none; }
  .recipeContent-top figure {
    display: none; }
  .recipeContent-top .m-topImg {
    display: block; }
  .recipeContent-bottom {
    flex-direction: column; }
    .recipeContent-bottom .cmsContainer {
      width: 100%; }
    .recipeContent-bottom .recommend {
      margin-left: 0; }
    .recipeContent-bottom .recommendContainer {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .recipeContent-bottom .recommendContainer > div {
        flex: none;
        width: 48%; }
      .recipeContent-bottom .recommendContainer .recommendCell h2 {
        height: 64px; }
    .recipeContent-bottom .recommendCell { /*推薦商品底色設定(手機版)*/
      /*padding: 20px 50px; 框架的內邊距:上下-左右 */ 
      background: #f1f9f2; } /*背景底色*/
    .recipeContent-bottom .productBuyNow .cartBtn .amount select {
      width: 68px; }
  .searchResult .searchResult-top select {
    float: none;
    display: block;
    margin-top: 10px;
    width: 100%;
    text-align: right; } }
    

@media (max-width: 576px) {
  .bestSale h2 img:nth-child(1) {
    height: 23px; }
  .bestSale h2 img:nth-child(2) {
    height: 32px; }
  .bestSale .bestSaleProduct h3 { /*熱銷推薦-商品欄文字內距調整(手機版)*/
    font-size: 22px;              /*文字尺寸*/  
    /*height: 55px;*/ }           /*高度*/
  .bestSale .bestSaleProduct p {
    font-size: 16px; }
  .seriresList .productCell {
    width: 48%;
    margin-right: 3.8%; }
    .seriresList .productCell h2 {
      font-size: 22px; }
    .seriresList .productCell h4.price {
      font-size: 20px; }
  .seriresList .productCell:nth-child(3n) {
    margin-right: 3.8%; }
  .seriresList .productCell:nth-child(4n) {
    margin-right: 0; }
  .seriresList .productCell:nth-child(2n) {
    margin-right: 0; }
  .seriresList .cartBtn .amount {          /*所有商品購買頁-數字按鈕寬度調整(手機版)*/
    width: 100%; }                         /*寬度80%*/
    .seriresList .cartBtn .amount span {   /*所有商品購買頁-數量按鈕寬度調整(手機版)*/
      width: 35%; }                        /*寬度*/
    .seriresList .cartBtn .amount select { /*所有商品購買頁-數量按鈕寬度調整(手機版)*/
      width: 63.5%; }                      /*寬度*/
  .seriresList .cartBtn .buyBtn {          /*所有商品購買頁-加入購物車按鈕寬度調整(手機版)*/
    width: 100%; }                         /*寬度*/
    .seriresList .cartBtn .buyBtn .btn {   /*加入購物車選單按鈕位置設定*/
      width: 100%; }                       /*寬度*/
  .seriresList .productBuyNow h2 {
    height: 56px; }
  .story .storyContaner .storyTop {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 14px; }
    .story .storyContaner .storyTop .left {
      text-align: center;
      margin-bottom: 15px; }
    .story .storyContaner .storyTop .searchBar {
      width: 60%;
      margin-right: 0; }
      .story .storyContaner .storyTop .searchBar input {
        padding: 8px; }
    .story .storyContaner .storyTop select {
      padding: 8px; }
    .story .storyContaner .storyTop .searchBar + .keyWord {
      display: block;
      margin-top: 10px; }
  .productInfo-top .leftImg .mask {
    font-size: 38px; }
  .productInfo-top .productImgOutter {
    padding: 15px; }
  .productInfo-top h1 {
    font-size: 24px; }
  .productInfo-top .description {
    font-size: 20px;
    line-height: 32px; }
    .productInfo-top .description p.note {
      margin: 20px 0; }
  .productInfo-top .prictNnum .price {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px; }
    .productInfo-top .prictNnum .price .specialPrice span {
      font-size: 16px; }
    .productInfo-top .prictNnum .price .specialPrice span:nth-child(2) {
      font-size: 32px; }
  .productInfo-top .prictNnum .numSelect {
    font-size: 16px;
    bottom: 30px; }
    .productInfo-top .prictNnum .numSelect label {
      height: 37px;
      width: 55px;
      line-height: 37px; }
    .productInfo-top .prictNnum .numSelect select {
      height: 37px;
      width: 70px; }
  .productInfo-top .prictNnum .buyBtn {
    display: none; }
  .productInfo-top .tagContainer label.tagLable {
    font-size: 16px;
    margin-right: 10px;
    padding: 3px 5px; }
  .relativeProductSlick .productBuyNow .cartBtn .amount {          /*最新消息-相關商品-數量按鈕寬度調整*/
    width: 100%; }                                                 /*寬度*/
    .relativeProductSlick .productBuyNow .cartBtn .amount span {   /*最新消息-相關商品-數量選單寬度調整*/
      width: 40%; }                                                /*寬度40%*/
    .relativeProductSlick .productBuyNow .cartBtn .amount select { /*最新消息-相關商品-數量按鈕寬度調整*/
      width: 59%; }                                                /*寬度*/
  .relativeProductSlick .productBuyNow .cartBtn .buyBtn .btn {
    width: 100%; }
  .recipe .recipeTop > div {
    width: 100%; }
  .recipe .recipeTop .searchBar {
    text-align: center;
    width: 100%;
    margin-right: 0; }
  .recipe .recipeTop .input-group {
    width: 60%;
    margin: 0 auto 10px; }
  .recipe .recipeTop .keyWord {
    width: 100%;
    text-align: center;
    margin-bottom: 10px; }
  .recipe .recipeGrid h2 {  /*咱的農會-標題字級調整(手機版)*/
    font-size: 32px; }      /*文字尺寸*/  
  .recipe .recipeGrid .productCell {
    width: 100%;
    margin-right: 0; }
  .recipe .recipeGrid .productCell:nth-child(3n) {
    margin-right: 0; }
  .recipeContent-bottom .recommendContainer .recommendCell h2 {
    height: 56px; }
  .recipeContent-bottom .productBuyNow .cartBtn .amount span { /*關於信實-推薦商品購買頁-數量選單寬度調整(手機版)*/
    width: 34%; }                                              /*寬度*/
  .recipeContent-bottom .productBuyNow .cartBtn .amount select { /*關於信實-推薦商品購買頁-數量按鈕寬度調整(手機版)*/
    width: 64%;                                                  /*寬度*/
    border-top-left-radius: 0;   
    border-bottom-left-radius: 0; 
    margin-left: -2px; } }

@media (max-width: 414px) {
  .m-indexSlider .slick-dots li button:before {
    font-size: 16px; }
  .bestSale h2 img:nth-child(1) {
    height: 20px; }
  .bestSale h2 img:nth-child(2) {
    height: 29px; }
  .bestSale .bestSaleProduct h3 {
    font-size: 16px;
    /*height: 40px;*/ }
  .bestSale .bestSaleProduct p {
    font-size: 12px; }
  .seriresList .productCell h2 {
    font-size: 16px; }
  .seriresList .productCell h4.price {
    font-size: 16px; }
  .seriresList .productBuyNow h2 {
    height: 38px; }
  .productBuyNow h2 {
    font-size: 18px; }
  .productBuyNow h4.price {
    font-size: 18px; }
    .productBuyNow h4.price span {
      font-size: 14px; }
  .recipe .recipeGrid h2 {
    font-size: 18px; }
  .activityPage .activityTop {  /*活動頁面-上方(手機版)*/
    display: flex;              /*彈性布局*/
    margin-bottom: 30px;        /*框架外拉下面距離*/
    font-size: 18px;            /*文字尺寸*/
    margin-top: 30px; }         /*框架外拉上面距離*/
    .activityPage .activityTop label {    /*活動頁面-上方標籤*/
      margin-bottom: 0;                   /*框架外拉下面距離*/
      cursor: pointer; }                  /*改變滑鼠游標的形狀:手指*/
    .activityPage .activityTop .left {    /*左邊活動頁面*/
      flex: 1;
      border-bottom: 1px solid #009145; /*下面水平分隔線樣式*/
      /*padding: 0 15px;*/ }              /*框架的內邊距:上下-左右*/
    .activityPage .activityTop .right {   /*活動頁面-右邊上方*/
      flex: none;
      /*width: 420px; 寬度 */
      border-top: 1px solid #009145;    /*"─"右邊上方水平分隔線樣式*/
      border-right: 1px solid #009145;  /*"|"右邊垂直分隔線樣式*/
      border-left: 1px solid #009145;   /*"|" 左邊垂直分隔線樣式*/
      border-top-left-radius: 5px;        /*左邊框上方圓角*/
      border-top-right-radius: 5px;       /*右邊框上方圓角*/
      border-bottom-left-radius: 5px;     /*左邊框底部圓角*/
      border-bottom-right-radius: 5px;    /*右邊框底部圓角*/
      text-align: center;                 /*文字置中*/
      padding: 15px 0;                    /*框架的內邊距:上下-左右*/
      font-weight: bold; }                /*文字粗體*/
      .activityPage .activityTop .right label { /*右邊上方結帳標籤*/
        background: #ff0000;                  /*結帳顏色*/
        padding: 5px 15px;                      /*框架的內邊距:上下-左右*/
        margin-left: 10px;                      /*右側外邊界*/
        color: #fff; }                        /*結帳文字顏色*/
    .activityPage .activityTop span {
      margin: 0 5px; }
    .activityPage .activityTop .filter {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      height: 100%; }
    .activityPage .activityTop .checkOut {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      height: 100%; }
      .activityPage .activityTop .checkOut div {
        flex: 1; }
  .activityPage .gridBox h2 {
    height: 40px; }
  .relativeProductSlick h2 {
    height: 40px; }
  .recipeContent-bottom .recommendContainer .recommendCell h2 {
    height: 44px; } }

@media (max-width: 320px) {
  .m-indexSlider .slick-dots li button:before {
    font-size: 14px; }
  .bestSale h2 img:nth-child(1) {
    height: 18px; }
  .bestSale h2 img:nth-child(2) {
    height: 25px; }
  .seriresList .productCell h2 {
    font-size: 14px; }
  .seriresList .productCell h4.price {
    font-size: 12px; }
  .seriresList .productBuyNow h2 {
    height: 34px; }
  .productBuyNow h2 {
    font-size: 16px; }
  .productBuyNow h4.price {
    font-size: 16px; }
    .productBuyNow h4.price span {
      font-size: 12px; }
  .productInfo-top .leftImg .mask {
    font-size: 38px; }
  .productInfo-top .productImgOutter {
    padding: 15px; }
  .productInfo-top h1 {
    font-size: 24px; }
  .productInfo-top .description {
    font-size: 20px;
    line-height: 32px; }
    .productInfo-top .description p.note {
      margin: 20px 0; }
  .productInfo-top .prictNnum .price {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px; }
    .productInfo-top .prictNnum .price .specialPrice span {
      font-size: 16px; }
    .productInfo-top .prictNnum .price .specialPrice span:nth-child(2) {
      font-size: 32px; }
  .productInfo-top .prictNnum .numSelect {
    font-size: 16px;
    bottom: 30px; }
    .productInfo-top .prictNnum .numSelect label {
      height: 37px;
      width: 55px;
      line-height: 37px; }
    .productInfo-top .prictNnum .numSelect select {
      height: 37px;
      width: 70px; }
  .productInfo-top .prictNnum .buyBtn {
    display: none; }
  .productInfo-top .tagContainer label.tagLable {
    font-size: 16px;
    margin-right: 10px;
    padding: 3px 5px; }
  .recipeContent-bottom .recommendContainer > div {
    width: 49%; }
  .recipeContent-bottom .recommendContainer .recommendCell {
    padding: 10px; }
    .recipeContent-bottom .recommendContainer .recommendCell h2 {
      height: 34px; }
  .relativeProductSlick .customerArrow {
    top: 30%; } }