@charset "utf-8";

/*
關於CSS設定說明
CSS屬性是會繼承的，而且還是由上往下繼承。
同樣元素設定16px 後 12px 再 15px 最後會以最後設定的15px為準
但是有兩種情況除外:
1.絕對路徑命名. 如: .xx .yy .zz p {設定值;}
2.important.  如: .xx p {設定值 !important;}

CSS3選取器語法 :nth-child(n) 

*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*反白顏色*/
::-moz-selection {
    background-color: #00524B;
    color: #fef6e9;
}

::selection {
    background-color: #00524B;
    color: #fef6e9;
}

/*右側滾輪設定*/
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #F7C5B4;
}

::-webkit-scrollbar-thumb {
    background-color: #F3981C;
}

::-webkit-scrollbar-thumb:hover {
    background: #F7C5B4;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
body {
    overflow-x: hidden;
    font-family: "Poppins", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
}

.main_header_area {
    background: #fef6e9;
    max-width: 1400px;
    margin: auto;
    width: 90%;
    border-radius: 200px;
    padding: 0 40px;
    transition: 0.6s;
}

.header_area {
    position: absolute;
    z-index: 9999;
    top: 2%;
    width: 100%;
    transition: 0.6s;
}

.header_area .main_header_area {
    height: 170px;
    max-width: 100%;
    background: url(https://pic03.eapple.com.tw/bdscooter/bannerin.png) center center no-repeat;
    border-radius: 0;
    padding: 0 20px;
    transition: 0.6s;
    width: 100%;
    background-size: cover;
}

.header_area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.main_header_area {

    transition: 0.6s;
}

.header_area.sticky .main_header_area {

    transition: 0.6s;
}




/*header icon*/
.stellarnav>ul>li:nth-of-type(1)>a:nth-of-type(1)::before {
    content: url(https://pic03.eapple.com.tw/bdscooter/icon01.svg);
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.stellarnav>ul>li:nth-of-type(2)>a:nth-of-type(1)::before {
    content: url(https://pic03.eapple.com.tw/bdscooter/icon02.svg);
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.stellarnav>ul>li:nth-of-type(3)>a:nth-of-type(1)::before {
    content: url(https://pic03.eapple.com.tw/bdscooter/iconsa.svg);
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.stellarnav>ul>li:nth-of-type(4)>a:nth-of-type(1)::before {
    content: url(https://pic03.eapple.com.tw/bdscooter/icon03.svg);
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}
.stellarnav>ul>li:nth-of-type(5)>a:nth-of-type(1)::before {
    content: url(https://pic03.eapple.com.tw/bdscooter/icon05.svg);
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.stellarnav>ul>li:nth-of-type(6)>a:nth-of-type(1)::before {
    content: url(https://pic03.eapple.com.tw/bdscooter/addiconcar.svg);
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.stellarnav>ul>li:nth-of-type(7)>a:nth-of-type(1)::before {
    content: url(https://pic03.eapple.com.tw/bdscooter/icon06.svg);
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.stellarnav>ul>li:nth-of-type(8)>a:nth-of-type(1)::before {
    content: url(https://pic03.eapple.com.tw/bdscooter/icon04.svg);
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.stellarnav>ul>li:nth-of-type(9)>a:nth-of-type(1)::before {
    content: url(https://pic03.eapple.com.tw/bdscooter/icon07.svg);
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}

.stellarnav li.has-sub>a:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #EA5419;
}

.stellarnav>ul>li>a:nth-of-type(1)::before {
    transition: 0.6s;
}

/*第一層*/
.stellarnav>ul>li>a {
    font-weight: bold;
    transition: all 0.3s;
    padding: 0 16px 0 16px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 100px;
    height: 75px;
    margin-top: 17px;
    color: #EA5419;
    overflow: inherit;
}

.stellarnav>ul>li:hover>a {
    color: #00524B;
}

/*第二層*/

.stellarnav ul ul {
    display: none !important;
}

.stellarnav li li>a,
.stellarnav li li.has-sub>a {
    padding: 7px 5px;
    transition: all 0.3s;
    border-left: 0px solid transparent;
    font-size: 14px;
    color: #383838;
}

.stellarnav li li {
    border: 0px #eee solid;
    background: #00524B;
}

.stellarnav li.has-sub>a:after {
    display: none;
}

.stellarnav.mobile li a {
    border-bottom: 1px solid rgba(255, 255, 255, .7);
    text-align: center;
    font-weight: normal;
}
.stellarnav.mobile > ul > li > a{
    padding: 15px 10px;
    text-align: center !important;
}
.stellarnav.mobile li:nth-last-of-type(1){
    border: unset;
}

.stellarnav.mobile>ul>li {
    border-bottom: 0px #ffffff solid;
}

.stellarnav li li a {
    color: #FFF6E9;
}

.stellarnav li li:hover>a,
.stellarnav li li.has-sub:hover>a {
    color: #FFF6E9;
    padding-left: 10px;
    border-color: #F7C5B4;
    background: #E95431;
}

/*SubMenu*/
.shop_search_btn {
    background: #a7978f;
}

.tp_links a {
    color: #00524B;
    transition: all 0.3s;
}

.tp_links a:hover {
    color: #EA5431;
}


/*Logo/＝＝＝＝＝*/
.nav-brand {
    width: 100%;
    transition: all 0.3s;
}

.header_area .nav-brand {
    transition: all 0.3s;
    margin-top: 10px;
}


.navigation {
    display: flex;
    flex-flow: column wrap;
    align-content: center;
    align-items: center;
    padding: 0;
}

.main_header_area .container {
    max-width: 100%;
}

.stellarnav ul {
    text-align: center;
}


.nav-header {
    position: relative;
    top: 10px;
}

.me_tp_features {
    display: none;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
}


.swiper-pagination-bullet {
    display: none;
}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.swiper-slide img {
    height: auto;
    position: relative;
    top: -200px;
    opacity: 0;
}

@keyframes show-img {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }


    100% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 1;
    }
}


/* ======================== */

.swiper-slide:nth-child(1):before {
    content: "";
    background: url(https://pic03.eapple.com.tw/bdscooter/1.jpg) no-repeat #E95431;
    position: absolute;
    right: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position-x: center !important;
}

.swiper-slide:nth-child(2):before {
    content: "";
    background: url(https://pic03.eapple.com.tw/bdscooter/2.jpg) no-repeat #E95431;
    position: absolute;
    right: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position-x: center !important;
}



.stellarnav.mobile ul {
    background: #EA5419;
}

/* .stellarnav.mobile ul::after {
    content: "";
    position: absolute;
    width: 128px;
    height: 212px;
    background: url(https://pic03.eapple.com.tw/bdscooter/picbo.svg) no-repeat;
    left: 50%;
    bottom: -5%;
    transform: translate(-50%, -50%);
} */

.stellarnav.mobile li.open ul::after {
    background: none;
}

.stellarnav.mobile.right .close-menu,
.stellarnav.mobile.left .close-menu {
    background: #F3981C;
}

.stellarnav .icon-close:before {
    border-bottom: solid 3px #00524B;
}

.stellarnav .icon-close:after {
    border-bottom: solid 3px #00524B;
}

.stellarnav a {
    color: #00524B;
}

/* ======================== */
@media screen and (max-width: 1600px) {
    .swiper-slide img {
        top: -150px;
    }

    .swiper-slide:nth-child(1):before {
        content: "";
        background: url(https://pic03.eapple.com.tw/bdscooter/s1.jpg) no-repeat #E95431;
        position: absolute;
        right: 0;
        top: 0%;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position-x: center !important;
    }

    .swiper-slide:nth-child(2):before {
        content: "";
        background: url(https://pic03.eapple.com.tw/bdscooter/s2.jpg) no-repeat #E95431;
        position: absolute;
        right: 0;
        top: 0%;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position-x: center !important;
    }
}


@media screen and (max-width: 1300px) {
    .swiper-slide img {
        top: -100px;
    }
}


@media screen and (max-width: 1024px) {
    .pageIndex .header_area {
        position: relative;
        top: 0;
        background: url(https://pic03.eapple.com.tw/bdscooter/pattern.svg) center center no-repeat;
    }

    .header_area {
        background: url(https://pic03.eapple.com.tw/bdscooter/pattern.svg) center center no-repeat;
    }

    .swiper-slide img {
        top: -200px;
    }

    .swiper-slide:nth-child(1):before {
        top: 0%;
    }

    .swiper-slide:nth-child(2):before {
        top: 0%;
    }

    .swiper-slide:nth-child(1):before {
        content: "";
        background: url(https://pic03.eapple.com.tw/bdscooter/1.jpg) no-repeat #E95431;
        position: absolute;
        right: 0;
        top: 0%;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position-x: center !important;
    }

    .swiper-slide:nth-child(2):before {
        content: "";
        background: url(https://pic03.eapple.com.tw/bdscooter/2.jpg) no-repeat #E95431;
        position: absolute;
        right: 0;
        top: 0%;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position-x: center !important;
    }


}


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

    .me_tp_features {
        margin-bottom: 10px;
    }

    .pageIndex .main_header_area {
        width: 100%;
    }

    .stellarnav>ul>li>a {
        padding: 0 12px 0 12px;
    }

}


@media screen and (max-width: 850px) {
    .stellarnav>ul>li>a {
        margin: 0 0;
    }
}



@media screen and (max-width: 768px) {
    .pageIndex .header_area.sticky .main_header_area {
        height: auto;
    }

    .stellarnav>ul>li:nth-of-type(n)>a:nth-of-type(1)::before {
        transform: translateX(0%);
        display: none;

    }

    .stellarnav a.dd-toggle .icon-plus::before,
    .stellarnav a.dd-toggle .icon-plus::after {
        border-bottom: solid 2px #fef6e9;
    }


    .stellarnav.mobile>ul>li>a {
        width: 100%;
        color: #fef6e9;
    }


    .stellarnav.mobile>ul>li:hover {
        background: #00524B;
        color: #FEF6E9;
    }


    .stellarnav.mobile li.open {
        background: #fef6e9;
    }


    .nav-header {
        position: static;
        text-align: center;
    }

    .navigation {
        display: block;
    }

    .header_area .main_header_area{
        height: unset;
    }

    .header_area .nav-brand {
        margin-top: 30px;
    }

    .me_tp_features {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .stellarnav.mobile>ul>li>a.dd-toggle {
        display: none;
    }


}

@media screen and (max-width: 550px) {
    .nav-brand {
        width: 220px;
    }
}

@media screen and (max-width: 450px) {
    .nav-brand {
        margin-left: -25px;
    }
    .banner h5{font-size: 25px !important;}

    .stellarnav .menu-toggle {
        padding: 15px 0px;
    }

}


/*footer*/
.footer_info li p.add:before {
    content: '前站總店：';
}

.footer_info li p.add2:before {
    content: '24H自行取還站點：';
}

.center {
    text-align: center;
}

.footer {
    background: #EA5431;
}

.footer_menu a {
    border: none;
    color: #FEF6E9;
    background: none;
    letter-spacing: 1px;
    font-weight: bold;
}

.footer_logo {
    display: none;
}

.footer_info ul {
    width: auto;
}

.footer_info li {
    justify-content: space-evenly;
    display: flex;
}

.footer_info li p {
    font-weight: bold;
    margin: 0 10px;
    color: #FEF6E9;
}

.footer_info li p a {
    color: #FEF6E9;
}

.copy {
    color: #F7C5B4;
    border-top: 1px #F3981C solid;
}

.copy a {
    color: #FEF6E9;
}

.copy a:hover {
    color: #F3981C;
}

.footer_info {
    padding: 0 0px 0 0;
}

.box_link {
    display: none;
}

.footer_menu a:hover {
    background: #F3981C;
}

@media screen and (max-width: 990px) {
.footer_info li {
    display: block;
}}


@media screen and (max-width: 500px) {
    .footer_info li:nth-child(1) {
        display: block;
    }
}

/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shint at 2023.1.5  */
.product_page .main_part {
    max-width: 1500px;
}

.product_info_page .main_part {
    max-width: 1200px;
}

.product_page .show_content,
.product_info_page .show_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product_page .product-layer-two {
    position: relative;
    width: 220px;
    letter-spacing: 1px;
    border-right: 1px solid #ccc;
    min-height: 30vw;
}

.product_page .products-list,
.product-wrapper {
    width: calc(100% - 270px);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

ul.page {
    width: 100%;
}

.product-layer-two li ul {
    position: static;
    margin-top: 10px;
    display: block !important;
    width: 100%;
    margin-left: 0;
}

.product-layer-two li:hover ul {
    border: none !important;
    display: block !important;
}

.product-layer-two li li {
    display: block;
    padding: 5px 10px;
    transition: all ease .3s;
}

.product-layer-two li li a {
    padding: 0;
}

.product-layer-two li li:hover>a {
    background: #fff;
    color: #ad925e;
}

.product-layer-two>li {
    width: 100%;
    max-width: 100%;
    padding: 0;
    text-align: left;
    border-bottom: 1px dotted #ccc;
}

.product-layer-two>li ul>li+li {
    margin-top: 5px;
}

.product_info_page .product-layer-two {
    display: none;
}

.product_info_page .products-list,
.product-wrapper {
    width: 100%;
}

.product-layer-two li li:hover {
    margin-left: 15px;
}

.product-layer-two li li>a:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 8px;
    background: #fff;
    left: 0;
    margin-left: -20px;
    top: 50%;
    margin-top: -4px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.product-layer-two li li:hover>a:before {
    background: #ad925e;
}

.product_info_page .half_box {
    width: 100%;
    float: none;
    padding-right: 0;
}

.product_info_page .half_box li.btn_blankTop {
    margin-top: 50px;
    justify-content: space-between;
    display: flex;
}

.product_info_page .half_box li.btn_blankTop input {
    width: calc(50% - 10px);
    background-image: none;
    padding: 0;
    text-align: center;
}

@media screen and (max-width: 1200px) {
    .products-list .item {
        width: calc(100% / 3);
    }
}

@media screen and (max-width: 980px) {
    .products-list .item {
        width: 50%;
    }
}

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

    .product-layer-two,
    .products-list,
    .product-wrapper {
        width: 100%;
    }

    .product-layer-two {
        margin-right: 0;
    }

    .product-layer-two>li {
        margin-bottom: 5px;
    }

    .product_page .product-layer-two,
    .product_page .products-list {
        width: 100%;
        border-right: none;
    }

    .product_page .show_content>a {
        order: 1;
    }

    .product_page ul.products-list {
        order: 2;
    }

    .product_page ul.page {
        order: 3;
    }

    .product_page ul.product-layer-two {
        order: 4;
    }
}

@media screen and (max-width: 600px) {
    .products-list .item {
        width: 100%;
        max-width: 350px;
        margin: 20px auto;
        display: block;
    }
}


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


/*預設解除背景輪播*/
#content_main {
    background: #E95431;
    margin: 0;
}

.bannerindex {
    position: static;
    height: auto;
}

.swiper-banner {
    position: static;
    margin: 0;
    height: auto;
}


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


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


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

    /* 開啟手機板下方按鈕所需設定 */
    #bottom_menu {
        display: block;
    }

    .footer.with_shopping_mode {
        padding: 30px 0 70px;
    }

    #to_top {
        bottom: 60px;
    }
}

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



/* =========== */

.i_prod_b {
    display: none;
}


/* BANNER======= */

.banner {
    background: center center;
    background-image: url(https://pic03.eapple.com.tw/bdscooter/baidu07.svg);
    padding: 135px 0 30px;
}


@keyframes scroll_bottom {
    0% {
        background-position: 1800px 0;
    }

    100% {
        background-position: 0 0;
    }
}



.banner.banF {
    background: bottom center;
    background-image: url(https://pic03.eapple.com.tw/bdscooter/baidu10.svg);
}

.banner.banE {
    background: bottom center;
    background-image: url(https://pic03.eapple.com.tw/bdscooter/baidu11.svg);
}

.banner.banC {
    background-image: url(https://pic03.eapple.com.tw/bdscooter/baidu13.svg);
}

.banner.banB {
    background-image: url(https://pic03.eapple.com.tw/bdscooter/baidu16.svg);
}


.banner h5 {
    color: #fff;
    transform: translate(50%, 50%);
    position: relative;
    padding: 11px 0px 0;
    right: 50%;
    letter-spacing: 4px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner.banF h5 {
    color: #00524B;
}

.banner.banE h5,
.banner.banC h5 {
    color: #FFF6E9;
}




.banner h5::after {
    height: 30px;
    width: 100px;
    content: "";
    display: block;
    background: url(https://pic03.eapple.com.tw/bdscooter/iconbo.png);
    background-size: cover;
    background-position: center;
    margin: 0 0 0 15px;
}

.banner h5::before {
    height: 30px;
    width: 100px;
    content: "";
    background: url(https://pic03.eapple.com.tw/bdscooter/icontop.png);
    background-size: cover;
    background-position: center;
    display: block;
    margin: 0 15px 0 0;
}
.banner.banB{
    background: #00524B !important;
}
.banner.banC{
    background: #00524B !important;
}

/* .banner.banE h5::before,.banner.banB h5::before {
    background: url(https://pic03.eapple.com.tw/bdscooter/icontop.svg) no-repeat;
}

.banner.banE h5::after,.banner.banB h5::after {
    background: url(https://pic03.eapple.com.tw/bdscooter/iconbo.svg) no-repeat;
} */

/* .banner.banC h5::before {
    background: url(https://pic03.eapple.com.tw/bdscooter/picontop.svg) no-repeat;
}

.banner.banC h5::after {
    background: url(https://pic03.eapple.com.tw/bdscooter/piconbo.svg) no-repeat;
} */



.main_part {
    padding: 30px 20px 50px;
}
.path p, .path p a{display: none;}


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

    .banner.banF {
        background: #F3981C;
    }

    .banner.banE {
        background: #00524B;
    }

    .banner.banC {
        background: #E95431;
    }


    body.product_page .header_area,
    body.product_info_page .header_area {
        background: url(https://pic03.eapple.com.tw/bdscooter/baidu06-2.svg) center center no-repeat;
    }


    body.album_page .header_area,
    body.album_info_page .header_area {
        background: url(https://pic03.eapple.com.tw/bdscooter/green10.svg) center center no-repeat;
    }

    body.other_page .header_area {
        background: url(https://pic03.eapple.com.tw/bdscooter/baidu17.svg) center center no-repeat;
    }

    header.header_area.sticky,
    header.header_area.sticky {
        position: fixed;
    }

}


@media screen and (max-width: 768px) {
    .header_area.sticky .main_header_area {
        height: auto;
    }

    .banner{
        padding: 85px 0 30px;
    }
    .banner h5::after,
    .banner h5::before{
        width: 70px;
        height: 20px;
    }
    .banner h5{padding: 0px;}

}



/* ===================== */
/*文章管理/＝＝＝＝＝*/
h4.blog_category_title {
    font-size: 28px;
    color: #F3981C;
}

h4.blog_category_title span {
    font-size: 24px;
}

/*文章管理/外層＝＝*/
.blog_subbox {
    display: grid;
    gap: 50px 20px;
}

.subbox_item {
    border-radius: 20px;
    padding: 10px;
    background: #fef6e9;
    width: 100%;
    margin: 0;
}

.subbox_item:hover {
    background: #ffe0d8;
}


.subbox_item a {
    height: 100%;
    padding-bottom: calc(50px + 10px);
    position: relative;
    border-bottom: 1px solid #f7c5b4;
}

.subbox_item a:hover {
    border-bottom-color: #F3981C;
}

.blog_list_ri h5 {
    font-size: 18px;
}

.i_blog_ri,
.blog_list_ri {
    padding-top: 20px;
}

.subbox_item a:before {
    content: none;
}

.subbox_item a:after {
    content: "View More";
    position: absolute;
    opacity: 1;
    display: block;
    border: none;
    pointer-events: none;
    text-align: right;
    bottom: 10px;
    width: 100%;
    color: #F3981C;
    transition: all 0.3s;
    background: transparent;
    top: unset;
    font-size: 80%;
}

.animated-arrow {
    background: #FAE304;
}

.subbox_item a:hover:after {
    color: #E95431;
}

.i_blog_le,
.i_blog_ri,
.blog_list_le,
.blog_list_ri {
    width: 100%;
}

.i_blog_le,
.blog_list_le {
    border-radius: 15px;
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
}

.i_blog_le img,
.blog_list_le img {
    display: block;
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}

/*側邊*/
h5.blog_le_t {
    display: none;
}

.blog_le .accordion {
    border: none;

}

.fa-chevron-down::before {
    font-family: "Font Awesome 6 Free";
}

.blog_le .accordion li i {
    color: #E95431;
}

.blog_le .accordion>li,
.blog_le .accordion>li * {
    transition: all 0.3s;
}

.subbox_item:hover .blog_list_le img {
    transform: translate(-50%, -50%) scale(1.1);
    transition: 0.5s;
}

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

.blog_le .accordion>li:hover .link a,
.blog_le .accordion>li.on_this_category .link a,
.blog_le .accordion>li:hover .link i,
.blog_le .accordion>li.on_this_category .link i {
    color: #E95431 !important;
}

.blog_le .accordion>li:hover .link,
.blog_le .accordion>li.on_this_category .link {
    color: #F7C5B4 !important;
}

.submenu a {
    background: #fffeee;
    letter-spacing: initial;
}

.submenu a:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 11px;
    width: 4px;
    height: 4px;
    background: #F7C5B4;
    transform: translateY(-50%);
    border-radius: 100%;
}

.submenu a:hover {
    background: transparent;
    color: #E95431;
}

.submenu a:hover:before {
    background: #E95431;
}

.accordion li .link a {
    color: #444444;
}


.blog_le .accordion li .link:last-child{border-bottom: 1px solid #fef6e9;}

/*功*/
.blog_subbox {
    grid-template-columns: 1fr 1fr 1fr;
}

.blog_subbox:before {
    content: none;
}

/*文章管理/內層＝＝*/
.blog_back a.article_btn_back {
    background: #F3981C;
    color: #fff;
}

.blog_back a.article_btn_prev {
    background: #F3981C;
    color: #fff;
}

.blog_back a.article_btn_next {
    background: #F3981C;
    color: #fff;
}



.path p a:hover {
    color: #F3981C;
}


body.blog_in_page .banner.banblog h5 {
display: none;}


/* =========== */
.pic-list .item a {
    padding: 10px;
    border-radius: 35px;
    background: #fef6e9;}
/* 相簿==== */
/*排列*/
ul.show-list,
.other_subalbum,
ul.pic-list {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(350px,1fr));
    gap: 20px;
}

/*次分類版面微調*/
.subalbum-menu {
    margin: 0;
    padding: 0;
}

ul.show-list:before ,
ul.pic-list:before {
    content:none;
}

/*卡片底色透明*/
.show-list .item ,
.other_subalbum li ,
.pic-list .item {
    width: 100%;
    padding: 0;
    margin: 20px 0;
    border-radius: .5vw;
    background: transparent;
}

/*相簿圖片框*/
.show-list .show_pic ,
.other_subalbum li a div ,
.pic-list .show_pic {
    padding-bottom: 75%;
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    border-radius: 1.5vw;
}
/*相簿圖片長寬比例，75% →100:75 = 4:3 */


/*關掉上層透明黑*/
.overlay {
    display: none;
}

/* RWD＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (max-width: 768px) {
ul.show-list,
.other_subalbum,
ul.pic-list {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
    gap: 15px;
}
.blog_subbox{grid-template-columns: 1fr 1fr;}
}


/* 相簿文字 -------------------- */
.show-list .show_name,
.other_subalbum li p {
    margin-top: 10px;
    color: #000;
}

.show-list .item:hover .show_name ,
.other_subalbum li p:hover {
    color: #F3981C;
}


/* 相簿圖片 -------------------- */
.show-list .show_pic img,
.pic-list .show_pic img ,
.other_subalbum li a img {
    transition: .5s ease-out;
    display: block;
    object-fit: cover;
    min-width: 100%;
    height: 100%;
    position: absolute;
    filter: blur(0px);/*毛玻璃效果*/
}

/*hover放大圖片*/
.show-list .show_pic img:hover,
.pic-list .show_pic img:hover,
.other_subalbum li a img:hover {
    transform: scale(1.1);
    filter: blur(0px);
}

/* +++ 相簿次分類頁 -------------------- */
/*隱藏--分類標題&標題後方塊*/
.subalbum-menu h2,
.block {
    display: none;
}


/*次分類按鈕*/
.other_album_choice li {
    background: #E95431;
    transition: .5s ease-out;
    border:1px #E95431 solid;
    border-radius: 2vw;
}

.other_album_choice li a {
    color: #fff;
}

.other_album_choice li:hover {
    background: #000;
}

.other_album_choice li:hover a {
    color: #fff;
}

/*按鈕圖示距離(不動)*/
.other_album_choice li a i.fa-solid.fa-right-from-bracket,
.other_album_choice li a:hover i.fa-solid.fa-right-from-bracket {
    margin: 0 0 0 10px;
}

/*"觀看更多相簿"文字樣式*/
.album_fixed_title {
    background: transparent;
}





/*＝＝＝聯絡資訊＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*聯絡資訊*/
.contact_page .main_part {
    max-width: 1500px;
}

.contact_content {
    background: #fff0;
    padding: 0px 50px;
}

.contact_content .information_left {
    width: 34%;
}

button,
input,
optgroup,
select,
textarea {
    outline: none;
    padding-left: 15px !important;
    background: #ededed;
}

input[type="checkbox"],
input[type="radio"] {
    margin: 8px;
}


.list_before.info li {
    padding: 8px 0 10px 90px;
    border-bottom: 1px #FEF6E9 solid;
}
.list_before.info li.ADD,
.list_before.info li.ADD2{
    padding: 8px 0 10px 120px;
}

.innersend {
    padding-left: 0 !important;
    text-align: center;
}

.red {
    color: #F3981C;
}

.TEL:before,
.TEL2:before,
.PHONE:before,
.FAX:before,
.TAXID:before,
.MAIL:before,
.ADD:before,
.ADD2:before {
    width: 55px;
    margin-left: 14px;
    font-size: 15px;
    height: 25px;
    border-right: 1px solid #FEF6E9;
    letter-spacing: 0.05em;
    color: #545454;
    font-weight: 500;
}

.TEL::after,
.TEL2::after,
.PHONE::after,
.FAX::after,
.TAXID::after,
.MAIL::after,
.ADD::after,
.ADD2::after {
    position: absolute;
    content: "●";
    color: #F3981C;
    font-size: 6px;
    width: 30px;
    height: 30px;
    left: 0;
    top: 75%;
    transform: translateY(-50%);
}

.blank_letter {
    color: #e95431;}

/*表格樣式*/
.contact_content .information_right {
    width: calc(65% - 0px);
    padding-left: 30px;
}

.contact_form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact_form li {
    width: 50%;
    display: inline-block;
    padding: 20px 10px;
    border-bottom: none;
}

.contact_form li:nth-child(6) {
    width: 50%;
}
/*
.contact_form li:nth-child(9) {
    width: 100%;
}*/

.contact_form li .form__label {
    text-align: left;
    margin-left: 0;
    width: 100%;
}

.contact_form li.last {
    width: 100%;
}

.noborder {
    padding: 10px 0;
    margin-top: 10px;
    border: 2px solid #ccc;
}

.form select {
    background-color: #fff;
    border: 2px solid #ccc;
    padding: 8px 26px 8px 3px;
    margin-top: 10px;
    width: 100%;
    margin-top: 10px;
}

.contact_form li.last cite {
    background: #F3981C;
}

.contact_form li.last blockquote,
.contact_form li.last cite {
    width: 49%;
    border: 1px #f5f5f5 solid;
}

.contact_form li input.noborder {
    border: 0px #ddd solid;
    background: #FEF6E9;
}

.contact_form li textarea.noborder {
    border: 0px #ddd solid;
    background: #FEF6E9;
}

.noborder {
    padding: 10px 10px;
    border-radius: 4px;
}


.ADD:before {
    content: "火車站前站店";
    width: 100px;
}

.ADD2:before {
    content: "轉運站公園店";
    width: 100px;
}

@media screen and (max-width: 1024px) {
    .list_before.info {
        width: 100%;
        max-width: inherit;
    }

    .contact_content .information_left {
        width: 100%;
    }

    .contact_content .information_right {
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 600px) {
    .contact_form li {
        width: 100%;
        padding: 10px 0;
    }

    .contact_content .information_right {
        width: calc(100% - 0px);
    }

    .contact_content .information_left {
        width: 100%;
    }

    .contact_form li .form__insert {
        width: 95%;
    }

    .contact_form li .form__label {
        width: 25%;
    }
}

@media screen and (max-width: 480px) {
    .contact_form li:nth-child(6) {
        width: 100%;
    }

    .contact_form li .form__insert {
        width: 100%;
    }

    .contact_form li .form__label {
        width: 100%;
        text-align: left;
    }

    .information_left,
    .information_right {
        padding: 0px;
    }

    .contact_page .main_part {
        padding: 50px 15px;
    }

    h4.blank_letter.i::after {
        font-size: 25px;
        letter-spacing: 0px;
    }

    .blank_letter {
        padding: 0 0 0 10px;
    }

    .contact_content {
        padding: 50px 10px;
    }

    .list_before.info li {
        padding: 8px 0 10px 72px;
    }

    .TEL:before,
    .TEL2:before,
    .PHONE:before,
    .FAX:before,
    .TAXID:before,
    .MAIL:before,
    .ADD:before,
    .ADD2:before {
        width: 53px;
    }

    .blog_subbox{grid-template-columns: 1fr;}
    .list_before.info li.ADD, .list_before.info li.ADD2{
        padding: 8px 0 10px 70px;
    }
}



li.prod-item:nth-child(2) .prod-panel {
    display: none;
}

li.prod-item:nth-child(2) h3.prod-thumb {
    display: none;
}

.lastPage {

    background: #3D547F;
}


/* =========== */
body.other_select_page .page {
    display: none;
}
.other_promotion {
    display: none;}

#to_top{
    left: unset;
    right: 20px;
    bottom: 35px;
}
.info_fix_links{
    width: fit-content;
}
@media screen and (max-width: 768px) {
    .stellarnav.mobile{left: unset;right: 0px;}
    .stellarnav.mobile.left > ul{max-width: unset;}
}

.bookcarban{background: bottom center #00524c !important;}
.bookcarban1{background: bottom center #f39718  !important;}
.banblog{background: bottom center #ff7658   !important;}

.info_fix_links a:nth-of-type(1){background: rgba(0, 82, 76, .5);}
.info_fix_links a:nth-of-type(2){background: rgba(243, 151, 24, .5);}
.info_fix_links a:nth-of-type(3){background: rgba(255, 118, 88, .5);}
.info_fix_links a:nth-of-type(4){background: rgba(255, 0, 0, .5);}
.info_fix_links a:hover{transform: scale(0.93);}