@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");
/*網站全域設定/＝＝＝＝＝*/
/*
  #C05620 /*網站主要色系
  #F59800 /*網站輔助色系1
  #23419B; /*網站輔助色系2*/

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

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

:root {
    --MainColor: #c05620;
    --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;
    height: 100px;
}

.header_area.sticky .main_header_area {
    opacity: 1;
    transition: all 1s;
    box-shadow: 0px -6px 20px 0px #f598004d;
}

.pageIndex .header_area .main_header_area:after {
    content: " ";
    top: 0;
    position: absolute;
    right: 0;
    max-width: 1200px;
    width: calc(100vw - 240px);
    height: 100px;
    background: #fff;
    border-bottom-left-radius: 100px;
    border: 1px solid #f2f1f1;
}

.pageIndex .main_header_area {
    background: none;
    height: 0px;
    opacity: 0;
    transition: all 0.3s;
}

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

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

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

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

.stellarnav > ul > li:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 55px;
    height: 55px;
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    background-image: url(../images/ff.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.stellarnav > ul > li:hover:before {
    opacity: 0.2;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.stellarnav > ul > li > a {
    transition: all 0.3s;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    color: var(--f2-color);
    padding: 0 15px;
}

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

.stellarnav li.has-sub > a:after {
    position: absolute;
    top: 38%;
    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 {
    border: none;
}

.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: #c05620;
}

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

.tp_links a {
    transition: all 0.3s;
}

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

.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/＝＝＝＝＝*/
.footer {
    background: #ffff;
    padding-top: 45px;
    box-shadow: 0px -6px 20px 0px #f598004d;
}

.footer .center {
    max-width: 1600px;
}

.footer_info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.footer_info ul {
    display: flex;
}

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

.footer_info li p {
    color: var(--f2-color);
    font-weight: bold;
    font-size: 15px;
}

.footer_info li:nth-child(1) {
    padding-left: 60px;
    padding-right: 30px;
}

.footer_menu {
    display: flex;
}

.footer_menu a {
    padding: 13px 11px;
    transition: all 0.3s;
    background: transparent;
    border: 1px dashed var(--MainColor);
    border-radius: 50px;
    width: max-content;
    margin: 0 5px;
    writing-mode: vertical-rl;
    font-size: 15px;
    text-align: justify;
    color: var(--f2-color);
    position: relative;
    padding-top: 30px;
}

.footer_menu a:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 13px;
    left: 42%;
    margin: auto;
    background-color: var(--MainColor);
    border-radius: 50%;
}

.footer_menu a:hover {
    background: var(--MainColor);
}

.copy {
    background: var(--MainColor);
    color: #fff;
    border: none;
    margin-top: 35px;
}

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

.header_area.sticky .nav-brand {
}

.pageIndex .nav-brand {
    padding: 15px;
}

.pageIndex .nav-brand {
    max-width: 150px;
}

/* .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: #c05620;
}

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

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

.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/meowcastle/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;
    }
}

/*切版後刪除*/
.swiper-banner::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    text-indent: 2px;
    font-size: 36px;
    line-height: 160%;
    text-align: center;
    max-width: 20%;
    margin: 0;
    color: #fff;
    z-index: 5;
    font-weight: bold;
    text-shadow: 0 0 13px black;
    white-space: pre-wrap;
    transform: translate(-50%, -50%);
    background: url(../images/big_decLogo.png) center no-repeat;
    background-size: 100%;
}

/*切版後刪除*/

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

/*Banner/＝＝＝＝＝*/
.banner {
    /* background: url(https://pic03.eapple.com.tw/meowcastle/ban.jpg); */
}

.banner.banF {
    /* background: url(https://pic03.eapple.com.tw/meowcastle/ban-f.jpg) center; */
}

.banner.banblog {
    /* background: url(https://pic03.eapple.com.tw/meowcastle/ban-blog.jpg) center; */
}

.banner.banC {
    /* background: url(https://pic03.eapple.com.tw/meowcastle/ban-c.jpg) center; */
}

.banner h5 {
    font-size: 32px;
    color: #fff;
    text-shadow: 1px 1px 12px #ccccccba;
    letter-spacing: 11px;
    position: relative;
    line-height: 1;
}

.banner h5:before {
    content: "familydog";
    display: block;
    letter-spacing: 1px;
    text-shadow: none;
    font-size: 100px;
    text-transform: uppercase;
    font-family: "Nunito", sans-serif;
    font-size: min(max(5.5vw, 36px), 100px);
}

.banner.banblog h5:before {
    content: "News";
}

.banner.banF h5:before {
    content: "Products";
}

.banner.banC h5:before {
    content: "Contact";
}

/*.banner h5:before {
  content: "Environment";}*/

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

/*頁碼＝＝*/
.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;
}

.page strong,
.page a:hover {
    background: #c05620;
    border: 1px solid #c05620;
}

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

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

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

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

/*購物車/外層＝＝*/
/*顏色*/
.products-list .name {
    color: #333326;
    font-size: 18px;
    font-weight: 400;
    font-family: "Noto Sans TC", serif;
    line-height: 140%;
    text-align: center;
    height: 49px;
}

.products-list .more {
    background-color: #f2efea;
    color: #cf742f;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    border: none;
    margin-top: 50px;
}

.products-list .item a:hover .more {
    background: #cf742f;
}

/*價格*/
.products-list .price {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.products-list .price b {
    color: #333326;
    font-size: 18px;
    font-weight: 600;
    font-family: "Noto Sans TC", serif;
    line-height: 140%;
    text-align: center;
}
.products-list .price b.ori_price {
    font-size: 14px;
}

/*外層版面*/
.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% - 244px);
}

.product-layer-two {
    width: 240px;
    margin: 0;
    font-family: "Noto Sans TC", serif;
}

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

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

/* .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: 22px;
    font-weight: 500;
    border: none;
    background: transparent;
    transition: all 0.3s;
    line-height: 200%;
    transition: all 0.3s;
}

.product-layer-two > li > a {
    padding-left: 25px;
}

.product-layer-two li:hover > a:before,
.product-layer-two li.active > a:before {
    background: #c05620;
    color: #fff;
}

.product-layer-two > li > a:before {
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 18px;
    content: "＞";
    color: #c05620;
    background: #f2f2f2;
    width: 18px;
    text-align: center;
    position: absolute;
    left: 0;
    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: #c05620;
}

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

/*購物車/內層＝＝*/
.product_info_page .main_part {
    width: 90%;
}

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

.inquiry_a2 {
    background: #bdab77;
}

.inquiry_a3 {
    background: #cf742f;
    padding: 10px 5px;
    color: white;
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    text-align: center;
    border-radius: 0;
}

.inquiry_a1:hover,
.inquiry_a2:hover {
    background: #222;
}

.inquiry_a3:hover {
    background-color: #be9e91;
}

.lastaction {
    color: #c05620;
    background-color: #f2f2f2;
}

.nextaction {
    background-color: #c05620;
}

.lastPage {
    background: #c05620;
}

/*商品側邊規格*/
.sidebarBtn {
    border-color: var(--bg-color);
}

.sidebarBtn .sp_price {
    color: #f59800;
}

.mobile_product_name {
    font-size: 24px;
}

ul.prod li h3.prod-thumb {
    background: var(--bg-color);
    text-align: left;
    padding: 11px;
    color: #c05620;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

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

/*相關推薦*/
.prod_related {
    background: var(--bg-color);
    padding: 70px 15px;
}

.prod_related h6 span:before {
    font-size: 28px;
    color: var(--MainColor);
}

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

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

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

.subbox_item {
    width: 100%;
}

.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);
}

.blog_list_ri em {
    color: var(--f2-color);
    margin: 15px auto;
}

/*hover*/
.subbox_item a:before {
    display: none;
}

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

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

.blog_le .accordion > li:hover,
.blog_le .accordion > li.on_this_category {
    background: #c05620 !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: #c05620;
}

/*首頁*/
.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;
}

/*版面*/
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: #c05620;
}

.other_album_choice li {
    background: #c05620;
}

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

.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: #c05620;
    padding: 3px 5px;
    border-radius: 5px;
    color: #fff;
}

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

/*聯絡我們/＝＝＝＝＝*/
.contact_le_map a {
    background: #c05620;
}

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

.blank_letter {
    color: var(--MainColor);
}

li.MAIL {
    display: none;
}

/*會員/＝＝＝＝＝*/
.send_simple {
    background-color: #c05620;
}

.rewrite_simple {
    background-color: #f59800;
}

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

.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: #c05620;
    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;
}

.member_text {
    color: #444444;
    font-size: 16px;
    font-weight: 300;
    font-family: "Noto Sans TC", serif;
    line-height: 160%;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
    text-align: center;
    margin-bottom: 50px;
}

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

.login_mem_submit {
    background: #c05620;
}

.login_mem_other_link {
    color: #dbad88;
}

.login_mem_other_link a {
    color: #dbad88;
}

.member_login_regist a {
    background: #be9e91;
    max-width: 154px;
    width: 100%;
    font-size: 16px;
    font-family: "Noto Sans TC", serif;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
}

.mem_regist_title_s {
    background: #f59800;
    color: #fff;
}

body.mem_page .banner {
    background-image: url("../hotel/images/banner02.jpg");
}

body.mem_page .banner h5:before {
    content: "Member";
}

.member_copy_right_box::-webkit-scrollbar-thumb {
    background-color: #be9e91;
}

/*RWD1200/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1200px) {
    /*footer*/
    .footer_info li:nth-child(2) {
        width: 45%;
    }

    .footer_menu {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .footer_menu a {
        writing-mode: inherit;
        width: 100%;
        padding: 6px 15px 6px 25px;
    }

    .footer_menu a:before {
        left: 8%;
        top: 44%;
    }

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

/*RWD1024/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1024px) {
    /*Header/＝＝＝＝＝*/
    .navigation {
        padding: 10px;
    }

    .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 {
        font-size: 16px;
        padding: 0px 13px;
    }

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

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

    .pageIndex .header_area .nav-brand::after {
        display: none;
    }

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

    /*footer*/
    .footer_info li:nth-child(1) {
        padding-left: 20px;
    }

    .box_link {
        left: 20px;
    }

    .footer_info ul {
        width: calc(100% - 210px);
    }

    /*文章管理/＝＝＝＝＝*/
    .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;
    }
}

/*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;
    }

    .banner {
        padding: 20px;
        height: 40vw;
        background-size: auto 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .banner.banblog {
        background-position: right -40vw center;
    }

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

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

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

    /*順序*/
    .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;
    }
}

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

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

    .banner {
        padding: 20px;
        height: 60vw;
    }

    /*購物車/＝＝＝＝＝*/
    .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;
    }

    .banner.banblog {
        background-position: right -60vw center;
    }
}

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

/*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 .banner {
    background-image: url("../hotel/images/banner02.jpg");
}

body.remit_page .banner h5::before {
    content: "Remittance";
}

body.remit_page #content {
    font-family: "Noto Sans TC", serif;
    font-weight: 300;
    color: #444444;
}

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

.formbox_form {
    max-width: 610px;
    width: 100%;
    margin: auto;
    margin-top: 50px;
}

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