MENU CART {{currentCart.getItemCount()}}
晰穀就是你家巷口的雜糧行

用我們的專業選擇對你最好的穀物,你看得見所吃到的東西,是食物最原始的模樣。

No product in this category

輕全穀飲食生活

css

/*整體背景色#E5E7EB 字大小16px*/
body { background-color:#E5E7EB;font-size: 16px;}

/*頁面底部空0px*/
.body-content {margin-bottom: 0px;}

/*頁首導覽列寬1200px*/
.navbar {width: 1200px;}

/*頁首導覽列底部距離0px 背景顏色白色#ffffff;*/
.navbar-wrapper {border-bottom: 0px;background-color: #ffffff;}

/*頁首導覽列左側logo區塊 佔整體寬15%  logo圖寬大小100%*/
.navbar-header-wrapper {display:inline-block;width: 15%;}
.navbar-header-wrapper .container {width: 100%;}

/*頁首導覽列右側選單區塊 佔整體寬84% 排成一列*/
.navbar-menu-wrapper {width: 84%;display: inline-block;}
.navbar-menu-wrapper .container {width: 100%}

/*頁首導覽列右側選單整體文字靠左對齊、下移48px*/
.navbar-menu {text-align: left;bottom: -48px;}

/*頁首導覽列右側選單 單項文字左右內距1px 左右外距5px*/
.navbar-menu>ul>li {display: inline-block;padding: 0px 1px;margin: 0 5px}

/*頁首導覽列右側選單 所有選項左邊加線1px  顏色#ccc 左距20px 文字顏色#2b5597 字距2px */
.navbar-menu ul li a {border-left: 1px solid #ccc;padding-left: 20px;color: #2b5597;letter-spacing: 2px;}

/*頁首導覽列右側選單 第一個選項左邊不加線*/
.navbar-menu ul li:first-child a {border-left: 0px;}

/*頁首導覽列右側選單 下拉選單不要線框0px  文字字距1px 上距120% 永遠置於最前 文字左對齊 寬度105% 最小寬度100% 上下外距10px  文字大小14px 底色白色透明度90% 無陰影*/
.nav-dropdown-menu {border: solid 0px;position: absolute;letter-spacing: 1px;top: 120%;z-index: 1000;display: none;float: left;width: 105%;min-width: 100%;padding: 10px 0;margin: 0;text-align: left;font-size: 14px;list-style: none;background-color: rgba(255, 255,255, 0.9);box-shadow: none;}

/*頁首導覽列右側選單 下拉選單左邊不加線*/
.nav-dropdown-menu>li:nth-child(2n) a  {border-left: 0px;}
.nav-dropdown-menu>li:nth-child(2n+1) a  {border-left: 0px;}

/*頁尾背景白色#ffffff*/
#footer {background-color: #ffffff;}

/*商品圖區塊內距0px*/
.box-info {padding: 0px}

/*商品圖標題文字顏色#525252 */
.product-item .title {color: #525252;}

/*文字字距1px 行高32px 顏色#525252*/
.global-primary {letter-spacing: 1px;line-height: 32px;color:#525252;}