@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&family=Alumni+Sans+Pinstripe:ital@0;1&family=El+Messiri:wght@400..700&family=Kiwi+Maru&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+JP:wght@300&family=Noto+Serif+TC:wght@200..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Shippori+Mincho&family=Yuji+Mai&family=Zen+Kaku+Gothic+New&display=swap');

/*選單*/
.nav-brand {  width: auto; }
.header_area { background:white; padding:0; }
.header_area.sticky { background: white;}
.nav-brand img { max-width: 40%; margin-top: 10px; }

.main_header_area .container { max-width: 90%; margin: 0 5%; }

.header_area.sticky .main_header_area:before { content: ""; width: 100%; }
.main_header_area:before{content: "";width: 0%;height: 5px;background: linear-gradient(90deg, #fb3132, #b50d0d);;position: absolute;top: 0;left: 0;transition: all 1s;animation-timing-function: ease-in;}

.stellarnav > ul > li > a { color: #444; letter-spacing: 1px; font-family: "Noto Serif TC", serif;  margin:30px;}
.stellarnav > ul > li:hover>a { transition: all 0.5s; color: #e41010;}
.me_tp_features { display:none;}

/* 側邊按鈕*/
.info_fix { display:none; }

/*文章修改*/
.subbox_item a:before, .subbox_item a:after { display:none;}
.subbox_item a { display: block; }
.blog_subbox { grid-template-columns: repeat(auto-fill, minmax(315px, 1fr)); }
.blog_le .accordion { border: none; }
.blog_list_ri h5 {  color: #e2e2e2; margin-top: 10px; }
h4.blog_category_title {  margin-bottom: 0px; }

.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {  background: #b98e6e !important; }

/*Footer/＝＝＝＝＝*/
.footer {  padding: 40px 0 70px; position: relative; overflow: hidden; }
.footer .center { position: relative;  max-width: 1600px; padding: 0px 15px;  width: 100%;}

.footer_info ul { display: block; padding: 20px; border-top: 1px solid #dadada;  }
.footer_info li:nth-child(1) { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: flex-start; padding-left: 60px;}
.footer_info li:nth-child(2) { width: 100%; }

.footer_info li p {line-height: 280%;}

.footer_info li:nth-child(1)>p {  width: 33%;padding-right: 10px; text-align: left; padding-left: 35px; }
.footer_info li p > a { color: #444;}
.footer_info {  display: flex;  flex-wrap: wrap;  align-items: center; justify-content: space-between;  padding: 0; position: relative; }
.footer_menu { display: flex; gap: 10px; align-items: flex-start; flex-direction: row;}
.footer_menu a { margin: 0; padding: 10px; transition: all 0.3s;  background: #b50d0d;  border: none;  position: relative;  letter-spacing: 1px; text-align: left; width: 25%; color: #ffffff;     text-align: center;}
.footer_menu a:nth-child(1) { display: none;}

.footer_menu a:hover { background: transparent;letter-spacing: 3px; color: #d54748;}
.footer_menu a:hover:after { background: #fd3132;}
.copy { background: #000;color: #fff;  border: none;  bottom: 0; position: absolute; width: 100%;padding: 13px 0;}
.copy a{ color: #fff;transition:all 0.3s;}
.box_link { display:none;}

/*icon*/
.footer_info li p.line { position: relative;}
.footer_info li p.line a,.footer_info li p.tel a,.footer_info li p.mail a,.footer_info li p.add a,.footer_info li p.add2 a,.footer_info li p.taxid a,.footer_info li p.phone a , .footer_info li p.fax a{ position: relative;}
.footer_info li p.line a:after {  content: "";  background: url(https://pic03.eapple.com.tw/ghostroar/footer_line.svg); width: 25px;  height: 25px;  background-position: center;
    background-size: contain;  background-repeat: no-repeat;  top: 50%;  left: -35px; transform: translateY(-50%);  position: absolute;}/*line*/
.footer_info li p.tel a:after {  content: "";  background: url(https://pic03.eapple.com.tw/ghostroar/footer_ph1.svg); width: 25px;  height: 25px;  background-position: center;
        background-size: contain;  background-repeat: no-repeat;  top: 50%;  left: 0px; transform: translateY(-50%);  position: absolute;}/*電話1*/
.footer_info li p.phone a:after {  content: "";  background: url(https://pic03.eapple.com.tw/ghostroar/footer_ph2.svg); width: 25px;  height: 25px;  background-position: center;
            background-size: contain;  background-repeat: no-repeat;  top: 50%;  left: -80px; transform: translateY(-50%);  position: absolute;}/*電話2*/
.footer_info li p.taxid a:after {  content: "";  background: url(https://pic03.eapple.com.tw/ghostroar/footer_vta.svg); width: 25px;  height: 25px;  background-position: center;
        background-size: contain;  background-repeat: no-repeat;  top: 50%;  left: 0px; transform: translateY(-50%);  position: absolute;}/*統編*/
.footer_info li p.mail a:after {  content: "";  background: url(https://pic03.eapple.com.tw/ghostroar/footer_mail.svg); width: 25px;  height: 25px;  background-position: center;
            background-size: contain;  background-repeat: no-repeat;  top: 50%;  left: -85px; transform: translateY(-50%);  position: absolute;}/*mail*/
.footer_info li p.add a:after{  content: "";  background: url(https://pic03.eapple.com.tw/ghostroar/footer_map.svg); width: 25px;  height: 25px;  background-position: center;
    background-size: contain;  background-repeat: no-repeat;  top: 50%;  left: -95px; transform: translateY(-50%);  position: absolute;}/*地址*/
.footer_info li p.add2 a:after {  content: "";  background: url(https://pic03.eapple.com.tw/ghostroar/footer_map.svg); width: 25px;  height: 25px;  background-position: center;
        background-size: contain;  background-repeat: no-repeat;  top: 50%;  left: -95px; transform: translateY(-50%);  position: absolute;}/*地址*/
.footer_info li p.fax a:after {  content: "";  background: url(https://pic03.eapple.com.tw/ghostroar/footer_time.svg); width: 25px;  height: 25px;  background-position: center;
    background-size: contain;  background-repeat: no-repeat;  top: 50%;  left: 0px; transform: translateY(-50%);  position: absolute;}/*營業時間*/
    
/*標題不顯示*/
.footer_info li p.add:before { content: '桃園店：';}
.footer_info li p.add2:before { content: '竹北店：';}
.footer_logo { width: 100%; margin: 50px auto 0;  max-width: 1600px;     text-align: center;}
.footer_logo img { max-width: 135px; }

/*內頁BANNER 設定*/
.banner { height:400px;}
.banner h5 { display:none;}
.banner.banA { background-image: url(https://pic03.eapple.com.tw/ghostroar/banA.jpg); background-position: center; width: 100%; height: 35vw; background-size: cover; }
.banner.banB { background-image: url(https://pic03.eapple.com.tw/ghostroar/banB.jpg); background-position: center; width: 100%; height: 35vw; background-size: cover; }
.banner.banC { background-image: url(https://pic03.eapple.com.tw/ghostroar/banC.jpg); background-position: center; width: 100%; height: 35vw; background-size: cover; }
.banner.banD { background-image: url(https://pic03.eapple.com.tw/ghostroar/banD.jpg); background-position: center; width: 100%; height: 35vw; background-size: cover; }
.banner.banE { background-image: url(https://pic03.eapple.com.tw/ghostroar/banE.jpg); background-position: center; width: 100%; height: 35vw; background-size: cover; }
.banner.banF { background-image: url(https://pic03.eapple.com.tw/ghostroar/banF.jpg); background-position: center; width: 100%; height: 35vw; background-size: cover; }
.banner.banblog { background-image: url(https://pic03.eapple.com.tw/ghostroar/banblog.jpg); background-position: center; width: 100%; height: 35vw; background-size: cover; }
#content {background: black;}
.contact_content {
    margin: auto;
    padding: 0px 80px 30px;
    border-radius: 50px;
    position: relative;

}


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


/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:relative; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:100%;}


.car_page .information_left { display: block;}


/*聯絡我們*/

.blank_letter {
    padding-top: 0px;
    padding-left: 10px;
    font-size: 24px;
    letter-spacing: 4px;
    border-left: 3px solid;
    color: #f63333;
}
.list_before {  color: #ffffff; }
.contact_form { grid-gap: 15px;  color: #ffffff; }
.contact_form li.last cite { background: #f63333; }
.contact_form li.last input { color: white; }
.path p, .path p a {  display: none; }
input { background: black; }
.contact_form li textarea.noborder { background: black; }
.contact_editbox { padding: 0px;}
.contact_content .information_left{ display:none; }
.contact_content .information_right {
    width: 70%;
    padding-left: 0px;
    margin: 5% 15%;
}

/*文章分享*/
h4.blog_category_title {  color: #b50d0d; font-family: "Noto Serif TC", serif!important;}
h5.blog_le_t span { color: #fe2e30; }
h5.blog_le_t em { color: white; }
.blog_box_edit * { color: white;letter-spacing: 1px;  font-family: "Noto Serif TC", serif!important; } 
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background: #b50d0d !important; }
.news_related { background: #f9f9f9; }
.blog_back a.article_btn_back { background: #b50d0d; }
.accordion li .link a {  color: #cccccc; border-bottom: 1px solid #ccc; }
.blog_list_ri p {  color: #ffffff;}	
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media screen and (max-width: 1600px) {	

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


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

}
@media screen and (max-width: 1200px) {
.swiper-slide img { height: auto;}

/*footer*/
.footer_info ul { flex-direction: column;}
.footer_info li:nth-child(1) { width: 100%;}
.footer_info li:nth-child(1)>p { width: 50%;}
.footer_info li { width: 100%;}
.footer_menu { justify-content: flex-start;}

/*文章管理*/
}

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

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

}
@media screen and (max-width: 1024px) {
.navigation { padding: 15px 0 0 0; }
.nav-brand img { max-width: 40%; margin-top: 0px;}
/*footer*/
.footer_info li:nth-child(1)>p { width: 50%;}

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

}

@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
.main_header_area .container { max-width: 100%; margin: 0; }
.stellarnav .menu-toggle span.bars span { background: #fd3333; }
.stellarnav .menu-toggle:after { color: #fd3333; }
.navigation { padding: 1%; }
.stellarnav > ul > li > a { color: #383838; }

.footer_info li:nth-child(1) {  padding-left: 0px; }
.footer_info li:nth-child(1)>p { text-align: center;}
/*Footer/＝＝＝＝＝*/
#to_top { bottom:60px;}
/*#bottom_menu {display: block; }*/
.footer.with_shopping_mode { padding:30px 0 70px; }
.footer_info { justify-content: center;}
.footer_logo { text-align: center;}
.footer_info li:nth-child(1)>p { width: 100%;}
.footer_logo img {  max-width: 100px; }

/*文章管理/＝＝＝＝＝*/
h4.blog_category_title{font-size: 24px;}
h4.blog_category_title span{font-size: 20px;}
}
@media screen and (max-width: 600px) {
.header_area {  position: relative; background: linear-gradient(to top, #b50d0d, #350000); }
.navigation { padding: 2%; }
.product_page .products-list { width: 100%; }
.products-list { grid-template-columns: 1fr 1fr; }
.contact_form li {  display: flex; justify-content: space-evenly; }
.contact_form li .form__label {   width: 95px; }

#content_main { margin-top: -10px; }
.product_page .products-list {  width: auto; }
.products-list {  display: block; }
.products-list .item {   width: 49%; }
.subbox_item {  width: 100%;  border-bottom: none; }


.footer { padding: 50px 0 0; }
.footer_info li { text-align: center; }
.footer_info ul { display: block;}
.footer_menu a {
	display: inline-block;
}
.contact_content { padding: 0px; }
.contact_form li .form__label { width: 130px; }
.contact_content .information_right {
    width: 80%;
    margin: 5% 10%;
}

/*Footer/＝＝＝＝＝*/
.box_link { text-align: center;}
.footer_menu a { width: 46%;}
.footer_menu { flex-wrap: wrap; }
}


@media screen and (max-width: 414px) { 
/*footer*/
.footer_info li:nth-child(1)>p { padding-right: 0px;}
.footer_info li { padding: 0px;}
}