@charset "utf-8";

/*
關於CSS設定說明
CSS屬性是會繼承的，而且還是由上往下繼承。
同樣元素設定16px 後 12px 再 15px 最後會以最後設定的15px為準
但是有兩種情況除外:
1.絕對路徑命名. 如: .xx .yy .zz p {設定值;}
2.important.  如: .xx p {設定值 !important;}

CSS3選取器語法 :nth-child(n) 

*/

body{background: url(../images/35d_bgAll.jpg) top center;}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*上方選單解除滑動固定
.header_area.sticky { position:relative;}
*/


/*上方選單右邊設定 臉書/LINE/電話/信箱
.tp_links a:before {寬高大小設定}
.tp_links a.me_tp_fb {}
.tp_links a.me_tp_fb:before {背景換圖/建議.SVG}
.tp_links a.me_tp_line {}
.tp_links a.me_tp_line:before {背景換圖/建議.SVG}
*/
.tp_links a.me_tp_call {display:none !important;}
.tp_links a.me_tp_call:before {/*背景換圖/建議.SVG*/}
.tp_links a.me_tp_mail {display:none !important;}
.tp_links a.me_tp_mail:before {/*背景換圖/建議.SVG*/}



/*電腦LOGO
.nav-brand {}
*/
/* .nav-header {display: inline-block;text-align: center;width: 100%;}
.nav-brand{width: 90px;margin-bottom: 15px;}
.nav-brand img {max-width: 100%;width: 100%;} */


/*手機LOGO
.nav-brand-m {}
*/



/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*麵包屑*/
.path {max-width: 1120px;margin: 0 auto;}
.path img{display: block;margin: 0 auto;margin-bottom: 5px;}
/*按鈕*/


/*header*/
/* .header_area.sticky {background:#730C02;} */
.nav-brand, .header_area.sticky .nav-brand.nav-menu, .header_area.sticky .nav-menu, .main_header_area, .header_area.sticky .main_header_area{transition: all 0.5s;}
.header_area.sticky .nav-brand{width: 140px;}
.header_area.sticky .main_header_area .container{padding: 10px;}
.tp_links{display: none !important;}
/*主選單*/
/* .nav-menu {text-align: center;padding-left: 0;}
.align-to-right {float: none;}
.nav-header {position: relative;}
.nav-menu {margin: 0 auto;}
.nav-menu > li:hover{background-color: #FFD062;cursor: pointer;}
.nav-menu > li > a {margin: 5px 10px; color: #000;letter-spacing: 2px;padding: 12px 20px;font-size: 20px;font-weight: 600;display: inline-block;} */


.submenu-indicator-chevron {border-color: transparent #D0D0D0 #D0D0D0 transparent;}
.nav-menu>li:hover>a .submenu-indicator-chevron, .nav-menu>.active>a .submenu-indicator-chevron, .nav-menu>.focus>a .submenu-indicator-chevron {border-color:#D96C6C}
	
/*下拉按鈕*/
.nav-dropdown > li:hover{background: #A72126;}
.nav-dropdown > li:hover a{color: #F8EFC5;}

/*購物車*/
.me_tp_features{z-index:999;}
.me_tp_features a{color: #5B5B5B;}


/*首頁最新商品*/


/*極致餅藝頁面*/
.other_select_page .promotion_title h2 {display: none;}
.other_select_page .promotion_title {display: none;}
.other_select_page .clearfix {display: none;}
.other_select_page .page {display: none;}
/*.other_promotion li a {color: #AF3F3F; font-weight:bold;}
.other_promotion li:hover {border-top: 1px solid #730C02;}*/

/*訂購美味頁面*/
.products-list .name {height: 30px;}

.product-layer-two li ul {display: none;}
.product-layer-two li a:after {
    position: absolute;
    content: '';
    display: block;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 20px 10px 0px;
    border-color: transparent transparent transparent transparent !important;
    transform: translateX(-50%) rotate(-90deg);
}

.sidebarBtn {border: none;}
.lastPage {background: #333333; border-radius: 5px; transition: .3s;}
.lastPage:hover, .lastPage:active{background: #A72126;}
.sidebarBtn .price {color: #D90000; font-size: 22px; font-weight: 900; padding: 0 0 15px; border-bottom: 1px dashed #CCCCCC;}
.sidebarBtn .price span{font-size: 18px;}
input[type="submit"].action-button {background: #FFFFFF; border: 1px solid #A72126; color: #A72126;}
input[type="submit"].action-button:hover {background-color: #A72126; color: #FFFFFF;}
.block {border-radius: 50%;}
.lastaction {background-color: #BDAEA8; border-radius: 5px; transition: .3s;}
.lastaction:hover, .lastaction:active{background-color: #92776D;}
.nextaction {background-color: #333333; border-radius: 5px; transition: .3s;}
.nextaction:hover, .nextaction:active{background-color: #A72126;}



/*購物車頁面*/
.rewrite_simple {background: #BDAEA8 url(../images/simple_left.png) 10% center no-repeat;color:#FFF; transition: .3s;}
.rewrite_simple:hover, .rewrite_simple:active{background-color: #92776D;}
.send_simple {background: #333333 url(../images/simple_right.png) 88% center no-repeat; transition: .3s;}
.send_simple:hover, .send_simple:active{background-color: #A72126;}
.bx-wrapper img { width:100%;}
/*footer*/
.footer {background-image: url(../images/35d_footerBg.jpg) !important; background-position: top center;}
.footer_info li p,
.footer_info li p a {color: #333333;}
.footer_menu a {color: #333333; background: none; position: relative;}
.footer_menu a+a{border-left: 1px solid #CCCCCC;}
.footer_menu a:hover {color: #A72126; font-weight: 500;}

.formbox_form.form, .separate_title, .total_amount, .form.declaration {font-family: '微軟正黑體', Arial;}

/*聯絡我們*/
.noborder {border: 1px solid #d5d5d5;}
.list_before.info li:last-child {padding-left: 0px;}

/*預設解除背景輪播*/
#content_main {margin:0;}
.bannerindex {position:static;height:auto;}
.swiper-banner {position:static;margin:0; height:auto;} 
.swiper-slide img {height:auto;}
@media screen and (max-width: 768px) {
.bannerindex {padding:0; margin:0;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*內頁BANNER 設定*/

.banner{height: 400px; max-height: 50vw; background-size: cover !important; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap;}
.banner h5 {color:#fff;text-shadow: 3px 3px 5px #000;letter-spacing: .07em; font-size: 50px; font-weight: 900;}
.banner.banD {}
.banner.banB {background: url(../images/35d_memBan.jpg) center no-repeat;}
.banner.banF {}
.banner.banblog {}
.contact_page .banner{background: url(../images/35d_contBan.jpg) center no-repeat;}
.banblog{background:url(../images/35d_blogBan.jpg) center no-repeat;}
.productBan{background: url(../images/35d_prodBan.jpg) center no-repeat;}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*相本分類全版面 ( 限制最寬2000px
.work_page .main_part { max-width:2000px;}
.work_page .show_content { padding:0; width:100%;}
.work_page .show-list .item { width:33%; display:inline-block; float:none; margin:0; padding:0;}
@media screen and (max-width: 768px) {
.work_page .show-list .item { width:49%;}
}
@media screen and (max-width: 570px) {
.work_page .show-list .item { width:100%;}
}
.work_page .show-list .item a { max-width:100%;}
.work_page .show-list .show_pic { height:auto; line-height:0;}
.work_page .show-list .show_pic img { max-width:100%; max-height:100%;}
.work_page .show-list .show_name { position:absolute; top:50%; right:10%; width:80%; height:auto; line-height:160%; font-size: 20px; color: #FFFFFF !important; border: solid 1px #fff; text-align: center; margin: -20px 0 0 -120px; padding:5px 20px; transition:all ease-in .3s; opacity:0;}
.work_page .show-list .item:hover .show_name {opacity:1;}
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*相本列表
.work_info_page .main_part { max-width:2000px;}
.work_info_page .show_content { padding:0; width:100%;}
.work_info_page .subalbum-menu { text-align:center;}
.work_info_page .subalbum-menu h2 { float:none;}
.work_info_page .pic-list .item { margin:0; padding:10px; width:49%; float:none; display:inline-block;}
@media screen and (max-width: 768px) {
.work_info_page .pic-list .item { width:100%;}
}
.work_info_page .pic-list .show_pic { height:auto; line-height:0;}
.work_info_page .pic-list .show_pic img { max-width:100%; max-height:100%;}
.work_info_page .pic-list .item a { max-width:100%; pointer-events: none; cursor: default; } 取消連結被點擊效果
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

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

	.nav-menu > li > a {
	    margin: 5px 2px;
	    padding: 12px 10px;
	}

}




@media screen and (max-width: 768px) {
.main_header_area .container{padding: 10px 10px;}
.nav-header{display: block; margin: 0 auto;}
.nav-brand{width: auto;}
.nav-brand img{height: 60px;}
/* .product-layer-two li a {margin-bottom: 20px;} */
.banner h5{font-size: 8vw;}
}

@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}

/*header*/
.header_area {position: relative; width: auto;background-color: #FFF;}
/*.main_header_area {height:130px;}*/
.nav-header {padding: 10px 10px 0 10px;}

/*logo*/


/*漢堡選單*/
.nav-toggle {right: 0;left: 10px;}
.navigation-portrait .nav-toggle {color: #000;margin-top: 5px;}
.nav-toggle:before {background-color: #000;box-shadow: 0 0.5em 0 0 #000, 0 1em 0 0 #000;}

/*主選單*/
.nav-menu > li > a {color: #000;}

}

@media screen and (max-width: 600px) { 
/* .products-list .item {width:80%; margin: 0 0 10px;} */
}

@media (max-width:450px) {
.banner h5{font-size: 9vw;}
}