@charset "utf-8";
/* = = = 固定設定 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = === = = */
/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:auto;}

/*版面範圍設定*/
.page{margin: 0;}
#content {max-width: 1920px;margin: 0 auto;}

/*手機板漢堡鈕相關*/
.nav-dropdown > li > a{width: 100%;}

/*手機版底下按鈕*/
#bottom_menu{display: none !important;}


/* = = = 個別網站設定 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*LOGO設定*/
.nav-header {
    left: 50%;
    transform: translateX(-77%);
}
.nav-brand{
	width: 100%;
	max-width: 200px;
}

/*header*/
.header_area{ position: fixed; width: 100%;}
.main_header_area{background: transparent;}
/*.main_header_area {box-shadow: 0 2px 5px rgb(0 0 0 / 20%);}*/

/*頁首主選單*/
.nav-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin: 50px 0 0;
    width: 100%;
    padding: 0 10px;
    margin: 40px 0 30px 0;
}
.nav-menu>li{
	letter-spacing: 1px;
	text-align: center;
	position: relative;
}

.nav-menu>li:nth-child(3) {margin-right: 250px;}
.nav-menu > li > a{
	font-weight: bold;
	font-size: 25px;
}
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a{
	color: #f8b62b;
}
.nav-menu > li >a:before{
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    transition: .5s;
    left: 40%;
    top: 0%;
    background-size: auto 100%;
}
.nav-menu > li:nth-of-type(1) >a:before {
    width: 35px;
    height: 35px;
}.nav-menu > li:nth-of-type(4) >a:before {
    width: 20px;
    height: 20px;
}
.nav-menu > li:nth-of-type(1) >a:hover:before {
	transform: translateY(-10px);
    background-image: url(https://pic03.eapple.com.tw/muyoung/header_i01.svg);
}
.nav-menu > li:nth-of-type(2) >a:hover:before {
	transform: translateY(-10px);
    background-image: url(https://pic03.eapple.com.tw/muyoung/header_i02.svg);
}
.nav-menu > li:nth-of-type(3) >a:hover:before {
	transform: translateY(-10px);
    background-image: url(https://pic03.eapple.com.tw/muyoung/header_i03.svg);
}
.nav-menu > li:nth-of-type(4) >a:hover:before {
	transform: translateY(-10px);
    background-image: url(https://pic03.eapple.com.tw/muyoung/header_i04.svg);
}
.nav-menu > li:nth-of-type(5) >a:hover:before {
	transform: translateY(-10px);
    background-image: url(https://pic03.eapple.com.tw/muyoung/header_i05.svg);
}
.nav-menu > li:nth-of-type(6) >a:hover:before {
	transform: translateY(-10px);
    background-image: url(https://pic03.eapple.com.tw/muyoung/header_i06.svg);
}

/*首頁往下滑時，頁首設定*/
.header_area.sticky .main_header_area {
	background: url(https://pic03.eapple.com.tw/muyoung/header_wave.png) no-repeat;
	background-size: cover;
	background: rgba(255, 249, 176, 0.9);
}
.header_area.sticky .main_header_area:before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(https://pic03.eapple.com.tw/muyoung/header_wave_02.png);
    background-size: cover;
    background-repeat: repeat-x;
    width: 100%;
    height: 21px;
    left: 0;
    bottom: -21px;
}
/*.main_header_area, .header_area.sticky .main_header_area, .header_area.sticky .main_header_area:before {transition: all 0.7s}*/


.submenu-indicator {display: none;}

/*子選單*/

.nav-menu>li>.nav-dropdown {
    border-radius: 15px;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
    background: #F8F7F2;
}
.nav-menu>li:nth-of-type(3)>.nav-dropdown{display: none !important;}
.nav-dropdown > li > a {
	font-weight: bold;
	font-size: 15px;
	color: #3f3a39;
}
.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus{ color: #f8b62b; }
.nav-dropdown>li:hover>a .submenu-indicator-chevron, .nav-dropdown>.focus>a .submenu-indicator-chevron { border-color: #; }
.nav-dropdown>li:hover>a, .nav-dropdown>li.focus>a { color: #f8b62b; }/*滑鼠停在子子選單時，子選單按鈕顏色*/


/*頁首icon拿掉*/
.tp_links{display: none !important;}

/*服務項目頁面消息拿掉*/
.promotion_title {display: none;}

/*編輯頁主選單設定*/
.other_page .main_header_area, .other_select_page .main_header_area{
	background: url(https://pic03.eapple.com.tw/muyoung/header_wave.png) no-repeat;
	background-size: cover;
	background: rgba(255, 249, 176, 0.9);
}
.other_page .header_area .main_header_area:before, .other_select_page .main_header_area:before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(https://pic03.eapple.com.tw/muyoung/header_wave_02.png);
    background-size: cover;
    background-repeat: repeat-x;
    width: 100%;
    height: 21px;
    left: 0;
    bottom: -21px;
}
.other_select_page ul.other_promotion {
    text-align: center;
    height: 150px;
}
.other_select_page .other_promotion li {
	/*width: 100%;*/
	border-top: 0;
	width: 200px;
	margin: 20px auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.other_select_page .other_promotion li:hover {
    border-top: 0;
}
.other_select_page .other_promotion li:nth-of-type(2){display: none;}
.other_promotion .pmtTitle h3 {
	color: #91b55d;
	font-weight: bold;
    border-radius: 25px;
    border: solid 1px #91b55d;
    /*width: 15%;*/
    margin: 20px auto;
    padding-top: 10px;
}
.other_promotion li:hover h3 {
    text-decoration: none;
    font-weight: bold;
    background: #91b55d;
    color: #fff;
}
.other_promotion li, .other_promotion li:hover h3{transition: all 0.5s;}
/*.other_select_page ul.other_promotion {display: none;}*/

/*===============我是頁尾=============*/
.footer{
	background: url(https://pic03.eapple.com.tw/muyoung/footer_wave.png) no-repeat;
	background-size: cover;
	border-top: 0px solid #999;
}
.footer_logo {width: 160px;}
.footer_logo>a>img{max-width: 100%;}
.footer_info {
	padding: 0;
	text-align: center;
	margin-top: 3%;
	padding-bottom: 2%;
}
.footer_info ul {
    margin-top: 3%;
}
.footer_info li:nth-child(1){width: 100%;}
.footer_info li{display: inline;}
.footer_info li p{
	color: #749741; 
	display: inline-block; 
	margin-right: 30px;
}
.footer_info li p.tel:before {content: '電話/';}
.footer_info li p.phone{display: none;}
.footer_info li p.fax{display: none;}
.footer_info li p.taxid{display: none;}
.footer_info li p.mail:before{content: '信箱/';}
.footer_info li p.add:before{content: '地址/';}
.footer_menu{
	margin-top: 10px;
}
.footer_menu a{
	background: transparent;
	border: 0px;
	color: #749741;
	padding-right: 30px;
	margin: 0px;
	font-weight: bold;
	position: relative;
}
.footer_menu a:before {
	content: "";
	position: absolute;
	background-color: #749741;
	border-radius: 50%;
	width: 5px;
	height: 5px;
	top: 40%;
	left: 0%;
	transform: translateX(-50%);
}
.footer_menu a:hover {background: transparent; color: #4a6423;;}
.copy{color: #fff; border-top: 0px; display: none;}
.copy a {color: #fff;}
.copy a:hover {color: #fbcd4f;}


/*-----------文章管理/文章列表--------*/
.blog_page .main_header_area {
	background: url(https://pic03.eapple.com.tw/muyoung/header_wave.png) no-repeat;
	background-size: cover;
	background: rgba(255, 249, 176, 0.9);
}
.blog_page .header_area .main_header_area:before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(https://pic03.eapple.com.tw/muyoung/header_wave_02.png);
    background-size: cover;
    background-repeat: repeat-x;
    width: 100%;
    height: 21px;
    left: 0;
    bottom: -21px;
}
.blog_in_page .main_header_area {
	background: url(https://pic03.eapple.com.tw/muyoung/header_wave.png) no-repeat;
	background-size: cover;
	background: rgba(255, 249, 176, 0.9);
}
.blog_in_page .header_area .main_header_area:before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(https://pic03.eapple.com.tw/muyoung/header_wave_02.png);
    background-size: cover;
    background-repeat: repeat-x;
    width: 100%;
    height: 21px;
    left: 0;
    bottom: -21px;
}
.blog_page .main_part, .blog_in_page .main_part {margin-top: -220px;}

/*文章左側設定*/
h5.blog_le_t {display: none;}
.blog_le .accordion {border: 0; border-radius: 0;}
.accordion li {
    border-bottom: solid 1px #dddddd;
}
/*分類列表滑過顏色*/
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background: transparent !important;}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a {
    color: #f5b2b2 !important;
}

/*文章列表封面照正方形尺寸*/
.blog_list_le {
	height: 150px;
    border-radius: 40px;
    overflow: hidden;
}

/*點選文章色塊滑動速度*/
.subbox_item a:hover:after { transition: all 0.8s;}
/*點選文章色塊顏色*/
.subbox_item a:before {
	background: transparent;
	color: #fff;
}
.subbox_item a:after { 
	border-radius: 40px;
	background: rgba(248,182,43,0.7);
	border: 0;
}

/*-----------單篇文章--------*/
/*文章上一篇下一篇回列表*/
.blog_back a {
	width: 10%;
    margin: 0 15px;
    border-radius: 40px;
}
.blog_back a.article_btn_prev, .blog_back a.article_btn_next{background: #727171;}
.blog_back a.article_btn_back{background: #f5b2b2;}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*------相簿管理------*/
.album_page .main_header_area {
	background: url(https://pic03.eapple.com.tw/muyoung/header_wave.png) no-repeat;
	background-size: cover;
	background: rgba(255, 249, 176, 0.9);
}
.album_page .header_area .main_header_area:before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(https://pic03.eapple.com.tw/muyoung/header_wave_02.png);
    background-size: cover;
    background-repeat: repeat-x;
    width: 100%;
    height: 21px;
    left: 0;
    bottom: -21px;
}
.album_info_page .main_header_area {
	background: url(https://pic03.eapple.com.tw/muyoung/header_wave.png) no-repeat;
	background-size: cover;
	background: rgba(255, 249, 176, 0.9);
}
.album_info_page .header_area .main_header_area:before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(https://pic03.eapple.com.tw/muyoung/header_wave_02.png);
    background-size: cover;
    background-repeat: repeat-x;
    width: 100%;
    height: 21px;
    left: 0;
    bottom: -21px;
}
.album_page .main_part, .album_info_page .main_part {margin-top: -220px;}
.album_page .show_content {
	width: 100%;
}

/*相簿封面設定*/
.show-list .item {
	width: 45%;
	margin: 20px 2%;
}
.show-list .show_pic {
    border-radius: 40px;
}
.show-list .show_name {text-align: center; color: #343a40;}
.show-list .item:hover .show_name {color: #343a40;}
/*相簿封面滑過顏色*/
.show-list .item:hover .overlay {display: none;}
.show-list .show_pic:hover img {transform: scale(1.05);}
.show-list .show_pic img, .show-list .show_pic:hover img {transition: all 0.5s;}


/*----相簿內容----*/
.pic-list .show_pic {border-radius: 40px;}
/*相簿分類*/
.other_album {margin-top: 50px;}
.other_album_choice {margin: 10px 0;}
.other_album_choice li { 
	background: #f5b2b2; 
	padding: 10px 20px;
	margin-right: 20px;
	border-radius: 25px;
}



/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*麵包屑導覽拿掉*/
.path {display: none;}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*內頁BANNER 設定*/
.banner {
	background: url(https://pic03.eapple.com.tw/aaa/aaa.jpg) no-repeat;
	height: 700px;
	background-size: cover;
}
.banner h5 {
	color: #fff;
	display: none;
}

/*促銷方案*/
.banner.banA {}

.banner.banB {}

/*聯絡我們*/
.banner.banC {}

.banner.banD {}

/*相簿管理/作品展示*/
.banner.banE {
	background: url(https://pic03.eapple.com.tw/muyoung/banE.svg) no-repeat center;	
}

/*店家商品*/
.banner.banF {}

/*文章管理*/
.banner.banblog {
	background: url(https://pic03.eapple.com.tw/muyoung/banblog.svg) no-repeat center;
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


@media screen and (max-width: 768px) {
	/*預設banner= = = = = = = = */
	.bannerindex { padding:0; margin:0;position: relative;}
	.banner {margin-top: -160px;}

	/* 開啟手機板下方按鈕所需設定= = = = = = = = */
	#bottom_menu {display: block; }
	.footer.with_shopping_mode { padding:30px 0 0; }
	#to_top { bottom:60px;}

	/*以下其他設定= = = = = = = = */
	/* 大圖調整 */
	.swiper-slide img {
    animation-fill-mode: none;
    -webkit-animation-fill-mode: none;
	}
	/*漢堡鈕面板寬度*/
	.nav-toggle:before { background-color: #; box-shadow: 0 0.5em 0 0 #D3BD5E, 0 1em 0 0 #;}
	.nav-toggle:after {color: #;}
	.navigation-portrait .nav-menus-wrapper {width: 50%; min-width: 250px;}
	.navigation-portrait .nav-menu>li {border-top: solid 1px #;}
	.nav-menus-wrapper-close-button {color: #;}

	/*選單間距和顏色*/
	.header_area {position: relative;}
	.nav-header {position: relative;    transform: translateX(-50%);}
	.main_header_area {background: rgba(255,249,176,0.5);}
	.nav-menu {margin: 0; display: inline-block;}
	.nav-menu>li {margin: 0; position: relative; text-align: left;}
	.nav-menu>li>a {font-size: 16px;}
	.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {color: #2a2a2a;}
	.nav-brand{margin-top: 0px;}
	.nav-menu>li>.nav-dropdown{position: relative;}
	.nav-menu > li >a:hover:before {display: none;}

	/*footer*/
	.footer_logo {
	    width: 100%;
	    max-width: 160px;
	    margin: 0 auto;
	}
}

@media screen and (max-width: 600px) { 
	.show-list .item {width: 96%;}
}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*上方選單解除滑動固定
.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}
*/


/*電腦LOGO
.nav-brand {}
*/

/*手機LOGO
.nav-brand-m {}
*/

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*文章設定*/
/*一排呈現
.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; } 取消連結被點擊效果
*/