@charset "utf-8";

/*●●●●●●●●●●●●●●●●●●●●●●●●   隱藏內容   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.me_tp_features{display:none;}
.path p, .path p a{display:none;}

/*●●●●●●●●●●●●●●●●●●●●●●●●   浮動按鈕   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.info_fix_links{ display:block !important;}/*保持展開*/
.info_fix>span { display: none;}/*隱藏展開鈕*/
.info_fix{ bottom: 20%;}
.linksBtn, .info_fix:hover>.linksBtn { background: #272727;}

.info_fix_links a { background: var(--subColor); opacity: 0.7;}
.info_fix_links a:nth-of-type(even) { background: var(--subColor4);}
.info_fix_links a:hover { opacity: 1; transition: 1.2s ease-in-out; transform: scale(1.2) rotateY(360deg);}

#to_top{box-shadow: none;border-radius: 0; width: 45px; height: 45px; border: 1px solid #00000033;
           background: #fff;  color: var(--pinkDD);   padding-top: 7px; font-size: 10px;}
#to_top i.top {height: 16px;}
#to_top i.top:before, #to_top i.top:after {background: var(--pinkD);}

@media screen and (max-width: 768px){
#to_top { bottom: 50px;}
}
/*●●●●●●●●●●●●●●●●●●●●●●●●   大範圍設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
*{letter-spacing: .1rem; font-family: 'Advent Pro','Noto Sans TC', sans-serif;}
:root{
--mainColor: #c7b59b/*奶茶色*/;
--subColor: #bca558/*LOGO金色*/;
--subColor2: #e1e1e4/*LOGO淺灰色*/;
--subColor3: #d9d0c3/*暖灰色*/;
--subColor4: #be0017/*紅色*/;

--pinkL: #ffc2c2; /*粉*/
--pink: #CF9E9E; /*淺灰粉*/
--pinkD: #C48888;  /*深灰粉*/
--pinkDD:#995757;  /*深深灰粉*/
--grayL:#f2f2f2; /*淺灰*/
}

#content_main {background: var(--grayL);}
#content {}
.lastPage, .animated-arrow {background:#837a72;font-size: 12px;margin: 40px auto 0; border-radius: 10px;border-radius: 5px;}
.lastPage:hover, .animated-arrow:hover {background: var(--mainColor);}

.animated-arrow{width: 150px;height: 45px;}

@media screen and (max-width: 768px){
}         
@media screen and (max-width: 600px) {
	.main_part {padding: 10px 20px;}
	.path p, .path p a{font-size: 12px;}
}

/*●●●●●●●●●●●●●●●●●●●●●●●●   HEADER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/*/

.main_header_area .container {max-width: 95%;}
.navigation {display: flex;align-items: center;}
.nav-brand img{display: block;}
.stellarnav li.has-sub > a:after {border-left: 5px solid transparent;border-right: 5px solid transparent;
    border-top: 5px solid #898989;display:none;}/*主選單箭頭*/
.stellarnav > ul > li.has-sub > a { padding-right: 0;}
	
.header_area {position: fixed; transition: all .5s;background: linear-gradient(180deg, #614c1bf0, #7f6e46d4, transparent);padding: 0;}
.header_area.sticky{background: linear-gradient(180deg, #614c1bf0, #7f6e46d4, #9b8a6275);}
.nav-header {position: fixed;left: 0;top: 0;background: #fff;padding: 15px 20px; max-width: 200px;
    border-bottom-right-radius: 30px;box-shadow: 0 0 20px rgba(0, 0, 0, .05);} 
	
.stellarnav > ul > li {padding: 20px .5%;animation: down 1s both;}
.stellarnav > ul > li:nth-of-type(2){animation-delay: .05s;}
.stellarnav > ul > li:nth-of-type(3){animation-delay: .1s;}
.stellarnav > ul > li:nth-of-type(4){animation-delay: .15s;}
.stellarnav > ul > li:nth-of-type(5){animation-delay: .2s;}
.stellarnav > ul > li:nth-of-type(6){animation-delay: .25s;}
.stellarnav > ul > li:nth-of-type(7){animation-delay: .3s;}
.stellarnav > ul > li:nth-of-type(8){animation-delay: .35s;}
.stellarnav > ul > li:nth-of-type(9){animation-delay: .4s;}
@keyframes down {0%{transform: translateY(-100px);opacity: 0;} 100%{transform: translateY(0px);opacity: 1;}}

/*第一層*/	
.stellarnav > ul > li > a {font-size: 16px;color: #fff;position: relative;overflow: inherit;}
.stellarnav > ul > li > a b{ height: 20px; font-weight: 500;}

.stellarnav > ul > li > a:before{content: "";width: 80%; height: 3px;background: var(--subColor4);
position: absolute;bottom: -6px;left: 45%;transform: translateX(-50%);opacity: 0;transition: all .3s;}
.stellarnav > ul > li > a:hover:before{bottom: -15px;opacity: 1;}

.stellarnav > ul > li > a:hover b{transform: translateY(-10px); -webkit-transform: translateY(-10px);}


/*第二層*/
.stellarnav li li a{ transition: all 1s ease;}
.stellarnav li li:hover a{background: #535353; color: #ffffff;}
.stellarnav ul ul { left: -15px; width: 170px;}
.stellarnav ul li:nth-of-type(2) ul { width: 260px;}

@media screen and (max-width: 1024px) {
.header_area { padding: 0;}
.main_header_area .container { max-width: 100%;}
.nav-header {  position: static;border-bottom-left-radius: 30px;padding: 15px;max-width: 100px;}
.header_area .nav-brand{}
.header_area.sticky .nav-brand{max-width: 0;}
.header_area.sticky .nav-header {padding: 0; background: transparent;}
.stellarnav > ul > li { padding: 15px 6px 10px;}
.nav-header {border-bottom-left-radius: 20px;  border-bottom-right-radius: 20px;}
}

@media screen and (max-width: 768px) {
.header_area.sticky {background: linear-gradient(180deg, #614c1bf0, #7f6e46d4, transparent);}
.header_area.sticky .nav-brand{max-width: 100px;}
.stellarnav ul li:nth-of-type(2) ul { width: 100%;}
.header_area.sticky .nav-header {padding: 15px;}
.header_area.sticky .nav-header { background: white;}

/*側邊欄位*/
/*meau*/
.stellarnav .menu-toggle span.bars span{background: #ffffff;}
.stellarnav .menu-toggle:after { font-size: 9px; color: #ffffff;}

/*clease*/
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: transparent; color: white;}
.stellarnav .icon-close:before, .stellarnav .icon-close:after { border-bottom: solid 3px #ffffff;}

/*底色*/
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { background: #978263cc; max-width: 300px;backdrop-filter: saturate(93%) blur(5px);}

/*+ x*/
.stellarnav.mobile > ul > li > a.dd-toggle { padding: 13px;}

/*第一層*/
.stellarnav > ul > li, .stellarnav.mobile li.open {padding: 15px;}

.stellarnav.mobile > ul > li { border-bottom: 1px #ffffff3d solid;}
.stellarnav.mobile li.open { background: transparent;}

.stellarnav > ul > li > a:before{  display:none;}
.stellarnav.mobile > ul > li > a { border: none;padding: 0;}


/*第二層*/
.stellarnav.mobile ul ul {margin-top: 5px;}
.stellarnav li li{border: none;}
.stellarnav.mobile li li a { border-bottom: 1px solid rgb(156 156 156);}
.stellarnav ul ul { left: 0;}




}

@media screen and (max-width: 570px) {
.stellarnav .menu-toggle { padding: 15px 10px;}
}

/*●●●●●●●●●●●●●●●●●●●●●●●●   FOOTER區塊   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.footer{background: var(--subColor3);padding: 25px 0 0;}
.footer .center {    max-width: 90%; width: 768px;}
.footer_info {grid-template-columns:1fr; padding: 0;}
.footer_info ul{display: flex;flex-wrap: wrap;}
.footer_info li {display: inline-block; width: 48%;}
.footer_info li:nth-child(1){}
.footer_info li:nth-child(2){}
.footer_info li p { padding-left: 10px;}
.footer_info li p,.footer_info li p a{color: #eee;font-size: 16px;}
.footer_info li p.add2:before { content: '營業時間：';}

.footer_info li:nth-child(1):before{content: "覓·自在 | 自在居民宿";
    display: block;
    color: #fff;
    letter-spacing: 2px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 5px;}
	
.footer_info li p, .footer_info li p a {font-size: 14px;color: #343434;}

.footer_info li p.tel:after { content: '(何小姐)'; margin-left: 5px;}

.footer_menu a{width: 140px;background:#ffffff;border: none;color: var(--mainColor);font-size: 12px;padding: 8px;margin: 0 4px 8px 0;
    text-align: center;position: relative;z-index: 0;}
.footer_menu a:first-child{display: none;}
.footer_menu a:before{content: "";width: 0;height: 100%;position: absolute;top: 0;left: 0;transition: all .5s;
background: var(--subColor);z-index: -1;}
.footer_menu a:hover { background: white;}
.footer_menu a:hover:before{left: auto;right: 0;width: 100%;transition: all .5s;}

.footer_logo{display: none;}


.box_link{display:none;}
.box_link a{border: 1px solid #b0ae9f;width: 32px;height: 32px;padding: 0;margin: 4px 0;border-radius: 30px;
	background-size: contain !important;background-position: center !important;transform: translateY(0px);
transition: all .5s;}
.box_link a.me_tp_fb{background: url(https://pic03.eapple.com.tw/top1car/box_fb.svg) no-repeat;}
.box_link a.me_tp_line{background: url(https://pic03.eapple.com.tw/top1car/box_line.svg) no-repeat;}
.box_link a.me_tp_ig{background: url(https://pic03.eapple.com.tw/top1car/box_ig.svg) no-repeat;}
.box_link a:hover{transform: translateY(-5px);}
.box_link a i{display: none;}
.box_link a.me_tp_call,.box_link a.me_tp_mail{display: none;}
.copy {padding: 15px 0; margin-top: 10px;background: var(--mainColor);}
.copy, .copy a{color: #fff;letter-spacing: 0;font-size: 11px;}

@media screen and (max-width: 1200px){
	.box_link{display: none;}
	.footer_info{padding-right: 0;}
}
@media screen and (max-width: 768px){
	.footer {padding: 25px 0 50px;}
	.footer_logo {max-width: 80px;}
	.footer_info {grid-template-columns: 1fr;grid-gap: 20px;padding: 0;}
	.footer_info li+li{margin-top: 0;}

	.footer_logo {margin: 0 auto;}
	
	.footer_info li{width: 100%;margin-bottom: 10px;text-align: left;}
	.footer_info li:nth-child(2){margin-bottom: 0;text-align: center;}
	.footer_menu { text-align: left;}
	.footer_menu a { padding: 10px 8px;width: 110px;}
	
	#bottom_menu {background: #636363;  box-shadow: none;}
	#bottom_menu li a i::before {color: white;}
	#bottom_menu li a em {color: wheat;}
	#bottom_menu li a { padding: 10px 5px 3px;}
	
}

/*●●●●●●●●●●●●●●●●●●●●●●●●   大圖部分設定   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*※※※※※【【  固定區塊不動↓↓↓  】】※※※※※*/
/*預設解除背景輪播*/
#content_main { margin:0;    background: #e4dacb;}
.bannerindex { position:relative; height:auto;}
.bannerindex .swiper-banner { position:static; margin:0; height:auto;} 
.bannerindex .swiper-slide img { height:auto;}

/*共用*//*
.bannerindex:before {
    content: "";
    width: 100%;
    height: 10vw;
    position: absolute;
    top: 0;
    left: 0;
    /*background: linear-gradient(180deg, rgb(234 224 198 / 81%), transparent);*//*
    z-index: 10;
    mix-blend-mode: hard-light;
}
.bannerindex .swiper-banner:before, .swiper-banner:after{
    content: " ";
    position: absolute;
    z-index: 999;
    pointer-events: none;
    transition-duration: 2s;
    transition-timing-function: linear;
}
.bannerindex .swiper-banner:before {
    width: 100%;
   /* background: url(https://pic03.eapple.com.tw/jinyi/cover.png);*//*
    background-size: contain;
    left: 0;
    height: 100%;
    background-repeat: repeat-x;
    -webkit-animation: anime_wave01 20s linear 10s infinite alternate;
    animation: anime_wave01 20s linear 0s infinite alternate;
    -webkit-animation-duration: 150s;
    animation-duration: 30s;
    mix-blend-mode: luminosity;
    opacity: .5;
}
@keyframes anime_wave01 { from { background-position: 0 0;} to { background-position: -2000px 0;}}

/*各別*/
.bannerindex .swiper-slide{position: relative;}
.bannerindex .swiper-slide:before, .swiper-slide:after {
    content: "";
    position: absolute;
    z-index: 999;
    pointer-events: none;
    transition-duration: 2s;
    transition-timing-function: linear;
}

.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):before, .bannerindex .swiper-slide.swiper-slide-active:nth-child(1):after,
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):before, .bannerindex .swiper-slide.swiper-slide-active:nth-child(2):after {
    background-image: url(https://pic03.eapple.com.tw/meet/BNA1.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
	top: 0;
    background-size: contain;
    position: absolute;
    z-index: 101;
    animation: fade_in 3s ease;
	
}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):after, .swiper-slide.swiper-slide-active:nth-child(2):after{
    background-image: url(https://pic03.eapple.com.tw/meet/BNA2.png);
    animation:  up_pop 3s ease;
}

.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):before { background-image: url(https://pic03.eapple.com.tw/meet/BNB1.png);}
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):after{   background-image: url(https://pic03.eapple.com.tw/meet/BNB2.png);}

@keyframes up_pop {
 0% { transform: translateX(-10%); opacity: 0;}
 70% { transform: translateX(0);opacity: 1;}
 100% { transform: translateX(0);}
}
@keyframes fade_in {
 0% { opacity: 0;}
 95% { opacity: 1;}
 100% { opacity: 1;}
}

/*切換鈕*/
.bannerindex {--swiper-pagination-color: #fff;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction
{bottom: auto;top: 50%;left: 2vw;width: 25px;}
.bannerindex .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
{margin: 0px 5px; width: 3px; height: 13px;border-radius: 2px;}


/*內頁BANNER 設定*/
.banner {background: url(https://pic03.eapple.com.tw/meet/ban.jpg) no-repeat;
background-position: center top !important;background-size: cover !important;}
.banner h5 {font-weight: 400;color: #ffffff; text-shadow: 0px 3px 10px black; letter-spacing: .5rem;font-size: 20px;margin: 15vw 0 5vw;}
.banner h5:before{content: "MEET EASE"; letter-spacing: 6px; display: block; font-size: 20px; font-weight: bold;}
	
.banner.banC h5:before { content: "FORM";}
.banner.banE h5:before { content: "ALBUM";}
.banner.banF h5:before { content: "MODEL";}
.article_a .banner.banblog h5:before { content: "REVIEWS";}
.article_b .banner.banblog h5:before { content: "FAQ";}

@media screen and (max-width: 1024px) {
.banner h5 {  margin: 25vw 0 5vw;}
}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
.banner {  height: 250px;}	

}
@media screen and (max-width: 450px){
.banner {  height: 250px;}
.banner h5 { margin: 25vw 0 5vw;}

}

/*●●●●●●●●●●●●●●●●●●●●●●●●   首頁顯示   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*英文*/
.i_prod_tit h2, .i_video_tit h2, .module_i_news .title_i_box h6, .module_i_album .title_i_box h6, .news_part .title_i_box h6{
	font-size: 25px; color: var(--mainColor);}
/*中文*/
.i_prod_tit span, .i_video_tit span, .module_i_news .title_i_box h4, .module_i_album .title_i_box h4, .news_part .title_i_box h4{
	font-weight: 500;font-size: 18px; color: #4b4b4b;}
/*版面*/
.prod_part section, .module_i_news section, .module_i_album section { max-width: 1000px; padding: 50px 20px;}
.module_i_news, .prod_part { padding: 0;}
.module_i_news_list, .module_i_news_list.swiper{padding: 0;}


/*●●●●●●●●●●●●●●●●●●●●●●●●   促銷(最新消息)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*首頁顯示*/
.news_part section{max-width: 1000px;}
.news_list ul li span {color: var(--mainColor);}
.news_list ul li p { color: #4d4d4d;}
.news_list ul li a { background: white;}
.news_list ul li p:after { background: var(--subColor4);color: #fff;padding: 10px;}
.news_list ul li a:hover p:after { right: 10px;}
.i_news_b a i.fa-solid.fa-arrow-right { margin: 0 0 0 10px;}


/*促銷首頁*/

.promotion_title em{display:none;}
.promotion_title span { padding: 7px 10px;  margin: 0 0 1px; background: var(--subColor);  color: white;  border: none;}
.promotion_title h2 { margin-left: 10px;}

.promotions_page .main_part {  background: #f2f2f2;max-width: 100%; padding: 5%;}
.promotions_page .animated15 { background: #fff;border-radius: 15px; padding: 25px;}
.other_promotion { margin: 20px 20px 0;}

@media screen and (max-width: 768px) {
.promotion_title h2 { margin: 10px 0;}
}


@media screen and (max-width: 600px) {
.news_list ul li p:after { padding: 5px 0 7px; max-width: 100px; margin: 15px auto 0; }
}


/*●●●●●●●●●●●●●●●●●●●●●●●●   文章(旅遊專欄)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*首頁顯示*/


/*文章首頁*/
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category{background: var(--subColor) !important;}
.blog_list_ri h5 { color: #3e3e3e;}
.subbox_item a:after { background: rgb(0 0 0 / 4%);}
.subbox_item a:before { color: white; background: var(--subColor); padding: 10px;}
.subbox_item {    border: 1px solid var(--subColor2);}
	
	
/*左邊分類*/
h5.blog_le_t span {
    color: var(--subColor3);
}


/*文章內頁*/
.blog_shareData {
    border-bottom: 1px solid var(--mainColor);
    padding-bottom: 15px;}
.blog_back a.article_btn_back {
    background: var(--subColor);
}