@charset "utf-8";
/*遇見鮮蔬果行*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');


.me_tp_features{
    display: none;
}

.box_link{
    display: none;
}

/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:relative; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;}
.swiper-slide img { height:auto;} 


/*版面*/
.contact_page .main_part{
    width: 100%;
    max-width: 80%;
}

.services_page  .main_part,.other_select_page  .main_part{
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0;
}

.product_page   .main_part{
    padding: 50px 0 6% 0;
    max-width: 84%;
    width: 100%;
}

.product_info_page  .main_part{
    padding: 50px 0 6% 0;
    max-width:70%;
    width: 100%;
}





.main_header_area .container{
    max-width: 90%;
    margin: auto;
}

.header_area{
    position: absolute;
    background: transparent;
    padding: 0;
}

.header_area.sticky{
    background: transparent;
}

.header_area  .nav-brand {
    margin: 8% auto 0 auto;
    padding: 0;
    background: rgb(250 250 250 / 90%);
    width: 600px;
    height: 180px;
    border-radius: 20%;
    transition-duration: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 0.5s;
  
}


.header_area.sticky .nav-brand {
    margin: 8% auto 0 auto;
    padding: 0;
    background: rgb(250 250 250 / 90%);
    width: 600px;
    height: 180px;
    border-radius: 39%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 0.5s;
}

.header_area .stellarnav ul {
    background: rgb(250 250 250 / 90%);
    max-width: min-content;
    width: 100%;
    text-align: center;
    border-radius: 50px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1% 0;
    transition-duration: 0.5s;
}

.header_area .stellarnav ul {
    background: rgb(250 250 250 / 90%);
    max-width: min-content;
    width: 100%;
    text-align: center;
    border-radius: 50px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1% 0;
    transition-duration: 0.5s;
}

.stellarnav{
    display: flex;
    justify-content: flex-end;
    margin: 3% 0 0 0;
}

.stellarnav > ul > li > a{
    color: #30391d;
    font-family: "Noto Sans TC", sans-serif;
    font-weight: 500;
   
}

.stellarnav > ul > li.drop-left > ul{
    background: #ffffff;
}

.stellarnav li a{
    font-family: "Noto Sans TC", sans-serif;
    color: #30391d;
    font-weight: 500;
}


.header_area .stellarnav ul ul{
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
}


.stellarnav li li{
    border: none;
    width: 120px;
    text-align: center;
}

.stellarnav > ul > li {
    width: 140px;
    margin: 0;
    text-align: center;
}


/*banner*/
.services_page .banner,.other_select_page .banner{
    display: none;
}


.banner{
    background-image: url(https://pic03.eapple.com.tw/clwvegetable/all_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 402px;
    position: relative;
}

.banner::before{
    content: '新鮮直送.健康首選';
    position: absolute;
    font-family: "RocknRoll One", sans-serif;
    font-size: 35px;
    letter-spacing: 6px;
    color: #3F5913;
    bottom: 20%;
}

.banner h5{
    display: none;
}



/* 商品下拉超過30個變大 */
.stellarnav.desktop li.bigMenu>ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); left: 0; width: 100%; position: fixed; padding: 20px;}
.stellarnav.desktop li.bigMenu ul ul{top: 100%; left: 0; width: 100%; background: #efefef; height: auto; max-height: 300px; overflow: auto;}
.stellarnav.desktop li.bigMenu ul ul li{margin: 0;} 
.stellarnav.hasBigMenu li.bigMenu li.has-sub > a:after{border-left: 6px solid transparent; border-bottom:unset; border-right: 6px solid transparent; border-top: 6px solid #898989; right: 5px;}
.stellarnav.desktop li.bigMenu>ul{grid-gap: 10px;}
.stellarnav.desktop li.bigMenu li{border: 0;}
.stellarnav.desktop li.bigMenu>ul>li>a{border: 1px solid #ddd;}
.stellarnav.desktop li.bigMenu ul ul{display: block !important; position: relative; top: 0; background: unset; border: 0;}
.stellarnav.desktop li.bigMenu ul ul li{border: 0;}






.product_page .show_content,
.product_info_page .show_content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; align-content: flex-start;}
.product_page .product_menu_list { position: relative; width: 220px; letter-spacing: 1px; /*border-right: 1px solid #ccc;*/min-height: 30vw;}
.product_page .products-list,
.product-wrapper { width: calc(100% - 270px);}
ul.page { width: 100%;}
.products-list{
    grid-template-columns: repeat(auto-fill, minmax(31%, 1fr));
    grid-gap: 30px;
}
.product-layer-two li ul { position:static; margin-top:5px; /*display:block !important;*/ width:100%; margin-left:0;}
.product-layer-two li:hover ul { border: none !important; /*display:block !important;*/}
.product-layer-two li li { display: block; padding:0; transition:all ease .3s;}
.product-layer-two li li a{ padding:5px 10px;}
.product-layer-two li li:hover > a { background:#fff; color:#ad925e;}
.product-layer-two > li { width:100%; max-width:100%; padding:0; text-align:left; border-bottom:1px dotted #ccc; padding-bottom: 5px;}
.product-layer-two > li ul > li + li { margin-top:5px;}
.product-layer-two li a{
    font-size: 18px;
    text-align: center;
    color: #3f5913;
}
.product_info_page .product-layer-two { display: none;}
.product_info_page .products-list,
.product-wrapper { width: 100%;}

.product-layer-two li li:hover{ margin-left: 15px;}
.product-layer-two li li > a:before { content: ""; position: absolute; width: 12px; height: 8px; background: transparent; left: 0; margin-left: -20px; top: 50%; margin-top: -4px; clip-path: polygon(0 0, 100% 50% , 0 100%);}
.product-layer-two li li:hover > a:before { background:#ad925e;}

.product_info_page .half_box { width: 100%; float: none; padding-right: 0;}
.product_info_page .half_box li.btn_blankTop { margin-top: 50px; justify-content: space-between; display: flex;}
.product_info_page .half_box li.btn_blankTop input { width: calc(50% - 10px); background-image: none; padding: 0; text-align: center;}
.fa-circle-plus::before{
    color: #c2c7a4;
}
.products-list .name{
    font-size: 17px;
    text-align: center;
    font-family: 'Noto Sans TC';
    color: #2d2d2d;
    font-weight: 400;
}

.products-list .more{
    border: 1px solid #eaefe1;
    color: #b8c89a;
    font-size: 16px;
    border-radius: 25px;
}
.products-list .item a:hover .more{
    background: #b8c89a;
    border-radius: 25px;
}
.sidebarBtn{
    border: 1px #bdc495 solid;
}
.inquiry_a2{
    background: #798f52;
}
.inquiry_a1{
    background: #a9c874;
}

.pd_tabTitle li.activeTab a{
    color: #2d2d2d;
    font-family: 'Noto Sans TC';
    font-size: 18px;
    font-weight: 500;
}

.pd_tabTitle li.activeTab::after{
    background: #bacf30;
}

.product_info_page .edit{
    margin: auto;
    padding: 20px 0;
    font-family: 'Noto Sans TC';
    letter-spacing: 1px;
}

.prod_related{
    padding: 4% 0;
}

.related_list{
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    max-width: 72%;
}


/*頁數*/
.other_select_page  ul.page{display: none;}



h5.blog_le_t{
    text-align: center;
}


/*下拉*/
.promotion_title{
    display: none;
}

.other_select_page .path{
    display: none;
}

.other_select_page .main_part{
    display: flex;
}

.other_select_page  .other_promotion {
    text-align: center;
    order: 1;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    grid-gap: 40px;
    padding: 10% 0 2% 0;
    position: absolute;
    z-index: 999;
    justify-content: center;
    background-image: url(https://pic03.eapple.com.tw/clwvegetable/dw_bk.png);
    background-color: #f3f3f3;
    box-shadow: 1px 1px 6px 2px #6666663b;
}

.other_promotion .pmtTitle h3 {
    color: #3F5913;
    font-family: "Zen Maru Gothic", serif;
    letter-spacing: 2px;
    font-size: 34px;
    font-weight: 700;
    margin: 0;
    width: 320px;
}

.other_promotion li a{
    border: 3px #b8cf35 dashed;
    background-color: #ffffff;
}

.other_promotion li a:hover{
    background: #fcfcfca6;
}



.other_select_page .show_content{
    order: 2;
   
}

.pmtTitle span{
    display: none;
}

.other_promotion li a:before{
    display: none;
}

.other_promotion li a:after{
    display: none;
}



/*文章*/
h5.blog_le_t em{
    color:#3F5913;
    font-family: "Zen Maru Gothic", serif;
    letter-spacing: 2px;
    
}

.blog_subbox{
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); 
}


.blog_le .accordion > li.on_this_category{
    background: #ffffff !important;
}

.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a{
    color: #3F5913 !important;
    text-align: center;
    font-size: 16px;
}

.lastPage{
    display: none;

}

.blog_back a.article_btn_prev{
    background: #dcdcdc;
}

.blog_back a.article_btn_next{
    background: #dcdcdc;
}

.blog_back a.article_btn_back{
    background: #ced7bc;
}

.news_related h6 span:before{
    font-family: "RocknRoll One", sans-serif;
    font-size: 28px;
    letter-spacing: 6px;
    color: #3F5913;
    font-weight: 300;
}

h4.blog_category_title {
    color: #303919;
    font-family: 'Noto Sans TC';
    font-size: 26px;
    letter-spacing: 2px;
}

.subbox_item{
    border: 1px solid #e0e0e0;
}


.subbox_item a{
    grid-template-columns: 240px 1fr;
}


.subbox_item a:after{
    border: none;
    background: transparent;
}


.blog_list_ri{
    padding: 8% 2%;
}


.blog_list_ri>*+*{
    margin-top: 12px;
}


.blog_list_ri h5{
    color: #30391d;
    font-family: "Noto Sans TC", sans-serif;
    font-weight: 500;
    font-size: 22px;
}

.blog_list_ri p{
    -webkit-line-clamp: 3;
}


.subbox_item a:before{
    opacity: 1;
    color: #b8d12e;
}




/*麵包屑*/
.path p, .path p a{
    display: none;
}



/*聯絡我們*/

.blank_letter{
    color:#3F5913;
    font-family: "Zen Maru Gothic", serif;
    letter-spacing: 2px;
    display: flex;
    justify-content: space-between;
}

.contact_content .information_left{
    width: 28%;
}

.contact_content .information_right{
    width: calc(100% - 29%);
    padding-left: 4%;
}

.contact_form li{
    grid-template-columns: 1fr;
}

.contact_form li .form__label{
    text-align: left;
}
.red {
    position: relative;
    order: 2;
}

.contact_form li .form__label {
    text-align: left;
    display: flex;
    flex-direction: row;
}

.contact_form li.last cite{
    background: #b7c17e;
}

.info_TEL:before, .info_TEL2:before, .info_PHONE:before, .info_LINE:before, .info_FAX:before, .info_TAXID:before, .info_MAIL:before, .info_ADD:before, .info_ADD2:before{
    font-weight: 400;
    color: #303919;
}

.contact_form li .form__label{
    color: #303919;
    font-weight: 400;
    font-family: "Noto Sans TC", sans-serif;
}




/*頁腳*/
.footer{
    background: #eaefe1;
    padding: 3% 0 0 0;
}

.footer .center{
    max-width: 80%;
    width: 100%;
}

.footer_menu{
    margin: 2% 0 0 0;
}


.footer_menu a{
    width: 16%;
    text-align: center;
}

.footer_menu a:first-child{
    display: none;
}

.footer_menu a:hover{
    background: #6a7456;
}

.footer_info li p:before{
    margin: 0;
}

.copy{
    color: #30391d;
    border-top: 1px #d9dad8 solid;
    padding: 3% 0 1% 0;
}

.footer_info{
    padding: 0;
    
}

.footer_logo{
    display: flex ;
    justify-content: center;
    align-items: center;
}


.footer_info li p{
    font-family: "Noto Sans TC", sans-serif;
    color: #30391d;
    font-weight: 500;
    line-height: 200%;
}

.footer_info li{
    padding: 0 10px 0 0;
}


.footer_info li p  a{
    color: #30391d;
    font-weight: 500;
}

.footer_menu a{
    background: transparent;
    border: 1px #727767 solid;
}

.footer_menu a{
    color: #30391d;
}

.box_link a{
    color: #30391d;
}

.copy{
    font-family: "Noto Sans TC", sans-serif;
}


.copy a{
   
    color: #30391d;
}

.footer_info li:nth-child(1)::after{
    content: '新竹縣食品業者登錄字號J-137781463-00000-6';
    font-family: "Noto Sans TC", sans-serif;
    white-space:pre;
    display: block;
    color: #da260b;
    font-weight: 500;
    letter-spacing: 1px;
}



@media screen and (max-width: 1280px) {



}
@media screen and (max-width:1024px) {
.header_area{
    position: relative;
    background: transparent;
}

.stellarnav {
    display: flex;
    justify-content: center;
}

.stellarnav{
    margin: 0;
}

.header_area .stellarnav ul{
    max-width: 100%;
}



.main_header_area .container{
    max-width: 100%;
}




/*聯絡我們*/
.contact_content .information_left {
    width: 38%;
}

.contact_content .information_right{
    width: calc(100% - 39%);
}


}

@media screen and (max-width:920px) {
.header_area .nav-brand{
    background: transparent;
}

.header_area .stellarnav ul{
     background: transparent;
}


/*產品*/
.product_info_page .main_part{
    max-width: 80%;
}



.footer_info{
    padding: 0;
    display: flex;
    grid-gap: unset;
    padding-right: 0;
    flex-direction: column;
    align-items: center;

}





/*聯絡我們*/

.contact_content .information_left {
    width: 46%;
}

.contact_content .information_right{
    width: calc(100% - 47%);
    padding-left: 4%;
}




}



@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
.bannerindex { padding:0; margin:0;}
.header_area .nav-brand{
    background: transparent;
    margin: 0 auto 0 auto;
    height: 132px;
}

.nav-brand img {
    max-width: 50%;
}

.stellarnav.mobile {
    top: 30%;
}

.header_area.sticky .nav-brand{
    background: transparent;
    height: auto;
}

.stellarnav.mobile.left > ul{
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 0;
    padding: 0;
}

.stellarnav > ul > li{
    width: 100%;
}


.other_select_page .other_promotion{
    flex-direction: column;
}

.other_select_page .other_promotion li{
    max-width: 80%;
    margin: 0 auto;
}


/*產品*/
.product_info_page .main_part{
    max-width: 76%;
    width: 100%;
}

.product_page .product_menu_list{
    position: relative;
    width: 100%;
    display: block;
    z-index: 123;
    min-height: auto;
}

.product_menu_list>h5{
    display: block;
    text-align: center;
    color: #3f5913;
}

.fa-caret-down::before{
    color: #3f5913;
}
.product_page .show_content, .product_info_page .show_content {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}

.product_page .products-list{
    width: 100%;
}

.mobile_product_name{
    text-align: center;
    color: #737f5e;
}

.related_list{
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}



/*頁腳*/


.footer_menu a{
    width: 48%;
    text-align: center;
}


.footer_logo img {
    max-width: 70%;
    margin-bottom: 8%;
}

#bottom_menu li:nth-child(2){
    display: none;
}
#bottom_menu li:nth-child(3){
    display: none;
}


}

@media screen and (max-width: 600px) { 


/*文章*/
.subbox_item a {
    grid-template-columns: 1fr;
}

.blog_list_ri{
    padding: 4% 2% 12% 2%;
}




/*聯絡我們*/
.contact_content .information_left{
    width: 100%;
}

.contact_content .information_right {
    width: 100%;
    padding-left: 0;
}

.contact_form li .form__label{
    background: transparent;
}

.footer_menu a{
    width: 100%;
}

/*產品*/
.product_page .products-list{
    width: 100%;
    display: flex;
    flex-direction: column;

}





}


@media screen and (max-width: 480px) { 

.banner::before{
    font-size: 30px;
}

.banner{
    background-position-x:86%;
}

.contact_page .banner{
    background-position-x: 22%;
}

.fa-caret-down::before{
    color: #88a850;
}




}