@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;}
*/
.pageIndex .main_part { border-top: none;}

.main_header_area {
    background: url(https://pic03.eapple.com.tw/changyulife/bg.jpg);
    box-shadow: 0px 1px 10px rgb(0 0 0 / 10%);
}

.nav-brand {width: 120px;margin-top:7px;}
.nav-menu { margin-top: 5px;}
.nav-menu > li > a {
    color: #160800;
    padding:32px 20px;
    letter-spacing: 1px;
	font-family: 'Noto Serif TC', serif;
}

.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a { color: #160800;font-weight: 550;}
.nav-dropdown > li > a {font-family: 'Noto Serif TC', serif;}
.nav-menu>li:hover>a .submenu-indicator-chevron, .nav-menu>.active>a .submenu-indicator-chevron, .nav-menu>.focus>a .submenu-indicator-chevron 
{border-color: transparent #160800 #160800 transparent;}

.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus {
color: #fff;background:#9D0011;font-family: 'Noto Serif TC', serif;}

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

/*上方選單右邊設定 臉書/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}
*/


/*相簿設定*/
.show-list .item {padding: 0 5px;margin: 20px 0.5%;}
.show-list .show_pic { width:100%; height:100%; line-height:0;padding-bottom: 0;}
.show-list .show_pic img {
    width: 100%;
    height: 100%;
    object-fit:cover;
	aspect-ratio: 4/3;}

.pic-list .show_pic {
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 4/3;
	padding-bottom: 80%;
}
.pic-list .show_pic img {
	position:absolute;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
    height: 100%;
    object-fit:cover;}
	
.other_album_choice li {background: #9D0011;}
.show-list .item:hover .show_name { color: #9D0011;}

.other_subalbum li a {
    line-height: 0;
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 1/1;
    padding-bottom: 80%;
}
.other_subalbum li a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


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


/*預設解除背景輪播*/
#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 h5 {display:none;}
.banner.banB {display:none;}
.banner.banE {
	background-image:url(https://pic03.eapple.com.tw/changyulife/banner-a.jpg); 
    box-shadow:none;
    background-size: cover;
    height: 300PX;
    background-position: center;}
.banner.banblog {
	background-image:url(https://pic03.eapple.com.tw/changyulife/banner-n.jpg); 
    box-shadow:none;
    background-size: cover;
    height: 300PX;
    background-position: center;}
.banner.banC {
	background-image:url(https://pic03.eapple.com.tw/changyulife/banner-c.jpg); 
    box-shadow:none;
    background-size: cover;
    height: 300PX;
    background-position: center;}

.other_page #content {
    width: 100%;
    background:no-repeat;
    background-image: url(https://pic03.eapple.com.tw/changyulife/p-bg.jpg);
	background-attachment:fixed;
	background-size: cover;
	background-position: center;}
	
.services_page #content {
    width: 100%;
    background:no-repeat;
    background-image: url(https://pic03.eapple.com.tw/changyulife/s-bg.jpg);
	background-attachment:fixed;
	background-size: cover;
	background-position: center;}
	
.album_page #content, .blog_page #content, .contact_page #content, .map_page #content, .blog_in_page #content,.album_info_page #content{
	width: 100%;
    background:no-repeat;
    background-image: url(https://pic03.eapple.com.tw/changyulife/e-bg.jpg);
	background-attachment:fixed;
	background-size: cover;
	background-position: center;}
	
.path {display:none;}
.blog_back a.article_btn_back {background: #9D0011;}

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


/*文章設定*/
.accordion li .link {font-weight: 400;}


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


/*字體*/
body.contact_page, body.blog_page, body.album_page, body.album_info_page, body.blog_in_page {font-family: 'Noto Serif TC', serif;}

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


/*聯絡我們*/
.animated-arrow {background: #9D0011;}
.blank_letter {font-family: 'Noto Serif TC', serif;}

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

/*footer*/
.footer {
	background:url(https://pic03.eapple.com.tw/changyulife/bg.jpg);
    background-repeat: no-repeat;
	background-size:cover;
	font-family: 'Noto Serif TC', serif;}

.footer_info li p {letter-spacing: 1px;} 
.footer_info li:nth-child(1) {width: 100%;}
.footer_info li:nth-child(2) {width: 100%; margin: 15px 0 8px -7px;}

.footer_menu a {border: none; background: none; letter-spacing: 1.5px; color: #777; font-size: 13px;}
.footer_menu a:hover {color: #777; background: none;font-weight: 550;}

.copy {color: #ddd; border-top:none;background:#9D0011;}
.copy a {color: #ddd;}
.copy a:hover {color: #ddd;}

.box_link{display:none;}

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

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