@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
/*網站全域設定/＝＝＝＝＝*/
/*
  #6E5A3F /*網站主要色系
  #F59800 /*網站輔助色系1
  #23419B; /*網站輔助色系2*/

/*反白顏色*/
::-moz-selection {
    background-color: #444;
    color: #fff;
}

::selection {
    background-color: #444;
    color: #fff;
}

:root {
    --MainColor: #6E5A3F;
    --SubColor: #f59800;
    --ff-color: #23419b;
    --f1-color: #f9b72d;
    --f2-color: #3c2417;
    --bg-color: #f2efea;
    --bg-color02: #d0e0a2;
    --bg-color03: #7ea24a;
    --SFont: "Nunito", sans-serif;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 8px #be9e91;
}

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

/* 頁面的麵包屑 首頁/頁面名稱/ */
.path {
    display: none;
}

.pageIndex .main_part {
    border-top: none;
}

#content {
    min-height: 80vh;
}

/*Main/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*Header/＝＝＝＝＝*/
.main_header_area {
    position: relative;
    background: #fff;
}

.header_area .main_header_area:after {
    content: " ";
    top: 0;
    position: absolute;
    right: 0;
}


.header_area.sticky .main_header_area {
    box-shadow: none;
}

/*選單最大寬度設定*/
.main_header_area .container {
    max-width: 100%;
    padding: 0 25px;
}

.navigation {
    padding: 20px 0 20px 210px;
}

/*第一層*/
.stellarnav > ul > li {
    padding-top: 7px;
    position: relative;
}

.stellarnav > ul > li > a {
    transition: all 0.3s;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 15px;
    color: #6E5A3F;
    padding: 0 15px;
    letter-spacing: 0.1em;
    line-height: 1.2;
    height: unset;
    padding: 15px 15px 10px;
}



.stellarnav li.has-sub > a:after {
    position: absolute;
    top: 45%;
    right: 5px;
    height: 7px;
    width: 7px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent var(--f2-color) vvar(--f2-color) transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*第二層*/
.stellarnav li li {

}


.stellarnav li li > a,
.stellarnav li li.has-sub > a {
    padding: 7px 5px;
    transition: all 0.3s;
}

.stellarnav li li:hover > a,
.stellarnav li li.has-sub:hover > a {
    color: var(--bg-color);
    padding-left: 10px;
    background: #6E5A3F;
}
.stellarnav li li.has-sub > a:after{
    border-left: 6px solid #000;
    right: 5px;
}
.stellarnav li li.has-sub:hover > a:after{
    border-left: 6px solid #fff;
}

/*SubMenu*/
.shop_search_btn {
    background: #6E5A3F;
}

.tp_links a {
    transition: all 0.3s;
}

.tp_links a:hover {
    color: #6E5A3F;
}

.tp_links {
    display: none;
}

.me_tp_features {
    position: relative;
    z-index: 5;
}

/*隱藏購物車搜尋欄*/

.box_search{display:none;}
/*隱藏購物車*/
/*
.me_tp_features a.tp_btn_cart {display: none;}
/*隱藏匯款通知*/
/*
.me_tp_features a.tp_btn_notice{display: none;}
/*隱藏選單按鈕連結*/
/*
.tp_links{display: none;}

/*選單漸變效果＝＝*/
/*首頁固定選單 開啟後下方RWD 768對應標籤也需開啟*/
/*
.pageIndex .header_area{position: fixed;    width: 100%;}

/*Footer/＝＝＝＝＝*/

p.mail,
a.me_tp_mail {
    display: none;
}



.copy {
    color: #fff;
    border: none;
    margin-top: 15px;
    padding: 7px;
    max-width: 1300px;
    margin: 30px auto 0;
    border-top: 1px solid #888888;
}

.copy a {
    color: #fff;
    transition: all 0.3s;
}

.box_link {
    top: 95px;
    width: fit-content;
    left: 60px;
    display: flex;
}

.box_link a {
    transition: all 0.3s;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--MainColor);
    border-color: var(--MainColor);
    margin-right: 8px;
}

.box_link a:hover {
    background: var(--MainColor);
    color: #fff;
}

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

.header_area .nav-brand {
    transition: all 0.3s;
    position: relative;
    margin-top: 0;
    animation: logo_shark 3s infinite ease;
    z-index: 10;
}

@keyframes logo_shark {
    50%{transform: translateY(-3px);}
}


.nav-brand {
    min-width: 150px;
    height: 180px;
    width: 100%;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav-brand::after{
    content: '';
    position: absolute;
    bottom: -30px;
    right: -60px;
    min-width: 300px;
    min-height: 300px;
    border-radius: 500px;
    background-color: #ECD69C;
    border: 5px solid #6E5A3F;
    z-index: -1;
}

/* .pageIndex .header_area .nav-brand::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 100% 100%;
    background: #fff;
    border: 1px solid #f2f1f1;
    z-index: -1;
} */

.footer_logo {
    text-align: right;
    width: 190px;
}

/*按鈕/＝＝＝＝＝*/
.animated-arrow {
    background: #6E5A3F;
}

/*大圖/＝＝＝＝＝*/
/*預設解除背景輪播*/
#content_main {
    margin: 0;
}

.bannerindex {
    position: relative;
    height: auto;
    border-bottom: 8px solid #6E5A3F;
}

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

.swiper-slide img {
    height: auto;
}

/* .swiper-slide:nth-child(2):before,
.swiper-slide:nth-child(2):after {
    content: " ";
    position: absolute;
    pointer-events: none;
    z-index: 999;
}

.swiper-slide:nth-child(2):before {
    content: "WELCOM";
    width: 100%;
    text-align: left;
    color: #139ffe;
    font-size: 78px;
    font-size: 4vw;
    left: 11%;
    top: 30%;
    font-family: "Nunito", sans-serif;
}

.swiper-slide:nth-child(2):after {
    left: 10%;
    top: 40%;
    width: 54%;
    background-image: url(https://pic03.eapple.com.tw/myhome/01cover1-ban.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 782 / 186;
} 

.swiper-slide.swiper-slide-active:nth-child(2)::before {
    -webkit-animation: focus-in-expand 1s cubic-bezier(0.25, 0.46, 0.45, 0.94)
        both;
    animation: focus-in-expand 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.swiper-slide.swiper-slide-active:nth-child(2):after {
    -webkit-animation: slide-in-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94)
        both;
    animation: slide-in-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
*/
@-webkit-keyframes focus-in-expand {
    0% {
        letter-spacing: -0.5em;
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes focus-in-expand {
    0% {
        letter-spacing: -0.5em;
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}


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

/*Banner/＝＝＝＝＝*/
.banner{
    height: clamp(180px, 40vw, 400px);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: url(../images/all_ban_bg01.jpg) center / cover;
    position: relative;
    z-index: 1;
    contain: paint;
    padding: 0 15px;
}
.banner > h5{
    font-size: clamp(24px,4vw,48px);
    color:#6E5A3F;
    max-width: 385px;
    width: 60%;
    margin: auto;
    padding: 10px;
    letter-spacing: 0.1em;
    font-weight: bold;
    border-radius: 15px;
    background-color: #fff;
    border: 5px solid #6E5A3F;
}
.banner::after{
    content: '';
    width: 100%;
    height: clamp(80px, 20vw, 225px);
    background: url(../images/all_ban_bg02.png) center / cover;
    position: absolute;
    z-index: -1;
    bottom: -1px;
    left: 0px;
    animation: run_big 10s ease-in-out infinite;
}
@keyframes run_big {
    50%{transform: scale(1.05) translateY(5px);}
}

@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 768px) {
    .banner::after{background: url(../images/all_ban_bg03.png) center / cover;}
}


/*Page/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*麵包屑＝＝*/
.path p a:hover {
    color: #6E5A3F;
}

/*頁碼＝＝*/
.page {
    width: 100%;
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.page li {
    display: flex;
    margin: 3px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    align-items: center;
    justify-content: center;
}

.page li a {
    display: block;
    width: inherit;
    height: inherit;
    line-height: inherit;
    padding: 0;
    transition: all 0.3s;
    background-color: #6E5A3F;
    color:#fff;
    border-radius: 500px;
}

.page strong,
.page a:hover {
    background: #3c2417;
    border: 1px solid #3c2417;
}
.blog_back a.article_btn_prev,
.blog_back a.article_btn_next{
    background-color: #fff;
    border: 1px solid #6E5A3F;
    color: #6E5A3F;
}
.blog_back a.article_btn_prev:hover,
.blog_back a.article_btn_next:hover {
    background-color: #3c2417;
    color:#fff;
    border-color: #3c2417;
}
.blog_back a.article_btn_back{
    border: 1px solid #3c2417;
}
.blog_back a.article_btn_back:hover{
    background-color: #3c2417;
}

/*購物車/＝＝＝＝＝*/
.prod_part {
    width: 90%;
}

.products-list {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
    padding: 0 0 20px;
}

.products-list:before {
    content: none;
}

.products-list .item {
    width: 100%;
}

/*購物車/外層＝＝*/
/*顏色*/
.products-list .name {
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    height: 49px;
    letter-spacing: 0.05em;
    font-weight: bold;
}

.products-list .more {
    background-color: #fff;
    color: #6E5A3F;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 5px;
    border: 1px solid #6E5A3F;
    margin-top: 10px;
    border-radius: 500px;
    text-align: center;
}

.products-list .item a:hover .more {
    background: #6E5A3F;
    color: #fff;
    border-color: #6E5A3F;
}

/*價格*/
.products-list .price {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.products-list .price b,
.sidebarBtn .price span{
    font-size: 17px;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    color: #C47B7D;
}
.products-list .price b s,
.sidebarBtn .price span u,
.sidebarBtn .price u{
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    color: #C47B7D;
}

.products-list .price b.ori_price,
.sidebarBtn .price span.ori_price {
    color: #999;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
}
.products-list .price b.ori_price s,
.sidebarBtn .price span.ori_price u{
    color: #999;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
}
.products-list .price b.sp_price,
.sidebarBtn .price span.sp_price{
    color: #C47B7D;
}

.products-list .price b.sp_price s,
.sidebarBtn .price span.sp_price u{
    color: #C47B7D;
}
.products-list .price b.ori_price,
.sidebarBtn .price span.ori_price{
    font-size: 14px;
}

/*外層版面*/
.prod_cbox{
    display: none;
}
.product_page .main_part {
    width: 90%;
    max-width: 1500px;
}

.product_page .show_content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.product_page .products-list {
    width: calc(100% - 270px - 5%);
    margin: 0 0 0 5%;
}

.product-layer-two {
    width: 260px;
    margin: 0;
}

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

.product-layer-two li {
    margin: 0;
    width: 100%;
}

/* .product-layer-two>li.active {
  background: #f2f2f2;
} */

.product-layer-two li.active a {
    border: unset;
}

.product-layer-two li ul li a {
    color: #525252;
    font-size: 16px;
    font-weight: 400;
}

.product-layer-two li ul li a.uu_clr {
    color: #ce732e;
    font-size: 18px;
    font-weight: 500;
}

/**/
.product-layer-two li a {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    border: none;
    background: transparent;
    line-height: 200%;
    transition: all 0.3s;
    border-bottom: 1px dotted #CCCCCC;
}

.product-layer-two > li > a {
    padding: 5px 5px 5px 30px;
}
.product-layer-two li.active li a{
    padding: 5px 5px 5px 30px;
}

.product-layer-two li.active > a{
    background-color: #6E5A3F;
}
.product-layer-two li.active > a{
    color:#fff;
}
.product-layer-two li.active > a:before {
    background: #fff;
}
.product-layer-two > li:not(.active):hover > a:before{
    content: url(../images/all_icon_arrow_whi.png);
    background: #6E5A3F;
}

.product-layer-two > li > a:before {
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 20px;
    content: url(../images/all_icon_arrow.png);
    background: #EEEEEE;
    width: 20px;
    text-align: center;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    padding-left: 2px;
    font-size: 13px;
}

/**/
.product-layer-two li ul {
    position: relative;
    padding-top: 1px;
}

.product-layer-two li li {
    border: none;
    background: transparent;
}

.product-layer-two li li a {
    background: transparent;
}

.product-layer-two li li:hover a {
    color: #6E5A3F;
}

/*hover到才顯示副選單 關掉↓*/
.product-layer-two li li {
    display: block;
}

/*購物車/內層＝＝*/
.product_info_page .main_part {
    width: 90%;
    max-width: calc(1400px + 10%);
}

/*按鈕顏色*/
.inquiry_a1 {
    background: #f59800;
}

.inquiry_a2 {
    background: #bdab77;
}

.inquiry_a3 {
    padding: 10px 5px;
    color: white;
    font-size: 18px;
    font-weight: normal;
    line-height: 120%;
    text-align: center;
    border-radius: 0;
    max-width: 180px;
    background-color: #6E5A3F;
}

.inquiry_a1:hover,
.inquiry_a2:hover {
    background: #3c2417;
}

.inquiry_a3:hover {
    background-color: #3c2417;
}
.toShare{
    color: #000;
}
.amountNum,
.radio-inline__label{
    border-color: #333333;
    border-radius: 5px;
}
.radio-inline__input:checked+.radio-inline__label{
    border-color: #6E5A3F;
    color:#fff;
    background-color: #6E5A3F;
}
.lastaction {
    color: #6E5A3F;
    background-color: #f2f2f2;
}

.nextaction {
    background-color: #6E5A3F;
}

.lastPage {
    background: #6E5A3F;
}

/*商品側邊規格*/
.sidebarBtn {
    width: 47%;
    border: unset;
    padding: 10px 0;
}

.sidebarBtn .sp_price {
    color: #f59800;
}

.mobile_product_name {
    font-size: 24px;
}
ul.prod li h3.prod-thumb{
    background: unset;
    border-bottom: 3px dotted #CCCCCC;
    padding: 0;
    margin-bottom: 20px;
}
ul.prod li h3.prod-thumb span {
    display: block;
    background: #fff;
    text-align: center;
    padding: 11px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background-color: #6E5A3F;
    max-width: 150px;
    padding: 8px 5px;
}

.qaform .breakF {
    border: 1px var(--bg-color) solid;
    background: transparent;
}


.product_pic #bx-pager{
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
}
.product_pic #bx-pager > h6{
    display: none;
}
.prod-item:not(:first-of-type){
    display: none;
}
.product_pic{
    padding-left: 0px;
}
.product_main{
    width: 50%;
}
.product_pic #bx-pager a{
    width: 65px;
    height: 65px;
}
.sidebarBtn .price{
    padding: 20px 0 40px;
    margin: 0px;
    border-bottom: 1px dotted #CCCCCC;
}
.product_info{
    margin: 30px 0;
}
.product_info li span{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}
.product_info li{
    margin: 20px 0;
}
.product_info li:last-child{
    flex-direction: column;
    align-items: flex-start;
}
.product_info li:last-child span{
    margin-bottom: 10px;
}

/*相關推薦*/
.prod_related {
    background: #ECD69C;
    padding: 70px 15px;
}

.prod_related h6 span:before {
    font-size: 28px;
    color: #6E5A3F;
    font-weight: bold;
}
.related_list li a p{
    margin: 10px 0 0;
}
.related_list li a img {
    display: block;
    width: 100%;
    padding: 5px;
    background: #fff;
}

/*文章管理/＝＝＝＝＝*/
h4.blog_category_title {
    font-size: 28px;
    color:#6E5A3F;
    border-bottom: 1px solid #888;
}

h4.blog_category_title span {
    font-size: 24px;
}
h5.blog_le_t{
    color:#6E5A3F;
}

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

.subbox_item {
    width: 100%;
    border: 2px dotted #F7EDD2;
}

.subbox_item a {
    padding: 5px;
}

.module_i_news li a:after,
.subbox_item a:after {
    pointer-events: none;
}

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

.blog_list_le {
    position: relative;
    height: auto;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.blog_list_le img,
.i_blog_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%);
}

.subbox_item a:after {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--bg-color02);
    opacity: 1;
}

.blog_list_ri {
    padding: 15px 5px;
    width: 100%;
}

.blog_list_ri h5 {
    font-weight: 600;
    color: var(--MainColor);
    font-size: 18px;
}

.blog_list_ri em {
    color: #000;
    margin: 5px auto 15px;
    font-size: 13px;
}

/*hover*/
.subbox_item a:before {
    display: none;
}
.blog_list_le:after {
    content: "MORE";
    width: 50px;
    height: 50px;
    border-radius: 500px;
    background-color: #6E5A3F;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 500px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    right: 15px;
    transform: scale(.5);
    opacity: 0;
    transition: all 0.6s;
}
.subbox_item:hover{
    background-color: #F7EDD2;
}
.subbox_item:hover .blog_list_le:after{
    transform: scale(1);
    opacity: 1;
}

/*側邊*/
.blog_le .accordion > li {
    transition: all 0.3s;
}

.blog_le .accordion > li:hover{
    background: #3c2417 !important;
}
.blog_le .accordion > li.on_this_category {
    background: #6E5A3F !important;
}

.submenu a:hover {
    background: #f59800;
}

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

.blog_subbox:before {
    content: none;
}

/*文章管理/內層＝＝*/
.blog_back a.article_btn_back {
    background: #6E5A3F;
}

/*首頁*/
.module_i_news {
    padding: 80px 20px;
    background: #f2efea94;
}

.module_i_news ul {
    max-width: 1366px;
}

.module_i_news li {
    width: calc(95% / 4);
}

.i_blog_le {
    width: 100%;
}

.i_blog_ri {
    width: 100%;
}

/**/
.module_i_news .title_i_box {
    position: relative;
}

.module_i_news .title_i_box h4 {
    font-size: 24px;
    color: var(--MainColor);
    padding-top: 55px;
    font-weight: bold;
}

.module_i_news .title_i_box:after {
    content: "NEWS";
    font-size: 50px;
    transform: translatex(-50%);
    position: absolute;
    top: 0px;
    left: 50%;
    color: var(--SubColor);
    font-family: var(--SFont);
}

.module_i_news li a {
    overflow: hidden;
}

.i_blog_ri {
    padding: 8px 5px 0px;
    width: 100%;
    position: absolute;
    z-index: 99;
    bottom: 0%;
    left: 0;
    background: #7ea24a8a;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    transition: 0.5s;
    min-height: 70px;
    max-height: 70px;
    align-items: center;
    backdrop-filter: blur(8px);
}

.module_i_news li a:after {
    display: none;
}

.module_i_news li a:hover:before {
    display: none;
}

.module_i_news li a:hover .i_blog_ri {
    transition: 0.3s;
    min-height: 100%;
    max-height: 100%;
    align-content: center;
}

.i_blog_ri h5 {
    font-weight: 600;
    padding-left: 5%;
    color: #fff;
    letter-spacing: 2px;
    height: 30px;
    width: 100%;
}

.i_blog_ri em {
    border-bottom: none;
    color: #fff;
    padding: 0 5%;
    padding-bottom: 1%;
}

.i_blog_ri p {
    color: #fff;
    width: 90%;
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    padding: 15px 0 10px;
    margin: 0 auto;
    min-height: 75px;
    max-height: 75px;
}

.module_i_news li :hover .i_blog_le img {
    transform: translate(-50%, -50%) scale(1.05);
    filter: brightness(0.7);
    transition: 0.8s;
}

/*按鈕*/
.module_i_news .animated-arrow {
    padding-left: 0%;
    border-radius: 99em;
    width: 200px;
    font-size: 20px;
    margin-top: 40px;
}

.module_i_news .animated-arrow svg {
    display: none;
}

.module_i_news .animated-arrow:hover {
    background: #e68510;
    transition: 0.5s;
    letter-spacing: 3px;
}

/*圖片1/1*/
.module_i_news li a:after {
    background: transparent;
    border: none;
}

.i_blog_le {
    position: relative;
    aspect-ratio: 1 / 1;
    padding: 0px;
    width: 100%;
}

.i_blog_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%;
}

/*相簿/＝＝＝＝＝*/
/*作品展示*/
.work_page .main_part,
.work_class_page .main_part,
.work_info_page .main_part {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}

/*相簿管理*/
.album_page .main_part,
.album_class_page .main_part,
.album_info_page .main_part {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}

.show-list .item a .show_name,
.other_subalbum li p{
    text-align: center;

}
.show-list .item a:hover .show_name,
.other_subalbum li:hover p{
    color:#E5CB7E;
}
.block{
    display:none;
}

/*版面*/
ul.show-list,
.other_subalbum,
ul.pic-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

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

.overlay {
    z-index: 1;
}

.show-list .item,
.other_subalbum li,
.pic-list .item {
    width: 100%;
    margin: 0;
    padding: 5px;
}

.show-list .show_pic,
.other_subalbum li a div,
.pic-list .show_pic {
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
}

.show-list .show_pic,
.other_subalbum li a div,
.pic-list .show_pic {
    padding-bottom: 75%;
}

/*相簿圖片長寬比例，75% →100:75 = 4:3 */
.show-list .show_pic img,
.other_subalbum li a img,
.pic-list .show_pic 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%);
}

.show-list .item:hover .show_name {
    color: #6E5A3F;
}

.other_album_choice li {
    background: #6E5A3F;
}

.subalbum-menu h2::before{
    content: url(../images/all_icon_arrow_big.png);
    margin: 0 10px 0 0;
}
.subalbum-menu h2 {
    color: #6E5A3F;
    font-size: 28px;
}

.other_subalbum li p {
    margin-top: 10px;
}

/**/

/*促銷方案/＝＝＝＝＝*/
.news_part {
    width: 90%;
}

.news_list ul li a:hover {
    background: #f9f9f9;
}

.news_list ul li p:after {
    background: #6E5A3F;
    padding: 3px 5px;
    border-radius: 5px;
    color: #fff;
}

.other_promotion li a:hover:before,
.other_promotion li a:hover:after {
    border-color: #6E5A3F;
}

/*聯絡我們/＝＝＝＝＝*/
.contact_page .main_part{
    max-width: 1400px;
}
.contact_le_map a {
    background: #6E5A3F;
}
.contact_form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.contact_form li{
    padding: 0;
    padding-left: 0px;
}
.contact_form li.last cite {
    padding: 0px;
    background: unset;
    width: 100%;
    max-width: 250px;
    border: unset;
}
.contact_form li.last cite i{
    display: none;
}
.contact_form li.last{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-column: 1/3;
}
.contact_form li.last blockquote{
    border: unset;
    border-right: 1px solid #ccc;
    padding: 0px 5px;
    margin-right: 15px;
}
.contact_form li.last cite input{
    padding: 0px 5px;
    background: #6E5A3F;
    padding: 15px 10px;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
}
.contact_form li .form__insert{
    display: block;
}
.contact_form li .form__label{
    display: block;
    width: 100%;
    text-align: left;
    margin-left: 0px;
    padding-right: 0px;
    font-weight: bold;
    font-size: 17px;
    color: #444444;
    margin: 0 0 10px;
}
.contact_form li input.noborder{
    border-radius: 5px;
}

.blank_letter {
    color: var(--MainColor);
}
.blank_letter p{
    background-color: #ECD69C;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.blank_letter p::before{
    content: url(../images/all_icon_arrow_big.png);
    margin: 0 15px 0 0;
}
.list_before.account{
    display: none;
}

/*會員/＝＝＝＝＝*/
.rewrite_simple, 
.send_simple{
    font-weight: bold;
    text-align: left;
    padding: 0 15px;
}
.send_simple {
    background: url(../images/all_icon_arrow_right_whi.png) no-repeat 88% center #6E5A3F;
}
.rewrite_simple {
    color: #6E5A3F;
    text-align: right;
    background: url(../images/all_icon_arrow_left.png) no-repeat 12px center #ECD69C;
}

.member_title p {
    border-top: 2px #6E5A3F solid;
}

.formbox_form li{
    padding-left: 120px;
}
.formbox_form li.last {
    display: flex;
    justify-content: center;
    align-items: center;
}

.formbox_form li.last .rewrite_simple,
.formbox_form li.last .send_simple {
    max-width: 150px;
    width: 100%;
    padding: 10px var(--m20);
    color: #ffffff;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    letter-spacing: 0.1em;
    font-size: var(--f16);
    background: #6E5A3F;
    transition: 0.5s;
}

.formbox_form li.last .rewrite_simple:hover,
.formbox_form li.last .send_simple:hover {
    transition: 0.5s;
    transform: translateY(-10px);
}

.formbox_form li.last .send_simple {
    margin-left: 20px;
}

.formbox_form li .form__insert input{
    max-width: 250px;
}
.formbox_form li .form__insert:has(textarea){
    max-width: 500px;
}

.member_text {
    color: #444444;
    font-size: 16px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
    text-align: center;
    margin-bottom: 20px;
}

.member_text em {
    display: block;
    font-style: normal;
}

.login_mem_submit {
    background: #6E5A3F;
    padding:10px;
    border-radius: 500px;
    max-width: 210px;
    margin: 0 auto;
}
.login_mem_line{
    padding:10px;
    border-radius: 500px;
    max-width: 210px;
    margin: 20px auto 10px;
    cursor: pointer;
}

.login_mem_other_link {
    color: #444;
}

.login_mem_other_link a {
    color: #C47A7D;
}

.member_login_regist a {
    background: #6E5A3F;
    max-width: 154px;
    width: 100%;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
    border-radius: 500px;
}

.mem_regist_title_s {
    background: #6E5A3F;
    color: #fff;
}


/*RWD1200/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1200px) {

    /*購物車/＝＝＝＝＝*/
    .products-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/*RWD1024/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1024px) {
    /*Header/＝＝＝＝＝*/
    .navigation {
        padding: 0px 10px;
        border-bottom: 5px solid #6E5A3F;
    }

    .main_header_area {
        height: auto;
    }

    .main_header_area .container {
        padding: 0;
    }

    .pageIndex .header_area.sticky .main_header_area {
        background: #fff;
        height: auto;
    }

    .pageIndex .header_area .main_header_area:after {
        display: none;
    }

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

    .stellarnav > ul > li {
        padding-top: 0;
    }

    /*Logo/＝＝＝＝＝*/
    .header_area .nav-brand {
        max-width: 100px;
        margin: 0 auto 15px;
    }

    .pageIndex .nav-brand {
        padding: 0;
    }



    /*文章管理/＝＝＝＝＝*/
    .module_i_news ul {
        grid-template-columns: 1fr 1fr;
    }

    /*購物車/＝＝＝＝＝*/
    .product_page .products-list {
        grid-template-columns: 1fr 1fr;
    }
}

/*RWD980/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 980px) {
    /*文章管理/＝＝＝＝＝*/
    .blog_subbox {
        grid-template-columns: 1fr 1fr;
    }

    /*相簿/＝＝＝＝＝*/
    ul.show-list,
    .other_subalbum,
    ul.pic-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .contact_content .information_left{
        width: 280px;
    }
    .contact_content .information_right{
        width: calc(100% - 310px);
    }
}



/*RWD768/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 768px) {
    /*選單漸變效果＝＝*/
    .pageIndex .main_header_area {
        height: auto;
        opacity: 1;
    }

    /*側邊選單/＝＝＝＝＝*/
    .stellarnav .menu-toggle:after {
        color: var(--MainColor);
    }

    .stellarnav.mobile > ul {
        border-top: none;
    }

    .stellarnav .menu-toggle span.bars span {
        background: var(--MainColor);
    }

    .stellarnav.mobile.right .close-menu,
    .stellarnav.mobile.left .close-menu {
        background: #f59800;
        color: #fff;
    }

    .stellarnav .icon-close:before,
    .stellarnav .icon-close:after {
        border-bottom: solid 3px #fff;
    }

    .stellarnav a.dd-toggle .icon-plus:before,
    .stellarnav a.dd-toggle .icon-plus:after {
        border-bottom: solid 2px var(--MainColor);
    }

    .stellarnav > ul > li:before {
        margin: 8px auto;
        height: 35px;
    }

    .stellarnav li li > a,
    .stellarnav li li.has-sub > a {
        padding: 10px;
        border-left: none;
    }

    .stellarnav li li:hover > a,
    .stellarnav li li.has-sub:hover > a {
        padding: 10px;
        border-color: transparent;
    }

    /*Logo/＝＝＝＝＝*/
    .nav-brand {
        margin-top: 10px;
    }

    .header_area .nav-brand {
        max-width: 75px;
    }

    .header_area.sticky .nav-brand {
        max-width: 75px;
    }

    /*Footer/＝＝＝＝＝*/
    #to_top {
        bottom: 60px;
    }

    #bottom_menu {
        display: block;
    }

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

    .footer_info {
        justify-content: center;
        flex-direction: column;
    }

    .footer_logo {
        text-align: center;
    }

    .footer_info ul {
        width: 100%;
        flex-direction: column;
    }

    .box_link {
        display: none;
    }

    .footer_info li:nth-child(2) {
        width: 100%;
    }

    .footer_menu {
        grid-template-columns: 1fr 1fr 1fr;
    }

    /*Banner/＝＝＝＝＝*/
    .banner h5 {
        font-size: 28px;
    }

    /*購物車/＝＝＝＝＝*/
    .products-list {
        grid-template-columns: 1fr 1fr;
    }

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

    .prod_related h6 span:before {
        font-size: 24px;
    }

    .product_main,
    .sidebarBtn{
        display: block;
        width: 100%;
        max-width: 450px;
        margin: auto;
    }

    /*順序*/
    .product_page .products-list {
        order: -1;
    }

    /*文章管理/＝＝＝＝＝*/
    h4.blog_category_title {
        font-size: 24px;
    }

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

    /*相簿/＝＝＝＝＝*/
    .mobile_product_name {
        font-size: 20px;
    }

    .subalbum-menu h2 {
        color: #f59800;
        font-size: 20px;
    }

    
    .contact_content .information_left{
        width: 100%;
    }
    .contact_content .information_right{
        width:100%;
        order: -1;
    }
}

/*RWD600/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 600px) {
    /*Footer/＝＝＝＝＝*/
    .box_link {
        text-align: center;
    }

    /*Banner/＝＝＝＝＝*/
    .banner h5 {
        font-size: 24px;
    }


    /*購物車/＝＝＝＝＝*/
    .prod_related h6 span:before {
        font-size: 20px;
    }

    /*文章管理/＝＝＝＝＝*/
    .module_i_news ul,
    .blog_subbox {
        grid-template-columns: 1fr;
    }

    .i_blog_le,
    .blog_list_le {
        padding-bottom: 75%;
    }

    h4.blog_category_title {
        font-size: 20px;
    }

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

    /*相簿/＝＝＝＝＝*/
    ul.show-list,
    .other_subalbum,
    ul.pic-list {
        display: grid;
        grid-template-columns: 1fr;
    }

    .mobile_product_name {
        font-size: 18px;
    }

    .subalbum-menu h2 {
        font-size: 18px;
    }

    /*促銷方案/＝＝＝＝＝*/
    .news_list ul li p:after {
        width: fit-content;
        margin: 10px auto 0;
    }

}

/*RWD450/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 450px) {
    .footer_menu {
        grid-template-columns: 1fr 1fr;
    }

    .contact_form{grid-template-columns: 1fr;gap: 15px;}
    .contact_form li.last{grid-column: unset;}
}

/*RWD375/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 375px) {
    /*購物車/＝＝＝＝＝*/
    .products-list,
    .product_page .products-list {
        grid-template-columns: 1fr;
    }
}

/* 寵物住宿紀錄 */
.mask_order_history table tr:nth-child(1) td {
    text-align: center;
}

/* 匯款通知 */
.uu {
    text-align: center;
}

body.remit_page .member_title {
    margin-bottom: 20px;
}

.border200 {
    border: 2px #dddddd solid;
    width: 100%;
    border-radius: 5px;
}

.formbox_form li .form__label {
    text-align: right;
    padding-right: 10px;
}

.formbox_form span.star.red,
.uu .red {
    color: #bd924c;
}

@media (max-width: 600px) {
    .formbox_form {
        margin-top: 30px;
    }
    .formbox_form li .form__label {
        padding: 10px 0;
        text-align: left;
    }
    .formbox_form li .form__insert {
        padding-left: 0;
    }
    .formbox_form li:nth-last-of-type(4) span {
        display: none;
    }
}

.stellarnav ol:is(.other_btn){width: 140px;display: inline-block;vertical-align: bottom;margin: 15px 0;}
.stellarnav ol:is(.other_btn) a{padding: unset;display: inline-block;margin: 0 10px 0 0;}
.top_member_in a{margin: 0px !important;}
.top_member_in {margin: 0 10px 0 0;}
.stellarnav ol:is(.other_btn) .top_member_in{display: inline-block;}
.stellarnav ol:is(.other_btn) a.tp_btn_cart{
    display: flex;
}
.stellarnav ol:is(.other_btn) a.tp_btn_cart span{
    width: 19px;
    height: 19px;
    border-radius: 500px;
    background-color: #6E5A3F;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}
.me_tp_features{margin-bottom: unset;display: flex;    align-items: flex-end;}
.top_member_in dl dd{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.top_member_in dl dd > input{
    width: 15px;
    height: 37px;
}
.stellarnav a{color: #000;}
.header_area .main_header_area:after{
    width: 100%;
    max-width: unset;
    height: 100%;
    background-color: #fff;
    border-bottom: 5px solid #6E5A3F;
}
.stellarnav > ul > li:before{
    content: '';
    display: block;
    max-width: 30px;
    height: 29px;
    background: url(../images/top_icon01_odd.png) center / cover;
    animation: top_float 4s ease infinite;
    margin: 0 auto;
}
.stellarnav > ul > li:nth-of-type(2)::before{
    animation-delay: .2s;
}
.stellarnav > ul > li:nth-of-type(3)::before{
    animation-delay: .4s;
}
.stellarnav > ul > li:nth-of-type(4)::before{
    animation-delay: .6s;
}
.stellarnav > ul > li:nth-of-type(5)::before{
    animation-delay: .8s;
}
.stellarnav > ul > li:nth-of-type(6)::before{
    animation-delay: 1s;
}
.stellarnav > ul > li:nth-of-type(7)::before{
    animation-delay: 1.2s;
}
.stellarnav > ul > li:nth-of-type(8)::before{
    animation-delay: 1.4s;
}
@keyframes top_float {
    50%{transform: translateY(-5px);}
}
.stellarnav > ul > li:nth-of-type(even)::before{
    background: url(../images/top_icon01_even.png) center / cover;
}
.stellarnav > ul > li:hover::before{
    background: url(../images/top_icon01_hover.png) center / cover;
}
.stellarnav.mobile > ul > li{
    position: relative;
    z-index: 1;
    padding: 0 0 0 15px;
}
.stellarnav.mobile li.open{
    padding: 3px 3px 3px 15px;
}
.stellarnav.mobile > ul > li:before{
    width: 20px;
    height: 19px;
    position: absolute;
    top: 15px;
    left: 5px;
}
.stellarnav.mobile > ul > li > a.dd-toggle{
    top: 8px;
    padding: 0px;
    margin: 0px;
}
.stellarnav li.open > a.dd-toggle .icon-plus{
    transform: unset;
    transform-origin: center;
}
.stellarnav li.open > a.dd-toggle .icon-plus::before{
    width: 0px;
}
.stellarnav.mobile li li a.dd-toggle{
    top: 0px;
    right: 1px;
}
.stellarnav.mobile li.open li.open{
    padding: 0px;
}
.stellarnav a.dd-toggle .icon-plus:before, 
.stellarnav a.dd-toggle .icon-plus:after{
border-color: #000;
}
.right_member_in{
    display: none;
}
.info_fix_links{
    display: block !important;
    width: 75px;
}
.info_fix_links a{
    width: 45px;
    height: 45px;
    margin: 0 auto 10px;
    background-color: #E5CB7E;
    display: flex;
    justify-content: center;
    align-items: center;
}
.info_fix_links a span{
    width: 45px;
    height: 45px;
}
.info_fix_links a:hover{
    background-color: #6E5A3F;
}
.info_fix_links a img{
    max-width: 23px;
    width: 50%;
    filter: invert(1);
    -webkit-filter:  invert(1);
}
.info_fix>span{
    display: none;
}
.info_fix_links aside{
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 0 1px #fff);
    -webkit-filter: drop-shadow(0 0 1px #fff);
}
.info_fix_links aside img:nth-of-type(1){
    position: absolute;
    top: 0px;
    left: 0px;
    animation: run_circe 5s cubic-bezier(0.4, -0.27, 0.61, 1) infinite;
    z-index: -1;
}
@keyframes run_circe {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(-360deg);}
}

.footer{
    background-color: #6E5A3F;
    padding: 50px 0 0;
}
.footer_logo{
    display: none;
}
.footer_info ul{
    width: 100%;
    display: grid;
    grid-template-columns: 245px .9fr;
    column-gap: 10%;
    max-width: 820px;
    margin: auto;
}
.footer_info ul li{
    padding: 0px;
}
.footer_info ul li.footer_list{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.footer_info ul li.footer_list div{
    max-width: fit-content;
    margin: 0 10px 10px;
    width: 50%;
}
.footer_info ul li h4{
    font-size: 20px;
    color: #fff;
    line-height: 1.2;
    letter-spacing: 0.1em;
    margin: 0 0 20px;
    font-weight: normal;
}
.footer_menu a{
    background-color: unset;
    border: unset;
    font-size: 16px;
    color: #DDDDDD;
    max-width: fit-content;
    margin: 15px 0 0;
    padding: 0px;
    display: block;
}
.footer_menu a:hover{
    color: #EBD69B;
    background-color: unset;
}
.footer_meb a{
    background-color: unset;
    border: unset;
    font-size: 16px;
    color: #DDDDDD;
    max-width: fit-content;
    margin: 15px 0 0;
    padding: 0px;
    display: block;
}
.footer_meb a:hover{
    color: #EBD69B;
    background-color: unset;
}
.footer_info li.footer_con p{
    font-size: 16px;
    color: #DDDDDD;
    margin: 0 0 5px;
    word-break: break-all;
}
.footer_info li.footer_con p span{
    font-size: 16px;
    color: #DDDDDD;
}
.footer_info li.footer_con hr{
    background-color: transparent;
    margin: 15px 0;
    border-top: 1px solid #888888;
    opacity: .3;
}
.footer_info li.footer_con aside{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    margin: 30px 0 0;
}
.footer_info li.footer_con aside a{
    width: 38px;
    height: 38px;
    border-radius: 5px;
    border: 1px solid #888;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0 0 10px;
    transition: all .6s ease;
}
.footer_info li.footer_con aside a img{
    max-width: 23px;
    margin: auto;
    width: 100%;
    filter:invert(1);
    -webkit-filter:invert(1);
    transition: all .6s ease;
}
.footer_info li.footer_con aside a:hover{
    background-color: #ECD69C;
    border-color: #ECD69C;
}
.footer_info li.footer_con aside a:hover img{
    filter: invert(34%) sepia(39%) saturate(425%) hue-rotate(355deg) brightness(92%) contrast(85%);
    -webkit-filter: invert(34%) sepia(39%) saturate(425%) hue-rotate(355deg) brightness(92%) contrast(85%);
}

@media screen and (max-width: 1024px) {
.stellarnav ol:is(.other_btn){display: block;margin: 15px auto;}
.header_area .nav-brand{max-width: 75px;height: unset;min-width: unset;margin: 0 auto 10px;padding: 10px 0;}
.header_area .nav-brand img{position: relative;z-index: 10;}
.nav-brand::after{z-index: 0;right: unset;left: 50%;transform: translateX(-50%);bottom: 0px;}
}
@media screen and (max-width: 768px) {
.navigation{height: 70px;}
.nav-brand::after{min-width: 180px;min-height: 180px;bottom: -10px;left: 51%;}
.stellarnav ol:is(.other_btn){display: none;}
.right_member_in{display: block;}
.info_fix{width: 50px;right: 5px;}
.info_fix_links{width: 50px;}
.footer_info ul{grid-template-columns: 1fr;gap: 40px;}
.footer_info li.footer_con{grid-row: 1/2;}
.footer_info ul li.footer_list{justify-content: flex-start;flex-direction: column;}
.footer_info ul li.footer_list div{width: 100%;margin: 0px;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.footer_info ul li.footer_list div h4{width: 100%;margin: 0 0 5px;}
.footer_menu a,
.footer_meb a{margin: 10px 10px 0 0;}
.footer_info ul li.footer_list div:nth-of-type(1){margin: 0 0 40px;}
.footer_info li.footer_con aside{justify-content: flex-start;}
.footer_info li.footer_con aside a{margin: 10px 10px 0 0;}
}
@media screen and (max-width: 490px) {
.nav-brand::after{bottom: -5px;min-width: 150px;}
.header_area .nav-brand{max-width: 50px;}
.footer_info ul li.footer_list div h4{font-size: 18px;}
.footer_info li.footer_con p{font-size: 15px;}
.footer_menu a, .footer_meb a{font-size: 15px;}
.footer_info{padding: 0 40px 0 10px;}
.right_member_in{width: 45px;padding: 5px;}
.right_member_in li{font-size: 12px;}
}