@charset "utf-8";

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

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

*/

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


/*上方選單解除滑動固定
.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 {}
.tp_links a.me_tp_call:before {背景換圖/建議.SVG}
.tp_links a.me_tp_mail {}
.tp_links a.me_tp_mail:before {背景換圖/建議.SVG}
*/
/* ************************************************************ */
/*碰觸特效*/
/*hover動畫*/
/*
.nav-menu>li {    position: relative;}
.nav-menu>li:after {
    content: "";
    left: 0;
    width: 0;
    transition: all 0.3s;
    height: 4px;
    position: absolute;
    background: #7d262b;
    bottom: 0;
}
.nav-menu>li:hover:after {    width: 100%;}
.nav-menu>li:nth-child(7):hover:after {    width: 0%;}*/
/***************************************************************/
/*LOGO*/

/*選單LOGO*/
.nav-header {top: 3px;}
.nav-brand img { max-width:290px; }

.nav-menu>li:nth-child(9){display:none;}
.footer_menu a:nth-last-child(1) { display: none;}

/*底部*/
.footer_logo img {width: 290px;}
.news_part {display: none;}
.tp_links a.me_tp_mail:before {display:none;}
.nav-menu>li:nth-last-child(0n+1) {display: none;}

.pageIndex .main_part { border-top: none;}

/*header*/
/*.pageIndex .header_area { position: fixed; width: 100%;}
.main_header_area { background: rgba(255 255 255 / 80%);}
.nav-header { padding:5px;}*/
.main_part {
    width: 100%;
    margin: 0 auto;}
	
.main_header_area {
    background:#ffffffdb;
    box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
    height: 65px;
}
.nav-menu {
    margin: 12px 0 5px 0;
    list-style: none;
    line-height: normal;
    padding: 0 10px 0 200px;
    text-align: right;
}
.nav-menu > li > a {
    color: #71584a;
    margin: 0 10px;
    padding: 10px 5px;
    font-size: 16px;
    letter-spacing: 3px;
    font-weight: 550;
}
.nav-menu>li:hover>a {color:#e9aa38;}

.nav-dropdown>li>a {color:#71584a;font-size:14.5px; letter-spacing:2px;}
.nav-dropdown > li > a:hover { color:#71584a;background:#fff;}

/*footer*/
.footer_info { margin: 0; padding: 0;}
.footer_info li p.add:before { content: '桃園服務處：';}
.footer_info li p.add2:before { content: '台北服務處：';}
.footer {
    padding: 30px 0 0 0;
    background:#f7c38e40;
    position: relative;
    z-index: 99;
	border-top: 6px solid #fff;
}
.footer_menu a {
    display: inline-block;
    padding: 7px 10px;
    border: 1px #695040a8 solid;
    border-radius: 100px;
    margin: 0 5px 10px 0;
    letter-spacing: 3px;
    font-size: 14.5px;
    line-height: 100%;
    color: #695040;
    background: #ffffff26;
}

.footer_menu a:hover {
    background: #695040a8;
    border: 0.5px #695040a8 solid;
    color: #fff;
}
.footer_info li p {
    line-height: 165%;
    letter-spacing: 3px;
    color: #333;
    font-size: 15px;}
	
.footer_info li { padding: 0;}

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

.footer_info li p.tel2:before { content: '手機：';}
.footer_info li p.phone:before { content: 'LINE ID：';}
.footer_info li p.fax:before { content: 'LINE ID：';}

.copy {
    color: white;
    border-top: 1px #f1f1f1 solid;
    background: #695040;
    letter-spacing: 3px;
    font-size: 13.5px;
}
.copy a { color: #FFF;font-weight:550; font-size:14.5px; }  /*揚京快客連結顏色*/
.copy a:hover {color: #FFF;}    /*揚京快客連結-碰觸顏色*/


/*文章分類按鍵範圍*/
.link a { width: 100%; display: block; padding: 15px 15px;}
.accordion li .link { padding: 0;}

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

/*預設解除背景輪播*/
#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;}
}

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

.main_part {padding: 5px 15px;}
.path {display:none;}

/*內頁BANNER 設定*/
.banner {
    padding: 75px 0 10px 0;
    margin-bottom: 50px;
    background: #ffffff00;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner h5 {
    display: block;
    font-size: 24px;
    border-radius: 5px;
    letter-spacing: 13px;
    color: #b57f48;
    border: 1.5px #c49845 solid;
    width: 230px;
    margin: 0 auto;
    padding: 6px;
}

.blog_page .banner h5 { width: 235px; }
.other_page .banner { display: none;}

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

/*按鍵*/

/*聯絡我們*/
.animated-arrow { background: #cfa83c;}
.FAX:before {content: "LINE";}

.TEL:before, .TEL2:before, .PHONE:before, .FAX:before, .TAXID:before, .MAIL:before, .ADD:before, .ADD2:before {
    position: absolute;
    display: block;
    width: 35px;
    left: 0;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
}
.list_before.info li { padding-left: 36px;letter-spacing: 2px;color: #6f5647;}
	
.TEL2:before { content: "手機";}

.blank_letter {font-size: 25px; letter-spacing: 5px;color: #cfa83c;}
.contact_form li .form__label { color: #795548; font-weight: 550; font-size: 15px; letter-spacing: 1px;}


.contact_content .information_left { width: 325px;}
.contact_content .information_right { width: calc(100% - 350px);padding-left: 30px;}
.noborder { border: 1px #e7912373 solid; border-radius: 5px;}	
.contact_form li { border-bottom: none;}

.map_page #content { width: 100%; background-image: url(https://pic03.eapple.com.tw/wantelife/0_0.jpg);}
.contact_page #content { width: 100%; background-image: url(https://pic03.eapple.com.tw/wantelife/0_0.jpg);}

.contact_page .main_part { padding: 20px 20px;}	
.contact_content { padding: 10px 0 50px 0;}

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

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

/* 禮儀契約*/

.other_select_page #content { width: 100%; background: #fdf0e385;}
.other_select_page .promotion_title { border-bottom: none;}

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

.other_promotion li {    background:#fbeabe;}
.other_select_page .banner { display: none;}


/*公司簡介*/

.promotion_title h2 {
    font-size: 25px;
    font-weight: 550;
    letter-spacing: 5px;
    color: #695040;
    border-bottom: 1px solid #ffffff00;
    padding-bottom: 2px;
    margin-bottom: 1px;
    margin-top: 35px;
    text-align: center;
}
.promotion_title span {
    font-size: 20px;
    color: #b57e46;
}

.other_promotion li:hover { border-top: 1px solid #fff;}
.other_promotion li { border-top: 1px solid #e5e5e500;}

.other_select_page .promotion_title h2 { display: none;}

.other_select_page .clearfix {
    display: flex;
    justify-content: center;
    margin-top: 0;
    flex-direction: row;
    flex-wrap: wrap;
    background: #fff;
}

.other_select_page .other_promotion li {  width: 25%; }

.time {display: none;}
.promotion_title { border-bottom: 1px solid #ada17e82;}

.other_promotion .pmtTitle h3 {
    font-size: 18px;
    color: #6a5141;
    text-align: center;
    letter-spacing: 3px;
    margin-top: 10px;
}
	
/*.other_select_page .animated15 { display: none;}
.other_select_page .other_promotion li { display: none;}
*/

/*文章分享-補助資訊*/

.share_page #content { width: 100%; background: #fdf0e385; line-height: 33px;letter-spacing: 2px;}
.other_promotion li {width: 22%; padding: 5px 10px; border-top: 1px solid #e5e5e5; font-size: 13px; color:#666;}	
.other_promotion .pmtTime { display: none;}
.share_page td, th { padding: 10px;}
.share_page #content { width: 100%; background-image: url(https://pic03.eapple.com.tw/wantelife/0_0.jpg);}
	
.share_page .banner { display:none;}


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

/*禮儀小百科-文章*/

.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a {
    color: #fff !important;
    background: #e8bc41;
    font-size: 17px;
    letter-spacing: 5px;
    text-align: center;
}
.blog_page .link a {
    width: 100%;
    display: block;
    padding: 15px 15px;
    font-size: 18px;
    letter-spacing: 3px;
    text-align: center;
    background: #ffffff63;
    color: #795548;
}
.blog_list_ri em {display: none;}

.subbox_item a:before {
	border-radius: 5px;
    background: rgb(232 188 64);
    color: #ffffff;}

.subbox_item a:after {
    background: rgb(242 242 242 / 53%);
    border: 1px #e8bc40 solid;
	border-radius:5px;}

.blog_back { display: none;}
.submenu a {
    display: block;
    position: relative;
    color: #795548;
    padding: 12px 12px 12px 25px;
    transition: all 0.5s ease;
    font-size: 16px;
    background: #f6f1eb;
    font-weight: 550;
}

/*臨終資訊*/
.blog_box_edit { margin-bottom: 100px;}
.blog_box_edit * { line-height: 195%;}

/*友善連結*/

.blog_page h4.blog_category_title {display: none;}
.blog_in_page #content { width: 100%; background-image: url(https://pic03.eapple.com.tw/wantelife/0_0.jpg);}
.blog_page #content { width: 100%; background-image: url(https://pic03.eapple.com.tw/wantelife/0_0.jpg);}
.other_select_page #content { width: 100%; background-image: url(https://pic03.eapple.com.tw/wantelife/0_0.jpg);}

.blog_list_le img {
    max-width: 85%;
    border-radius: 100px;
    margin-bottom: 10px;
}

h4.blog_category_title {
    color: #795548;
    font-size: 21px;
    text-align: center;
    letter-spacing: 10px;
    background: #ffffff85;
    border: 1px #79554861 solid;
    width: 265px;
    padding: 8px 0;
    margin: 0 auto;
    margin-top: 60px;
    border-radius: 5px;
}

.blog_list_ri h5 {
    font-weight: 550;
    font-size: 20px;
    letter-spacing: 5px;
    color: #333;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 50px;
}
.blog_in_page .blog_le { width: 220px; margin-left: 30px; margin-top: 50px;}
.blog_le { width: 220px;  margin-left: 20px;  margin-top: 0;}

.blog_ri { width: calc(100% - 335px); padding: 0 0 0 80px;}	   
.blog_le .accordion {border: 1px #fff solid;}

.blog_in_page .link a {
    width: 100%;
    display: block;
    padding: 15px 15px;
    text-align: center;
    font-size: 16.5px;
    letter-spacing: 5px;
}
.blog_box_edit img {  border-radius: 15px;}

.page li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 27px;
    font-size: 17px;
}
.page strong, .page a:hover { background: #795548; color: #fff;}


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

/*相簿-禮儀會場*/
.album_page #content { width: 100%; background-image: url(https://pic03.eapple.com.tw/wantelife/0_0.jpg);}
.album_info_page #content { width: 100%; background-image: url(https://pic03.eapple.com.tw/wantelife/0_0.jpg);}

.other_album:before {  background: #e8bc40;}

.overlay {background: rgb(244 199 70 / 55%);}

.show-list .show_name { font-size: 18px; color: #796152; letter-spacing: 5px; text-align: center;}
.show-list .item:hover .show_name { color: #f8b720; letter-spacing: 10px;}
.album_fixed_title {
    font-size: 19px;
    letter-spacing: 1px;
    color: #666;
    margin-top: -15px;
    padding-right: 30pxpx;
    display: inline-block;
    position: relative;
    background: #fcecca;
    border: 1.5px solid #e8bc40;
    padding-left: 15px;
}
.show_content {
    width: 100%;
    margin: 0 0 65px 0;
    padding: 10px;
}
/* = = = = = = = = = = = = = = 分 隔 線 = = = = = = = = = = = = = = == = = */

/*補助資訊*/


/*購物車*/

.product_page #content { width: 100%; background-image: url(https://pic03.eapple.com.tw/wantelife/0_0.jpg);}
.product_info_page #content { width: 100%; background-image: url(https://pic03.eapple.com.tw/wantelife/0_0.jpg);}
.product_page .banner { padding: 80px 0 5px 0; margin-bottom: 20px;}
.product_info_page .banner { padding: 75px 0 25px 0; margin-bottom: 0;}
	
.products-list .name {
    font-size: 17px;
    text-align: center;
    color: #444;
    letter-spacing: 3px;
    font-weight: 500;
}
.products-list .more {
    border: 1px solid #b37c43;
    color: #b37c43;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
}
.product-layer-two li a {
    position: relative;
    border: 1px solid #695040bd;
    background: #ffffff69;
    padding: 5px 14px;
    display: block;
    letter-spacing: 2.5px;
    font-size: 15.5px;
    color: #695040;
}
.other_album_choice li a, .products-list a:hover .more {
    color: white;
    background: #cfa83c;
    letter-spacing: 5px;
}
.pageIndex .clearfix { display: none;}
.pageIndex .animated-arrow.stay_mid {display: none;}


.lastaction { background-color: #f7e8b6;}
.nextaction { background-color: #cfa83c;}

.sidebarBtn {
    padding: 15px;
    display: inline-block;
    width: 26%;
    vertical-align: top;
    border: 5px #efd376 solid;
    background: #ffffff45;
}
.lastPage { background: #cfa83c;}
.prod_related {  background: #ffffffd9;  padding: 25px 15px;}

.prod_related h6 span:before {
    content: '相關推薦';
    font-size: 24px;
    color: #695040;
    letter-spacing: 5px;
}

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

.map_page .banner {display:none; }
.map_page .main_part { padding: 80px 15px;}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1050px) {
.nav-brand img { max-width: 260px;}
.nav-menu > li > a {
    color: #71584a;
    margin: 0 10px;
    padding: 10px 0px;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 550;
}
}
@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
.navigation-portrait .nav-menus-wrapper { width: 220px; background: #735b4dcc;}
.nav-header { padding: 10px; text-align: left;}
.navigation-portrait .nav-dropdown>li>a {
    padding: 0;
    font-size: 16px;
    color: #fff;
}
.navigation-portrait .nav-dropdown>li>ul>li>a { padding-left: 0px;}
.nav-dropdown>li {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    text-align: left;
    padding: 15px;
}
.nav-menu {
    margin: 15px 0 5px 0;
    list-style: none;
    line-height: normal;
    padding: 0;
    text-align: right;
}
.nav-menu > li > a {
    color: #fff;
    margin: 0 10px;
    padding: 7px 7px;
    font-size: 16px;
    letter-spacing: 3px;
    font-weight: 550;
}
.navigation-portrait .nav-menu > li > a {padding: 20px 0;}

.nav-toggle:before {
    content: "";
    position: absolute;
    top: 6px;
    right: 3px;
    width: 26px;
    height: 2px;
    background-color: #695040;
    border-radius: 10px;
    box-shadow: 0 0.5em 0 0 #695040, 0 1em 0 0 #695040;
}
.nav-toggle:after {
    content: "MENU";
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 100%;
    font-size: 12px;
    color: #695040;
}
.blog_ri { width: calc(100% - 0px); padding: 0 15px;}

.other_promotion .pmtTitle h3 {
    font-size: 17px;
    color: #6a5141;
    text-align: center;
    letter-spacing: 3px;
    margin-top: 10px;
}
.blog_le { width: 600px; margin-left: 50px;  margin-top: 50px;}
.blog_in_page .blog_le { width: 700px; margin-left: 30px; margin-top: 50px;}

/*最底選單按鈕*/
#bottom_menu {display: block;}
#bottom_menu li {width: 100%;border-right: 1px solid #ddd;}

}
@media screen and (max-width: 600px) { 
.blog_le { width: 500px;  margin-left: 50px; margin-top: 50px;}
.blog_in_page .blog_le { width: 500px; margin-left: 30px;  margin-top: 50px;}
}

@media screen and (max-width: 450px) { 
.nav-header { padding: 15px; text-align: left; }

.share_page element.style { font-size: 16px;}
.share_page element.style { width: 100% !important;}

.nav-brand img { max-width: 265px;}
.footer_info li p {
    font-size: 16px;
    color: #71584a;
    letter-spacing:2px;
}
.footer_info { margin: 0;}
.footer_menu a { padding: 7px 7px;}
.copy {
    color: white;
    border-top: 1px #f1f1f1 solid;
    background: #9c9696;
    letter-spacing: 1px;
    font-size: 15px;
}


.share_page .other_promotion li {
    width: 25%;
    padding: 3px 5px;
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
    color: #666;
}

.blog_ri { width: calc(100% - 0px); padding: 0px;}
.blog_le {
    width: 360px;
    margin: 0 auto;
    text-align: center;
    margin-top: 35px;
    margin-left: 15px;
}
.blog_in_page .blog_le {
    width: 350px;
    margin-left: 30px;
    margin-top: 50px;
}
.banner { padding: 70px 0 30px 0; margin-bottom: 30px;}
.pic-list .item {  width: 100%;  margin: 0 auto;}


}
@media screen and (max-width: 400px) { 
.other_promotion .pmtTitle h3 {
    font-size: 15px;
    color: #6a5141;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 10px;
}
.blog_le {
    width: 325px;
    margin: 0 auto;
    text-align: center;
    margin-top: 35px;
    margin-left: 10px;
}
.blog_in_page .blog_le {
    width: 300px;
    margin-left: 30px;
    margin-top: 50px;
}
}