@charset "utf-8";

/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:relative; 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;}
}

/*大圖*/
@media screen and (max-width: 600px) {
/*手機板大圖*/
.pageIndex .swiper-slide img { display:none; }
.pageIndex .swiper-slide {width: 100%;height: 0;padding-bottom: calc(100% / 3 * 4);}
.pageIndex .swiper-slide:nth-child(1) { background-image:url(https://pic03.eapple.com.tw/bakertransfers/手機大圖-01.jpg) ; background-size:cover;   background-position: center;}
}
/*按鈕*/
.animated-arrow {background: #000000;margin-top: 50px;}
.animated-arrow b {font-weight: normal;letter-spacing: 0.08em;}

/*BANNER+path*/
.banner, .path {display: none;}

/*統一設定*/
.main_part {max-width: 1500px;padding: 100px 5%;}
@media screen and (max-width: 1024px) {
.main_part {padding: 80px 5%;}
}
@media screen and (max-width: 768px) {
.main_part {padding: 50px 5%;}
}

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

/*HEADER*/
.pageIndex .header_area {position: fixed;}
.header_area {background: #000000d9;background-size: cover;padding: 15px 5%;transition: 0.6s ease;}
.header_area.sticky {background: #000000a6;}
.main_header_area .container {max-width: 100%;}
.navigation {grid-template-columns: 1fr;justify-items: center;}
.me_tp_features {display: none;}
/*LOGO*/
.nav-header {max-width: 240px;}

@media screen and (max-width: 1024px) {
.header_area, .header_area.sticky {background: #000000;position: relative;padding: 10px 5% 5px;}
.nav-header {max-width: 200px;}
}
@media screen and (max-width: 768px) {
.stellarnav.mobile .menu-toggle{display: none;}
}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 450px) {
.nav-header {max-width: 160px;}
}

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

/*FOOTER*/
.footer {padding: 50px 0;background: url(https://pic03.eapple.com.tw/bakertransfers/footer-bg.jpg) center no-repeat;}
.footer .center {max-width: 960px;}
.footer_info {grid-gap: 0 50px;grid-template-columns: 1fr 1fr;align-items: end;justify-items: center;padding-right: 0;}
.footer_info ul {grid-column: 2;grid-row: span 2 / 1;}
.footer_info li:nth-child(1) { padding: 0;}
.footer_info li:nth-child(2) {display: none;}
.footer_info li p, .footer_info li p a {line-height: 200%;letter-spacing: 0.08em;color: #ffffff;font-size: 16px;}

.box_link {position: relative;right: 0;max-width: 100%;flex-direction: unset;gap: 15px;}
.box_link a {width: 35px;border: unset;border-radius: 0;padding: 20px 5px 5px;font-size: 25px;color: #fff;margin: 0;}
a.me_tp_mail { display: none;}
.copy {margin-top: 0;border-top: none;padding: 25px 0 0; letter-spacing: 0.08em;border-top: unset;font-size: 14px;}

#to_top {bottom: 150px;left: auto;right: 5px;width: 55px;height: 55px;padding-top: 12px;font-size: 14px;color: #000000;text-align: right;
background: #d39e50;box-shadow: unset;border-radius: 50px 50px 5px 50px;padding-right: 8px;padding-right: 10px;letter-spacing: 0.1em;font-weight: 600;}
#to_top i.top {width: 10px;height: 12px;margin-right: 12px;}
#to_top i.top:before, #to_top i.top:after {height: 10px;width: 2px;}
#to_top:hover {transform: scale(0.8);transition: .3s;}

@media screen and (max-width: 1024px) {
.footer_logo {max-width: 235px;}
.footer_info {align-items: start;grid-template-columns: 250px 310px;justify-content: center;}
.box_link a {padding: 15px 5px 0px;font-size: 22px;}
.footer_info li p, .footer_info li p a {font-size: 15px;}
}
@media screen and (max-width: 768px) {
.footer .center {width: 100%;max-width: 385px;}
.footer_info {grid-template-columns: 1fr;grid-gap: 15px 0;padding: 0 10%;justify-items: start;}
.footer_logo {grid-row: 1;}
.box_link {grid-column: 1;grid-row: 2;justify-content: flex-start;}
.box_link a {padding: 10px 5px;}
.footer_info ul {grid-column: 1;grid-row: 3;}
#to_top {width: 45px;height: 45px;padding-top: 8px;padding-right: 7px;letter-spacing: 0.05em;}
#to_top i.top {height: 10px;margin-right: 10px;}
.copy {padding: 0;}
}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 450px) {
.footer_info {padding: 0 5%;}
.footer_info li p, .footer_info li p a {font-size: 14px;letter-spacing: 0.05em;}
}

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

/*首頁文章*/
.module_i_news {padding: 100px 5%;}
.module_i_news section {max-width: 100%;}
.module_i_news li a:before {height: fit-content;transform: translate(-50%, 0%);left: 50%;top: 40%;bottom: 0;right: 0;
    font-size: 18px;letter-spacing: 0.08em;color: #ffffff;}
.module_i_news li a:after {height: fit-content;aspect-ratio: 1 / 1;background: rgb(0 0 0 / 80%);}
.module_i_news .title_i_box h6 {font-size: 40px;color: #000;font-weight: 500;letter-spacing: 0.08em;}
.module_i_news .title_i_box h4 {font-size: 20px;color: #000000;font-weight: normal;letter-spacing: .08em;}
.module_i_news .title_i_box {margin-bottom: 50px;}
.module_i_news_list, .module_i_news_list.swiper {padding: 0;}
.module_i_news ul {grid-template-columns: repeat(4, 1fr);}
.module_i_news li a {grid-template-rows: 1fr;grid-template-columns: unset; padding: 5px;background: #f3f3f3;}

.i_blog_ri {padding: 0 10px;}
.i_blog_ri h5 {font-size: 18px;letter-spacing: 0.08em;}
.i_blog_ri em {letter-spacing: 0.08em;color: #666;margin: 10px 0 5px;}

.i_blog_b {max-width: 100%;}

@media screen and (max-width: 1024px) {
.module_i_news {padding: 80px 5%;}
.module_i_news .title_i_box {margin-bottom: 30px;}
.module_i_news .title_i_box h6 {font-size: 35px;}
.module_i_news .title_i_box h4 {font-size: 18px;}
.module_i_news ul {grid-template-columns: repeat(2, 1fr);}
.i_blog_ri h5 {font-size: 17px;}
.i_blog_ri em {font-size: 14px;margin: 5px 0;}
}
@media screen and (max-width: 768px) {
.module_i_news {padding:50px 5%;}
.module_i_news .title_i_box {margin-bottom: 25px;}
.module_i_news ul {grid-template-columns: repeat(2, 1fr);}
.module_i_news li { border-bottom: unset;}
.i_blog_ri em {margin: 0 0 5px 0;}
}
@media screen and (max-width: 600px) {
.module_i_news .title_i_box h6 {font-size: 30px;}
.module_i_news ul {grid-template-columns: repeat(1, 1fr);}
.i_blog_ri h5 {font-size: 16px;}
.i_blog_ri em {font-size: 14px;margin: 0 0 5px 0;}
}
@media screen and (max-width: 500px) {
.module_i_news .title_i_box h6 {font-size: 25px;}
}

/*文章*/
h5.blog_le_t {display: none;}
.blog_search {margin-bottom: 15px;}
.blog_search input[type=search] { font-size: 15px;letter-spacing: 0.15em;color: #000000;border: solid 1px #f3f3f3;
    border-radius: 0;padding: 10px 35px 10px 15px;}

.blog_le .accordion {border-radius: 0;border: 0;letter-spacing: 0.05em;}
.accordion li+li .link {border-top: 1px solid #f3f3f3;}
.accordion li .link a {padding: 15px 20px;color: #000;font-size: 16px;font-weight: 400;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {background: #666 !important;}

.blog_box {display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0;}
.blog_le {padding: 0;width: 15%;}
.blog_ri {width: 80%;padding: 0;}
.blog_page h4.blog_category_title {padding: 0;margin-bottom: 0;}
.blog_subbox {grid-template-columns:repeat(3, 1fr);}
.subbox_item a {display: flex;grid-gap: 10px;flex-direction: column;padding: 10px;border: 2px dotted #f3f3f3;}
.blog_list_ri {display: flex;padding: 0 8px 10px;flex-direction: column;align-items: flex-start;}
.blog_list_ri>*+* {margin-bottom: 0;}
.blog_list_ri em {order: 1;font-size: 13px;letter-spacing: 0.08em;color: #ccc;}
.blog_list_ri h5 {order: 2;font-size: 18px;letter-spacing: 0.05em;color: #000;padding: 15px 0;line-height: 1;}
.blog_list_ri p {order: 3;font-size: 15px;color: #000;letter-spacing: 0.05em;}

.subbox_item a:after {background: #f3f3f3cc;border: 0;}
.subbox_item a:before {transform: translate(-50%, -50%);top: 50%;left: 50%;bottom: auto;right: auto;font-size: 18px;letter-spacing: 0.08em;
    color: #ffffff;padding: 10px 15px;background: #000;width: 65%;text-align: center;}

/*相簿內頁*/
.blog_in_page h5.blog_le_t {display: none;}
.blog_in_page h4.blog_category_title {
    color: #000;font-size: 25px;font-weight: 500;letter-spacing: 0.05em;
    border-bottom: 1px #f3f3f3 solid;padding: 0 0 20px;line-height: 1;margin-bottom: 20px;}
.blog_shareData .visitors_num, .blog_shareData .visitors_num i::before, .toShareNews b {color: #000;}
.blog_box_edit * {line-height: 175%;}
.news_tags a {color: #000;}

.blog_back {width: 100%;grid-gap: 15px;}
.blog_back a {font-size: 16px;letter-spacing: 0.2em;padding: 15px;transition: 0.5s ease;}
.blog_back a:hover {letter-spacing: 0.35em;}
.blog_back a.article_btn_prev, .blog_back a.article_btn_next {background: #000;}
.blog_back a.article_btn_back {background: #000;}

.news_related {background: #f3f3f3;padding: 50px 0 0;}
.news_related h6 { max-width: 1500px;margin: 0 auto 30px;}
.news_related h6 span:before {font-size: 25px;color: #000;font-weight: 500;letter-spacing: 0.08em;}

@media screen and (max-width: 1300px) {
.blog_le {width: 20%;}
.blog_ri {width: 75%;}
.blog_subbox {grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 1024px) {
h5.blog_le_t {font-size: 20px;}
.accordion li .link a {padding: 15px;font-size: 15px;}
.blog_le {width: 25%;}
.blog_ri {width: 70%;}
.blog_list_ri h5 {padding: 10px 0;}
.subbox_item a:before {font-size: 16px;}
}
@media screen and (max-width: 960px) {
.subbox_item {border-bottom: unset;}
}
@media screen and (max-width: 768px) {
.blog_box {flex-direction: column;}
.blog_le {width: 100%;}
.blog_ri {width: 100%;}
.blog_search {margin-bottom: 0;}
.blog_page h4.blog_category_title {padding: 0;}
.subbox_item a {padding: 8px;}
.blog_back {grid-gap: 10px;padding-top: 30px;}
}

@media screen and (max-width: 600px) {
.blog_subbox {grid-template-columns: repeat(1, 1fr);}
.blog_in_page h4.blog_category_title {font-size: 22px;padding: 10px 0 20px;}
.blog_back a, .lastPage {font-size: 15px;}
.news_related h6 span:before {font-size: 22px;}
}

@media screen and (max-width: 450px) {
.blog_in_page h4.blog_category_title {font-size: 20px;}
.blog_back {grid-template-columns: repeat(1, 1fr);}
}

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

/*聯絡我們*/
.i_contact_box {padding: 100px 5%;background: #f5f5f5;}
.i_contact_box section {max-width: 100%;}
.contact_content form {display: flex; justify-content: space-between;}
.contact_content .information_left {width: 28%;padding: 0;}
.list_before.info li { padding: 10px 0 15px 90px;border-bottom: 1px #ddd solid;}
.innersend {padding-left: 0 !important;text-align: center;}
.info_TEL:before, .info_TEL2:before, .info_PHONE:before, .info_LINE:before, .info_FAX:before, .info_TAXID:before, .info_MAIL:before, .info_ADD:before, .info_ADD2:before {
    width: 44px;margin-left: 25px;font-size: 15px;height: 25px;
    border-right: 1px solid #ededed;letter-spacing: 0.05em;color: #545454;font-weight: 500;}
.info_TEL::after, .info_TEL2::after, .info_PHONE::after, .info_FAX::after, .info_LINE::after, .info_MAIL::after, .info_ADD::after, .info_ADD2::after { 
    position: absolute; content: "●";color: #333; 
    font-size: 5px;  width: 30px;  height: 17px;  left: 0;  top: 50%; transform: translateY(-50%);}

/*表單*/
.contact_content .information_right {width: 68%;padding-left: 0;padding: 0;}
.blank_letter {
    display: flex;
    align-items: flex-end;
    letter-spacing: 2px;
    color: #000;
    font-weight: 600;
    padding-top: 0;
    font-size: 25px;
    font-family: 'Noto Sans TC';
    justify-content: space-between;}
.contact_content .information_right h4.blank_letter {color: transparent;}
.contact_content .information_right h4.blank_letter.f:before {content: '機場接送包車預約單';color: #000;min-width: fit-content;}
.note { order: 2; font-size: 14px;letter-spacing: 1px; margin-left: 20px;}
.red {min-width: fit-content;color: #d49e4f;letter-spacing: 0.08em;}
.list_before {
    color: #000000;
    letter-spacing: 1px;}
.list_before.info {display: flex;float: unset;flex-direction: column;flex-wrap: wrap;}
li.PHONE {order: 1;}
li.TEL {order: 2;}
li.FAX {order: 3;}
li.MAIL {order: 4;}
li.ADD {order: 5;}
.qr01 img {max-width: 250px;}
.contact_form {display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact_form li {
    display: flex;
    align-items: flex-start;
    width: 49%;
    padding: 0 0px 20px 0px;
    margin: 0;
    padding-left: 0;
    border-bottom: unset;
    flex-direction: column;
    gap: 0;}
.contact_form li .form__label {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
    text-align: left;
    margin-left: 0;
    max-width: 150px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    flex-direction: row-reverse;
    color: #000000;}
.contact_form li .form__insert {display: flex; align-items: center;width: 100%;line-height: 100%;}
.contact_form li input.noborder, .contact_form li textarea.noborder {
    border: unset;padding: 10px;letter-spacing: 0.15em;border-bottom: unset;background: #fcfcfc;color: #000;}
.noborder { padding: 10px 5px;}
.form select {
    width: 100%;    
    padding: 10px 5px;
    border: 1px #ddd solid;
    margin-right: 0; 
    margin-bottom: 0;    
    color: #ccc;}
.form select option {color: #ccc;}
.captcha {width: 100%;}
input[type="checkbox"], input[type="radio"] {     margin: 0 5px 0 10px;}
.contact_form li.last {  width: 100% !important;justify-content: flex-end;flex-direction: row;align-items: flex-start;padding: 0;}
.contact_form li.last blockquote {border: 1px #000 solid;color: #000;margin-right: 20px;width: 50%;}
.contact_form li.last cite {background: #333;border: 1px #333 solid;width: 50%;}

@media screen and (max-width: 1300px) {
.contact_content .information_left {width: 35%;}
.contact_content .information_right {width: 60%;}
}

@media screen and (max-width: 1024px) {
.i_contact_box {padding: 80px 5%;}
.contact_content form {flex-direction: column;}
.contact_content .information_left, .contact_content .information_right {width: 100%;padding-bottom: 50px;}
.contact_content .information_right {padding-bottom: 0px;}
}

@media screen and (max-width: 768px) {
.i_contact_box {padding: 50px 5%;}
.blank_letter {font-size: 22px;padding-top: 0;}
.list_before {margin-top: 10px;}
.list_before.info {margin-right: 0;}
.contact_form li .form__label {margin-bottom: 0;line-height: 1;}
.contact_form li.last {margin-top: 0;}
}
@media screen and (max-width: 600px) {
.contact_form li {width: 100%;}
.contact_form li .form__label {font-weight: normal;padding: 0;background: unset;}
}
@media screen and (max-width: 480px) {
.contact_content .information_left, .contact_content .information_right {padding-bottom: 0;}
.contact_content .information_right {margin-top: -50px;}
}

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

@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: none;}
}

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