@charset "UTF-8";
@font-face {
  font-family: '新微軟正黑體';
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: bold;
  src: local(MS Gothic), local(Yu Gothic);
}
@font-face {
  font-family: '新微軟正黑體';
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: normal;
  src: local(微軟正黑體), local(Microsoft JhengHei);
}
body {                            /*主體元素*/  
  font-family: 'Open Sans', Verdana, Geneva,"新微軟正黑體",'Microsoft JhengHei',"微軟正黑體", sans-serif;
  color: #333;                 /*文字顏色*/  
  background-color: #D9EFE9;   /*背景顏色#CCEAE2*/  
  font-size: 14px; }             /*文字尺寸*/  


  @media (max-width: 992px) {          /*標題手機版*/
    body {                             /*主體元素*/  
        background-color: #D9EFE9;   /*背景顏色#CCEAE2*/  
      } 
      main{
        background-color: #D9EFE9;   /*背景顏色*/
        border-radius: 0 0 0 0;        /*邊框圓角:左上、右上、右下、左下*/
        padding-top: 0;                /*框架內縮上面距離*/
        padding-bottom: 55px;          /*框架內縮下面距離(避免footer按鈕與面頁重疊)*/
      }
  }

 /*統一調整導覽列icon符號(Navbar icon)*/
 .fa_icon{             
  position: absolute; /*絕對位置*/
  margin: 1px 0px 0px -15px !important; /*框架的外邊界：上-右-下-左；強制優先權*/
  font-size: 21px;    /*尺寸*/
}  

/*統一調整標題列icon符號(titleLine icon)*/
.fa_icon_2{ 
  font-size: 18px;    /*icon符號尺寸*/
}

/*統一調整手機版頁尾icon符號*/
.fa_icon_3{
  position: absolute; /*絕對位置*/
  font-size: 22px;    /*icon符號尺寸*/
  margin: -27px 0px 0px -9px; /*框架的外邊界：上-右-下-左*/
}

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



   /*邊框圓角樣式15px；強制優先*/
   .productGrid .productImg, .productInfo-top .productImgOutter,
   .productBuyNow .productImg, .recipe .recipeGrid figure,
   .productBuyNow .bannerSoldOut,.recipeContent-bottom .recommendContainer figure,
   .recipeListContainer .productGrid img, .bottomSlider img, .activity .activityImg img, 
   .m-bottomSlider img, .productBuyNow .bannerFull, .productGrid .productImg,
   .recipeContent-top img, .customerService .top img   {    
      border-radius: 15px !important; 
   }

   /*商品主圖邊框圓角/背景底色/陰影/已售完遮罩；一起強制優先*/
   .productInfo-top .productImgOutter, .productInfo-top .leftImg .productMainImg,
   .productInfo-top .leftImg .productMainImg img,
   .productInfo-top .leftImg .mask {
      border-radius: 60px !important;  
   }
    
   /*已售完/滿額預購icon圖片圓角樣式統一設定*/ 
   .productInfo-top .leftImg .productMainImg .outOfStock img{
    border-radius: 0 !important;
  }   
   
   /*邊框圓角遮罩角度樣式*/ 
   .recipe .recipeGrid .maskLayer, .bestSale .bestSaleProduct .imgMask { 
      border-radius: 15px !important; /*邊框圓角樣式；強制優先*/
   }

  .banner .soldout{ /*商品頁已售完圖片調整*/
   position: relative !important; /*相對位置；強制優先*/
 }

 .serach_input{ /*搜尋輸入外框圓角設定*/
  border-radius: 30px 0 0 30px !important; /*新增邊框圓角:左上、右上、右下、左下*/
}

/*圓弧遮罩特效_01*/
.productGrid .productImg, .productBuyNow .productImg, .productGrid .productImg, .storyGrid .productImg, .productBuyNow img  {
  clip-path: ellipse(115% 60% at 50% 40%);/*橢圓形遮罩:弧度-厚/高度at水平左右-上下水平位置 */

}
.recipe .recipeGrid figure { /*圓弧遮罩特效_02*/
  clip-path: ellipse(105% 55% at 50% 40%); /*橢圓形遮罩:弧度-厚/高度at水平左右-上下水平位置 */
}

/*商品購物欄統一調整底部寬度*/
.recipeContent-bottom .recommendCell, .productGrid .productCell, .relativeProductSlick .slick-slide,
.activityPage .gridBox .productCell {
  padding: 0 0 20px;       /*框架的內邊距:上-左右-下*/  
}



.productBuyNow.productCell {   /*商品立即購買單元欄*/
  position: relative; /* 為了讓 ::before 定位到這個容器*/
}

.productBuyNow:has(.banner)::before {      /*熱銷推銷商品頁-設定hover時的動畫效果*/
  content: "";
  position: absolute;                      /*絕對位置*/
  top: 0;                                  /*上面*/
  left: 0;                                 /*左邊*/
  width: 100%;                             /*寬度*/
  height: 100%;                            /*高度*/
  background-color: rgba(0, 0, 0, 0.4);  /* 半透明背景0.5(調整邊界遮罩不要太明顯)*/
  display: flex;                           /*彈性布局*/
  align-items: center;                     /*對齊選項:置中*/
  justify-content: center;                 /*對齊主軸的中間*/
  color: white;                          /*文字顏色*/
  font-size: 20px;                         /*文字尺寸*/
  font-weight: bold;                       /*文字粗體*/
  border-radius: 15px;                     /*圓角樣式*/
  pointer-events: none;                    /*防止遮罩影響點擊事件*/
  opacity: 0;                              /*不透明度:1*/
}

/*--------------黑幕遮罩----------------*/

.bestSale .bestSaleProduct .imgMask{
  opacity: 0 !important;
}

.productGrid .productCell {  /*商品立即購買單元欄*/
  position: relative; /*確保內部的 ::before 可以定位*/
  overflow: hidden;   /*防止遮罩溢出邊界*/
}

.productGrid .productCell:hover::before {   /*熱銷推銷商品頁-設定hover時的動畫效果*/
  content: "";
  position: absolute;                      /*絕對位置*/
  top: 0;                                  /*上面*/
  left: 0;                                 /*左邊*/
  width: 100%;                             /*寬度*/
  height: 100%;                            /*高度*/
  background-color: rgba(0, 0, 0, 0.4);  /*半透明遮罩0.5*/
  z-index: 1;                              /*讓遮罩覆蓋內部內容*/
  opacity: 1;                              /*顯示遮罩*/
  transition: opacity 0.3s ease;           /*動畫過渡效果*/
  pointer-events: none;                    /*防止遮罩影響點擊事件*/
}

.productGrid .productCell::before {        /*熱銷推銷商品頁-之前的動畫效果*/
  content: "";
  position: absolute;                      /*絕對位置*/
  top: 0;                                  /*上面*/
  left: 0;                                 /*左邊*/
  width: 100%;                             /*寬度*/
  height: 100%;                            /*高度*/
  background-color: rgba(0, 0, 0, 0);    /*初始為透明*/
  z-index: 1;                              /*讓遮罩覆蓋內部內容*/
  opacity: 0;                              /*隱藏遮罩*/
  transition: opacity 0.3s ease;           /*動畫過渡效果*/
  pointer-events: none;                    /*防止遮罩影響點擊事件*/
}

/*----------------------------------*/

@media (max-width: 576px){ 
  .titleLine .normal-title img{ /*手機版隱藏標題icon*/
    display: none;

  }
  .cms-htmlEditor iframe{ /*商品頁裡面影片嵌入比例設定(手機版)*/
      width:100%;
  }

}

.fa-angle-double-up:before{ /*內容可設定圖案*/
  /*content: "😄";*/
}


#search-from .searchBar .btnOrange{   /*頁面內的搜尋鈕*/
  height: 31px;                       /*高度*/
  border-radius: 0 25px 25px 0px;     /*按鈕圓角設定*/
}
 /*#是抓id .是class 搜尋框按鈕*/
#search-from .searchBar .form-control{  /*頁面內的搜尋框*/
  border-radius: 25px 0px 0px 25px;     /*邊框圓角設定*/
 }


/*#mainPage {
    padding-top: constant(safe-area-inset-top); /框架內縮上面距離/
    padding-right: constant(safe-area-inset-right); /框架內縮右邊距離/
    padding-bottom: constant(safe-area-inset-bottom); /框架內縮下面距離/
    padding-left: constant(safe-area-inset-left);/框架內縮左邊距離/
}*/
a {                 /*文字預設*/  
  color: #333; }  /*文字預設顏色*/ 

a:hover {                  /*效果預設*/
  color: #009370;        /*顏色#009145*/
  text-decoration: none; } /*文字修飾*/

button{                   /*按鈕預設*/
    color: #FFFFFF;     /*文字預設顏色*/ 
    background-color: #F3A15C; /*按鈕顏色#009933*/
    width: 75px;          /*寬度*/
    height: 25px;         /*高度*/
    border-radius: 25px;   /*邊框圓角樣式5px*/
    border-style:none;    /*邊框效果*/
    cursor: pointer;      /*改變滑鼠游標的形狀:手指*/
}

figure {   /*數位*/
  margin: 0; }

.checkBtn {   /*選項按鈕*/ 
  background: #b1b1b1; }

.btnOrange {  /*關鍵字搜尋按鈕*/
  background: #66BEA9;  /*按鈕底色#61C36E*/ }

.whiteBackground {  /*常溫冷凍專區活動管理底色*/
  background-color:  #FBFAEF; } /*背景顏色#fff*/

.greenColor {    /*註解文字顏色*/
  color: #007559; }

.orangeColor {   /*註解文字顏色*/
  color: #009370; } 

.tagContainer {
  margin: 15px 0; }
  .tagContainer label.tagLable {  /*活動管理專區滿額免運標題-商品頁文字按鈕*/
    color: #ED6C00;             /*文字顏色#009145*/         
    font-weight: normal;          /*字體粗細:正常*/
    font-size: 16px;              /*文字尺寸*/
    border: 1px solid #ED6C00;  /*邊框樣式#009145*/
    border-radius: 15px;           /*邊框圓角設定5px*/
    padding: 5px 13px;            /*框架的內邊距：上下-左右*/
    margin-right: 25px;           /*框架外拉右邊距離*/
    /*margin-bottom: 0;            框架外拉下面距離*/
    cursor: pointer; }            /*改變滑鼠游標的形狀:手指*/

.btn {                      /*購物車按鈕設定*/
  font-size: 18px;          /*文字尺寸*/
  color: #fff;            /*按鈕文字顏色*/
  border-radius: 0;         /*按鈕圓角設定*/
  padding: 0 0.9rem; }

.buyNowBtn {                /*購物車按鈕-直接購買*/
  background: #FF921E; }  /*按鈕顏色*/

.buyNowBtn:hover {          /*直接購買-游標反應*/
  background: #FF921E; }  /*按鈕顏色*/

.addToCartBtn {             /*購物車按鈕-加入購物車*/
  background: #EE5649;   /*按鈕顏色*/
  border-radius: 15px !important;/*新增邊框圓角*/
  }
.addToCartBtn:hover {       /*加入購物車-游標反應*/
  background: #EE5649; }  /*按鈕顏色*/

.tabSwitch ul.nav-tabs {                 /*商品說明/客服中心-導覽標籤選項頁*/
  font-size: 18px;                       /*文字尺寸*/
  border-bottom: 1px solid #F08933; }  /*下方邊框樣式-標籤底線#009145*/
  .tabSwitch ul.nav-tabs .nav-item {   
    padding-left: 40px;     
    font-weight: bold; }    
    .tabSwitch ul.nav-tabs .nav-item a {    /*商品說明導覽標籤選項文字設定*/ 
      color: #009370; }                   /*文字顏色#009145*/
  .tabSwitch ul.nav-tabs .nav-link {        /*導覽標籤選項線條設定*/ 
    border: 1px solid #F08933;            /*標籤選項外框樣式#009145*/      
    padding-top: 10px;                      /*框架內縮上面距離10px*/
    border-top-left-radius: .5rem;          /*左上邊框圓角*/
    border-top-right-radius: .5rem; }       /*右上邊框圓角*/
  .tabSwitch ul.nav-tabs .nav-link.active { /*商品頁導覽標籤選項設定*/ 
    background-color: transparent;          /*透明的底色*/
    border-color: #F08933 #F08933 #D9EFE9;  /*邊框樣式設定:上#009145-左右#009145-下#dff2e1*/
    border-top: 3px solid #F08933;        /*邊框最上面粗細設定#009145*/
    padding-top: 8px; }                     /*框架內縮上面距離8px*/

.tabSwitch .tab-content {  /*選項卡內容開關*/
  padding: 30px 0; }       /*框架的內邊距：上下-左右*/

.titleLine {              /*標題列*/
  text-align: center;     /*文字對齊:居中*/
  position: relative;     /*相對位置*/
  margin-bottom: 30px; }  /*框架外拉下面距離*/
  .titleLine hr {         /*水平分線*/
    position: absolute;   /*絕對位置*/
    top: 0;               /*上面*/ 
    left: 0;              /*左邊*/
    width: 100%;          /*寬度*/
    z-index: -1;          /*元素的堆疊順序*/
    border-top: 1px solid #009370; } /*上方邊框樣式#009145*/
  .titleLine h2 {         /*標題列文字*/
    font-size: 21px;      /*文字尺寸*/
    color: #009370;     /*文字顏色#009145*/
    font-weight: bold; }  /*文字粗細*/
    .titleLine h2 span {  /*標題列文字*/
      background-color: #CCFFCC; /*背景底色*/
      display: inline-block; /*依照元素中的內容來決定內容的寬高*/
      padding: 0 20px;    /*框架的內邊距：上下-左右*/
      max-width: 80%; }   /*最大寬度*/
      .titleLine h2 span img { /*標題列圖片*/
        margin-right: 5px; /*框架外拉右邊距離*/
        vertical-align: text-top; } /*垂直對齊：文字頂部*/

.titleLine h1 {                 /*titleLine標題行設定*/
  font-size: 21px;              /*文字尺寸*/
  color: #333;                /*文字顏色#009145*/
  font-weight: bold; }          /*文字粗細*/
.titleLine h1 span {            /*titleLine標題行設定*/
  background-color: #D9EFE9;  /*分線背景底色#DFF2E1*/
  display: inline-block;        /*依照元素中的內容來決定內容的寬高*/
  padding: 0 20px;              /*框架的內邊距:上下-左右*/
  max-width: 80%; }             /*最大寬度*/
.titleLine h1 span img {            /*分線小圖示左邊*/
  margin-right: 5px;                /*小圖示左移*/
  vertical-align: middle; }         /*垂直置中/置頂text-top*/
.titleLine .normal-title {          /*一般標題(最新消息)*/
  font-size: 21px;                  /*文字尺寸*/
  color: #333;                 /*文字顏色#009145*/
  font-weight: bold; }              /*文字粗細*/
.titleLine .normal-title span {     /*食事/產地故事/推薦商品*/
  background-color: #D9EFE9;      /*分線背景底色#DFF2E1*/
  display: inline-block;            /*依照元素中的內容來決定內容的寬高*/
  padding: 0 20px;                  /*上下-左右*/
  max-width: 80%; }                 /*最大寬度*/
.titleLine .normal-title span img { /*分線小圖示右邊*/
  margin-right: 5px;                /*小圖示右移*/
  vertical-align: middle; }         /*垂直置中/置頂text-top*/

header {                            /*Header標頭設定*/
  margin-bottom: 30px;              /*框架外拉下面距離*/
  background-color: #fff;         /*標頭底色*/
  padding-bottom: 20px;             /*下面框架內縮距離30px;*/
  border-radius: 0 0 150px 150px;   /*新增邊框圓角:左上、右上、右下、左下*/
}
@media (max-width: 992px) {
  header {                           /*Header標頭設定(手機版)*/             
    padding-bottom: 0;               /*下面框架內縮距離*/       
    border-radius: 0 ;               /*邊框圓角樣式*/
  }
}

  header .m-hamburger, header .m-right, header .m-searchBarContainer { 
    display: none; }
  header .headerTop {                 /*標頭最高位置設定*/
    flex: 1;
    position: relative;               /*相對位置*/
    display: flex;                    /*彈性布局*/
    padding: 20px 0;                  /*框架的內邊距：上下30px-左右*/
    width: 100%;                      /*寬度*/
    justify-content: space-between;   /*水平對齊:平均分配元素空間*/
    align-items: center;              /*對齊選項:置中*/
    flex-wrap: wrap; }                /*多行*/
    header .headerTop .logo {
      cursor: pointer; }
    header .headerTop .logo, header .headerTop .memberContainer {
      flex: none;
      width: auto; }
  header .keyWord {
    display: inline-block; }
  header .headerSearch {      /*標題搜尋欄*/
    /*display: inline-block; 依照元素中的內容來決定內容的寬高*/
    position: absolute;      /*絕對位置*/
    left: 50%;               /*左邊*/
    top: 55%;                /*上面*/
    margin-left: -23%;       /*左側外邊界*/   
    width: 44%;              /*寬度*/
    transform: translateY(-50%); }
    header .headerSearch .searchBar {  /*標題搜尋欄*/
      display: inline-block; }         /*依照元素中的內容來決定內容的寬高*/
      header .headerSearch .searchBar input { /*標題搜尋欄文字尺寸*/
        font-size: 14px; }                    /*文字尺寸*/
      header .headerSearch .searchBar .btn { /*標題搜尋欄按鈕*/
        font-size: 14px;                     /*文字尺寸*/
        color: #fff;                      /*顏色*/
        border-radius: 0 25px 25px 0px;     /*新增邊框圓角:左上、右上、右下、左下*/
        height: 31px;                       /*高度*/  
      }
    header .headerSearch .keyWord {
      margin-left: 10px; }
      header .headerSearch .keyWord span {
        margin-right: 5px; }
        header .headerSearch .keyWord span a { /*標題搜尋欄關鍵字*/
          padding-bottom: 1px;                 /*下面框架內縮距離*/
          border-bottom: 1px solid ; }         /*下方邊框樣式*/
  header .memberContainer {
    display: inline-flex; }
    header .memberContainer .memberCell {     /*Header標頭-登入/加入會員/訂單查詢/購物車設定*/
      margin-right: 8px;                      /*框架外拉右邊距離5px*/
      padding-top: 15px; }                    /*框架內縮上面距離*/
    header .memberContainer .memberName {
      display: none; }
    header .memberContainer .memberCell:nth-child(1):before { /*Header標頭-購物車數字前面相關設定*/
      content: " ";                                           /*前面內容符號|*/
      margin-right: 5px;                                      /*右邊距離*/
      color: #009370; }                                     /*顏色設定#009145*/
    header .memberContainer .memberCell:after {               /*購物車數字後面相關設定*/
      content: " ";                                           /*購物車內容符號|*/
      margin-left: 5px;                                       /*左側外邊界*/
      color: #009370; }                                     /*顏色設定#009145*/
    header .memberContainer .memberCell:nth-last-child(1):after { /*Header標頭-購物車數字後面相關設定*/
      content: "";                                            /*後面內容符號*/
      margin-left: 0; }                                       /*左側外邊界*/
    header .memberContainer .cartIcon {     /*Header標頭 購物車數字icon*/
      position: relative;                   /*相對位置*/
      top: -5px; }                          /*高度*/
      header .memberContainer .cartIcon .cartNum {  /*Header標頭-購物車數字設定(網頁版)*/
        color: #fff;                              /*數字顏色*/
        width: 15px;                                /*寬度*/
        height: 15px;                               /*高度*/
        border-radius: 50%;                         /*邊框圓角樣式*/
        background: red;                          /*購物車圈圈顏色Orange*/
        position: absolute;                         /*絕對位置*/
        right:-5px;                                 /*左右位移*/
        top:-5px;                                   /*上下位移*/
        text-align: center;                         /*文字對齊:置中*/
        font-size: 10px; }                          /*文字尺寸*/
  header .hasLogin .memberCell:nth-child(1):before {
    content: "";
    margin-right: 0; }
  header .hasLogin .memberCell:nth-child(1) {      /*Header標頭-已登入*/ 
    color: #009370; }                            /*顏色#009145*/
  header .hasLogin .loginBtn {                     /*Header標頭-登入按鈕*/ 
    display: none; }
  header .hasLogin .memberName {
    display: inline; }
  header .header-nav {
    display: flex; }
    header .header-nav .cell {    /*Header標頭-登入標題導覽按鈕設定*/ 
      flex-grow: 1;               /*彈性伸展比例分配*/
      max-width: 100%;            /*最大寬度*/
      flex-basis: 0;              /*彈性基礎*/
      color: #fff;              /*文字顏色*/
      background: #33A88D;      /*背景顏色#61C46E*/
      text-align: center;         /*文字對齊:置中*/
      padding: 10px 0;            /*框架的內邊距：上下-左右*/
      overflow: hidden;           /*自動隱藏超出的文字或圖片*/
      cursor: pointer;            /*改變滑鼠游標的形狀:手指*/
      font-size: 16px;            /*文字尺寸*/
      font-weight: bold; }        /*文字粗細*/
      header .header-nav .cell span {     /*Header標頭-登入標題導覽按鈕*/ 
        display: block;                   /*彈性容器*/
        border-right: 1px solid #fff;   /*分格線段顏色邊框樣式*/
        padding: 0px 0;}                  /*框架的內邊距：上下3px-左右(修改按鈕高度)*/
        header .header-nav .cell span i {  /*Header標頭-導覽列icon圖示與文字的距離(網頁版)*/
          margin-right: 10px; }              /*icon圖示往右邊距離*/
    header .header-nav .cell:nth-child(1) { /*Header標頭-標題導覽第一格按鈕底色*/ 
      background: #33A88D;  /*左側顏色#009145*/
      flex-grow: 1.5;         /*彈性伸展-調整寬度比例*/
      border-radius: 15px 0px 0px 30px; } /*邊框圓角:左上10px、右上、右下、左下10px*/
      header .header-nav .cell:nth-child(1) span { /*Header標頭-登入標題導覽按鈕*/ 
        border-right:  1px solid #fff ; }     /*右側邊框樣式;*/
    header .header-nav .cell:nth-last-child(1) { /*Header標頭-登入標題導覽最後一格按鈕*/ 
      flex-grow: 1;           /*彈性伸展比例分配*/
      max-width: 100%;        /*最大寬度*/
      flex-basis: 0;          /*彈性基礎*/         
      color: #fff;          /*顏色*/
      background: #33A88D;  /*背景顏色#61C46E*/
      text-align: center;     /*文字對齊：置中*/
      padding: 10px 0;        /*框架的內邊距：上下-左右*/
      overflow: hidden;       /*自動隱藏超出的文字或圖片*/
      cursor: pointer;        /*改變滑鼠游標的形狀:手指*/
      font-size: 16px;        /*文字尺寸*/
      font-weight: bold;      /*字體粗細*/
      border-radius: 0px 15px 30px 0px; /*邊框圓角:左上0px、右上10px、右下10px、左下0px*/
      border-right: 0px; }    /*右側邊框樣式*/
  header .megaMenu {           /*Header標頭-選單*/
    position: relative; }      /*相對位置*/
    header .megaMenu .allSubMenuContainer { /*Header標頭-所有megaMenu子選單尺寸設定*/
      display: none;           /*展示*/
      position: absolute;      /*絕對位置*/
      top: 43px;               /*上面50px*/
      left: 1.5%;                 /*左邊0*/
      width: 97%;             /*寬度100%*/
      z-index: 9999; }         /*元素的堆疊順序*/
    header .megaMenu .allProduct {    /*Header標頭 所有商品Menu*/
      width: 100%;                    /*寬度*/
      background: #fffcf9;          /*背景顏色#fdfcf9*/
      display: flex;                  /*彈性容器*/
      justify-content: space-between; /*決定水平對齊的位置：平均分配寬度和間距*/
      font-weight: normal; }          /*字體粗細：正常*/
      header .megaMenu .allProduct ul.list { /*Header標頭-所有商品Menu選單清單-左邊明細欄*/
        flex: none;
        width: auto;             /*寬度*/
        position: relative;      /*相對位置*/
        background:  #66BEA9;  /*背景顏色#61C46E*/
        list-style: none;        /*列表式*/
        margin-bottom: 0;        /*框架外拉下面距離*/
        text-align: left;        /*文字對齊：左邊*/
        padding-top: 20px;       /*框架內縮上面距離*/
        padding-bottom: 20px;    /*框架內縮下面距離*/
        padding-left: 0; }       /*框架內縮左邊距離*/
        header .megaMenu .allProduct ul.list a {
          color: #fff; }
        header .megaMenu .allProduct ul.list li {
          line-height: 30px;
          padding-left: 74px; }
        header .megaMenu .allProduct ul.list .menuList {
          display: none; }
        header .megaMenu .allProduct ul.list i {
          margin-right: 5px; }
        header .megaMenu .allProduct ul.list li.active {
          background: #fff;
          color: #333; }
          header .megaMenu .allProduct ul.list li.active a {
            color: #333; }
      header .megaMenu .allProduct .subMenu { /*Header標頭-所有商品Menu中邊*/
        background: #fffcf9;                /*背景顏色#FFF9F3*/
        flex: 3;
        margin-bottom: 0; }                   /*框架外拉下面距離*/
        header .megaMenu .allProduct .subMenu > div {
          display: flex;
          padding: 20px; }
        header .megaMenu .allProduct .subMenu ul {
          flex: 1;
          list-style: none;
          padding-left: 0; }
          header .megaMenu .allProduct .subMenu ul > li {
            text-align: left;
            color: #333;
            line-height: 22px;
            margin-bottom: 10px;
            position: relative;
            text-indent: -17px;
            margin-left: 20px; }
          header .megaMenu .allProduct .subMenu ul > li:before { /*Header標頭-所有商品Menu子選單開頭符號*/
            content: "．"; }                   /*符號樣式*/
      header .megaMenu .allProduct .menuImg {  /*Header標頭-所有商品Menu右邊*/
        flex: none;
        width: 29.3%;                          /*寬度*/
        padding: 30px;                         /*框架的內邊距*/
        background-color: #EBF6F4; }         /*背景顏色#f1f9f2*/
        header .megaMenu .allProduct .menuImg img { 
          width: 100%; }
        header .megaMenu .allProduct .menuImg p { /*Header標頭-所有商品選單文字(滑鼠點下所顯示顏色)*/
          color: #009370;      /*文字顏色#009145*/
          font-weight: bold;     /*字體粗細*/
          font-size: 18px;       /*文字尺寸*/
          margin: 10px 0; }      /*框架的外邊界：上下-左右*/
    header .megaMenu .allActivity { /*Header標頭-所有商品Menu底色*/
      display: flex;                /*彈性容器*/
      background: #fffcf9; }      /*背景顏色#fdfcf9*/
      header .megaMenu .allActivity .left { /*Header標頭-所有商品Menu左邊*/
        flex: 1;
        display: flex;                      /*彈性容器*/                 
        justify-content: space-around;      /*決定水平對齊的位置：平均分配寬度和間距*/
        padding: 25px 40px; }               /*框架的內邊距：上下-左右*/
        header .megaMenu .allActivity .left img {
          width: 100%; }
      header .megaMenu .allActivity .activityImg {
        flex: none;
        width: 42.4%; }
        header .megaMenu .allActivity .activityImg p { /*Header標頭-所有活動選單圖片*/
          font-size: 18px;       /*文字尺寸*/
          color: #009370;      /*顏色#009145*/
          margin: 10px 0; }      /*框架的外邊界：上下-左右*/
      header .megaMenu .allActivity .right { /*Header標頭-所有活動右邊選單*/
        flex: none;
        width: 20%;                 /*寬度*/
        padding: 40px 30px;         /*框架的內邊距：上下-左右*/
        background: #EBF6F4;      /*背景顏色#f1f9f2*/
        color: #333;              /*顏色*/
        position: relative; }       /*相對位置*/
        header .megaMenu .allActivity .right h2 { /*Header標頭-所有活動右邊選單文字*/
          font-size: 18px;       /*文字尺寸*/
          margin-bottom: 10px;   /*框架外拉下面距離*/
          color: #009370;      /*顏色#009145*/
          font-weight: bold; }   /*字體粗細*/
        header .megaMenu .allActivity .right .fade-h2 { /*Header標頭-所有活動右邊選單文字變化*/
          font-size: 18px;       /*文字尺寸*/
          margin-bottom: 10px;   /*框架外拉下面距離*/
          color: #009370;      /*顏色#009145*/
          font-weight: bold;     /*字體粗細*/
          padding: 0 11px; }     /*新增文字內距*/
        header .megaMenu .allActivity .right .seeMore {
          margin-bottom: 0;
          font-size: 14px;
          position: absolute;
          bottom: 40px;
          right: 30px;
          font-size: 14px; }
          header .megaMenu .allActivity .right .seeMore a {
            text-decoration: underline; }
        header .megaMenu .allActivity .right ul.moreActivity { /*Header標頭-所有活動右邊選單:更多活動*/
          list-style: none;     /*列表式*/
          padding-left: 20px;   /*框架內縮左邊距離*/
          /*padding-left: 40px; 框架內縮左邊距離
                    padding-right: 40px;  框架內縮右邊距離*/
          font-size: 14px; }
          header .megaMenu .allActivity .right ul.moreActivity li {
            line-height: 30px;
            margin-bottom: 5px;
            text-align: left;
            position: relative; }
          header .megaMenu .allActivity .right ul.moreActivity li:before {  /*Header標頭-所有活動右邊選單:更多活動之前符號*/
            content: "\f0da";              /*內容*/
            font-family: FontAwesome;      /*字體*/
            display: inline-block;         /*依照元素中的內容來決定內容的寬高*/
            vertical-align: middle;        /*垂直對齊:置中*/
            position: absolute;            /*絕對位置*/
            left: -10px;                   /*左邊*/
            /*top: 3px;*/                  /*上面*/
            color: #333;                 /*符號顏色*/
            font-size: 12px; }             /*文字尺寸*/
    header .megaMenu .headerCell4 {   /*Header標頭-農會集貨(集貨中心)Menu底色*/
      display: flex;                  /*彈性容器*/
      justify-content: space-around;  /*決定水平對齊的位置：平均分配寬度和間距*/
      background:  #fffcf9;          /*背景顏色#fdfcf9*/
      padding: 28px 56px; }           /*框架的內邊距：上下-左右*/
      header .megaMenu .headerCell4 .cell4 {
        width: 47.4%;
        display: inline-block; }
      header .megaMenu .headerCell4 img {
        width: 100%;
       }
      header .megaMenu .headerCell4 h2 { /*Header標頭選單標題*/
        font-size: 18px;                 /*文字尺寸*/
        color: #009370;                /*顏色#009145*/
        margin: 10px 0;                  /*框架的外邊界：上下-左右*/
        font-weight: bold; }             /*字體粗細*/
    header .megaMenu .lineService {      /*Header標頭-line客服Menu中間底色*/
      display: flex;                     /*彈性容器*/
      text-align: left;                  /*文字對齊：左邊*/
      background: #fffcf9;             /*背景顏色#fdfcf9*/
      font-size: 14px; }                 /*文字尺寸*/
      header .megaMenu .lineService h3 { /*Header標頭-line客服Menu標題*/
        color: #009370;                /*顏色#009145*/
        font-size: 18px;                 /*文字尺寸*/
        font-weight: bold; }             /*字體粗細*/
      header .megaMenu .lineService ul {
        padding-left: 0;
        display: inline-block;
        vertical-align: top; }
        header .megaMenu .lineService ul li {
          line-height: 30px;
          position: relative;
          padding-left: 20px; }
        header .megaMenu .lineService ul li:before {  /*Header標頭-line客服之前符號*/
          content: "\f0da";                           /*內容*/
          font-family: FontAwesome;                   /*字體*/
          display: inline-block;                      /*依照元素中的內容來決定內容的寬高*/
          padding-right: 3px;                         /*框架內縮右邊距離*/
          vertical-align: middle;                     /*垂直對齊:置中*/
          position: absolute;                         /*絕對位置*/
          left: 8px;                                  /*左邊*/
          top: 1px;                                   /*上面*/
          color: #333;                              /*顏色*/
          font-size: 12px; }                          /*文字尺寸*/
      header .megaMenu .lineService ul:nth-child(1) {
        margin-right: 80px; }
      header .megaMenu .lineService .left {
        flex: 1;
        padding: 28px 58px; }
      header .megaMenu .lineService .right {  /*Header標頭-line客服右邊*/
        flex: none;
        width: 31.4%;                         /*寬度*/
        padding: 40px 100px;                  /*框架的內邊距：上下-左右*/
        background: #EBF6F4; }              /*背景顏色#f1f9f2*/
        header .megaMenu .lineService .right img {
        width: 100%; }

 

footer ul {               /*footer頁尾設定*/
  padding-left: 0;        /*框架內縮左邊距離*/
  list-style: none;       /*條列式*/
 }
  footer ul li {
    margin-bottom: 5px; } 

footer .productFooter {
  display: none; }

footer .footerContainerTop {      /*footer頁尾上面內容設定*/
  background: #fff;             /*背景底色*/
  padding: 15px 0;                /*框架的內邊距：上下25px-左右*/
  border-radius: 50px 50px 0 0;   /*邊框圓角:左上、右上、右下、左下*/
} 

  footer .m-footer {   /*footer頁尾內容設定(手機版)*/
    display: none; }   /*頁尾展示內容設定(手機版)*/
  
  .footerInfo button {             /*footer頁尾內容設定-標題色塊*/
      color: #FFFFFF;            /*文字顏色*/
      background-color: #009370; /*按鈕底色#009933*/
      width: 100px;                /*按鈕寬度*/
      height: 25px;                /*按鈕高度及下方文字距離連動*/
      border-radius: 15px;         /*按鈕圓角設定5px*/
      border-style: none;          /*邊框樣式*/ 
      cursor: default;             /*游標:預設*/
     } 

  .footerInfo button:focus {
      Outline:none;
   }

footer .footerContainerBottom {   /*footer頁尾_下方資訊設定*/
  background: #009370;          /*底色顏色#61C36E*/
  padding-top: 20px; }            /*框架內縮上面距離*/
  footer .footerContainerBottom p, footer .footerContainerBottom a { /*footer頁尾_下方資訊內容設定*/
    color: #fff; }              /*文字顏色*/
  footer .footerContainerBottom ul li {  /*footer頁尾_下方資訊設定*/
    display: inline-block; }      /*顯示:內聯結*/
    footer .footerContainerBottom ul li i {
      margin-right: 5px; }   
  footer .footerContainerBottom ul li:after { /*下方資訊後方設定*/
    content: "|";                             /*內容符號*/
    margin-left: 5px;                         /*左側外邊界*/  
    color: #fff; }                          /*內容符號*/
  footer .footerContainerBottom ul li:nth-last-child(1):after { /*下方資訊後方設定*/
    content: "";                              /*內容符號*/
    margin-left: 0; }                         /*左側外邊界*/   

footer .footerRow {
  justify-content: space-between; }

footer .footerIcon, footer .footerInfo { /*頁尾內容設定*/
  flex: none;                            /*弧度*/
  width: auto; }                         /*寬度*/

footer .footerIcon {          /*頁尾icon設定*/
  text-align: center; }       /*icon文字對齊:置中*/
  footer .footerIcon .logo {  /*頁尾logo設定*/
  margin-bottom: 25px; }      /*框架外拉下面距離*/

footer .footerPrize img:nth-child(1) {
  margin-right: 3px; }      /*右側外邊界*/

footer .footerPrize img:nth-child(2) {
  margin-left: 3px; }       /*左側外邊界*/

 
 /*頁尾.標題線條改色;*/ 
footer .footerInfo {          /*頁尾訊息設定*/
  display: inline-flex;       /*彈性容器之屬性值*/
  width: 75%;                 /*寬度*/
  padding-top: 17px; }        /*框架內縮上面距離*/
  footer .footerInfo .infoCell {
    width: 30%; }
    footer .footerInfo .infoCell .subTitle {
      font-size: 16px;
      margin-bottom: 20px; } 
    footer .footerInfo .infoCell h2 {
      font-size: 16px;
      margin-bottom: 20px; } 
    footer .footerInfo .infoCell span {   /*頁尾訊息資訊單元設定*/
      border-bottom: 1px solid #009370; /*下面分隔線樣式#61C36E*/
      padding-bottom: 5px; }              /*下面框架內縮距離*/


/*breadCrumb麵包削;*/
ul.breadCrumb {             /*麵包削*/
  margin-bottom: 30px;      /*框架外拉下面距離*/
  padding-left: 0;          /*框架內縮左邊距離*/
  font-weight: bold; }      /*字體粗細*/
  ul.breadCrumb li {
    display: inline-block;
    margin-right: 5px; }  
  ul.breadCrumb li:after {  /*標題與標題之間的符號*/
    content: ">";           /*符號樣式*/
    margin-left: 5px; }     /*左側外邊界*/
  ul.breadCrumb li:nth-last-child(1) {  /*設定麵包削最後標題文字顏色*/
    color: #009370; }     /*文字顏色#009145*/
  ul.breadCrumb li:nth-last-child(1):after { /*設定麵包削最後符號*/
    content: "";            /*符號樣式*/
    margin-left: 0; }       /*左側外邊界*/

.pagination {             /*分頁設定*/
  margin-top: 40px;       /*框架外拉上面距離*/
  margin-bottom: 40px; }  /*框架外拉下面距離*/

.page-link {                      /*分頁連結設定*/
  font-size: 16px;                /*文字尺寸*/
  color: #333;                  /*分頁文字顏色(未選取狀態)*/
  background-color: transparent;  /*透明無顯示(未選取狀態)*/
  border: 15px; }                    /*新增邊框樣式0px*/

.page-link:hover {                /*分頁連結移動*/
  background-color: #F08933;    /*分頁底色(點選狀態)#61C46E*/
  color: #fff;                  /*字體顏色*/
  border-radius:15px;    }        /*新增圓角樣式*/

.page-item.active .page-link {    /*游標點擊後的動態變化*/ 
  background-color: #66BEA9;    /*分頁底色#61C46E*/
  color: #fff;                  /*字體顏色*/
  border-color: #009270;        /*分頁邊框底色(點選狀態)#61C46E*/
  border-radius:15px;    }        /*新增圓角樣式*/  

.productGrid {                    /*商品網格*/
  display: flex;                  /*彈性容器*/
  justify-content: space-between; /*水平對齊:平均分配元素空間*/
  margin-bottom: 80px;            /*框架外拉下面距離*/
  flex-wrap: wrap; }              /*多行*/
.productGrid img {                /*商品網格照片*/
  width: 100%; }                  /*寬度*/

.productGrid .productCell {     /*商品名稱單元*/
  flex: none;
  width: 22.6%;                  /*寬度*/
  margin-bottom: 30px;           /*框架外拉下面距離*/
  margin-right: 3.2%;            /*框架外拉右邊距離*/
  border-radius: 15px;           /*邊框圓角樣式*/
  background-color:#FBFAEF;    /*商品欄底色*/
  box-shadow: 5px 5px 5px rgba(127 127 127 / 30%); /*陰影*/
}
.productGrid .productCell h3 {  /*熱銷推銷商品頁名稱文字*/
font-size: 18px;                /*文字高度*/
font-weight: bold;              /*文字粗細*/
text-align: center;             /*文字對齊*/
padding: 0 11px;                /*新增文字內距*/
color: #009370; }             /*文字顏色#009145*/

.productGrid .productImg { /*熱銷推薦(好康活動)商品頁網格照片*/   
  position: relative;      /*相對位置*/
  padding: 0px;            /*內邊距10px*/
  background: #fff;      /*邊框背景顏色*/
  border-radius:15px; }    /*圖片圓角樣式*/

.productGrid:after {       /*之後的網格*/  
  content: "";
  flex: auto;
  border-radius:15px; }    /*圓角樣式*/
  /*border: 1.5px solid #61C46E ; 邊框樣式*/

.productBuyNow img {      /*商品立即購買圖片*/
  width: 100%;            /*寬度*/
  border-radius:15px; }   /*圖片圓角樣式*/
  /*border: 1.5px solid #61C46E ;  邊框樣式 */


.productBuyNow .productImg {         /*商品立即購買照片*/
  margin-bottom: 20px;               /*框架外拉下面距離*/
  position: relative;                /*相對位置*/
  padding: 0px;                     /*邊框距離10px*/
  background: #fff;                /*邊框底色*/
  border-radius:20px;                /*邊框圓角樣式*/
  /*border: 1.5px solid #61C46E;       邊框樣式*/
}

.productBuyNow .productImgContainer {
  clip-path: ellipse(115% 56% at 50% 41%); /*橢圓形遮罩:弧度-厚/高度at水平左右-上下水平位置 */

}

@media (max-width: 1200px) { /*手機版1200px遮罩黑幕設定*/
  .productBuyNow .productImgContainer {  

  }
}

@media (max-width: 992px) { /*手機版992px遮罩黑幕設定*/
  .productBuyNow .productImgContainer {  

  }
}

@media (max-width: 768px) { /*手機版768px遮罩黑幕設定*/
  .productBuyNow .productImgContainer {  

  }
}

.productImg img {                    /*新增商品照片*/
  border-radius:15px;                /*照片圓角樣式*/
}

.productBuyNow .banner {             /*商品立即購買橫幅遮罩黑幕*/
  color: #fff;                     /*背景顏色*/
  position: absolute;                /*絕對位置*/
  top: 50%;                          /*上面*/
  height: calc(100%);                /*計算高度100% - 20px*/
  width: calc(100%);                 /*計算寬度100% - 20px*/
  padding: 15px 0;                   /*框架的內邊距：上下-左右*/
  text-align: center;                /*文字對齊:置中*/
  font-size: 25px;                   /*尺寸*/
  transform: translateY(-50%);       /*設定物件的Y軸移動距離 數字越大越往下跑 負數則是往上跑*/
}

.banner .soldout{                /*商品購買頁-已售完*/
  position: absolute;             /*絕對位置*/
  top: 50%;                       /*上面*/
  left: 50%;                      /*左邊*/
  Transform:translate(-50%,-50%); /*轉換*/
  width: fit-content;             /*依照內容寬度伸縮*/
}
.soldout img{         /*商品購買頁-已售完圖片+icon*/
  width: 25%;         /*寬度*/
  height: 25%;        /*高度*/
  border-radius: 0;   /*照片圓角樣式*/
}

.productBuyNow .bannerSoldOut {     /*商品購買頁-已售完橫幅*/
  height: 100%;                     /*新增高度*/
  width: 100%;                      /*新增寬度*/
  line-height: 5em;                 /*行高*/
  background: rgba(0, 0, 0, 0.6); /*遮罩顏色0.5*/
  border-radius: 15px }             /*圓角樣式*/

.productBuyNow .bannerFull {        /*商品購買頁-橫幅滿版*/
  line-height: 5em;                 /*行高*/
  background: rgba(0, 0, 0, 0.6); /*遮罩顏色*/
  border-radius: 15px }             /*新增圓角樣式*/

.productBuyNow h2 {
  font-size: 21px;
  margin: 0 0 10px;
  text-align: center;
  font-weight: bold; }

.productBuyNow .fade-h2 {  /*商品購買頁-商品欄標題文字設定*/
  font-size: 18px;         /*文字尺寸*/
  margin: 0 0 10px;        /*框架的外邊界：上-左右-下*/
  text-align: center;      /*文字對齊:置中*/
  font-weight: bold;       /*文字粗細*/
  padding: 0 11px; }       /*新增文字內距*/

.productBuyNow h4.price { /*商品購買頁-金額*/
  font-size: 22px;        /*文字尺寸*/
  color: #f10000;       /*金額顏色*/
  text-align: center;     /*文字對齊:置中*/
  margin: 15px 0; }       /*框架的外邊界：上下-左右*/
  .productBuyNow h4.price span {
    font-size: 14px; }

.productBuyNow h4.price2{
	font-size: 14px;
    color: #6C6C6C;
    text-align: center;
    text-decoration: line-through;
    margin: 15px 0;	
}

.productBuyNow .informBtn { /*到貨通知按鈕*/
  color: #fff;            /*文字顏色*/
  background:#df5400;     /*按鈕顏色*/
  width: 90%;               /*寬度*/
  margin-left: 5%;          /*新增框架外拉左邊距離*/
  padding: 10px 0;          /*框架的內邊距：上下-左右*/
  text-align: center;       /*文字對齊:置中*/
  font-size: 15px;          /*文字尺寸*/
  cursor: pointer;          /*改變滑鼠游標的形狀:手指*/
  border-radius: 15px }     /*新增邊框圓角*/
.productBuyNow .cartBtn {   /*購物車按鈕*/
  display: flex;            /*彈性容器*/
  justify-content: space-between;  /*水平對齊:平均分配元素空間*/
  align-items: center; }           /*對齊選項:置中*/
  .productBuyNow .cartBtn .amount { /*好康情報-數量選單按鈕位置設定(與咱的中埔-推薦商品相同)*/
    flex: none;
    margin-left: 15px;              /*新增框架外拉左邊距離13px*/    
    width: 111px; }                 /*寬度*/
    .productBuyNow .cartBtn .amount span {  /*好康情報-數量選單按鈕設定(與咱的中埔-推薦商品相同)*/
      display: inline-block;                /*依照元素中的內容來決定內容的寬高*/
      width: 45px;                          /*寬度45px*/
      height: 40px;                         /*高度*/
      background: #66BEA9;                /*按鈕顏色#5d9e49*/
      color: #fff;                        /*文字顏色*/
      text-align: center;                   /*文字對齊:置中*/
      line-height: 40px;                    /*兩行文字中間的高度*/
      margin-right: -6px;                   /*框架外拉右邊距離 -4px*/
      border-radius: 15px 0px 0px 15px !important; /*新增邊框圓角:左上、右上、右下、左下*/
      }
    .productBuyNow .cartBtn .amount select {  /*商品購買頁-數量選單*/
      width: 60px;                            /*寬度*/
      height: 40px;                           /*高度*/
      vertical-align: bottom;                 /*垂直對齊:底部*/
      border: 1px solid #66BEA9;            /*邊框樣式#e1e1e1*/
      text-align: center;                     /*文字對齊:置中*/
      -moz-text-align-last: center;           /*moz最後文字對齊:置中*/
      -ms-text-align-last: center;            /*ms最後文字對齊:置中*/
      text-align-last: center;                /*文字最後對齊:置中*/
      padding: 8px 5px;                      /*框架內縮距離:上下-左右*/
      border-radius: 0px 15px 15px 0px !important; /*新增邊框圓角:左上、右上、右下、左下*/
      }
  .productBuyNow .cartBtn .buyBtn {
    width: auto;
    flex: none; }
    .productBuyNow .cartBtn .buyBtn .btn {   /*好康情報-加入購物車選單按鈕位置設定(與咱的中埔-推薦商品相同)*/
      width: 100px;                          /*寬度105px*/
      height: 40px;                          /*高度*/
      font-size: 15px;                       /*文字尺寸*/
      margin-right: 25px;                    /*新增框架外拉左邊距離13px*/     
      line-height: 40px; }                   /*兩行文字中間的高度*/

      @media (max-width: 768px) { /*手機版768px-加入購物車選單按鈕位置設定設定*/
        .productBuyNow .informBtn { /*貨到通知按鈕*/
          width: 80%;               /*寬度100%*/
          margin: 0 auto;           /*新增框架外拉左邊距離*/    
          font-size: 18px;          /*文字尺寸*/
          padding: 7px 0;           /*框架內縮距離:上下-左右*/
        }
        .productBuyNow .cartBtn .amount { /*數量選單按鈕位置設定*/
          margin-left: 0%;          /*新增框架外拉左邊距離*/
        }
        .productBuyNow .cartBtn .buyBtn .btn{ /*加入購物車選單按鈕位置設定*/
          margin-right: 0%;         /*新增框架外拉左邊距離*/
        }
     }      

.prictNnum .price {      /*商品頁價格*/
  font-size: 15px;       /*框架的內邊距：上下-左右*/
  margin-top: 20px;      /*框架外拉上面距離*/
  margin-bottom: 27px; } /*框架外拉下面距離*/
  .prictNnum .price .orginPrice {
    margin-right: 60px; }
    .prictNnum .price .orginPrice span {
      text-decoration: line-through; }
  .prictNnum .price .specialPrice span {  /*商品頁特價*/
    color: #f10000;                     /*商品頁特價金額顏色*/
    font-size: 24px;                      /*框架的內邊距：上下-左右*/
    margin: 0 5px; }                      /*框架的外邊界：上下-左右*/
  .prictNnum .price .specialPrice span:nth-child(2) {
    font-size: 36px; }

.prictNnum .numSelect {
  display: inline-block;
  font-size: 18px; }
  .prictNnum .numSelect label {  /*商品頁數量按鈕*/
    color: #fff;               /*選單數字按鈕底色*/
    height: 47px;                /*高度*/
    width: 67px;                 /*寬度*/
    text-align: center;          /*文字對齊:置中*/
    font-weight: normal;         /*字體粗細:正常*/
    line-height: 47px;           /*行高*/
    background: #66BEA9;       /*數量按鈕底色#5d9e49*/
    margin-bottom: 0;            /*框架外拉下面距離*/
    vertical-align: bottom;      /*垂直對齊:底部*/
    border-radius: 15px 0px 0px 15px; } /*新增邊框圓角:左上、右上、右下、左下*/
  .prictNnum .numSelect select {         /*商品頁數量選單欄位*/
    height: 47px;                        /*高度*/
    width: 100px;                        /*寬度*/
    text-align: center;                  /*文字對齊:置中*/
    -moz-text-align-last: center;        /*moz最後文字對齊:置中*/
    -ms-text-align-last: center;         /*ms最後文字對齊:置中*/
    text-align-last: center;             /*文字最後對齊:置中*/
    margin-left: -7px;                   /*框架外拉左邊距離-6px*/
    border-radius: 0px 15px 15px 0px; }  /*新增邊框圓角:左上、右上、右下、左下*/

.prictNnum .buyBtn {
  display: inline-block;
  margin-left: 25px; 
  vertical-align: bottom; }
  .prictNnum .buyBtn .btn {
    height: 47px;
    line-height: 47px; }
  .prictNnum .buyBtn .buyNowBtn {  /*商品頁直接購買按鈕*/
    margin-right: 25px;            /*框架外拉左邊距離*/
    border-radius:15px; }          /*新增邊框圓角*/

.productInfo-bottom {
  margin-top: 35px;
  margin-bottom: 40px; } 
  .productInfo-bottom .plusProduct { /*商品底部資訊頁*/
    padding: 30px 40px 1px;          /*框架的內邊距：上-左右-下*/
    background: #faf7f2;           /*背景顏色*/
    margin-bottom: 30px; }           /*框架外拉下面距離*/
    .productInfo-bottom .plusProduct p.more {  /*商品底部資訊頁*/
      font-size: 16px;           /*文字尺寸*/
      color: #706d69;          /*顏色*/
      margin-bottom: 15px; }     /*框架外拉下面距離*/
      .productInfo-bottom .plusProduct p.more span {  /*商品底部資訊頁*/
        border-bottom: 1px solid #706d69;  /*下方邊框樣式*/
        cursor: pointer; }    /*改變滑鼠游標的形狀:手指*/
      .productInfo-bottom .plusProduct p.more i {
        margin-left: 3px; }  
    .productInfo-bottom .plusProduct p.more:hover { /*商品頁資訊底部動作*/
      color: #009370; }                           /*顏色#009145*/
      .productInfo-bottom .plusProduct p.more:hover span { /*商品頁資訊底部動作*/
        border-bottom: 1px solid #009370; } /*下方邊框樣式#009145*/
  .productInfo-bottom .plusProductRow {
    display: flex;
    flex-wrap: wrap; }
    .productInfo-bottom .plusProductRow img {
      width: 100%; }
    .productInfo-bottom .plusProductRow .plusProductCell {
      flex: none;
      width: 49.1%;
      margin-bottom: 30px;
      display: flex;
      align-items: center;
      margin-right: 1.5%; }
    .productInfo-bottom .plusProductRow .plusProductCell:nth-child(2n) {
      margin-right: 0; }
    .productInfo-bottom .plusProductRow .cellInfo {
      flex: 1; }
    .productInfo-bottom .plusProductRow .cellImg {
      flex: none;
      width: 30%;
      margin-right: 50px;
      padding: 10px;
      background: #fff; }
    .productInfo-bottom .plusProductRow h2 {
      font-size: 21px;
      font-weight: bold; }
    .productInfo-bottom .plusProductRow .prictNnum .buyBtn .btn {
      height: 38px;
      line-height: 38px;
      padding: 0 1.2rem; }
    .productInfo-bottom .plusProductRow .prictNnum .numSelect label {
      height: 38px;
      line-height: 38px;
      width: 57px; }
    .productInfo-bottom .plusProductRow .prictNnum .numSelect select {
      height: 38px;
      line-height: 38px;
      width: 80px; }
    .productInfo-bottom .plusProductRow .prictNnum .price .specialPrice span {
      font-size: 18px; }
    .productInfo-bottom .plusProductRow .prictNnum .price .specialPrice span:nth-child(2) {
      font-size: 24px; }
  .productInfo-bottom .moreProduct {
    display: none; }

.maskContainer {
  display: none; }

.mask {  /*遮罩設定*/
  position: fixed;  /*固定位置*/
  top: 0;           /*上面*/
  left: 0;          /*左邊*/
  width: 100%;      /*寬度*/
  height: 100vh;    /*高度*/
  background: rgba(0, 0, 0, 0.5); /*背景顏色*/
  /*display: flex;           彈性容器
    align-items: center;     對齊選項:置中
    justify-content: center; 對齊主軸的中間*/
  z-index: 2; }             /*元素的堆疊順序*/
  .mask .dialogue {         /*忘記密碼遮罩對話*/
    background: #fff;     /*背景顏色*/
    padding: 20px;          /*框架的內邊距*/
    width: 440px;           /*寬度*/
    font-size: 18px;        /*文字尺寸*/
    text-align: center;     /*文字對齊：置中*/
    position: relative;     /*相對位置*/
    margin: 10% auto 0;     /*區塊元素水平置中:上-左右-下*/
    border-radius: 15px;    /*新增邊框圓角*/
  }
  .mask .termsContainer {     /*會員中心-訂單資訊-退貨原因-退貨規則視窗文字內容設定*/
    background: #FFF;       /*視窗背景顏色#ebf6f4*/
    width: 50%;               /*寬度*/
    max-height: 80vh;         /*最大高度*/
    padding: 15px 25px;       /*框架的內邊距：上下-左右*/
    position: relative;       /*相對位置*/
    font-size: 15px;          /*文字尺寸*/
    margin: 10% auto 0;       /*區塊元素水平置中:上-左右-下*/  
    border-radius: 15px;      /*新增視窗圓角樣式*/
    }
  .mask .colorRed {
    color: #ff0000; }   
  .mask .terms .scrollBar {
    overflow-y: auto;
    max-height: calc(80vh - 200px); }
    .mask .terms .scrollBar > section {
      margin: 20px 0;
      padding: 0 15px; }
  .mask .terms h3 {            /*會員中心-訂單資訊-退貨原因-退貨規則視窗文字內容設定*/
    background: #bfeac3;     /*退貨規則標題底色#efeae2*/
    font-size: 18px;           /*文字尺寸*/
    padding: 10px 15px; }      /*框架的內邊距：上下-左右*/
  .mask .terms p {
    margin-bottom: 3px; }
  .mask .terms ul {
    padding: 0 15px; }
    .mask .terms ul > li {
      list-style: none; }
  .mask input {                   /*貨到通知訊息視窗-輸入email欄位*/
    border: 1px solid #d1c9bb;  /*邊框樣式#d1c9bb*/
    border-radius: 15px 0 0 15px; /*邊框圓角樣式3px*/
    padding: 8px 10px; }          /*框架的內邊距：上下-左右*/
  .mask label {                /*忘記密碼/貨到通知訊息視窗-送出按鈕*/
    background: #66BEA9;     /*按鈕顏色#61C36E*/
    color: #fff;             /*文字顏色*/
    padding: 9px 15px;         /*框架的內邊距：上下8px-左右*/
    margin-left: -8px;         /*框架外拉左邊距離-6px*/
    border-radius: 0 15px 15px 0; /*邊框圓角樣式*/
    cursor: pointer; }         /*改變滑鼠游標的形狀:手*/
  .mask .closeX {              /*貨到通知訊息視窗-關閉訊息*/
    width: 35px;               /*寬度*/
    height: 35px;              /*高度*/
    background: #b1b1b1;     /*顏色*/
    border-radius: 50%;        /*邊框圓角樣式*/
    color: #fff;             /*文字顏色*/
    position: absolute;        /*絕對位置*/
    right: -14px;              /*右邊*/
    top: -15px;                /*上面*/
    line-height: 35px;         /*行高*/
    text-align: center;        /*文字對齊：中間*/
    font-size: 22px;           /*文字尺寸*/
    cursor: pointer; }         /*改變滑鼠游標的形狀:手指*/

input, select, textarea {       /*購物車step3-一次付清/商品頁選單邊框樣式*/
  border: 1px solid #66BEA9;  /*邊框樣式#d1c9bb*/
  border-radius: 10px;           /*邊框圓角樣式5px*/
  padding: 8px 10px;            /*框架的內邊距：上下-左右*/
  background: #fff; }         /*選項欄底色*/
 /*會員登入驗證碼欄位與購物車數量選單/生日選單底色相同*/
textarea {
  resize: none; }

.u-flyer {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50px;    
  position: absolute;   
  z-index: 9999; 
  opacity: 0.3; }

.col {
  padding-right: 0;
  padding-left: 0; }

.row {
  margin-right: 0;
  margin-left: 0; }

nav#sidr {
  display: none;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  /*width: 85%;*/
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 150px; }

/*nav#sidr.sidr-right {
    left: auto;
    right: -85%;
}*/
nav#sidr.sidr-left { /*動態收合側邊左移外層選單設定(手機版)*/
  left: -100%;       /*左邊-85%*/
  right: auto; }     /*右邊*/

/*----- cms 設定 -----*/
.cmsOuter {               /*關於中埔鄉農會*/
  background: #EBF6F4;  /*背景顏色#f1f9f2*/
  padding: 20px;          /*框架的內邊距*/
  margin-bottom: 40px;    /*框架外拉下面距離*/
  border-radius: 30px; }  /*新增底色圓角*/

.cms {
  font-size: 18px;
  margin: 15px 0;
  width: 100%;
  overflow-x: auto; }
  .cms .cms-wrap {
    overflow: hidden; }
  .cms .cms-youtube {
    margin: 20px 0;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background: #000; }
    .cms .cms-youtube iframe {
      position: absolute; 
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .cms .cms-wrap-imgRight .cms-wrap-img img { /*商品頁相關文章右邊圖片設定*/
    float: right;             /*右邊*/
    margin-left: 15px;        /*框架外拉左邊距離*/
    max-width: 50%; }         /*最大寬度*/
  .cms .cms-wrap-imgLeft .cms-wrap-img img { /*商品頁相關文章左邊圖片設定*/
    float: left;              /*左邊*/
    margin-right: 15px;       /*框架外拉左邊距離*/
    max-width: 50%;           /*最大寬度*/
    border-radius: 20px; }    /*新增商品圖片圓角*/
  .cms .cms-img {
    text-align: left;
    margin: 10px 0; }
    .cms .cms-img img {       /*活動消息(產地故事)-商品頁商品說明圖片設定*/
      max-width: 100%;        /*最大寬度*/
      border-radius: 20px; }  /*新增商品圖片圓角*/
  .cms .cms-h1 {
    font-size: 30px;
    color: #1a1a1a;
    font-weight: bold;
    margin: 10px 0; }
  .cms .cms-h2 {
    font-size: 24px;
    color: #1a1a1a;
    font-weight: bold;
    margin: 10px 0; }
  .cms .cms-h3 {
    font-size: 21px;
    color: #1a1a1a;
    font-weight: bold;
    margin: 10px 0; }
  .cms .cms-text {
    font-size: 18px;
    word-break: break-all;
    line-height: 35px; }

@media (min-width: 576px) {
  .container {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px; } }

@media (min-width: 640px) {
  .container {
    max-width: 100%; } }

@media (min-width: 768px) {
  .container {
    max-width: 100%; } }

@media (min-width: 992px) {
  .container {
    max-width: 100%; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
    padding-right: 25px;
    padding-left: 25px; } }

@media (min-width: 1300px) {
  .container {
    max-width: 1280px;
    padding-right: 45px;
    padding-left: 45px; } }

@media (max-width: 1300px) {
  header .headerTop .logo {
    width: 180px; }
    header .headerTop .logo img {
      width: 100%; }
  header .headerSearch {
    width: 25%;
    margin-left: -12.5%; }    
    header .headerSearch .keyWord {
      margin-left: 0;
      margin-top: 10px; } }

@media (max-width: 1200px) {
  header .headerTop .logo {
    width: 100%;
    margin-bottom: 10px; }
    header .headerTop .logo img {
      width: 180px; }
  header .headerSearch {
    position: static;
    margin-left: 0;
    width: auto;
    transform: translateY(0);
    top: 0; }
    header .headerSearch .searchBar {
      margin-right: 5px; }
  header .memberContainer .memberCell {
    padding-top: 0; }
  .mask .termsContainer {
    width: 80%; }
  .productInfo-bottom .plusProduct {
    padding: 20px 30px 1px; }
  .productInfo-bottom .plusProductRow .cellImg {
    margin-right: 20px; }
  .productInfo-bottom .plusProductRow h2 {
    font-size: 18px; }
  .productInfo-bottom .plusProductRow .prictNnum .numSelect {
    font-size: 16px; }
    .productInfo-bottom .plusProductRow .prictNnum .numSelect label {
      width: 53px; }
    .productInfo-bottom .plusProductRow .prictNnum .numSelect select {
      width: 70px; }
  .productInfo-bottom .plusProductRow .prictNnum .price {
    margin-top: 10px;
    margin-bottom: 15px; } }

@media (max-width: 992px) {
  header .container {
    padding-left: 0;
    padding-right: 0; }
  header .m-searchBarContainer {
    display: block;
    width: 0;
    height: 0;
    flex: none;
    margin: 0;
    font-size: 16px;
    opacity: 0;
    transition: .5s all linear;
    overflow: hidden;
    position: absolute; } 
    header .m-searchBarContainer .m-searchBar { 
      display: flex; }
    header .m-searchBarContainer input { /*輸入找商品搜尋欄(手機版)*/
      flex: 0;
      background: #fff;             /*背景顏色*/
      border-top-right-radius: 0;     /*右上邊框圓角*/
      border-bottom-right-radius: 0;  /*右下邊框圓角*/
      padding: 0;                     /*框架的內邊距*/
      width: 100%;                    /*寬度*/
      border: 0;                      /*邊框樣式*/
      height: 0; }                    /*高度*/
    header .m-searchBarContainer label {/*找商品按鈕(手機版)*/
      flex: none;
      width: 0;                         /*寬度*/
      height: 0;                        /*高度*/
      padding: 0;                       /*框架的內邊距*/
      background: #66bea9;            /*按鈕顏色#61C36E*/
      color: #fff;                    /*文字顏色*/
      margin-bottom: 0;                 /*框架外拉下面距離*/
      border-top-left-radius: 0;        /*左上邊框圓角*/
      border-bottom-left-radius: 0;     /*左下邊框圓角*/
      border-top-right-radius: 3px;     /*右上邊框圓角*/
      border-bottom-right-radius: 3px;  /*右下邊框圓角*/
      cursor: pointer; }                /*改變滑鼠游標的形狀:手指*/
  header .m-searchBarContainerOpen {
    flex: 1;
    opacity: 1;
    margin: 0 20px;
    height: auto;
    overflow: auto;
    position: static; }
    header .m-searchBarContainerOpen input { /*輸入找商品按鈕(手機版)*/
      flex: 1;
      padding: 11px 10px;                    /*框架的外邊界：上下-左右*/
      border: 1px solid #66bea9;           /*邊框樣式#d1c9bb*/
      height: auto; }                        /*高度*/
    header .m-searchBarContainerOpen label {
      width: auto;
      padding: 11px 20px;
      height: auto; }
  header .m-hamburger {
    display: block;
    flex: none;
    width: auto;
    padding: 10px 10px 10px 0; }
    header .m-hamburger a {
      display: block;
      width: 42px;
      padding: 5px 0px; }
    header .m-hamburger .bar {        /*手機版標頭"☰"符號設定*/
      display: block;                 /*顯示：區塊*/
      height: 3px;                    /*高度*/
      margin: 6px 0;                  /*框架的外邊界：上下-左右*/
      background: #66BEA9; }        /*中間"━"符號顏色#61C36E*/
    header .m-hamburger a::before {   /*手機版標頭"☰"符號設定*/
      content: "";                    /*內容*/
      display: block;                 /*顯示：區塊*/
      height: 3px;                    /*高度*/
      background: #66BEA9; }        /*最上面"━"符號顏色#61C36E*/
    header .m-hamburger a::after {    /*手機版標頭"☰"符號設定*/
      content: "";                    /*內容*/
      display: block;                 /*顯示：區塊*/
      height: 3px;                    /*高度*/
      background: #66BEA9; }       /*最下面"━"符號顏色#61C36E*/
  header .m-right {
    flex: none;
    width: auto;
    display: block; }
    header .m-right > div {
      display: inline-block; 
      cursor: pointer; }  
    header .m-right .verticalLine {   /*手機版標頭右邊 "┃"符號設定*/
      width: 1px;                     /*寬度*/
      height: 32px;                   /*高度*/
      background: #66BEA9;          /*"┃"符號顏色#61C36E*/
      margin: 0 3px;                  /*框架的外邊界：上下-左右*/
      vertical-align: middle; }       /*垂直對齊：置中*/
    header .m-right .m-searchCloseIcon {  /*手機版標頭右邊"✕"符號設定*/
      display: none;
      font-size: 49px;                    /*文字尺寸*/
      vertical-align: middle;            /*垂直對齊：置中*/
      color: #66BEA9;                  /*"✕"符號底色#61C36E*/
      line-height: 41px; }               /*行高*/
      header .m-right .m-searchCloseIcon i {
        line-height: 41px; }
    header .m-right .m-searchCloseIconActive {
      display: inline-block; }
  header .headerTop {                                         /*header標頭最上面(手機版)*/
    background-color: #fff;                                 /*背景底色*/
    justify-content: space-between;                           /*水平對齊:平均分配元素空間*/
    padding: 20px 15px;                                       /*框架的內邊距：上下-左右*/
    box-shadow: 0px 11px 20px -10px rgba(51, 51, 51, 0.3);  /*陰影*/
    border-radius: 0 0 35px 35px;}                            /*新增邊框圓角:左上、右上、右下、左下*/
    header .headerTop .logo {
      width: 252px;
      margin-bottom: 0;
      flex: none;
      text-align: center; }
    header .headerTop .logoClose {
      display: none; }
    header .headerTop .memberContainer {
      display: none; }
  header .headerSearch {
    display: none; }
  header .megaMenu {
    display: none; }
  footer {                  /*footer頁尾設定*/
    padding-top: 110px; }   /*框架內縮上面距離*/
    footer section.pc-footer {  /*桌機頁尾部份*/
      display: none; }          /*展示:無*/
    footer .m-footer, footer .productFooter {/*footer頁尾按鈕底色設定(手機版)*/   
      background: #fff;            /*按鈕底色*/  
      border-radius: 30px 30px 0 0;  /*新增邊框圓角:左上、右上、右下、左下*/
      display: block;                /*顯示:區塊*/
      position: fixed;               /*固定位置*/
      bottom: -1px;                  /*底部*/
      width: 100%;                   /*寬度*/
      z-index: 1000; }               /*元素的堆疊順序*/
    footer .m-footerContainer { /*footer頁尾按鈕設定(手機版)*/   
      display: flex;
      align-items: center;     /*對齊項目：置中*/ 
      background: #fff;      /*按鈕底色*/
      padding: 20px 0;         /*框架的內邊距：上下-左右*/
      border-radius: 30px 30px 0 0; }  /*新增邊框圓角:左上、右上、右下、左下*/
      footer .m-footerContainer .m-footerCell {/*footer頁尾單元格(手機版)*/
        flex: 1;
        font-size: 26px;                       /*文字尺寸*/
        text-align: center;                    /*文字對齊：置中*/
        border-right: 1px solid #009370; }   /*邊線樣式#009145*/
      footer .m-footerContainer .m-footerCell:nth-last-child(1) {
        border-right: 0; }        
      footer .m-footerContainer .m-icon { /*好康活動ICON設定(手機版)*/ 
        display: inline-block;            /*依照元素中的內容來決定內容的寬高*/
        vertical-align: text-bottom;      /*垂直對齊：文字下方*/
        margin-right: 10px;               /*框架外拉右邊距離*/
        position: relative; }             /*相對位置*/
      footer .m-footerContainer .number { /*footer頁尾購物車數字(手機版)*/
        width: 36px;                      /*寬度38px*/
        height: 36px;                     /*高度38px*/
        font-size: 16px;                  /*文字尺寸*/
        border-radius: 50%;               /*邊框圓角樣式*/
        background: #f18e00;            /*圈圈顏色*/
        position: absolute;               /*絕對位置*/
        top: -10px;                       /*上面*/
        right: -18px;                     /*右邊*/
        color: #fff;                    /*文字顏色*/
        line-height: 30px;                /*行高32px*/
        text-align: center;               /*文字對齊：置中*/
        border: 3px solid #fff; }       /*邊框樣式#5d9e49*/
    footer .productFooter .btn {          /*footer商品頁尾-按鈕(手機版)*/
      width: 100%;                        /*寬度*/
      height: 80px;                       /*高度*/
      line-height: 80px;                  /*行高*/
      font-size: 28px; }                  /*文字尺寸*/
      footer .productFooter .btn .m-icon {   /*footer商品頁尾-按鈕icon(手機版)*/
        margin-right: 20px; }                /*框架外拉右邊距離*/
    footer .productFooter .btn{              /*footer商品頁尾-已售完/購物車按鈕(手機版)*/
      width: 50%;                            /*寬度*/
      float: left;                           /*漂浮位移:左邊*/
    }    
    footer .productFooter .btn.soldOutBtn {  /*footer商品頁尾-已售完/滿額預購頁面-貨到通知按鈕顏色(手機版)*/
      background: #ffffff;                 /*貨到通知按鈕底色#df5400*/
      color: #009370;                      /*文字顏色#000*/
      border-radius: 30px 0 0 0;             /*新增邊框圓角:左上、右上、右下、左下*/
    }    
    footer .productFooter .btn.soldOutBtn::after {  /*footer商品頁尾-已售完按鈕顏色(手機版)*/
      content: "|";                                 /*內容*/                                                        
      color: #009370;                             /*符號顏色*/
      position: absolute;                           /*絕對位置*/
      right: 49%;                                   /*右邊*/                     
      font-size: 30px;                              /*符號尺寸*/
     }                       
    footer .productFooter .btn.fullBtn {     /*footer商品頁尾-已售完/滿額預購頁面-購物車按鈕顏色(手機版)*/
      background: #ffffff;                 /*購物車按鈕底色#5d9e49*/
      color: #009370;                      /*文字顏色#000*/
      border-radius: 0 30px 0 0;             /*新增邊框圓角:左上、右上、右下、左下*/
     }              
    footer .productFooter .m-icon {          /*footer商品頁尾-icon(手機版)*/
      position: relative;                    /*相對位置*/           
      display: inline-block; }               /*依照元素中的內容來決定內容的寬高*/
    footer .productFooter .m-number { /*footer商品頁尾購物車圈圈數字設定(手機版)*/
      position: absolute;             /*絕對位置*/
      color: #FFF;                  /*數字顏色#5d9e49*/
      top: 4px;                       /*上面*/
      right: -30px;                   /*右邊*/
      background: #fff;             /*背景顏色*/
      width: 45px;                    /*寬度*/
      height: 45px;                   /*高度*/
      border-radius: 50%;             /*邊框圓角樣式*/
      line-height: 35px;              /*行高*/
      border: 5px solid #66BEA9;    /*邊框樣式#5d9e49*/
      font-size: 20px;  }             /*文字尺寸*/
    footer .m-productFooter {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 28px; }
      footer .m-productFooter .productFooter-cell {  /*footer商品頁尾-按鈕尺寸(手機版)*/
        flex: 1;
        height: 100px;            /*高度*/
        color: #009370;         /*文字顏色#fff*/
        line-height: 100px;       /*行高*/
        cursor: pointer; }        /*改變滑鼠游標的形狀:手指*/
      footer .m-productFooter .productFooter-cell:nth-child(1) { /*footer商品頁尾-新增購物車按鈕底色(手機版)*/
        background: #fff;           /*購物車按鈕底色#5d9e49*/
        border-radius: 30px 0 0 0; }  /*邊框圓角樣式*/ 
        footer .m-productFooter .productFooter-cell:nth-child(1) a{ /*footer商品頁尾-新增購物車文字顏色(手機版)*/
          color: #009370;           /*文字顏色*/
        }  
      footer .m-productFooter .productFooter-cell:nth-child(2) {/*footer商品頁尾-新增加入購物車按鈕底色(手機版)*/
        background: #fff; }         /*加入購物車按鈕底色#e27300*/
      footer .m-productFooter .productFooter-cell:nth-child(3) { /*footer商品頁尾-新增直接購買按鈕底色(手機版)*/
        background: #fff;           /*直接購買按鈕底色#f18e00*/
        border-radius: 0 30px 0 0; }  /*新增邊框圓角樣式*/
  nav#sidr { /*動態收合側邊外層選單*/
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    display: block;
    opacity: 0; }
    nav#sidr .sidrOuter {
      position: relative; }   
    nav#sidr .closeSideMenu {
      position: absolute;  
      right: 20px;
      font-size: 20px;
      z-index: 1;
      cursor: pointer; } 
    nav#sidr .sidrOuter > ul {
      padding: 0; }
      nav#sidr .sidrOuter > ul img {
        vertical-align: baseline;
        margin-left: 10px; }
      nav#sidr .sidrOuter > ul li {         /*動態收合側邊外層選單設定(手機版)*/
        list-style: none;                   /*條列式*/
        position: relative;                 /*相對位置*/
        font-size: 32px;                    /*文字尺寸*/
        border-bottom: 1px solid #FDF0E6; /*下方邊線樣式#eceeef*/
        cursor: pointer; }                  /*改變滑鼠游標的形狀:手指*/
        nav#sidr .sidrOuter > ul li ul {    /*動態收合側邊選單標籤底色(手機版)*/
          margin-top: -5px;                 /*上方外邊界/
          padding-bottom: 24px;             /*下方內邊距*/
          background: #FFF9F3;            /*選單顏色#f1f9f2*/
          display: none; }
        nav#sidr .sidrOuter > ul li li {
          font-size: 24px;
          padding-left: 10px;
          color: #333;
          border-bottom: 0;       
          line-height: 55px; }
        nav#sidr .sidrOuter > ul li li:before { /*動態收合側邊外層選單:符號設定(手機版)*/
          content: "";                          /*內容*/
          display: inline-block;                /*依照元素中的內容來決定內容的寬高*/
          width: 3px;                           /*符號寬度*/
          height: 3px;                          /*符號高度*/
          border-radius: 50%;                   /*符號圓角*/    
          background: #009370;                /*符號顏色#000*/
          position: absolute;                   /*絕對位置*/
          left: -5px;                           /*左邊*/
          top: 15px; }                          /*高度50%*/
      nav#sidr .sidrOuter > ul li.grayBg {  /*點選後的反應後(手機版)*/
        background: #FCE2CC; }            /*點選後顏色#f4f4f4*/
      nav#sidr .sidrOuter > ul .sidrTitle { /*動態收合側邊選單NENU文字設定(手機版)*/
        position: relative;                 /*相對位置*/
        padding: 0 60px 0 20px;             /*框架的內邊距：上-左右-下*/
        font-weight: bold;                  /*字體粗細*/
        line-height: 4.9rem;                /*行高*/
        margin-bottom: 0;                   /*框架外拉下面距離*/
        font-size: 26px; }                  /*文字尺寸*/
      nav#sidr .sidrOuter > ul h1 {
        position: relative;
        padding: 0 60px 0 20px;
        font-weight: bold;
        line-height: 4.9rem;
        margin-bottom: 0;
        font-size: 32px; }
      nav#sidr .sidrOuter > ul h2 {
        position: relative;
        padding: 0 60px 0 20px;
        font-weight: bold;
        line-height: 4.9rem;
        margin-bottom: 0;
        font-size: 32px; }
      nav#sidr .sidrOuter > ul .serviceTime { /*動態收合側邊選單NENU客服時間(手機版)*/
        background: #EBF6F4; }              /*固定底色#e9e9e9*/
        nav#sidr .sidrOuter > ul .serviceTime h3, nav#sidr .sidrOuter > ul .serviceTime p {
          font-size: 24px;
          padding: 0 60px 0 20px; }
      nav#sidr .sidrOuter > ul > li:nth-child(2) { /*動態收合側邊外層選單文字設定(手機版)*/
        color: #009370; }                        /*文字顏色#5d9e49*/
      nav#sidr .sidrOuter > ul > li:nth-child(3) { /*動態收合側邊外層選單文字設定(手機版)*/
        color: #eb8e09; }                        /*文字顏色*/
      nav#sidr .sidrOuter > ul i {
        position: absolute; 
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
        color: #333;
        transition: .5s all ease; }
      nav#sidr .sidrOuter > ul i.down {
        transform: rotate(90deg);
        transition: .5s all ease;
        margin-top: -16px; }
  .productInfo-bottom .plusProduct {
    padding: 30px 40px 1px; }
  .productInfo-bottom .plusProductRow .plusProductCell {
    flex-direction: column; }
  .productInfo-bottom .plusProductRow .cellImg {
    width: 45%;
    margin-right: 0;
    margin-bottom: 15px; }
  .productInfo-bottom .plusProductRow .cellInfo {
    text-align: center; }
  .productInfo-bottom .plusProductRow h2 {
    font-size: 18px;
    height: 42px;
    overflow: hidden; }
  .productInfo-bottom .plusProductRow .prictNnum .numSelect {
    font-size: 14px; }
    .productInfo-bottom .plusProductRow .prictNnum .numSelect label {
      width: 50px; }
    .productInfo-bottom .plusProductRow .prictNnum .numSelect select {
      width: 65px; }
  .productInfo-bottom .plusProductRow .prictNnum .price {
    margin-top: 10px;
    margin-bottom: 15px; } }

@media (max-width: 768px) {
  footer {
    padding-top: 100px; }
    footer .m-footerContainer .m-footerCell {
      font-size: 20px; }
    footer .m-footerContainer .m-icon img {
      width: 38px; }
    footer .m-footerContainer .number { /*footer頁尾購物車數字圓圈圈(手機版)*/
      width: 30px;                      /*寬度*/
      height: 30px;                     /*高度*/
      font-size: 14px;                  /*文字尺寸*/
      top: -23px;                       /*上面-12px*/
      right: -14px;                     /*右邊*/
      line-height: 26px;                /*行高*/
      border: 2px solid #fff; }       /*邊框樣式*/
    footer .productFooter .m-icon img {
      width: 38px; }
    footer .productFooter .m-number { /*footer商品頁尾-按鈕尺寸(手機版)*/
      width: 38px;                    /*寬度*/
      height: 38px;                   /*高度*/  
      line-height: 32px;              /*行高*/
      border: 3px solid #5d9e49;    /*邊框樣式*/
      font-size: 16px; }              /*文字尺寸*/
    footer .m-productFooter {
      font-size: 22px; }
      footer .m-productFooter .productFooter-cell { /*footer商品頁尾-按鈕尺寸(手機版)*/
        height: 60px;                   /*高度80px*/  
        line-height: 60px; }            /*行高80px*/
  .titleLine hr {
    top: 8px; }
  .titleLine h2 {
    font-size: 32px; }
    .titleLine h2 span {
      padding: 0 10px; }
      .titleLine h2 span img {
        margin-right: 5px;
        vertical-align: middle; }
  ul.breadCrumb {
    padding-left: 10px; }
  .productBuyNow .cartBtn .amount {
    width: auto;
    font-size: 16px; }
    .productBuyNow .cartBtn .amount span {
      width: 55px; }
    .productBuyNow .cartBtn .amount select {
      width: 65px; }
  .productBuyNow .cartBtn .buyBtn .btn {
    font-size: 18px;
    width: 120px; }
  .productInfo-bottom .plusProduct {
    padding: 20px 50px 1px; }
  .productInfo-bottom .plusProductRow .plusProductCell {
    flex-direction: row;
    width: 100%;
    margin-right: 0;
    align-items: flex-start; }
  .productInfo-bottom .plusProductRow .cellImg {
    width: 40%;
    margin-right: 20px;
    margin-bottom: 0; }
  .productInfo-bottom .plusProductRow .cellInfo {
    text-align: left;
    align-self: center; }
  .productInfo-bottom .plusProductRow h2 {
    font-size: 20px;
    height: auto; }
  .productInfo-bottom .plusProductRow .prictNnum .numSelect {
    font-size: 16px; }
    .productInfo-bottom .plusProductRow .prictNnum .numSelect label {
      width: 50px; }
    .productInfo-bottom .plusProductRow .prictNnum .numSelect select {
      width: 75px; }
  .productInfo-bottom .plusProductRow .prictNnum .buyBtn {
    margin-left: 10px; }
    .productInfo-bottom .plusProductRow .prictNnum .buyBtn .btn {
      font-size: 16px;
      padding: 0 10px; }
  .productInfo-bottom .plusProductRow .prictNnum .price {
    margin-top: 15px;
    font-size: 16px; }
    .productInfo-bottom .plusProductRow .prictNnum .price .orginPrice {
      margin-right: 10px; }
    .productInfo-bottom .plusProductRow .prictNnum .price .specialPrice span:nth-child(2) {
      font-size: 24px; } }

@media (max-width: 576px) {    
  header .phone_row {             /*新增header標頭背景底色手機版設定*/
    background-color: #dbefe9;  /*新增header標頭背景底色*/ 
  }
  header .headerTop {
    padding: 20px 15px; }
    header .headerTop .logo {
      width: 160px;
      /*position: relative;
                right: -15px;*/ }
      header .headerTop .logo img {
        width: 100%; }
  header .m-searchBarContainerOpen {
    margin: 0 5px;
    padding: 4px 0; }
    header .m-searchBarContainerOpen input {
      padding: 7px 8px; }
    header .m-searchBarContainerOpen label {
      padding: 7px 13px; }
  header .m-right img {
    width: 100%; }
  header .m-right div {
    width: 30px; }
  header .m-right .m-searchCloseIcon {
    font-size: 33px;
    line-height: 33px; }
    header .m-right .m-searchCloseIcon i {
      line-height: 33px; }
  header .m-hamburger a {
    width: 28px;
    padding: 4px 0px; }
  nav#sidr .closeSideMenu {
    right: 10px;
    font-size: 20px; }
  nav#sidr .sidrOuter > ul li {
    font-size: 21px; }
    nav#sidr .sidrOuter > ul li li {  /*動態收合側邊外層選單:行寬設定(手機版)*/
      font-size: 16px;                /*文字尺寸*/
      padding-left: 10px;             /*框架內縮左邊距離*/
      padding-right: 12px;            /*新增框架內縮右邊距離*/      
      line-height: 35px; }            /*行高*/
  nav#sidr .sidrOuter > ul h2 {
    padding: 0 40px 0 20px;
    line-height: 3.5rem;
    font-size: 21px; }
    nav#sidr .sidrOuter > ul h2 img {
      width: 23px; }
  nav#sidr .sidrOuter > ul .serviceTime h3, nav#sidr .sidrOuter > ul .serviceTime p { /*動態收合側邊選單NENU客服文字(手機版)*/
    font-size: 21px; }                                                                /*文字尺寸*/
  nav#sidr .sidrOuter > ul i {
    right: 15px; }
  nav#sidr .sidrOuter > ul i.down {
    margin-top: -16px; }
  footer {                           /*footer頁尾背景設定(手機版)*/
    padding-top: 0;                  /*框架內縮上面距離100px*/
    background-color: #dbefe9; }   /*背景底色#fff*/
    
    footer .m-footerContainer .m-footerCell { /*footer頁尾按鈕文字設定(手機版)*/
      font-size: 18px; }                      /*文字尺寸16px*/
    footer .m-footerContainer .m-icon img {
      width: 30px; }
    footer .m-footerContainer .number { /*footer頁尾購物車圈圈設定(手機版)*/
      width: 28px;                    /*寬度*/
      height: 28px;                   /*高度*/  
      line-height: 25px;              /*數字行高24px*/
      border: 2px solid #fff; }     /*邊框樣式*/
    footer .productFooter .btn {      /*footer商品頁尾購物車文字設定(手機版)*/
      font-size: 24px; }              /*文字尺寸*/
    footer .productFooter .m-icon img { /*商品購物頁面-下面按鈕icon寬度(手機版)*/
      width: 30px; }                    /*寬度*/
    footer .productFooter .m-number {  /*footer商品頁尾購物車數字圈圈設定(手機版)*/
      top:15px;                        /*上面 11px*/
      right: -35px;                    /*右邊-24px*/
      width: 28px;                     /*寬度30px*/
      height: 28px;                    /*高度30px*/
      line-height: 28px;               /*行高26px*/
      border: none;                    /*邊框樣式2px solid #5d9e49*/
      background:#f08933;            /*購物車數字圈圈顏色*/
      font-size: 15px; }               /*文字尺寸*/
      footer .productFooter .fullBtn .m-number {/*footer商品頁尾購物車數字圈圈設定-已售完/預購滿額(手機版)*/
        top: -20px;                    /*上面*/
        right: -18px;                  /*右邊*/
      }
    footer .m-productFooter {          /*商品頁尾文字大小(手機版)*/
      font-size: 18px; }               /*文字尺寸20px*/ 
    footer .productFooter-cell::before {  /*新增商品頁尾分線符號(手機版)*/
        content: '|';                     /*內容*/
        position: absolute;               /*絕對位置*/
        margin: 0px 93px;                /*分線符號位置-框架的外邊界:上下-左右105px*/
        z-index: 1;                       /*讓遮罩覆蓋內部內容*/
        pointer-events: none;             /*防止遮罩影響點擊事件*/
    }
  .titleLine hr {
    top: 2px; }
  .titleLine h2 {
    font-size: 28px; }
  .productBuyNow .banner {
    font-size: 18px; }
  .productBuyNow h2 {
    font-size: 22px; }
  .productBuyNow h4.price {
    font-size: 22px; }
    .productBuyNow h4.price span {
      font-size: 20px; }
  .productBuyNow .cartBtn {
    flex-direction: column; }
    .productBuyNow .cartBtn .amount { /*好康情報/農會集貨-商品購買頁-數字按鈕寬度調整(手機版)*/
      width: 80%;                     /*寬度100%*/
      margin-bottom: 10px; }          /*下方外邊界*/
      .productBuyNow .cartBtn .amount span { /*好康情報/農會集貨-商品購買頁-數量選單寬度調整(手機版)*/
        width: 35%; }                        /*寬度*/
      .productBuyNow .cartBtn .amount select { /*好康情報/農會集貨-商品購買頁-數量按鈕寬度調整(手機版)*/
        width: 65%; }                          /*寬度63.5%*/
    .productBuyNow .cartBtn .buyBtn { /*好康情報/農會集貨-商品購買頁-加入購物車按鈕寬度調整(手機版)*/
      width: 80%; }                   /*寬度100%*/
      .productBuyNow .cartBtn .buyBtn .btn {
        width: 100%; }
  .productInfo-bottom .plusProduct {
    padding: 20px 20px 1px; }
  .productInfo-bottom .plusProductRow h2 {
    font-size: 18px; }
  .productInfo-bottom .plusProductRow .prictNnum .numSelect {
    width: 100%; }
    .productInfo-bottom .plusProductRow .prictNnum .numSelect label {
      width: 35%; }
    .productInfo-bottom .plusProductRow .prictNnum .numSelect select {
      width: 64%; }
  .productInfo-bottom .plusProductRow .prictNnum .buyBtn {
    margin-left: 0;
    width: 100%;
    margin-top: 10px; }
    .productInfo-bottom .plusProductRow .prictNnum .buyBtn .btn {
      width: 100%; }
  .productInfo-bottom .plusProductRow .prictNnum .price {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px; }
    .productInfo-bottom .plusProductRow .prictNnum .price .orginPrice {
      margin-right: 0;
      display: block; }
    .productInfo-bottom .plusProductRow .prictNnum .price .specialPrice span:nth-child(2) {
      font-size: 24px; }
  .mask .dialogue, .mask .termsContainer {
    width: 90%;
    font-size: 16px; } }

@media (max-width: 434px) {     /*原始像素是414px而影響寬營幕手機icon設定*/
  header .headerTop .logo {     /*標頭最上面logo(手機版)*/
    width: 140px; }             /*寬度*/
  header .headerTop .logo img { /*標頭最上面logo(手機版)*/
    border-radius: 0px;  }      /*取消圓角*/
  header .m-searchBarContainer {
    font-size: 14px; }
  header .m-searchBarContainerOpen input {
    padding: 5px; }
  header .m-searchBarContainerOpen label { /*標頭搜尋列按鈕圓角設定(手機版)*/
    padding: 5px 8px;                      /*框架的內邊距：上下-左右*/
    border-radius: 0 10px 10px 0; }        /*新增圓角樣式*/
  footer .productFooter .btn { /*商品購物頁面-下面按鈕文字高度(手機版)*/
    height: 70px;              /*按鈕高度*/
    line-height: 70px;         /*文字高度*/
    font-size: 18px; }         /*文字尺寸*/
  footer .m-footerContainer .m-footerCell { /*會員登入頁面-下面按鈕文字高度(手機版)*/
    font-size: 16px; }                      /*文字尺寸*/
  footer .m-footerContainer .m-icon img { /*好康活動ICON設定(手機版)*/
    width: 25px;                          /*寬度26px*/
    margin: -21px -13px;                  /*框架的外邊界:上下-左右*/
    border-radius: 0px;                   /*邊框圓角樣式*/
    position: absolute;                   /*絕對位置*/
  }
  footer .m-footerContainer .number { /*footer頁尾按鈕購物車數字設定(手機版)*/
    margin: 0px 7px;                  /*增加外間距-10px 5px*/
    width: 28px;                      /*數字寬度26px*/
    height: 28px;                     /*數字高度26px*/
    font-size: 16px;                  /*文字大小12px*/
    border: none; }                   /*邊框樣式1px solid #fff*/     
  .titleLine hr {
    top: -3px; }
  .titleLine h2 {
    font-size: 18px; } }
  /*
$grid-breakpoints: ( 斷點/網格:控制排版如何在不同的設備或視區大小進行響應式的變化
  xs: 0,
  sm: 576px,  手機or更小裝置
  md: 768px,  平板
  lg: 992px,  大平板/小桌機營幕
  xl: 1200px, 一般桌機營幕
  xxl: 1400px 寬營幕
);  
  */

@media (max-width: 320px) {
  header .headerTop .logo {
    width: 126px; }
  header .m-right {
    right: 15px; }
    header .m-right div {
      width: 23px; }
    header .m-right .verticalLine {
      height: 25px; }
  header .m-hamburger a {
    width: 23px;
    margin-top: 3px; }
  header .m-hamburger .bar {
    margin: 4px 0; }
  nav#sidr .closeSideMenu {
    right: 20px;
    font-size: 20px; }
  nav#sidr .sidrOuter > ul li {
    font-size: 16px; }
    nav#sidr .sidrOuter > ul li li {
      font-size: 12px;
      padding-left: 10px;
      line-height: 35px; }
  nav#sidr .sidrOuter > ul h2 {
    padding: 0 40px 0 20px;
    line-height: 3.5rem;
    font-size: 16px; }
    nav#sidr .sidrOuter > ul h2 img {
      width: 18px; }
  nav#sidr .sidrOuter > ul .serviceTime h3, nav#sidr .sidrOuter > ul .serviceTime p {
    font-size: 16px; }
  nav#sidr .sidrOuter > ul i {
    right: 15px; }
  nav#sidr .sidrOuter > ul i.down {
    margin-top: -16px; }
  footer .m-footerContainer .m-footerCell {
    font-size: 14px; }
  footer .m-footerContainer .m-icon {
    margin-right: 5px; }
    footer .m-footerContainer .m-icon img {
      width: 20px; }
  footer .m-footerContainer .number {
    width: 22px;
    height: 22px;
    font-size: 10px;
    line-height: 20px; }
  footer .productFooter .btn {
    font-size: 16px; }
  footer .productFooter .m-icon img { /*商品購物頁面-下面按鈕icon寬度(手機版)*/
    width: 26px; }                    /*寬度30px*/
  footer .productFooter .m-number {  /*footer商品頁尾購物車數字圈圈設定(手機版)*/
    top: 6px;                        /*上面 11px*/
    width: 28px;                     /*寬度30px*/
    height: 28px;                    /*高度30px*/
    line-height: 24px;               /*行高26px*/
    font-size: 12px; }               /*文字尺寸*/
  footer .m-productFooter {          /*商品頁尾文字大小(手機版)*/
    font-size: 16px; }               /*文字尺寸*/ 
    footer .m-productFooter .productFooter-cell { /*footer商品頁尾-按鈕尺寸(手機版)*/
      height: 60px;                               /*高度80px*/  
      line-height: 60px; }                        /*行高80px*/
  .productInfo-bottom .plusProduct {
    padding: 20px 10px 1px; }
  .productInfo-bottom .plusProductRow h2 {
    font-size: 16px; }
  .productInfo-bottom .plusProductRow .prictNnum .numSelect {
    font-size: 14px; }
  .productInfo-bottom .plusProductRow .prictNnum .buyBtn .btn {
    font-size: 14px; }
  .productInfo-bottom .plusProductRow .prictNnum .price {
    font-size: 14px; }
    .productInfo-bottom .plusProductRow .prictNnum .price .specialPrice span:nth-child(2) {
      font-size: 20px; } }

/*ie10 11 hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  header .headerTop {
    height: 130px; }
    header .headerTop .logo {
      position: absolute;  
      top: 30px; }
  header .headerSearch {
    width: 45%;
    top: 58%; }
    header .headerSearch .keyWord {
      vertical-align: top;
      margin-top: 4px; } }

@media screen and (-ms-high-contrast: active) and (max-width: 1300px), (-ms-high-contrast: none) and (max-width: 1300px) {
  header .headerSearch {
    width: 260px;
    top: 50%;
    margin-left: -170px; } }

@media screen and (-ms-high-contrast: active) and (max-width: 1200px), (-ms-high-contrast: none) and (max-width: 1200px) {
  header .headerTop {
    height: auto; }
    header .headerTop .logo {
      position: static; }
  header .headerSearch {
    width: 60%;
    margin-left: 0; } }

@media screen and (-ms-high-contrast: active) and (max-width: 992px), (-ms-high-contrast: none) and (max-width: 992px) {
  header .headerTop .logo {
    margin: 0 auto;
    position: relative;
    top: 0;
    left: -30px; }
  header .m-right {
    position: absolute; 
    right: 15px;
    top: 20px; }
  header .m-searchBarContainerOpen {
    width: 90%;
    flex: none; } }

@media screen and (-ms-high-contrast: active) and (max-width: 576px), (-ms-high-contrast: none) and (max-width: 576px) {
  header .m-right {
    top: 30px; } }

/*edge hack*/
@supports (-ms-ime-align: auto) {
  header .headerSearch {
    width: 45%;
    top: 58%; }
    header .headerSearch .keyWord {
      vertical-align: top;
      margin-top: 4px; }
  @media (max-width: 1300px) {
    header .headerSearch {
      width: 260px;
      top: 50%;
      margin-left: -170px; } }
  @media (max-width: 1200px) {
    header .headerSearch {
      width: auto; } } }

/* 跑馬燈 */
    .marquee-flip-green {
      height: 45px;
      background: linear-gradient(to right, #2dd4bf, #99f6e4);
      color: #1e293b;
      font-weight: 500;
      font-size: 16px;
      border-radius: 15px;
      overflow: hidden;
      position: relative;
      box-shadow: 0 1px 3px rgba(0,0,0,0.1);
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-inline: 20px;
	  margin: -15px 0 10px;
    }
    .marquee-flip-green .flip-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
    }
    .flip-item {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      transform-origin: bottom left;
      transform: rotateX(90deg);
      opacity: 0;
      transition: transform 0.6s ease, opacity 0.6s ease;
      height: 100%;
      display: flex;
      align-items: center;
      padding-inline: 10px;
    }
    .flip-item.active {
      transform: rotateX(0deg);
      opacity: 1;
    }
    .flip-item a {
      color: #1e293b;
      text-decoration: none;
      transition: color 0.2s ease;
    }
    .flip-item a:hover {
      color: #065f46;
      text-decoration: underline;
    }
    .pause-indicator {
      position: absolute;
      bottom: 4px;
      right: 10px;
      font-size: 12px;
      color: #64748b;
      opacity: 0;
      transition: opacity 0.3s ease;
      pointer-events: none;
    }
    .marquee-flip-green:hover .pause-indicator {
      opacity: 1;
    }