@charset "utf-8";
/*客到有香*/
body{font-family: 'noto sans TC', sans-serif;}
:root{
    --MainColor:#a6262a;
    --SubColor:#FFD24C;
}

/*錨點滾動*/
html { scroll-behavior: smooth; }
::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.6); }
::-webkit-scrollbar-thumb {
    background-color: var(--MainColor);
    border-radius: 50px;
}

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

/*HEADER=========*/
.header_area{
    background: #fff;
    box-shadow: 0 0 6px rgb(0 0 0 / 60%);
}
.header_area.sticky{background: #fff;}

/*圖*/
.stellarnav > ul > li:hover:before{ animation: shake 2s linear infinite; }
@keyframes shake {
    25% { transform: rotate(-10deg); }
    75% { transform: rotate(10deg); }
}

.stellarnav > ul > li:nth-of-type(1):before {
    background: url(https://pic03.eapple.com.tw/kedaoyouxiang/header-icon-01.png) no-repeat;
    background-size: contain;
    left: 33%;
}
.stellarnav > ul > li:nth-of-type(2):before {
    background: url(https://pic03.eapple.com.tw/kedaoyouxiang/header-icon-02.png) no-repeat;
    background-size: contain;
    left: 18%;
}
.stellarnav > ul > li:nth-of-type(3):before {
    background: url(https://pic03.eapple.com.tw/kedaoyouxiang/header-icon-03.png) no-repeat;
    background-size:contain;
    left: 34%;
}
.stellarnav > ul > li:nth-of-type(4):before{
    background: url(https://pic03.eapple.com.tw/kedaoyouxiang/header-icon-04.png) no-repeat;
    background-size: contain;
}
.stellarnav > ul > li:nth-of-type(5):before {
    background: url(https://pic03.eapple.com.tw/kedaoyouxiang/header-icon-05.png) no-repeat;
    background-size: contain;
}
.stellarnav > ul > li:nth-of-type(6):before{
    background: url(https://pic03.eapple.com.tw/kedaoyouxiang/header-icon-06.png) no-repeat;
    background-size: contain;
}
.stellarnav > ul > li:nth-of-type(7):before{
    background: url(https://pic03.eapple.com.tw/kedaoyouxiang/header-icon-07.png) no-repeat;
    background-size: contain;
}
.stellarnav > ul > li > a:not(.dd-toggle), .stellarnav > ul > li.has-sub > a:not(.dd-toggle) {
    color: #222;
    padding: 0 17px;
    font-size: 15px;
    font-weight:500;
    letter-spacing: 1px;
    padding-top: 48px;
    display: block;
    position: relative;
    height: 75px;
    line-height: 30px;
}
.stellarnav li.has-sub > a:after {  display:none;}
@media screen and (max-width: 1024px) {
    .stellarnav li.has-sub > a:after{top: 50%;}
    .stellarnav > ul > li > a:not(.dd-toggle), .stellarnav > ul > li.has-sub > a:not(.dd-toggle){
        line-height: 48px;
        padding-top: 0;
        height: 50px;
    }
    .me_tp_features{display: none;}
    .stellarnav > ul > li:before {display: none;}
}

/*header選單------------*/
.stellarnav > ul > li:hover > a{color:var(--MainColor);}
.tp_links{display: none;}
.stellarnav > ul > li {
    transition: all 0.6s;
    vertical-align: top;
    position: relative;
}
.stellarnav > ul > li:before {
    content: " ";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 45px;
    top: 3px;
    transition: all 0.3s;
    left: 29%;
}
.navigation{align-items: center;}

/*第二層*/
.stellarnav li a{
    color: #222;
    font-size: 15px;
}
.stellarnav li li:hover > a, .stellarnav li li.has-sub:hover > a{
    padding-left: 11px;
    background: var(--SubColor2);
    transition: .3s;
}

/*LOGO------------*/
.nav-header{max-width: 150px;}

/*浮動按鈕--------*/
a.info_fix_default.info_fix_tel{order:1;}
a.info_fix_default.info_fix_line{order:2;}
a.info_fix_default.info_fix_fb{order:3;}
a.info_fix_default.info_fix_mail{order:4;}
a.info_fix_default.info_fix_mes{order:5;}
.linksBtn{background-color: var(--MainColor);}
.info_fix_links a{background: #a6262aa3;}
.info_fix_links a:hover{background-color: var(--MainColor);}

/*banner----------*/
.banner{min-height: 350px;}
.banner h5 {
    color: #fff;
    letter-spacing: 1px;
    font-family: 'noto serif TC', sans-serif;
    font-weight: normal;
}
.banner.banA{display: none;}
.banner.banB{display: none;}
.banner.banC{
    background-image: url(https://pic03.eapple.com.tw/kedaoyouxiang/banner.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner.banblog{
    background-image: url(https://pic03.eapple.com.tw/kedaoyouxiang/banner.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

/*下拉編輯頁*/
.other_select_page .promotion_title { display: none; }
.other_select_page .other_promotion { display: none; }
.other_select_page .page { display: none; }

/*麵包屑*/
.path p, .path p a{display: none;}

/*文章管理--------*/
.blog_search input[type=search]{border-radius: 10px;}
.blog_le .accordion{border-radius: 10px;}
.blog_subbox{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));grid-gap: 10px;}
h5.blog_le_t,
h4.blog_category_title {font-size: 25px;margin-bottom: 10px;}
.blog_le .accordion>li:hover .link { background: #a5a5a5; }
.blog_le .accordion>li.on_this_category .link { background: #BFB9AA; }
.subbox_item a:before { display: none; }
.blog_list_ri:after {content: 'READ MORE >';display: block;background: transparent;color: #000;letter-spacing: 1px;opacity: 1;left: 0;position: relative;padding: 0 22px 0 0;font-size: 12px;line-height: 12px;}
.blog_list_ri em { display: none; }
.blog_list_ri p { padding-top: 8px; }
body.blog_page .clearfix:before,
body.blog_page .clearfix:after { display: none; }
.subbox_item {background-color: transparent;overflow: hidden;position: relative;width: 100%;border-bottom: none;}
.subbox_item a {display: flex;flex-wrap: wrap;flex-direction: column;grid-gap: 0px;}
.subbox_item:hover img {transform: translate(-50%, -50%) scale(1.2);object-fit: cover;width: 100%;transition: all 0.4s ease;}
.blog_list_le img {display: block;max-width: 100%;min-width: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transition: all 5000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transform: translate(-50%, -50%) scale(1);}
.blog_list_le {display: block;position: relative;text-align: center;height: auto;aspect-ratio: 9 / 9;overflow: hidden;padding-bottom: 0;width: 100%;border-radius: 25px;}
.subbox_item a:after { display: none; }
.blog_list_ri { width: 100%;padding: 15px 0;}
.blog_list_ri em {width: 100%;}
.blog_list_ri h5 { position: relative;margin: 0px 0 0;font-size: 18px;letter-spacing: 0.035em;}
.blog_list_ri p {color: #595959;margin: 15px 0 0;font-size: 14px;line-height: 1.9;letter-spacing: 0.035em; width: 100%;padding: 0;margin: 10px 0;}
.blog_le .accordion > li:hover .link, .blog_le .accordion > li.on_this_category .link { color: #fff !important; background: var(--SubColor2)!important;transition: 0.3s;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {background: var(--SubColor)!important;transition: 0.3s;}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a{color: #222 !important;}
.submenu a{color: #444;background: var(--MainColor);}
.submenu li.on_this_category a, .submenu a:hover{background-color: var(--SubColor);}

/*第二層*/
.news_related{display: none;}
.blog_back a.article_btn_back { background: var(--SubColor);color: #222;}
.blog_back a.article_btn_prev, .blog_back a.article_btn_next {background: var(--MainColor);color: #fff;}
.blog_back a.article_btn_prev:hover, .blog_back a.article_btn_next:hover {background: var(--SubColor);transition: 0.3s;color: #222;}
.blog_shareData{flex-direction: row;}

/*聯絡我們--------*/
body.contact_page #page{
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.contact_content{padding: 20px 35px;}
.contact_form li.last cite{background: var(--MainColor);}
.contact_form li.last blockquote, .contact_form li.last cite{border: 1px var(--MainColor) solid;}
body.contact_page .contact_content form {
    width:100%;
    margin: auto;
    display: flex;
}
body.contact_page .contact_editbox {padding: 0;}
body.contact_page .contact_content {
    background: #fff;
    max-width: 1600px;
    margin-bottom: 80px;
    margin-top: 80px;
    border-radius: 35px;
}
body.contact_page #page {position: relative;}
body.contact_page #page:before {display: none;}
.red { color: var(--MainColor);}
.contact_page .main_part { 
    padding: 0;
    max-width: 1500px;
    width: 100%;
}
.noborder {
    background: #f3f3f3;
    color: var(--MainColor);
    padding: 5px;
    border-radius: 3px;
}
.contact_form li.last {
    color: var(--MainColor);
    width: 100%;
}
.contact_form {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0px;
}
.contact_form li {
    width: calc(100% / 2);
    padding: 5px 10px;
    border: none;
    font-size: 18px;
    display: block;
}
.contact_form li .form__label {
    color: var(--MainColor);
    display: block;
    width: 100%;
    text-align: left;
    margin-left: 0;
    max-width: 100%;
    font-size: 16px;
    padding-bottom: 5px;
}
.form select {
    background-color: #f3f3f3;
    border: none;
    color: var(--MainColor);
    width: 100%;
    margin: 0;
    padding: 5px 26px 5px 5px;
    font-size: 15px;
    border: 1px #ddd solid;
    border-radius: 3px;
}
.contact_form li .form__insert:last-child img {margin-left: 10px;}
.contact_form li:has(input[type=checkbox]) .form__insert, .contact_form li:has(input[type=radio]) .form__insert{grid-template-columns: repeat(auto-fit, minmax(13px, 13px) minmax(80px, 1fr));}
.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 {
    display: inline-block;
    padding-right: 10px;
    position: relative;
    width: auto;
    font-size: 15px;
    font-weight:bolder;
}
.list_before {
    display: grid;
    gap: 5px;
}
.list_before.info li {
    padding-left: 0;
    margin: 0;
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes round {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

/*RWD*/
@media screen and (max-width: 1300px) {
    .contact_form li {
        width: 50%;
    }
}
@media screen and (max-width: 768px) {
    body.contact_page .contact_content form {
        flex-wrap: wrap;
    }
    .contact_form li {
        width: 100%;
    }
    body.contact_page .contact_content {
        margin-bottom: 0px;
        padding-top: 0;
        margin-top: 0px;
    }
    .information_left, .information_right{padding: 30px;}
    .contact_content .information_right{padding: 30px;}
}
@media screen and (max-width: 600px) {
    .contact_form li .form__label{background:transparent;}
}
@media screen and (max-width: 476px) {
    .contact_page .main_part {
        margin-top: 40px;
    }
}

/*FOOTER----------*/
.box_link { display: none; }
.box_link { display: none; }
.footer{
    background: #fff;
    box-shadow: 0 0 6px rgb(0 0 0 / 60%);
    overflow: hidden;
}
.footer_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0px 15px;
    width: 100%; 
    margin: auto;
    grid-gap: 0;
}
.footer_info li p{text-align: center;}
.footer_menu {
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(min(110px, 100%), 1fr)); 
    gap: 5px;
    width: 100%;
}
.footer_menu a{
    text-align: center;
    margin: 0;
    border: 1px var(--MainColor) dotted;
    background: #fff;color: #333;
    text-align: center;
    padding: 7px 7px;
    border-radius: 5px;
}
.footer_menu a:hover{
    background-color: var(--MainColor);
    transition: 0.3s;
}
.footer_logo{max-width: 150px;}
.copy{
    border-top: 0;
    color: #fff;
    background-color: var(--SubColor);
}
.copy a{color: #fff;}

/*手機版選單*/
.stellarnav.mobile{
    background: var(--MainColor);
    border-radius: 50px;
    top: 15px;
    left: 10px;
}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu{padding:15px;}
.stellarnav .menu-toggle span.bars span{background: #fff;}
.stellarnav .menu-toggle:after{color: #fff;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { bottom: -800px; }
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{background: var(--SubColor);}