@charset "utf-8";
/*全懋二手餐飲設備*/

/* 頁面的麵包屑 首頁/頁面名稱/ */
.path { display:none;}

/*首頁+聯絡按鈕*/
.animated-arrow {background: linear-gradient(to left, #d9b068, #6f5737);}
.swiper-pagination { margin-left: -20px;}
.pageIndex .main_part { border-top: none;}

/*隱藏首頁編輯器部分*/
/*.pageIndex .main_part:nth-child(1) { display: none!important;}*/
/*.news_part{display: none;}*/

/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.pageIndex .header_area { position: fixed;    width: 100%;}
.swiper-banner { position:static; margin:0; height:auto;}
.swiper-slide img { height:auto;}


/*-------------------------------------------------------------------------*/
/*header右側按鈕*/
.tp_links{display: none !important;}
.tp_links a:before { width: 30px; height: 30px;margin: -10px 0px;}
.tp_links a.me_tp_fb:before { background-image: url(https://pic03.eapple.com.tw/chmau/tp_fb.png) !important;}
.tp_links a.me_tp_line:before { background-image: url(https://pic03.eapple.com.tw/chmau/tp_line.png) !important;}
.tp_links a.me_tp_call:before { background-image: url(https://pic03.eapple.com.tw/chmau/tp_call.png) !important;}
.tp_links a.me_tp_mail:before{ background-image: url(https://pic03.eapple.com.tw/chmau/tp_email.png) !important;}
/*-------------------------------------------------------------------------*/


/*選單設定*/

.main_header_area {
    background: #f7f7f7;
    padding: 0px 0px 0px;
    background: linear-gradient(to top, hsl(0deg 0% 100%), rgb(248 248 248));
    background-size: 100%;
    box-shadow: 0 0 8px rgb(0 0 0 / 40%);
    /* border-top: 3px solid #f98b02; */
}
#menuTop ul { margin-top: 15px; }
.nav-menu { flex-wrap: wrap; margin: 20px 0; display: flex; align-items: center; padding: 0 10px 0 330px;}
/*商品過多_改卷軸式*/
.nav-menu>li>.nav-dropdown {
    border: solid 1px #f0f0f0;
    overflow: scroll;
    height: 600px;
}
/*隱藏第7個按紐*/
.nav-menu>li:nth-child(7) {display: none;}
.nav-menu>li:not(.tp_links) {  padding-right: 15px;}

.nav-dropdown > li { text-align: center;}
.nav-menu > li > a {font-size: 20px; color: #555555; padding: 15px 10px; position: relative;letter-spacing: 0.5px; font-weight: bold;}
.nav-menu > li:hover > a, .nav-menu>li.active>a, .nav-menu>li.focus>a { color: #000000;font-weight: bold;}
.nav-dropdown>li:hover>a, .nav-dropdown>li.focus>a { color: #f49028;}

/*滑動特效*/
.nav-menu > li > a:not(.tp_links a):before{ 
content: ""; position: absolute; height: 1px; background: #dab268;width:0; transition:all 0.3s; top: 0; left: 0;}
.nav-menu > li > a:not(.tp_links a):after{ 
content: ""; position: absolute; height: 1px; background: #dab268;width:0; transition:all 0.3s; bottom: 0; right: 0;}
.nav-menu > li:hover > a:not(.tp_links a):before {width: 100%;}
.nav-menu > li:hover > a:not(.tp_links a):after {width: 100%;}


/*下拉*/
.nav-dropdown>li>a { font-size: 15px;background: #ffffff; width: 100%; transition: 0.2s; text-align: left;}
.nav-dropdown>li>a:hover {transition: 0.2s; background-color: #777777; color: #ffffff;}
.nav-menus-wrapper-close-button { color: #000000;}
.nav-dropdown>li:hover>a .submenu-indicator-chevron, .nav-dropdown>.focus>a .submenu-indicator-chevron {
	 border-color: transparent #9f8467 #9f8467 transparent;}
.submenu-indicator-chevron {border-color: transparent #9f8467 #9f8467 transparent;}

/*手機選單*/
.nav-toggle:before { background-color: #777; box-shadow: 0 0.5em 0 0 #777, 0 1em 0 0 #777;}
.navigation-portrait .nav-menus-wrapper { background-color: #ffffff;}
.nav-toggle:after { color: #777;}


/*-------------------------------------------------------------------------------------------------*/

/*LOGO設定*/
.nav-header { padding: 10px 0 0;}
.nav-brand { width: 100%; }
.nav-brand img { margin-top:0; max-width: 100%;}


/*-------------------------------------------------------------------------------------------------*/
/*Footer*/
.box_link {display:none;}

.footer {
	border-top: 1px solid #dddddd;
	padding: 70px 0 0;
	background: #f8f8f8;
    background-image: url(https://pic03.eapple.com.tw/chmau/footer.jpg) !important;
	background-position: center bottom;
    background-size: 100%;
}
.footer_menu { border-bottom: none !important;}
.footer_menu a { transition: all 0.3s; color:#ffffff; border: none; background:#777777;; margin: 0 3px;  border-radius: 3px;}
.footer_menu a:hover {color: #ffffff; background: #856a41;}
.footer_info { padding: 0 0 30px;}
.footer_info li p, .footer_info li p a { color: #333333; width: 100%;}
.footer_info li:nth-child(2) {width: 100%; margin: 10px 0 0;}
.footer_info li:nth-child(1) {width: 100%;}
.copy { background:#777777;; color: #ffffff; border-top: none; margin-top: 8px;}
.copy a{ color: #ffffff;}

/*隱藏footer_logo*/
.footer_logo { margin-right: 70px;}
.footer_info ul { width: calc(100% - 600px);}

/*隱藏footer資訊*/
.footer_info ul > li p:nth-child(3) { display:none;}
.footer_info ul > li p:nth-child(4) {color:#333333;}
.footer_info li p.tel2:before {content: '官方line：';}



/*-------------------------------------------------------------------------------------------------*/
/*內頁BANNER 設定*/
.banner {
    background-color: #eeeeee;
    height: 500px;
    position: relative;
    box-shadow: none;
	background-position: center;
}
.banner h5 {
	display:none;
     /* color: #333333;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 40px;
    font-weight: bold;
   text-shadow: 1px 1px 4px #000; */
}
.banA { background-image: url(https://pic03.eapple.com.tw/chmau/banA.jpg); }
.banB { background-image: url(https://pic03.eapple.com.tw/chmau/banB.jpg); }
.banC { background-image: url(https://pic03.eapple.com.tw/chmau/banC.jpg); }
.banD { background-image: url(https://pic03.eapple.com.tw/chmau/banD.jpg); }
.banE { background-image: url(https://pic03.eapple.com.tw/chmau/banE.jpg); }
.banF { background-image: url(https://pic03.eapple.com.tw/chmau/banF.jpg); }
.banner.banblog{ background-image: url(https://pic03.eapple.com.tw/chmau/banblog.jpg); }




/*-------------------------------------------------------------------------*/
/*購物車*/

.product_main { width: 70%; padding: 0 70px 0 10px;}
.products-list .item { text-align: center;}
.products-list .more { width: 150px;border-radius: 50px; display: inline-block;border: 1px solid #cccccc;color: #333333;}
.products-list a:hover .more { background: #856a41; border-color: #856a41;  color: #ffffff; }
.products-list .pic { padding-bottom: 260px;}
.products-list .pic img{height: 260px;}
.products-list .price b {color: #856a41; font-size: 16px;}
.product_info li:nth-child(2) { display:none;}
.toShare a object { width: 70px!important; height: 70px!important;}

.sidebarBtn { border: 2px #eee solid;}
.bx-wrapper img{ max-width: 600px;}
.product_pic { padding-left: 0px;}
.product_pic .bx-wrapper { width: 100%!important;}
.product_pic #bx-pager a img { width: auto; height: inherit;}
.product_pic #bx-pager { left: 90%!important;}
.product-layer-two { /*text-align: center;*/margin: 20px 20px;}
.product-layer-two li { width: auto;text-align: center;}
.product-layer-two li a { transition: all 0.3s ease-out 0s; border: 1px solid #ccc!important; border-radius: 5px;}
.product-layer-two li.active a { background:#856a41; color: #fff;}
.product-layer-two li a:hover { background: #ebd477; border: 1px solid #ffffff; color: #000000;}
.product-layer-two li a:after { display:none;}
.product-layer-two li:hover ul { border: none !important; border-top: none !important;}
.product-layer-two li li a { background: #f4f4f4; margin: -4px 0 0; padding: 10px 8px;}
.product-layer-two li:hover li { padding: 1px 0;}
.product-layer-two li li { background: none;  width: 91%;  margin: auto;}

.lastaction {color: #c2944a; background-color: #f2e4c9;}
.nextaction { color: #fff; background: linear-gradient(to left, #d9b068, #6f5737);}
.action-button { display:none;}
.show_content {width: 100%; padding: 50px 0px;}
.related_list li a img { max-width: 100%; max-height: 250px;}
.lastPage{background: linear-gradient(to left, #d9b068, #6f5737);}


/*購物車(線上詢價)按鈕-祥意改*/
.inquiry_a2{background-color: #2a74b9; border-radius: 5px;transition: 0.3s ease;}
.inquiry_a2:hover{background-color: #ea7777; border-radius: 5px;}




@media screen and (max-width: 1024px) {
.nav-brand img { margin-top: 0;}
.footer_info { padding: 0 50px 40px 0;}
.footer_info ul { width: calc(100% - 380px);}

/*-------------------------------------------------------------------------------------------------*/
/*手機bottom_menu選單*/
#bottom_menu li:first-child:nth-last-child(3), #bottom_menu li:first-child:nth-last-child(3) ~ li{width: 100%;}
#bottom_menu li:nth-child(2){}
#bottom_menu li:nth-child(3){}
#bottom_menu { display: inline; background: #ffffff;}
#bottom_menu li { border-right: 1px solid #4a3b2f;}
#bottom_menu li a { color:#ad8b53;}
.fa-home:before { color: #ad8b53;}
/*-------------------------------------------------------------------------------------------------*/

}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
.pageIndex .header_area { position: relative;}
.contact_content .information_left , .contact_content .information_right{width: 100%;}
.nav-dropdown>li>a { background: #dddddd;}
.nav-menu {margin: 0; padding:5px;}
.nav-brand { max-width: 240px; margin: 6px 0 0 0px;}
.nav-brand img { margin: 0;}

<!------------------------------------------------------------------------->
/*MENU裡LOGO顯示*/
.nav-brand-m img { max-width: 300px; width: 100%;}
.nav-brand-m { display: block; text-align: left; padding: 40px 20px 0;}
/*MENU裡隱藏ICON*/
.navigation-portrait .nav-menu>li:last-child { display: none;}
/*MENU裡按鈕上下間距*/
.navigation-portrait .nav-menu > li > a { padding: 15px 15px;}
<!------------------------------------------------------------------------->

.footer { background-size: auto;}
.footer_logo { margin-right: 0; width: 100%; text-align: left;}
.footer_menu a {margin: 5px 3px;}
.footer.with_shopping_mode { padding:60px 0 70px; }
.footer_info { padding: 0 50px 40px;}
.footer_info ul {  width: calc(100% - 0px); text-align: left;}
.footer_info li:nth-child(2) { margin-top: 10px;}


.product_main { width: 100%; padding: 0 0px;}
.related_list li a { height: 320px;}
.bx-wrapper img {max-width: 100%;}
.product_pic .bx-wrapper .bx-viewport { height: 700px !important;}
}

@media screen and (max-width: 600px) {
.bannerindex { padding:0;}
.nav-dropdown>li>a:hover { background-color: #f4b628; color: #333;}
.pic-list .item { width: 20%;}
}

@media screen and (max-width: 480px) {
.pic-list .item { width: 45%;}
.footer_info { padding: 30px 20px;}
.footer_info li:nth-child(2) { margin-top: 0px;}
.footer img {width: 250px;}



.banA {background-size: 350%; height: 260px;}
.banB {background-size: 350%; height: 260px;}
.banC {background-size: 350%; height: 260px;}
.banD {background-size: 350%; height: 260px;}
.banE {background-size: 350%; height: 260px;}
.banF {background-size: 350%; height: 260px;}
.banner.banblog{background-size: 350%; height: 260px;}


}