@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=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Huninn&display=swap');

/*公告*/
.fix_ad_box blockquote{
    max-height: 700px;
}

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

/*抬頭最上方文字*/
.header_text{
    background: #ffedf8;
   font-family: "Huninn", sans-serif;
}


/*抬頭icon*/
.tp_links{
    display: none;
}

.me_tp_features a.tp_btn_cart{
    color: #3b3b3b;
    font-weight: bold;
}

.me_tp_features a.tp_btn_notice{
    color: #3b3b3b;
    font-weight: bold;
}

.shop_search_btn{
    background: #fb97c0;
}

/*背景*/
.blog_page  #content,.blog_in_page   #content {
    background-image: url(https://pic03.eapple.com.tw/mno38/bottom_image.png);
    background-position: center bottom;
    background-repeat: no-repeat;
   
 }
 


/*版面*/
.other_select_page  .main_part{
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.other_page .main_part{
    width: 100%;
    max-width: 100%;
    padding: 0;
}


.blog_page  .main_part{
    width: 100%;
    max-width: 80%;
   
}

.blog_in_page  .main_part{
    width: 100%;
    max-width: 80%;
    margin: 4% auto 0 auto;
}

.product_page  .main_part{
    width: 100%;
    max-width: 80%;
}

.product_info_page .main_part{
    width: 100%;
    max-width: 74%;
    padding: 4% 20px;
}


.contact_page .main_part{
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0;
}

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



.contact_page .contact_editbox{
    padding: 0;
}







.me_tp_features a i{
    margin: 0 16px;
}

.me_tp_features{
    max-width: 98%;
}


.nav-brand{
    width: auto;
    display: block;
    max-width: 100%;
    margin: 0;
}

.nav-header{
    top: 18px;
}

.main_header_area {
    padding: 0;
    /* border-top: 40px solid #FAF3EB; */
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    text-align: center;
    background: #ffffff;
    box-shadow: 1px 1px 7px #e1e1e1;
}





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

.pageIndex .header_area {
    width: 100%;
    position: fixed;
    background: transparent;
    padding: 0;
}

.header_area{
    background: #ffffff;  
    padding: 0;
}

.main_header_area {
    padding: 0;
    /* border-top: 40px solid #FAF3EB; */
    position: relative;
}

.main_header_area::before {
    /* content: '商品”1+1免運”! 成為LINE好友即享商品保固！'; */
    font-family: "Noto Sans TC", sans-serif;
    letter-spacing: 3px;
    color: #666666;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    top: -35%;
    left: 50%;
    min-width: 100%;
    transform: translate(-50%, 0%);
}

.stellarnav{
    font-family: "Noto Sans TC", sans-serif;
    position: relative;
    width: 100%;
    padding: 0;
}

.stellarnav ul{
    margin: 0  auto;
    text-align: right;
}



.stellarnav > ul > li >  ul{
    border-radius: 16px;
    border:none;
    overflow: hidden;
    box-shadow: 1px 1px 7px #a3a0a080;
}


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





.stellarnav li li:hover{
    background-color: #faf3eb;
}



/*最新商品的第一個到第四個
買一送一
免運專區 
優惠折扣
限時特賣
*/
.stellarnav ul ul.show_all > li:nth-of-type(1),
.stellarnav ul ul.show_all > li:nth-of-type(2),
.stellarnav ul ul.show_all > li:nth-of-type(3),
.stellarnav ul ul.show_all > li:nth-of-type(4),
.stellarnav ul ul.show_all > li:nth-last-of-type(1){
    display: none;
}


.stellarnav li.has-sub > a:after{
    display: none;
}

.stellarnav > ul > li > a {
    font-family: "Huninn", sans-serif;
    letter-spacing: 3px;
    color: #121212;
    font-size: 18px;
    font-weight: 500;
    padding: 0;
}



/*選單底部hover線條*/
.stellarnav > ul > li::after {
    content: "";
    display: block;
    height: 5px;
    width: 0%;
    background: #F1DDC7;
    position: absolute;
    bottom: 5px;
    transition: all 0.3s;
    left: 50%;
    border-radius: 4px;
}

.stellarnav > ul > li:hover::after { 
    width: 100%;
    transition: all 0.3s;
    left: 0;
}



.stellarnav li.has-sub > a:after {
    top: 54%;
}


.stellarnav > ul > li.has-sub > a {
    padding-right: 0;
}



.stellarnav > ul > li{
    width: 144px;
    text-align: center;
}



.path{
    display: none;
}



/*內頁BANNER 設定*/
.banner{
    display: none;
}

.banner h5 {
    display: none;
}




/*文章管理2*/



.module_i_news .title_i_box{
    margin-top: 2%;
}

.module_i_news .title_i_box h4{
    color: transparent;
    position: relative;
}

.module_i_news .title_i_box h4::before {
    content: "";
    display: block;
    position: absolute;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 36px;
}
.module_i_news .title_i_box h6::before{
    content: "NEW";
    font-family: "Libre Baskerville", serif;
    font-size: 28px;
    color: #C6A557;
}

.module_i_news .title_i_box {
    margin-bottom: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;

}

.module_i_news li{
    text-align: center;
    position: relative;
    width: 100%;
}

.module_i_news li a {
    grid-template-columns: 1fr;
    position: relative;
}

.pageIndex  .module_i_news ul{
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
}


.i_blog_ri {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0%, -50%);
    background: #ffffffc2;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid #ffffffc2;
}


.module_i_news section{
    max-width: 90%;
}

.module_i_news ul{
    grid-gap: 40px;
}

.module_i_news li a:after{
    background: transparent;
    border: none;
}

.module_i_news li a:before {
    right: 50%;
    transform: translate(50%, 0%);
    color: #c6a557;
    content: 'MORE';
    font-family: 'Libre Baskerville';
    background: #ffffffc2;
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.i_blog_ri h5 {
    font-family: 'Noto Sans TC';
    color: #333333;
    font-size: 23px;
    letter-spacing: 1px;
    -webkit-line-clamp: 2;
    padding: 0 0 6% 0;
}

.i_blog_ri p {
    font-family: 'Noto Sans TC';
    color: #333333;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1px;
    text-align: justify;
    padding: 0 4%;
}

.module_i_news li a:before{
    right: 50%;
    transform: translate(0%, -50%);
}

.module_i_news li a:before {
    right: 50%;
    transform: translate(50%, 0%);
    color: #c6a557;
    content: 'MORE';
    font-family: 'Libre Baskerville';
}

.module_i_news .title_i_box{
    margin-bottom: 6%;
}

.i_blog_b{
    margin-top: 6%;
}

.i_blog_ri em {
    color: #ada17e;
    position: absolute;
    top: 4%;
    right: 4%;
}

.articel_mainPic  img{
    display: none;
}

.blog_page .blog_list_ri h5 {
    font-family: 'Noto Sans TC';
    color: #4d4d4d;
    margin-bottom: 2%;
    font-size: 22px;
    letter-spacing: 1px;
}

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

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


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

.subbox_item{
    border: 1px #DED7C5 solid;
    margin-bottom: 4%;
    background-color: #ffffff;
}

.blog_back{
    grid-gap: 15px;
    display: flex;
    flex-direction: row;
}



.blog_back a.article_btn_back{
    background: #faf3eb;
    border: 1px solid #daceb7;
    color: #888888;
    border-radius: 4px;
}

.blog_back a.article_btn_prev {
    background: #e4e4e4;
    border: 1px solid #cdcdcd;
    color: #888888;
    border-radius: 4px;
}

.blog_back a.article_btn_next{
    background: #e4e4e4;
    border: 1px solid #cdcdcd;
    color: #888888;
    border-radius: 4px;
}

.blog_back a.article_btn_back:hover{
    background: #c8b796;
    color: #ffffff;
}


.blog_back a.article_btn_next:hover,.blog_back a.article_btn_prev:hover{
    background: #888888;
    color: #ffffff;

}

.blog_box_edit *{
    font-family: 'Noto Sans TC';
    letter-spacing: 1px;
    color: #333333;
}

.news_related h6 span:before{
    color: #020202;
}

.lastPage{
    font-size: 16px;
    color: #ffffff;
    background: #dca54c;
    border-radius: 25px;
}

.accordion li .link{
    text-align: center;
}


.accordion li .link a{
    text-align: center;
    font-family: 'Noto Sans TC';
    font-size: 16px;
    font-weight: 500;
}

.blog_le{
    width: 22%;
}


.blog_ri{
    width: calc(100% - 23%);
    padding: 0 0 0 3%; 
}

.blog_page  .show_content,.blog_in_page  .show_content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}



.blog_list_ri{
    padding: 6% 4% 0 4%;
}


h4.blog_category_title{
    font-size: 26px;
    font-family: 'Noto Sans TC';
    letter-spacing: 1px;
    font-weight: 500;
    color: #5f5f5f;
}

.blog_box{
    padding: 5% 4% 4% 4%;
}

.blog_in_page .blog_box{
    padding: 5% 4% 4% 4%;
    box-shadow: 1px 1px 5px 4px #dcdcdc57;
    background: #ffffff;
    margin-bottom: 20%;
    border-radius: 10px;
}

.blog_back{
    grid-gap: 15px;
    width: 100%;
    margin: 0 auto;
}


h5.blog_le_t{
    color: #d8c7b2;
    text-align: center;
    font-family: 'Noto Sans TC';
    font-weight: 400;
}

.blog_list_ri p{
    color: #666;
    font-family: 'Noto Sans TC';
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 1px;
}

.subbox_item{
    width: 100%;
    border-radius: 14px;
}


.subbox_item a:before{
    content: 'MORE';
    opacity: 1;
    color: #3b3b3b;
    background: #faf3eb;
    width: 120px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_le .accordion{
    border: 1px #DED7C5 solid;
}



.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category{
    background: #faf3eb !important;
}

.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a{
    color: #555 !important;
}


.blog_search input[type=search]{
    border: solid 1px #ddd3c8;
}


.blog_list_le{
    width: 30%;
    padding: 10px;
}

.blog_list_ri{
    width: calc(100% - 31%);
}


.blog_back a.article_btn_next:hover, .blog_back a.article_btn_prev:hover{
    background: #e9d4bc;
    color: #3b3b3b;
}

.blog_back a.article_btn_back:hover{
    background: #dbba94;
    color: #3b3b3b;
}






/***********
分類隱藏產品
買一送一
免運專區 
優惠折扣
限時特賣
************/
.product-layer-two li:nth-child(1),
.product-layer-two li:nth-child(2),
.product-layer-two li:nth-child(3),
.product-layer-two li:nth-child(4){
    display: none;
}

.product-layer-two li{
    width: 100%;
    text-align: center;
}


.product_page  .show_content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}

.product_page .product-layer-two {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 16%;
}

.product_page .products-list {
    width: 100%;
    max-width: 80%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin-left: 4%;
}

.product_page .clearfix:before{
    display: none;
}

.product_page .products-list .item{
    width: 100%;
    padding: 0;
    margin: 0;
}


.product_info_page .product-layer-two{
   display: none;
}

/*分類*/
.product-layer-two li ul{
    position: relative;
    top: 0;
}

.pageIndex .prod_part{
    max-width: 100%;
    margin: auto;
    padding: 0;
    background-color: #fdf8f0;
}

.pageIndex .prod_part::before {
    content: '';
    position: absolute;
    background-image: url(https://pic03.eapple.com.tw/mno38/top_product_bk.png);
    width: 100%;
    height: 88px;
    background-position: top center;
}

.pageIndex .products-list {
    padding: 5% 0 4% 0;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: center;
    max-width: 80%;
    margin: 0 auto;
}

.pageIndex .i_prod_tit{
    display: none;
}





.product-layer-two li a{
    color: #333333;
    font-family: 'Noto Sans TC';
    font-weight: 500;
    padding: 8% 2%;
    border-radius: 4px;
}

.products-list .more {
    color: transparent;
    border: transparent;
    border-radius: 6px;
    background: #fb97c0;
    padding: 1.5% 0;
    transition: all .3s;
}

.products-list .item a:hover .more{
    background: #bb465f;
    color: transparent;
    transition: all .3s;
}


.products-list .more::before {
    color: #ffffff;
    content: '立即購買';
    position: absolute;
}

.products-list .price{
    text-align: center;
}

.products-list .price b{
    color: #fc505d;
}

.products-list .name{
    margin-top: 18px;
    font-size: 18px;
    text-align: center;
    color: #333333;
    font-family: 'Noto Sans TC';
    font-weight: 500;
}

.i_prod_b{
    display: none;
}

.pageIndex .products-list .item{
    padding: 0 20px;
    width: 100%;
}
.pageIndex .products-list:before{
    display: none;
}

ul.prod li h3.prod-thumb {
    background: transparent;
    color: #333333;
    font-size: 24px;
    text-align: left;
    padding: 0 40px;
    margin-bottom: 2%;
}

.prod-thumb::before{
    content: '';
    background-image: url(https://pic03.eapple.com.tw/mno38/eye_icon1.png);
    width: 33px;
    height: 34px;
    left: 0;
    position: absolute;
}

.half_box  span{
    font-family: 'Noto Sans TC';
    font-size: 18px;
    color: #333333;

}

.product_info_page .prod_related{
    background: #fdf8f0;
    border-radius: 200px;
    padding: 6% 0 1% 0;
    position: relative;
}

.product_info_page  .related_list{
    padding-bottom: 5%;
}

.related_list li a{
    background: transparent;
}

.related_list li a p{
    background: transparent;
    font-family: 'Noto Sans TC';
    font-size: 18px;
    color: #333333;
    font-weight: 400;
}

.prod_related h6 span:before{
    color: #3b3b3b;
    position: absolute;
   
}

.prod_related h6 span {
    position: absolute;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    z-index: 1;
    background: #ecdbc1;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
}

ul.prod li .prod-panel{
    font-family: 'Noto Sans TC';
    line-height: 150%;
    letter-spacing: 1px;
}

.product_info_page  ul.prod li{
    margin-bottom: 5%;
}

.qaform .breakF{
    border: none;
    background: #f4f4f4;
}

.lastaction {
    color: #ffffff;
    font-family: 'Noto Sans TC';
    font-size: 20px;
    background-color: #e6d8ae;
    background-image:url(https://pic03.eapple.com.tw/mno38/go_arrow.png);
    background-position: 98% center;
}

.nextaction{
    color: #ffffff;
    font-family: 'Noto Sans TC';
    font-size: 20px;
    background-color: #ccbd8e;
    background-image:url(https://pic03.eapple.com.tw/mno38/go_arrow.png);
    background-position: 98% center;
}


.half_box li.btn_blankTop{
    margin-top: 0;
}


.product_info_page ul.prod li  .btn_blankTop{
    display: flex;
}

.product_info_page .half_box{
    width: 100%;
}

/*驗證碼那欄位*/
.product_info_page .half_box:last-child  li:first-child {
    width: 10%;
}


.sidebarBtn{
    border: 1px solid #dcc1a2;
    box-shadow: 7px 7px 1px 2px #dcc1a2;
}


/*左邊欄位*/
.product_pic #bx-pager h6{
    display: none;
}


.product-wrapper{
    width: 100%;
}






/*聯絡我們*/
.contact_content{
    display: none;
}



/*頁腳*/
.box_link{
    display: none;
}

.footer {
    background: #ffedf8;
}



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

.footer_info ul{
    display: flex ;
    width: 100%;
}

.footer_info{
    grid-template-columns: 1fr;
    padding-right: 0;
}

.copy{
    color: #333333;
    font-family: "Noto Sans TC", serif;
    border-top: 1px #d2c2af solid;
}

.copy a{
    color: #333333;
    font-family: "Noto Sans TC", serif;
}

.copy a:hover{
    color: #333333;
    font-family: "Noto Sans TC", serif;
}

.footer_logo{
    margin: 2% 0 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.footer_info li{
    padding: 2% 0;
}



.footer_info li p{
    color: #333333;
    font-family: "Noto Sans TC", serif;
    font-weight: 500;
}

.footer_info li p a{
    color: #333333;
    font-family: "Noto Sans TC", serif;
    font-weight: 500;
}


.footer_menu a{
    color: #333333;
    background: #ffffff;
    border: none;
    width: 30%;
    text-align: center;
    padding: 2%;
    font-family: "Noto Sans TC", serif;
    font-weight: 500;
}


.footer_menu a:nth-child(1){
    display: none;
}

.footer_menu a:hover {
    background:#fdc5a4;
    color: #fff;
}

.footer_info li:nth-child(1){
    width: 80%;
    padding-left: 0.5%;
}

.footer_info li:nth-child(2){
    width: 58%;
}


/*購物車*/
.send_simple{
    background: #dca54c url(../images/simple_right.png) 88% center no-repeat;
}

.stepImg img{
    filter: hue-rotate(342deg);
}

.stepImg span.active{
    color: #ffa73b;
}

.separate_title{
    filter: hue-rotate(345deg);
}




@media screen and (max-width: 1700px) {
.main_header_area .container{
    max-width: 90%;
    width: 100%;
    margin: auto;
}

.nav-brand{
    margin: 1.6% 0 0 0;
}


}
@media screen and (max-width: 1500px) {
.main_header_area .container{
    max-width: 90%;
    width: 100%;
    margin: auto;
}

.stellarnav ul {
    width: 75%;
    margin: 0 auto;
}

.stellarnav > ul > li{
    width: 120px;
}

.nav-brand {
    margin: 1.8% 0 0 0;
}

}
@media screen and (max-width: 1300px) {
.stellarnav ul {  
    width: 80%;
    margin: 0 auto;
}

.blog_page #content, .blog_in_page #content{
    background-size: 100%;
}

/*文章*/
.blog_list_le{
    width: 38%;
}

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




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

/*抬頭公告*/    
.main_header_area::before{
    top: -30%;
}


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



.pageIndex .header_area{
    position: relative;
}

.stellarnav > ul > li{
    width: 104px;
}


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



.me_tp_features{
    padding: 1% 0 0 0;
}

.stellarnav{
    padding: 0; 
    width: 100%;
    margin: 0 auto;
}
.stellarnav ul {  
    width: 100%;
    margin: 0 auto;
}

    

.swiper-wrapper .swiper-slide.swiper-slide:nth-child(1)::after{
    width: 100%;
    max-width: 13%;
    height: 73%;
    top: 18%;
    -webkit-animation: none;
    animation: none;
}

.swiper-slide.swiper-slide-active:nth-child(1)::before{
    width: 100%;
    max-width: 12%;
    height: 20%;
    -webkit-animation: none;
    animation: none;
}

.swiper-wrapper .swiper-slide.swiper-slide:nth-child(2)::after{
    width: 100%;
    max-width: 13%;
    height: 73%;
    top: 18%;
    -webkit-animation: none;
    animation: none;
}

.swiper-slide.swiper-slide-active:nth-child(2)::before{
    width: 100%;
    max-width: 12%;
    height: 20%;
    -webkit-animation: none;
    animation: none;
}


.blog_page .main_part,.blog_in_page .main_part {
    width: 100%;
    max-width: 90%;
}





/*產品*/
.pageIndex .products-list{
    grid-template-columns: 1fr 1fr 1fr;
}

.product_page .main_part{
    width: 100%;
    max-width: 90%;
}

.product_page .products-list{
    grid-template-columns: 1fr 1fr 1fr;
}

.product_page .product-layer-two{
    width: 20%;
}

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




/*頁腳*/
.footer_info li:nth-child(2) {
    width: 68%;
}

.footer .center{
    max-width: 84%;
}

.footer_info li:nth-child(1){
    width: 100%;
}
.footer_info li:nth-child(2) {
    width: 48%;
}



}

@media screen and (max-width: 1024px) {
/*抬頭公告*/    
.main_header_area::before{
    top: -20%;
}


.stellarnav ul{
    margin: 0;
    
}

.stellarnav{
    padding: 3% 0 0 0;
}

.nav-brand{
    margin: 0 auto;
}

.me_tp_features {
    text-align: center;
}

.pageIndex .header_area{
    height: auto;
}

.stellarnav {
    padding: 0;
}

.stellarnav ul{
    text-align: center;
}

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



.product_page .products-list {
    grid-template-columns: 1fr 1fr;
    margin-left: 7%;
    width: 100%;
    max-width: 72%;
}

/*文章*/
.blog_list_le{
    width: 45%;
}

.blog_list_ri {
    width: calc(100% - 46%);
}




}
@media screen and (max-width: 980px) {
.main_header_area .container {
    max-width: 100%;
}



/*首頁產品*/
.products-list .item{
    width: 50%;
}


.product-layer-two{
    position: relative;
}



/*文章*/

.blog_page .main_part, .blog_in_page .main_part {
    width: 100%;
    max-width: 100%;
}

.blog_list_le{
    width: 100%;
    padding: 6%;
}



/*頁腳*/
.footer_info ul{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.footer_info li:nth-child(2) {
    width: 100%;
}









}

@media screen and (max-width: 768px) {
/*抬頭公告*/
.main_header_area::before {
    top: -30%;
}


    
/* 開啟手機板下方按鈕所需設定 */

.me_tp_features{
    padding: 0 0 2% 0;
}

.bannerindex { padding:0; margin:0;}
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}

.stellarnav ul {
    margin: 0;
}

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

.stellarnav > ul > li:after{
    display: none;
}

.stellarnav.mobile{
    top: 18%;
}

.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{
    background: #ffffff;
}


.nav-brand{
    margin: 0.8% auto 0 auto;
}

.stellarnav.mobile {
    top: 6%;
}

.me_tp_features{
    padding:0;
}

.box_search input[type=text]{
    border-radius: 0;
}


.stellarnav.mobile {
    top: 0;
   
}

.navigation {
    padding: 0;
}


.shop_search_btn {
    border-radius: 0;
}

.stellarnav > ul > li{
    text-align: left;
}

.stellarnav.mobile ul{
    background: #faf3eb;
}


.stellarnav a.dd-toggle .icon-plus:after{
    border-bottom: solid 3px #dfb456;
}

.stellarnav a.dd-toggle .icon-plus:before{
    border-bottom: solid 3px #dfb456;
}



/*首頁產品*/
.pageIndex .products-list{
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
}



/*文章*/
.blog_page .main_part, .blog_in_page .main_part{
    max-width: 90%;
    width: 100%;
}


/*頁腳*/
.footer_menu a{
    width: 49%;
}

.footer_info{
    padding: 0;
}

.footer_info li p{
    letter-spacing: 2px;
}
#bottom_menu{
    display: block;
    background: #e9d4bc;
}

#bottom_menu  .fa-phone-volume::before{
    color: #555555;
}

#bottom_menu .fa-phone-volume::after{
    right: 0;
    position: absolute;
}


.product_info_page .half_box:last-child li:first-child{
    width: 50%;
}

}

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

/*抬頭公告一串字*/
.main_header_area::before{
    font-size: 12px;
    top: -22%;
}


.product_page .show_content{
    flex-direction: column
}
.product_page .product-layer-two {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/*商品頁面分類下拉隱藏*/
.product-layer-two li ul{
    display: none;
}

.product_page .product-layer-two{
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}

.product_page .products-list {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 90%;
}

.pageIndex .products-list{
    grid-template-columns: 1fr;
}





}


@media screen and (max-width: 480px) {
.nav-brand img {
    max-width: 74%;
}

.box_search input[type=text]{
    width: 60%;
}


.box_search input[type=text]{
    padding: 2% 10px 2% 32px;
}
.shop_search_btn{
    border-radius: 0;
    padding: 9px 15px;
    position: relative;
}

.box_search {
    width: auto;
    display: block;
    margin: 0 auto;
}

.me_tp_features a{
    margin: 5% 0 0 0;
    font-size: 16px;
}





/*文章*/
.blog_le {
    width: 100%;
}

.blog_ri {
    width: 100%;
    padding: 0;
}

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

.blog_box {
    padding: 0;
}

.subbox_item a:before{
    right: 5%;
}


.blog_list_ri{
    padding: 8% 4% 14% 4%;
}

.blog_page .main_part, .blog_in_page .main_part{
    padding: 12% 0 0 0;
    margin-bottom: 6%;
}





/*頁腳*/
.footer .center{
    max-width: 90%;
}

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

.footer_menu a{
    width: 48%;
}



}



.stellarnav li li:hover{
    background-color: #faf3eb;
}


.stellarnav .show_all li:hover{
    background-color: transparent;
}
@media screen and (max-width: 585px) {
ul.prod li h3.prod-thumb{font-size: 16px;padding-left: 20px;display: flex;align-items: center;}
ul.prod li h3.prod-thumb::before{width: 15px;height: 15px;background-size: cover;}
}
@media screen and (max-width: 400px) {
.product_info_page .main_part{
    padding: 4% 0;
    max-width: 90%;
}
}