@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: #DFF2E1;   /*背景顏色*/  
  font-size: 14px; }             /*文字尺寸*/  

 /*統一調整導覽列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; /*邊框圓角樣式
   }*/

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

   /*邊框圓角遮罩角度樣式*/ 
   .recipe .recipeGrid .maskLayer,
   .productInfo-top .leftImg .mask { 
      border-radius: 15px !important; /*邊框圓角樣式；強制優先*/
   }

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


/*#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: #009145;        /*顏色*/
  text-decoration: none; } /*文字修飾*/

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

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

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

.btnOrange {  /*橘色按鈕*/
  background: #61C36E; }

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

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

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

.tagContainer {
  margin: 15px 0; }
  .tagContainer label.tagLable {  /*活動管理專區滿額免運標題-商品頁文字按鈕*/
    color: #009145;             /*文字顏色*/         
    font-weight: normal;          /*字體粗細:正常*/
    font-size: 16px;              /*文字尺寸*/
    border: 1px solid #009145;  /*邊框樣式*/
    border-radius: 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; }  /*按鈕顏色*/

.addToCartBtn:hover {       /*加入購物車-游標反應*/
  background: #EE5649; }  /*按鈕顏色*/

.tabSwitch ul.nav-tabs {                 /*商品說明/客服中心-導覽標籤選項頁*/
  font-size: 18px;                       /*文字尺寸*/
  border-bottom: 1px solid #009145; }  /*下方邊框樣式-標籤底線*/
  .tabSwitch ul.nav-tabs .nav-item {   
    padding-left: 40px;     
    font-weight: bold; }    
    .tabSwitch ul.nav-tabs .nav-item a {    /*商品說明導覽標籤選項文字設定*/ 
      color: #009145; }                   /*文字顏色*/
  .tabSwitch ul.nav-tabs .nav-link {        /*導覽標籤選項線條設定*/ 
    border: 1px solid #009145;            /*標籤選項外框樣式*/      
    padding-top: 10px;                      /*框架內縮上面距離*/
    border-top-left-radius: .5rem;          /*左上邊框圓角*/
    border-top-right-radius: .5rem; }       /*右上邊框圓角*/
  .tabSwitch ul.nav-tabs .nav-link.active { /*商品頁導覽標籤選項設定*/ 
    background-color: transparent;          /*透明的底色*/
    border-color: #009145 #009145 #dff2e1;  /*邊框樣式設定:上-左右-下*/
    border-top: 3px solid #009145;                 /*邊框最上面粗細設定*/
    padding-top: 9px; }                     /*框架內縮上面距離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 #009145; } /*上方邊框樣式*/
  .titleLine h2 {         /*標題列文字*/
    font-size: 21px;      /*文字尺寸*/
    color: #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: #009145;             /*文字顏色*/
  font-weight: bold; }          /*文字粗細*/
.titleLine h1 span {            /*titleLine標題行設定*/
  background-color: #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: #009145;                 /*文字顏色*/
  font-weight: bold; }              /*文字粗細*/
.titleLine .normal-title span {     /*食事/產地故事/推薦商品*/
  background-color: #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; /*標頭底色*/
}
  header .m-hamburger, header .m-right, header .m-searchBarContainer {
    display: none; }
  header .headerTop {
    flex: 1;
    position: relative;
    display: flex;
    padding: 30px 0;
    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; }                     /*顏色*/
    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 {
      margin-right: 5px;
      padding-top: 15px; } 
    header .memberContainer .memberName {
      display: none; }
    header .memberContainer .memberCell:nth-child(1):before { /*Header標頭-購物車數字前面相關設定*/
      content: "|";                                           /*前面內容符號*/
      margin-right: 5px;                                      /*右邊距離*/
      color: #009145; }                                     /*顏色設定*/
    header .memberContainer .memberCell:after {               /*購物車數字後面相關設定*/
      content: "|";                                           /*購物車內容符號*/
      margin-left: 5px;                                       /*左側外邊界*/
      color: #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: 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: #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: #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: 3px 0;}                  /*框架的內邊距：上下-左右*/
        header .header-nav .cell span i {  /*Header標頭-導覽列icon圖示與文字的距離(網頁版)*/
          margin-right: 10px; }              /*icon圖示往右邊距離*/
    header .header-nav .cell:nth-child(1) { /*Header標頭-標題導覽第一格按鈕底色*/ 
      background: #009145;  /*左側顏色*/
      flex-grow: 1.5;         /*彈性伸展-調整寬度比例*/
      border-radius: 10px 0px 0px 10px; } /*邊框圓角:左上、右上、右下、左下*/
      header .header-nav .cell:nth-child(1) span { /*Header標頭-登入標題導覽按鈕*/ 
        border-right: 0; }     /*右側邊框樣式 1px solid #fff;*/
    header .header-nav .cell:nth-last-child(1) { /*Header標頭-登入標題導覽最後一格按鈕*/ 
      flex-grow: 1;           /*彈性伸展比例分配*/
      max-width: 100%;        /*最大寬度*/
      flex-basis: 0;          /*彈性基礎*/         
      color: #fff;          /*顏色*/
      background: #61C46E;  /*背景顏色*/
      text-align: center;     /*文字對齊：置中*/
      padding: 10px 0;        /*框架的內邊距：上下-左右*/
      overflow: hidden;       /*自動隱藏超出的文字或圖片*/
      cursor: pointer;        /*改變滑鼠游標的形狀:手指*/
      font-size: 16px;        /*文字尺寸*/
      font-weight: bold;      /*字體粗細*/
      border-radius: 0px 10px 10px 0px; /*邊框圓角:左上、右上、右下、左下*/
      border-right: 0px; }    /*右側邊框樣式*/
  header .megaMenu {           /*Header標頭-選單*/
    position: relative; }      /*相對位置*/
    header .megaMenu .allSubMenuContainer { /*Header標頭-所有子選單*/
      display: none;           /*展示*/
      position: absolute;      /*絕對位置*/
      top: 50px;               /*上面*/
      left: 0;                 /*左邊*/
      width: 100%;             /*寬度*/
      z-index: 9999; }         /*元素的堆疊順序*/
    header .megaMenu .allProduct {    /*Header標頭 所有商品Menu*/
      width: 100%;                    /*寬度*/
      background: #fdfcf9;          /*背景顏色*/
      display: flex;                  /*彈性容器*/
      justify-content: space-between; /*決定水平對齊的位置：平均分配寬度和間距*/
      font-weight: normal; }          /*字體粗細：正常*/
      header .megaMenu .allProduct ul.list { /*Header標頭-所有商品Menu選單清單-左邊明細欄*/
        flex: none;
        width: auto;             /*寬度*/
        position: relative;      /*相對位置*/
        background:  #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: #fdfcf9;                /*背景顏色*/
        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: #f1f9f2; }         /*背景顏色*/
        header .megaMenu .allProduct .menuImg img { 
          width: 100%; }
        header .megaMenu .allProduct .menuImg p { /*Header標頭-所有商品選單圖片*/
          color: #009145;      /*顏色*/
          font-weight: bold;     /*字體粗細*/
          font-size: 18px;       /*文字尺寸*/
          margin: 10px 0; }      /*框架的外邊界：上下-左右*/
    header .megaMenu .allActivity { /*Header標頭-所有商品Menu底色*/
      display: flex;                /*彈性容器*/
      background: #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: #009145;      /*顏色*/
          margin: 10px 0; }      /*框架的外邊界：上下-左右*/
      header .megaMenu .allActivity .right { /*Header標頭-所有活動右邊選單*/
        flex: none;
        width: 20%;                 /*寬度*/
        padding: 40px 30px;         /*框架的內邊距：上下-左右*/
        background: #f1f9f2;      /*背景顏色*/
        color: #333;              /*顏色*/
        position: relative; }       /*相對位置*/
        header .megaMenu .allActivity .right h2 { /*Header標頭-所有活動右邊選單文字*/
          font-size: 18px;       /*文字尺寸*/
          margin-bottom: 10px;   /*框架外拉下面距離*/
          color: #009145;      /*顏色*/
          font-weight: bold; }   /*字體粗細*/
        header .megaMenu .allActivity .right .fade-h2 { /*Header標頭-所有活動右邊選單文字變化*/
          font-size: 18px;       /*文字尺寸*/
          margin-bottom: 10px;  /*框架外拉下面距離*/
          color: #009145;      /*顏色*/
          font-weight: bold; }   /*字體粗細*/
        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: #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: #009145;                /*顏色*/
        margin: 10px 0;                  /*框架的外邊界：上下-左右*/
        font-weight: bold; }             /*字體粗細*/
    header .megaMenu .lineService {      /*Header標頭-line客服Menu底色*/
      display: flex;                     /*彈性容器*/
      text-align: left;                  /*文字對齊：左邊*/
      background: #fdfcf9;             /*背景顏色*/
      font-size: 14px; }                 /*文字尺寸*/
      header .megaMenu .lineService h3 { /*Header標頭-line客服Menu標題*/
        color: #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: #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: 25px 0; }         /*框架的內邊距：上下-左右*/
  
  footer .m-footer {   /*footer頁尾內容設定(手機版)*/
    display: none; }   /*頁尾展示內容設定(手機版)*/
  
  .footerInfo button {             /*footer頁尾內容設定-標題色塊*/
      color: #FFFFFF;            /*文字顏色*/
      background-color: #009933; /*按鈕底色*/
      width: 100px;                /*按鈕寬度*/
      height: 25px;                /*按鈕高度及下方文字距離連動*/
      border-radius: 5px;          /*按鈕圓角設定*/
      border-style: none;          /*邊框樣式*/ 
      cursor: default;             /*游標:預設*/
     } 

  .footerInfo button:focus {
      Outline:none;
   }


footer .footerContainerBottom {   /*footer頁尾_下方資訊設定*/
  background: #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 #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: #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: 0; }                    /*邊框樣式*/

.page-link:hover {                /*分頁連結移動*/
  background-color: #61C46E;    /*分頁底色(點選狀態)*/
  color: #fff; }                /*字體顏色*/

.page-item.active .page-link {    /*游標點擊後的動態變化*/ 
  background-color: #61C46E;    /*分頁底色*/
  color: #fff;                  /*字體顏色*/
  border-color: #61C46E; }      /*分頁邊框底色(點選狀態)*/

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


.productGrid .productCell {     /*商品名稱單元*/
  flex: none;
  width: 22.6%;                 /*寬度*/
  background-color: #f1f9f2;  /*框架底色*/
  padding: 20px;
  margin-bottom: 30px;          /*框架外拉下面距離*/
  margin-right: 3.2%; }         /*框架外拉右邊距離*/

.productGrid .productCell h3 {  /*熱銷推銷商品頁名稱文字*/
font-size: 18px;                /*文字高度*/
font-weight: bold;              /*文字粗細*/
text-align: center;             /*文字對齊*/
color: #009145; }             /*文字顏色*/

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

.productGrid:after {       /*之後的網格*/  
  content: "";
  flex: auto;
  border-radius:20px; }    /*圓角樣式*/
  /*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: 10px;                     /*邊框距離*/
  background: #fff;                /*邊框底色*/
  border-radius:20px;                /*邊框圓角樣式*/
  border: 1.5px solid #61C46E; }   /*邊框樣式*/

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

.productBuyNow .banner {             /*商品立即購買橫幅遮罩黑幕*/
  color: #fff;                     /*背景顏色*/
  position: absolute;                /*絕對位置*/
  top: 50%;                          /*上面*/
  height: calc(100% - 20px);         /*計算高度*/
  width: calc(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 { /*商品購買頁-已售完*/
  line-height: 5em;             /*行高*/
  background: rgba(0, 0, 0, 0.5); /*遮罩顏色*/
  border-radius: 15px }         /*新增圓角樣式*/

.productBuyNow .bannerFull {  /*商品購買頁-橫幅滿版*/
  line-height: 5em;           /*行高*/
  background: rgba(0, 0, 0, 0.5); /*遮罩顏色*/
  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; }

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

.productBuyNow .informBtn { /*貨到通知按鈕*/
  color: #fff;            /*文字顏色*/
  background:#df5400;     /*按鈕顏色*/
  width: 100%;              /*寬度*/
  padding: 10px 0;          /*框架的內邊距：上下-左右*/
  text-align: center;       /*文字對齊:置中*/
  font-size: 15px;          /*文字尺寸*/
  cursor: pointer; }   /*改變滑鼠游標的形狀:手指*/

.productBuyNow .cartBtn {   /*購物車按鈕*/
  display: flex;            /*彈性容器*/
  justify-content: space-between; } /*水平對齊:平均分配元素空間*/
  .productBuyNow .cartBtn .amount {
    flex: none;
    width: 111px; }
    .productBuyNow .cartBtn .amount span {  /*數量按鈕*/
      display: inline-block;                /*依照元素中的內容來決定內容的寬高*/
      width: 45px;                          /*寬度*/
      height: 40px;                         /*高度*/
      background: #5d9e49;                /*按鈕顏色*/
      color: #fff;                        /*文字顏色*/
      text-align: center;                   /*文字對齊:置中*/
      line-height: 40px;                    /*兩行文字中間的高度*/
      margin-right: -4px; }                 /*框架外拉右邊距離*/
    .productBuyNow .cartBtn .amount select {  /*商品購買頁-數量選單*/
      width: 60px;                            /*寬度*/
      height: 40px;                           /*高度*/
      vertical-align: bottom;                 /*垂直對齊:底部*/
      border: 1px solid #e1e1e1;            /*邊框樣式*/
      text-align: center;                     /*文字對齊:置中*/
      -moz-text-align-last: center;           /*moz最後文字對齊:置中*/
      -ms-text-align-last: center;            /*ms最後文字對齊:置中*/
      text-align-last: center;                /*文字最後對齊:置中*/
      padding: 8px 5px; }                     /*框架內縮距離:上下-左右*/
  .productBuyNow .cartBtn .buyBtn {
    width: auto;
    flex: none; }
    .productBuyNow .cartBtn .buyBtn .btn {
      width: 105px;
      height: 40px;
      font-size: 15px;
      line-height: 40px; }

.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: #5d9e49;       /*數量按鈕底色*/
    margin-bottom: 0;            /*框架外拉下面距離*/
    vertical-align: bottom; }    /*垂直對齊:底部*/
  .prictNnum .numSelect select {
    height: 47px;
    width: 100px;
    text-align: center;
    -moz-text-align-last: center;
    -ms-text-align-last: center;
    text-align-last: center;
    margin-left: -6px; }

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

.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: #009145; }                           /*顏色*/
      .productInfo-bottom .plusProduct p.more:hover span { /*商品頁資訊底部動作*/
        border-bottom: 1px solid #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: 10px;    /*新增邊框圓角*/
   }
  .mask .termsContainer {     /*會員中心-訂單資訊-退貨原因-退貨規則視窗文字內容設定*/
    background: #f1f9f2;    /*視窗背景顏色#faf7f2*/
    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: #e1f2e2;     /*退貨規則標題底色#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;  /*邊框樣式*/
    border-radius:3px 0 0 3px;    /*邊框圓角樣式3px*/
    padding: 8px 10px; }          /*框架的內邊距：上下-左右*/
  .mask label {                /*忘記密碼/貨到通知訊息視窗-送出按鈕*/
    background: #61C36E;     /*按鈕顏色*/
    color: #fff;             /*文字顏色*/
    padding: 8px 15px;         /*框架的內邊距：上下-左右*/
    margin-left: -8px;         /*新增框架外拉左邊距離*/
    border-radius: 0 3px 3px 0; /*新增邊框圓角樣式*/
    border: 1px solid #61C36E; /*新增邊框樣式#d1c9bb*/
    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 #d1c9bb;  /*邊框樣式*/
  border-radius: 3px;           /*邊框圓角樣式*/
  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: #f1f9f2;  /*背景顏色*/
  padding: 20px;          /*框架的內邊距*/
  margin-bottom: 40px; }  /*框架外拉下面距離*/

.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%; }         /*最大寬度*/
  .cms .cms-img {
    text-align: left;
    margin: 10px 0; }
    .cms .cms-img img {       /*活動消息(產地故事)-文章說明圖片*/
      max-width: 100%; }      /*最大寬度*/
  .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: #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 #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: #61C36E; }        /*中間"━"符號顏色*/
    header .m-hamburger a::before {   /*手機版標頭"☰"符號設定*/
      content: "";                    /*內容*/
      display: block;                 /*顯示：區塊*/
      height: 3px;                    /*高度*/
      background: #61C36E; }        /*最上面"━"符號顏色*/
    header .m-hamburger a::after {    /*手機版標頭"☰"符號設定*/
      content: "";                    /*內容*/
      display: block;                 /*顯示：區塊*/
      height: 3px;                    /*高度*/
      background: #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: #61C36E;          /*"┃"符號顏色*/
      margin: 0 3px;                  /*框架的外邊界：上下-左右*/
      vertical-align: middle; }       /*垂直對齊：置中*/
    header .m-right .m-searchCloseIcon {  /*手機版標頭右邊"✕"符號設定*/
      display: none;
      font-size: 49px;                    /*文字尺寸*/
      vertical-align: middle;            /*垂直對齊：置中*/
      color: #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); }  /*陰影*/
    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;            /*按鈕底色*/        
      display: block;                /*顯示:區塊*/
      position: fixed;               /*固定位置*/
      bottom: -1px;                  /*底部*/
      width: 100%;                   /*寬度*/
      z-index: 1000; }               /*元素的堆疊順序*/
    footer .m-footerContainer { /*footer頁尾按鈕設定(手機版)*/   
      display: flex;
      align-items: center;     /*對齊項目：置中*/ 
      background: #fff;      /*按鈕底色#fFf*/
      padding: 20px 0; }       /*框架的內邊距*/
      footer .m-footerContainer .m-footerCell {/*footer頁尾單元格(手機版)*/
        flex: 1;
        font-size: 26px;                       /*文字尺寸*/
        text-align: center;                    /*文字對齊：置中*/
        border-right: 1px solid #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;                      /*寬度*/
        height: 36px;                     /*高度*/
        font-size: 16px;                  /*文字尺寸*/
        border-radius: 50%;               /*邊框圓角樣式*/
        background: #f18e00;            /*圈圈顏色*/
        position: absolute;               /*絕對位置*/
        top: -10px;                       /*上面*/
        right: -18px;                     /*右邊*/
        color: #fff;                    /*文字顏色*/
        line-height: 30px;                /*行高*/
        text-align: center;               /*文字對齊：置中*/
        border: 3px solid #fff; }       /*邊框樣式*/
    footer .productFooter .btn {          /*footer商品頁尾-按鈕(手機版)*/
      width: 100%;                        /*寬度*/
      height: 80px;                       /*高度*/
      line-height: 80px;                  /*行高*/
      font-size: 28px; }                  /*文字尺寸*/
    footer .productFooter .btn .m-icon {   /*footer商品頁尾-按鈕icon(手機版)*/
      margin-right: 20px; }                  /*icon與購物車文字距離*/
    footer .productFooter .btn{              /*footer商品頁尾-已售完/購物車按鈕(手機版)*/
      width: 50%;                            /*寬度*/
      float: left;                           /*漂浮位移:左邊*/
      }     
    footer .productFooter .btn.soldOutBtn {  /*footer商品頁尾-已售完/滿額預購頁面-貨到通知按鈕顏色(手機版)*/
      background: #FFF;                    /*貨到通知按鈕底色#df5400*/
      color: #009145;                      /*文字顏色#333*/
      font-size: 17px;                       /*文字尺寸*/   
    }  
    footer .productFooter .btn.soldOutBtn::after {  /*footer商品頁尾-已售完按鈕分隔線顏色(手機版)*/
      content: "|";                                 /*內容*/ 
      color: #009145;                             /*符號顏色#333*/
      position: absolute;                           /*絕對位置*/
      right: 48%;                                   /*右邊49%*/                     
      font-size: 20px;                              /*符號尺寸30px*/
     }           
    footer .productFooter .btn.fullBtn {     /*footer商品頁尾-已售完/滿額預購頁面-購物車按鈕顏色(手機版)*/
      background: #FFF;                    /*購物車按鈕底色#5d9e49*/
      color: #009145;                      /*文字顏色#333*/
      font-size: 17px;                       /*文字尺寸*/
    }
    footer .productFooter .m-icon {          /*footer商品頁尾-icon(手機版)*/
      position: relative;                    /*相對位置*/           
      display: inline-block; }               /*依照元素中的內容來決定內容的寬高*/
    footer .productFooter .m-number { /*footer頁尾-商品頁尾數字(手機版)*/
      position: absolute;             /*絕對位置*/
      top: 4px;                       /*上面*/
      right: -30px;                   /*右邊*/
      color: #fff;                  /*文字顏色*/
      background: #f18e00;          /*背景顏色*/
      width: 45px;                    /*寬度*/
      height: 45px;                   /*高度*/
      border-radius: 50%;             /*邊框圓角樣式*/
      line-height: 35px;              /*行高*/
      border: 5px solid #FFF;       /*邊框樣式*/
      font-size: 20px; }              /*文字尺寸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: #009145;      /*文字顏色#fff*/
        line-height: 100px;    /*行高*/
        cursor: pointer; }     /*改變滑鼠游標的形狀:手指*/
      footer .m-productFooter .productFooter-cell:nth-child(1) { /*footer商品頁尾-購物車按鈕底色(手機版)*/
        background: #fff;           /*購物車按鈕底色#5d9e49*/
        }
      footer .m-productFooter .productFooter-cell:nth-child(1) a{ /*footer商品頁尾-新增購物車文字顏色(手機版)*/
        color: #009145;            /*文字顏色*/
        }  
      footer .m-productFooter .productFooter-cell:nth-child(2) { /*footer商品頁尾-新增加入購物車按鈕底色(手機版)*/
        background: #fff;          /*加入購物車按鈕底色#e27300*/
      }  
      footer .m-productFooter .productFooter-cell:nth-child(3) { /*footer商品頁尾-新增直接購買按鈕底色(手機版)*/
        background: #fff;           /*直接購買按鈕底色#f18e00*/
      }
  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 #eceeef; /*下方邊線樣式*/
        cursor: pointer; }                  /*改變滑鼠游標的形狀:手指*/
        nav#sidr .sidrOuter > ul li ul {    /*動態收合側邊選單標籤底色(手機版)*/
          margin-top: -5px;                 /*上方外邊界/
          padding-bottom: 24px;             /*下方內邊距*/
          background: #f1f9f2;            /*選單顏色#f4f4f4*/
          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: #5d9e49;                /*符號顏色#000*/   
          position: absolute;                   /*絕對位置*/   
          left: -5px;                           /*左邊*/
          top: 15px; }                          /*高度50%*/
      nav#sidr .sidrOuter > ul li.grayBg { /*點選後的反應後(手機版)*/
        background: #DFF2E1; }           /*點選後顏色#f4f4f4*/
      nav#sidr .sidrOuter > ul .sidrTitle {
        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 { /*外層客服時間(手機版)*/
        background: #d5f7d8; }              /*固定底色#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: #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: -12px;                       /*上面*/
      right: -14px;                     /*右邊*/
      line-height: 26px;                /*行高*/
      border: 2px solid #fff; }        /*邊框樣式#5d9e49*/
    footer .productFooter .m-icon img {
      width: 38px; }
    footer .productFooter .m-number { /*商品頁尾數字(手機版)*/
      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: 80px;                   /*高度*/  
        line-height: 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: #fefde6;  /*新增header標頭背景底色#FEFDE5*/ 
  }
  header .headerTop {
    padding: 20px 15px; }
  header .headerTop .logo {
    width: 160px;
     /*position: relative;
                right: -15px;*/ }
  header .headerTop .logo img { /*header標頭LOGO大小設定(手機版)*/
    width: 100%;              /*寬度100%*/
    /*margin: 0px -15px;       新增框架的外邊界:上下-左右*/
   } 
  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 {
    font-size: 21px; }
  nav#sidr .sidrOuter > ul i {
    right: 15px; }
  nav#sidr .sidrOuter > ul i.down {
    margin-top: -16px; }
  footer {                         /*footer頁尾設定*/
    padding-top: 100px;            /*框架內縮上面距離*/
    background-color: #e1f2e2; } /*背景顏色#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: 24px;              /*行高*/
      border: 2px solid #fff; }     /*邊框樣式*/
    footer .productFooter .btn {      /*footer商品頁尾購物車文字設定(手機版)*/
      font-size: 24px; }              /*文字尺寸*/
    footer .productFooter .m-icon img { /*商品購物頁面-下面按鈕icon寬度(手機版)*/
      width: 28px; }                   /*寬度30px*/
    footer .productFooter .m-number {  /*商品頁尾數字(手機版)*/
      top: 23px;                       /*上面25px*/
      right: -26px;                    /*右邊-20px*/
      width: 26px;                     /*寬度30px*/
      height: 26px;                    /*高度30px*/
      line-height: 23px;               /*行高26px*/
      border: 2px solid #FFF;        /*邊框樣式#5d9e49*/
      font-size: 15px; }               /*文字尺寸*/
    footer .m-productFooter {          /*商品頁尾文字大小(手機版)*/
      font-size: 17px; }               /*文字尺寸20px*/ 
    footer .productFooter-cell::before {  /*新增商品頁尾分線符號(手機版)*/
      content: '|';                     /*內容*/
      position: absolute;               /*絕對位置*/
      margin: 0px 105px;                 /*分線符號位置-框架的外邊界:上下-左右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: 100%;                     /*寬度*/
      margin-bottom: 10px; }           /*下方外邊界*/
      .productBuyNow .cartBtn .amount span { /*好康情報/農會集貨-商品購買頁-數量選單寬度調整(手機版)*/
        width: 35%; }                        /*寬度*/
      .productBuyNow .cartBtn .amount select { /*好康情報/農會集貨-商品購買頁-數量按鈕寬度調整(手機版)*/
        width: 63.5%; }                        /*寬度*/
    .productBuyNow .cartBtn .buyBtn { /*好康情報/農會集貨-商品購買頁-加入購物車按鈕寬度調整(手機版)*/
      width: 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; }                    /*框架的內邊距：上下-左右*/
  footer .productFooter .btn { /*商品購物頁面-下面按鈕文字高度(手機版)*/
    height: 65px;              /*按鈕高度70px*/
    line-height: 65px;         /*文字高度70px*/
    font-size: 18px; }         /*文字大小*/
  footer .m-footerContainer .m-footerCell { /*會員登入頁面-下面按鈕文字高度(手機版)*/
    font-size: 18px; }                      /*文字大小16px*/
  footer .m-footerContainer .m-icon img { /*好康活動ICON設定(手機版)*/
    width: 25px;                          /*寬度*/
    margin: -21px -13px;                  /*框架的外邊界:上下-左右*/
    border-radius: 0px;                   /*邊框圓角樣式*/
    position: absolute;                   /*絕對位置*/
  }
  footer .m-footerContainer .number { /*會員登入頁面-下面按鈕購物車數字(手機版)*/
    margin: -10px 5px;                /*增加外間距*/
    width: 28px;                      /*數字寬度26px*/
    height: 28px;                     /*數字高度26px*/
    font-size: 15px;                  /*文字大小12px*/
    border: 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;                        /*上面*/
    width: 28px;                     /*寬度*/
    height: 28px;                    /*高度*/
    line-height: 24px;               /*行高*/
    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; } } }