@charset "utf-8";

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

/*●●●●●●●●●●●●●●●●●●●●●●●●   浮動按鈕   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.info_fix{ bottom: 20%;}
.linksBtn, .info_fix:hover>.linksBtn { background: var(--pinkD);}
.info_fix_links a { background: rgb(186 186 186 / 60%);}
.info_fix_links a:hover { background: var(--pinkDD);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{
--pinkL: #ffc2c2; /*粉*/
--pink: #CF9E9E; /*淺灰粉*/
--pinkD: #C48888;  /*深灰粉*/
--pinkDD:#995757;  /*深深灰粉*/
--grayL:#f2f2f2; /*淺灰*/
}

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

.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;background: transparent;transition: all .5s;background: linear-gradient(180deg, #2f313fe0, #0000003d, transparent);}
.header_area.sticky{background: #7f7f7fc2;}
.nav-header {position: fixed;left: 0;top: 0;background: #fff;padding: 30px;max-width: 160px;
    border-bottom-right-radius: 30px;box-shadow: 0 0 20px rgba(0, 0, 0, .05);}
	
.stellarnav > ul > li {padding: 20px 1%;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(--pinkL);
position: absolute;bottom: -6px;left: 50%;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:hover a{background: #484848; color: #ffffff;}
.stellarnav ul ul { left: -15px;}
.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;}
.stellarnav > ul > li { padding: 15px 6px 10px;}
}

@media screen and (max-width: 768px) {
.header_area.sticky {  background: transparent;}
.stellarnav ul li:nth-of-type(2) ul { width: 100%;}

/*側邊欄位*/
/*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: #000000cf; 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 li li:nth-of-type(even):hover a { background:#975658;}
.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(--pink);padding: 25px 0 0;}
.footer .center {max-width: 540px;width: 90%;}
.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: #8a393b;
    letter-spacing: 2px;
    border-top: 1px solid #ad686a;
    border-bottom: 1px solid #ad686a;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 5px;}
	
.footer_info li p, .footer_info li p a {font-size: 14px;}

.footer_menu a{width: 46%;background:#ffffff;border: none;color: #c28789;font-size: 12px;padding: 8px;margin: 0 4px 8px 0;
    text-align: center;position: relative;z-index: 1;}
.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: #464646;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 10px; border-top: 1px #ffffff solid; margin-top: 10px;}
.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;}
	.footer_info li p, .footer_info li p a {font-size: 14px;}
}
@media screen and (max-width: 768px){
	.footer {padding: 25px 0 40px;}
	.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: 20px;text-align: center;}
	.footer_info li:nth-child(2){margin-bottom: 0;text-align: center;}
	.footer_menu a { padding: 10px 8px;}
	
	#bottom_menu { background: #484848;}
	#bottom_menu li a i::before {color: white;}
	#bottom_menu li a em { display: none;}
	#bottom_menu li a { padding: 10px 5px;}
	
}

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


/*切換鈕*/
.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;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
{margin: 5px 10px;width: 5px;height: 15px;border-radius: 2px;}


/*大圖圖片文字*/

.bannerindex:before {
    content: "";
    width: 100%;
    height: 100%;
    background-size: contain;
    position: absolute;
    z-index: 101;
    /*animation-fill-mode: both;*/
	background-image: url(https://pic03.eapple.com.tw/huaxiacar6930/BN-name.png);
	background-repeat: no-repeat;
	animation: bounce-in-up 2s linear /*infinite*/;
}

.bannerindex .swiper-slide.swiper-slide-active:nth-of-type(1):before, .bannerindex .swiper-slide.swiper-slide-active:nth-of-type(2):before {
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 5%;
    left: 30%;
    z-index: 101;
    pointer-events: none;
    background-image: url(https://pic03.eapple.com.tw/ioniqaudio/BN.png);
}
	
.bannerindex .swiper-slide.swiper-slide-active:nth-of-type(1):before {
    background-image: url(https://pic03.eapple.com.tw/huaxiacar6930/BN-picA.png);
	background-repeat: no-repeat;
	animation: spin 3.5s linear/* infinite*/;
}
.bannerindex .swiper-slide.swiper-slide-active:nth-of-type(2):before {
    background-image: url(https://pic03.eapple.com.tw/huaxiacar6930/BN-picB.png);
	animation: spin 3.5s linear/* infinite*/;
}

@keyframes spin {
  0% { transform: rotate(0); opacity: 0; }
  40% { opacity: 1;}
  80% { transform: rotateY(360deg);}
  100% {transform: rotateY(360deg);}
}
@keyframes bounce-in-up {/*下到上*/
  0% { transform: translateY(40%); opacity: 0; }
  30% { transform: translateY(-5%); }
  40% { transform: translateY(5%);}
  60% { transform: translateY(0%); }
  90% { transform: translateY(1%);}
  100% { transform: translateY(0%); opacity: 1; }
}


@media screen and (max-width: 1024px) {
.bannerindex:before{ top: 20%;}
}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}


/*內頁BANNER 設定*/
.banner {background: url(https://pic03.eapple.com.tw/huaxiacar6930/ban.jpg) no-repeat;
background-position: center top !important;background-size: cover !important;height: 35vw;}
.banner h5 {font-weight: 400;color: #eee;letter-spacing: 1rem;margin-top: 10vw;font-size: 20px;}
.banner h5:before{content: "HUAXIACAR"; 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-top: 20vw;}
}
@media screen and (max-width: 768px) {
.banner {  height: 250px;}	
.banner h5 { margin-top: 15vw;}
}
@media screen and (max-width: 450px){
.banner {  height: 250px;}
.banner h5 {margin-top: 25vw;}
}

/*●●●●●●●●●●●●●●●●●●●●●●●●   首頁顯示   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*英文*/
.i_prod_tit h2, .i_video_tit h2, .module_i_news .title_i_box h6, .module_i_album .title_i_box h6{font-size: 30px; color: var(--pinkDD);}
/*中文*/
.i_prod_tit span, .i_video_tit span, .module_i_news .title_i_box h4, .module_i_album .title_i_box h4{font-weight: 500;}
/*版面*/
.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;}


/*●●●●●●●●●●●●●●●●●●●●●●●●   聯絡我們(表單功能)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
.contact_content { padding: 0; max-width: 800px;}
.contact_content .information_left {  display: none;}
.contact_content .information_right {  width: 100%;  padding: 0;}
.contact_form { margin-top: 0; grid-gap: 5px;}
.contact_form li .form__label{max-width: 100%;}

.contact_form li { grid-template-columns: 1fr;grid-gap: 0;}
.contact_form li .form__label { width: 100%;  margin-left: 0; text-align: left;   font-weight: bold; padding: 5px;}
.contact_form li:has(input[type=checkbox]) .form__insert, .contact_form li:has(input[type=radio]) .form__insert { display: flex; flex-wrap: wrap;}

.contact_form li input.noborder, .contact_form li textarea.noborder, 
.contact_form li:has(input[type=checkbox]) .form__insert, .contact_form li:has(input[type=radio]) .form__insert
 { border: none; background: #eeeeee;padding: 10px;}
.contact_form li .form__label { color: #5e5e5e;}
.blank_letter {  display: none;}

@media screen and (max-width: 600px){
.contact_form li .form__label{ background: transparent;}
}

/*●●●●●●●●●●●●●●●●●●●●●●●●   相簿管理(有分類)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*首頁顯示*/
.i_album_b {margin: auto;}
.i_album_list_box{padding: 0;}
.i_album_list { grid-gap: 5px;}
.i_album_list li div { aspect-ratio: 2 / 3;}
.i_album_list li a p { background: rgb(0 0 0 / 70%); color: #ffffff;}
.module_i_album{padding: 0;}

/*相簿首頁*/
.album_class_page .subalbum-menu h2 {display:none;}
.other_subalbum li a p { line-height: 3; text-align: center;}

.album_fixed_title i, .album_fixed_title span {display:none;}

/*相簿內頁下方*/
.news_related_list li figure{display:none;}
.news_related h6 span:before {  content: '其他常見問題';}
.news_related_list li { border: 1px #975658 dashed;}
.blog_in_page .news_related { background: #e5e5e5;}

.news_related_list li:hover { border: 1px solid white;}
.news_related_list li:hover a { background: #975658;}
.news_related_list li:hover a p {  color: white;}

/*●●●●●●●●●●●●●●●●●●●●●●●●   文章分類管理1 (顧客評價)  article_a ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*首頁顯示*/
.module_i_news01 { background: #f3eaea;}
.module_i_news01 ul,
.article_a .blog_subbox {  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));}

.module_i_news01 li a,
.article_a .subbox_item a{ grid-template-columns: 1fr;}

.module_i_news01 li,
.article_a .subbox_item{ background: white;padding: 10px; }

.module_i_news01 .i_blog_ri,
.article_a .blog_list_ri {text-align: center;padding: 0;}

.blog_list_ri p{-webkit-line-clamp: 7;}

.module_i_news01 .i_blog_ri h5,
.article_a .blog_list_ri h5 {font-size: 20px; color: #cb9496;margin-bottom: 5px;font-size: 27px; letter-spacing: 5px;}

.module_i_news01 .i_blog_ri em,
.article_a .blog_list_ri em {display: none;}

.module_i_news01 .i_blog_le,
.article_a .blog_list_le{align-items: flex-start;background: white;align-content: flex-start; display:none;}

.module_i_news01 .i_blog_le img,
.article_a .blog_list_le img{height: auto; object-fit: contain;}

.module_i_news01 li a:before,
.article_a .subbox_item a:before{display:none;}

.module_i_news01 li a:after,
.article_a .subbox_item a:after{background: rgb(0 0 0 / 26%);display:none;}

.article_a #content { background: #ececec;}

/*評價首頁*/
.article_a .blog_list_le{border: 1px solid #c8c8c8;}
h4.blog_category_title{padding: 0 0 10px; margin-bottom: 0;}


/*●●●●●●●●●●●●●●●●●●●●●●●●   文章分類管理2 (常見問題)  article_b ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*首頁顯示*/
.module_i_news02 .i_blog_le {display:none;}
.module_i_news02 li a {grid-template-columns: 1fr;}
.module_i_news02 ul { grid-gap: 10px;}
.module_i_news02 .i_blog_ri:before {content: "Q:"; color: var(--pink); font-size: 25px; margin-right: 5px;}
.module_i_news02 .i_blog_ri { display: flex; align-items: center; padding: 20px;}
.module_i_news02 li a:before { bottom: 24px; right: 20px; content: ' → 看答案 ANSWERS';color: #975658; font-weight: bold; letter-spacing: 0;}
.module_i_news02 .i_blog_ri em {display:none;}
.module_i_news02 li a:after { background: transparent;}
.module_i_news02 li {  background: white;}
.module_i_news02 .i_blog_ri h5 {  font-size: 15px; -webkit-line-clamp: 3;}

/*文章首頁*/
.article_b .blog_list_le { display: none;}
.article_b .blog_list_ri em {display: none;}
.article_b #content {  background: #f2f2f2;}

.article_b .blog_list_ri { display: flex; align-items: center; padding: 20px; width: 100%;}
.article_b .subbox_item a { grid-template-columns: 1fr; background: white;}

.article_b .blog_subbox {  grid-template-columns: 1fr;}

.article_b .blog_list_ri:before{content: "Q:";  color: var(--pink);  font-size: 25px;  margin-right: 5px;}

.article_b .subbox_item a:before {bottom: 24px; right: 20px; content: ' → 看答案 ANSWERS'; color: #975658; font-weight: bold; letter-spacing: 0;}
.article_b .subbox_item a:after { background: transparent;}

.article_b .blog_list_ri h5 { color: #3a3a3a;}

/*文章內頁*/
.blog_back a.article_btn_back { background: #cd9d9f;}
.blog_in_page.article_b .edit { background: white; padding: 5%;}

/*●●●●●●●●●●●●●●●●●●●●●●●●   購物車(商品展示)   ●●●●●●●●●●●●●●●●●●●●●●●●*/
/*首頁顯示*/
.i_prod_tit{}
.product_page .page {display:none;}
.prod_part { background: white;}

.products-list, .pageIndex .products-list, .products-list {grid-template-columns: repeat(2, 1fr);grid-gap: 0; width: 100%;}
.products-list .item a{padding: 0;}

.products-list .more { display: none;}
.prod_part .animated-arrow{display:none;}

/*商品首頁-側邊選單*/
.product_page .product_menu_list { display: none;}

/*商品首頁-商品*/
.products-list .pic{aspect-ratio: 2 / 1;}
.products-list .pic img {width: 90%; left: 25%; position: relative;}
.products-list .pic:hover img { left: 0%;; transition: all 1.5s ease;}

.products-list .name {margin: 10px auto; font-size: 18px; font-weight: 500;letter-spacing: .2rem;
                      width: 270px !important; margin: auto;height: auto;}
.products-list .name:before{content: "▌";color: var(--pink); margin-left: 15px;}
.products-list .name .numbering{padding: 4px 18px 2px;font-size: 18px; margin-top: 5px; background: var(--grayL);}

/*商品頁*/
.mobile_product_name { display: block;}
.sidebarBtn { display: none;}
.product-wrapper {  display: flex;}

/*
.product_info_page .main_part { max-width: 100%;}

.product_main { width: 100%;}

.product-wrapper { display: flex;  flex-wrap: wrap;}
.prod_tabs {  margin: 5%;  width: 50%;}

/*相關推薦*/
.prod_related {background: var(--grayL);}
.prod_related h6 span:before {font-size: 18px;letter-spacing: .6rem;}

.related_list li a { border-radius: 20px;}
.related_list li a img{object-fit: contain;}
.related_list li figure {aspect-ratio: 2 / 1;}


@media screen and (max-width: 980px) {
.products-list, .pageIndex .products-list, .products-list{grid-template-columns: repeat(2, 1fr);}
.product_main { width: 100%;}
.product-wrapper { display: block;}
.prod_tabs {  width: 100%;  margin: auto;}
}
@media screen and (max-width: 768px) {
.product_page .product_menu_list { display: block;}
.sidebarBtn { display: none;}
}
@media screen and (max-width: 600px) {
.products-list, .pageIndex .products-list, .products-list{grid-template-columns: 1fr;}
.product-wrapper { display: block;}
}


.blog_le .accordion > li:nth-child(4) .link a {display: none;}
.stellarnav li li:last-child { display: none;}