/* body.pageIndex #content_main {
    background: #E4EAE3;
}
 */



#content,
#content_main {
    /* background-image: url(https://555/dogshotel/bg01.jpg); */
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
}

#content,#content_main{
    background-image: url(https://555/dogshotel/bg_all.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

body.promotions_page #content,
body.blog_page #content,
body.product_page #content,body.blog_in_page #content,body.album_page #content,body.album_info_page #content,body.album_class_page #content{
    background-image: url(https://555/dogshotel/bg_all_02.svg);
    background-color: #e4eae3;

}

.bannerindex *,
.stellarnav *,
.footer_info>ul *,
.banner * {
    font-family: 'Cantarell', '微軟正黑體', sans-serif;
}






body.pageIndex .clearfix:before,
body.pageIndex .clearfix:after {
    display: none;
}

.main_part {
    max-width: 1600px;
    width: 95%;
}

body.promotions_page .main_part {
    max-width: 1300px;
    /* margin-bottom: 80px; */
}

div#page {
    /* background: #e1ddd5; */
    /* background: #F3F4F4; */
    /* background: transparent; */
    background: #E4EAE3;
}
body.contact_page div#page{
    background: #F9F9F9;
}


body.blog_in_page div#page,
body.product_info_page div#page {
    /* background: #fdf9ee; */
}


/* body.pageIndex div#page {
    background: #fff;
} */




body.other_select_page ul.other_promotion.clearfix,
body.other_select_page .page {
    display: none;
}




/* 錨點滾動 */
html {
    scroll-behavior: smooth;
}

/* 全域設定 */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(102, 102, 102, 0.6);
}

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

::selection {
    color: #fff;
    background: #e4eae3;
}

/* 固定背景========== */
.animated15 {
    animation: none;
}

/* ios適用 */
body.pageIndex #content_main,
body.services_page #content_main,
body.case_page #content_main,
#content_main {
    /* min-height: auto; */
}


/* 編輯頁做好後刪掉_end */
#page {
    position: relative;
    /* overflow: hidden; */
    /* contain: paint; */
}

body.contact_page #page:before {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}


@media screen and (max-width: 768px) {
    /* body.contact_page #page:before{
        background-image: url(https://555/dogshotel/con_bg.jpg);} */
}

@media screen and (min-width: 769px) {
    /* body.contact_page #page:before{
        background-image: url(https://555/dogshotel/con_bg.jpg);} */
}


/* 每頁裝飾======== */
body.other_select_page .promotion_title {
    display: none;
}

body.blog_in_page .main_part {
    contain: paint;
}

.main_part {
    position: relative;
}

/* body.blog_page .main_part,
body.product_page .main_part,
body.product_info_page .main_part,
body.album_page .main_part,
body.album_class_page .main_part,
body.album_info_page .main_part {
    overflow: hidden;
    z-index: 0;
}

body.blog_page .main_part:after,
body.blog_in_page .main_part:after,
body.product_page .main_part:after,
body.product_info_page .main_part:after,
body.album_page .main_part:after,
body.album_class_page .main_part:after,
body.album_info_page .main_part:after {
    content: 'Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu Sen Yu ';
    position: absolute;
    bottom: 0;
    left: -5%;
    font-family: "Cormorant Garamond";
    display: block;
    font-weight: 500;
    font-size: 252px;
    letter-spacing: 12px;
    white-space: nowrap;
    color: #eae2d1c7;
    animation: move_t 200s linear infinite;
    z-index: -1;
    pointer-events: none;
    opacity: 0.4;
    text-transform: uppercase
}

body.product_info_page .main_part:after {
    opacity: 0.2;
}

@-webkit-keyframes move_t {
    0% {
        -webkit-transform: translateX(2.6%);
        transform: translateX(2.6%)
    }

    to {
        -webkit-transform: translateX(-22%);
        transform: translateX(-22%)
    }
}

@keyframes move_t {
    0% {
        -webkit-transform: translateX(2.6%);
        transform: translateX(2.6%)
    }

    to {
        -webkit-transform: translateX(-22%);
        transform: translateX(-22%)
    }
} */

/* 客戶編輯器 */
ul.prod li .prod-panel img {
    max-width: 100%;
    width: 100%;
}

/* 客戶編輯器分享文章*/
body.share_page .edit * {
    font-family: "Noto Sans TC", "微軟正黑體";
}

body.share_page .edit p {
    font-size: 17px;
    line-height: 2;
    color: #0a0a0a;
    font-weight: 400;
}

body.share_page .edit a {
    color: #a78a6b;
    font-size: 17px;
    border-bottom: 1px solid;
    font-weight: 400;

}

body.share_page .edit h3 {
    display: block;
    padding: 18px 15px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    padding-left: 55px;
    line-height: 1.7;
    letter-spacing: 0.15em;
    border-bottom: 1px solid #bd957b;
    color: #bd957b;
    border-top: 1px solid #bd957b;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px solid #ddd;
    border-left-color: #bd957b;
}

body.share_page .edit h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 2;
    padding-left: 20px;
    margin: 0 0 20px 0px;
    border-left: 1px solid #371d16;
    color: #403b28;
}

body.share_page .edit h6 {
    color: #a78a6b;
    font-size: 18px;
    font-weight: 600;
}


body.share_page .edit>li {
    color: #0a0a0a;
    line-height: 1.8;
    margin-left: 17px;
}


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

    body.share_page .edit p,
    body.share_page .edit a,
    body.share_page .edit>li,
    body.share_page .edit h6 {
        font-size: 16px;
    }

    body.share_page .edit h5 {
        font-size: 18px;
    }

}


/* 客戶編輯器文章管理 */
body.blog_in_page .blog_box_edit * {
    font-family: "微軟正黑體";
}

body.blog_in_page .blog_box_edit p {
    font-weight: 400;
    line-height: 2;
    color: #666;
    font-size: 14px;
    letter-spacing: .1em;
    text-align: justify;
    font-feature-settings: "palt" 1;
}

body.blog_in_page .blog_box_edit a {
    color: #a78a6b;
    font-size: 17px;
    border-bottom: 1px solid;
    font-weight: 400;

}

body.blog_in_page .blog_box_edit h3 {
    display: block;
    padding: 18px 15px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    padding-left: 55px;
    line-height: 1.7;
    letter-spacing: 0.15em;
    border-bottom: 1px solid #bd957b;
    color: #bd957b;
    border-top: 1px solid #bd957b;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px solid #ddd;
    border-left-color: #bd957b;

}

body.blog_in_page .blog_box_edit h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 2;
    padding-left: 20px;
    margin: 0 0 20px 0px;
    border-left: 1px solid #371d16;
    color: #403b28;
}

body.blog_in_page .blog_box_edit h6 {
    color: #a78a6b;
    font-size: 18px;
    font-weight: 400;
}


body.blog_in_page .blog_box_edit>li {
    color: #0a0a0a;
    line-height: 1.8;
    margin-left: 17px;
}


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

    body.blog_in_page .blog_box_edit p,
    body.blog_in_page .blog_box_edit a,
    body.blog_in_page .blog_box_edit>li,
    body.blog_in_page .blog_box_edit h6 {
        font-size: 14px;
    }

    body.blog_in_page .blog_box_edit h5 {
        font-size: 16px;
    }

}

/* 客戶編輯器購物車 */
body.product_info_page .prod-panel * {
    font-family: "Noto Sans TC", "微軟正黑體";
}

body.product_info_page h3.prod-thumb {
    display: none;
}

body.product_info_page .prod-panel p {
    font-weight: 400;
    line-height: 2;
    color: #666;
    font-size: 14px;
    letter-spacing: .1em;
    text-align: justify;
    font-feature-settings: "palt" 1;
}

body.product_info_page .prod-panel h3 {
    display: block;
    padding: 18px 15px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    padding-left: 55px;
    line-height: 1.7;
    letter-spacing: 0.15em;
    border-bottom: 1px solid #bd957b;
    color: #bd957b;
    border-top: 1px solid #bd957b;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px solid #ddd;
    border-left-color: #bd957b;

}

body.product_info_page .prod-panel h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 2;
    padding-left: 20px;
    margin: 0 0 20px 0px;
    border-left: 1px solid #371d16;
    color: #403b28;
}


.pic-list .item h6 {
    color: #a78a6b;
    font-size: 18px;
    font-weight: 400;
}


body.product_info_page .prod-panel h6 {
    color: #a78a6b;
    font-size: 18px;
    font-weight: 400;
}

body.product_info_page .prod-panel a {
    color: #a78a6b;
    font-size: 17px;
    border-bottom: 1px solid;
}


body.product_info_page .prod-panel>li {
    color: #0a0a0a;
    line-height: 1.8;
    margin-left: 17px;
}

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

    body.product_info_page .prod-panel p,
    body.product_info_page .prod-panel a,
    body.product_info_page .prod-panel>li,
    body.product_info_page .prod-panel h6 {
        font-size: 14px;
    }

    body.product_info_page .prod-panel h5 {
        font-size: 16px;
    }

}

/* 客戶編輯器_促銷方案 */
body.promotions_page .edit * {
    font-family: "Noto Sans TC", "微軟正黑體";
}

body.promotions_page .edit h4:not(:nth-child(1)) {
    display: block;
    padding: 18px 15px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    padding-left: 45px;
    line-height: 1.7;
    letter-spacing: 0.15em;
    color: #bd957b;
    margin-bottom: 10px;
    border-left: 2px solid #bd957b;
    margin-top: 10px;
    margin-bottom: 10px;
}

body.promotions_page .edit p {
    font-weight: 400;
    line-height: 2;
    color: #666;
    font-size: 14px;
    letter-spacing: .1em;
    text-align: justify;
    font-feature-settings: "palt" 1;
}

body.promotions_page .edit h3 {
    display: block;
    padding: 18px 15px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    padding-left: 55px;
    line-height: 1.7;
    letter-spacing: 0.15em;
    border-bottom: 1px solid #bd957b;
    color: #bd957b;
    border-top: 1px solid #bd957b;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px solid #ddd;
    border-left-color: #bd957b;

}

body.promotions_page .edit h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 2;
    padding-left: 20px;
    margin: 0 0 20px 0px;
    border-left: 1px solid #371d16;
    color: #403b28;
}


body.promotions_page .edit h6 {
    color: #a78a6b;
    font-size: 18px;
    font-weight: 400;
}

body.promotions_page .edit a {
    color: #a78a6b;
    font-size: 17px;
    border-bottom: 1px solid;
}


body.promotions_page .edit li {
    font-weight: 400;
    line-height: 2;
    color: #666;
    font-size: 14px;
    letter-spacing: .1em;
    text-align: justify;
    font-feature-settings: "palt" 1;
}

body.promotions_page .edit ol li {
    background: #a09392;
    list-style: none;
    color: #fff;
    padding: .8em 1.5em .7em;
}

body.promotions_page .edit ol {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 30px;
}

@media screen and (max-width: 768px) {
    body.promotions_page .edit ol {
        gap: 10px 10px;
    }
}

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

    body.promotions_page .edit p,
    body.promotions_page .edit a,
    body.promotions_page .edit>li,
    body.promotions_page .edit h6 {
        font-size: 14px;
    }

    body.promotions_page .edit h5 {
        font-size: 16px;
    }

}



/* logo */
.nav-brand h1 {
    display: block;
    background: url(../images/logo.svg);
    background-size: contain;
    width: 285px;
    height: 110px;
    background-repeat: no-repeat;
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    /* filter: contrast(0) brightness(100); */
    background-position: left;
    margin: 5px 0;

}

.nav-brand img {
    display: none;
}

.header_area.sticky .nav-brand h1 {
    filter: initial;
}


a.nav-brand {
    display: inline-block;
    width: auto;
    pointer-events: auto;
}

@media screen and (max-width: 768px) {
    .nav-brand h1 {
        filter: initial;
        height: 65px;
        background-position: center;
    }

    a.nav-brand {
        justify-content: center;
    }


}

@media screen and (max-width: 476px) {
    .nav-brand h1 {}
}

/* 大圖 */
#content_main {
    margin: 0;
}

.bannerindex {
    /* position: static; */
    position: relative;
    height: auto;
}

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

.swiper-slide img {
    height: auto;
    aspect-ratio: 2000 / 900;
    object-fit: cover;
}


@media screen and (max-width: 1300px) {
    .bannerindex {
        height: auto;
    }


}

@media screen and (max-width: 1024px) {
    .bannerindex {
        position: relative;
    }

}

@media screen and (max-width: 768px) {
    .bannerindex {
        height: 0;
        padding-bottom: 50%;
    }

    .swiper-slide img {
        aspect-ratio: 2000 / 1000;
    }

}


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

/* ===以上== */
@charset "utf-8";
/*網站全域設定/＝＝＝＝＝*/
/*
  #ADA17E /*網站主要色系
  #cbc0a0 /*網站輔助色系1
  #658781; /*網站輔助色系2*/

/*Main/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*Header/＝＝＝＝＝*/
.pageIndex .header_area {
    position: sticky;
    width: 100%;
}

.main_header_area {
    background: #fffcdf;
}

/*選單最大寬度設定*/
.main_header_area .container {
    max-width: 90%;
}

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

/*第一層*/


.stellarnav>ul>li>a b:nth-child(2) {
    /* font-size: 12px; */
    letter-spacing: 0;
    font-size: 0.6rem;
}

.stellarnav>ul>li>a b {
    min-width: 80px;
}

.stellarnav>ul>li>a {
    padding: 0;
    transition: all 0.3s;
    position: relative;
    font-family: 'Noto Sans TC', sans-serif;
    color: #60432A;
    letter-spacing: 3px;
    font-size: 16px;
}

.stellarnav.desktop li.has-sub a {
    /* padding: 0 17px 0 0; */
    padding: 0;
}

.stellarnav li.has-sub>a:after {
    border-top: 6px solid #ffffff;
    display: none;
}

.header_area.sticky .stellarnav li.has-sub>a:after {
    border-top: 6px solid #ffffff;
}

.stellarnav>ul>li:hover>a {}

/*第二層*/
.stellarnav li li>a,
.stellarnav li li.has-sub>a {
    padding: 7px 5px !important;
    transition: all 0.3s;
    border-left: 1px solid transparent;
    font-size: 14px;
    letter-spacing: 0.2em;
}

.stellarnav li li:hover>a,
.stellarnav li li.has-sub:hover>a {
    color: #343a40;
    padding-left: 10px;
    background: #eaefde;
}

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

.me_tp_features,
.tp_links a {
    display: none;
}

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

/*下拉頁面設定*/
.other_select_page .banner {
    display: none;
}

.other_select_page .promotion_title {
    display: none;
}

.other_select_page .other_promotion li {
    display: none;
}

.other_select_page .page {
    display: none;
}

/*隱藏購物車搜尋欄*/
/*
.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: #fffcdf;
}

.footer_info li:nth-child(1):before {
    content: '山中神犬\a歡迎來電詢問 實地參訪';
    display: block;
    white-space: pre-line;
    font-size: 18px;
    font-family: 'noto serif tc';
    margin-bottom: 10px;
    color: #60432A;
}

.footer_logo img {
    display: block;
    background: url(../images/logo.svg);
    background-size: contain;
    width: 285px;
    height: 110px;
    background-repeat: no-repeat;
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    /* filter: contrast(0) brightness(100); */
    background-position: left;
    margin: 5px 0;
}

.footer_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.footer_info ul {}

.footer_info li p {
    font-family: 'Noto Sans TC', sans-serif;
}

.footer_info li p.tel:before,
.footer_info li p.fax:before {
    content: '手機：' !important;
}

.footer_info li p.add2:before {
    display: none;
}



.footer_menu {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100px, 100%), 1fr));
    gap: 1px;
}

.footer_menu a {
    margin: 0;
    text-align: center;
    padding: 5px;
    transition: all 0.3s;
    font-size: 12px;
    background: none;
}

.footer_menu a:last-child {
    display: none;
}

.footer_menu a:hover {
    border: 1px solid #A2988F;
    background: #A2988F;
}

.copy {
    color: #999;
    border: none;
    font-size: 12px;
    padding: 5px 0;
    border-top: 1px solid #d5d5d5;
    background: #000;
}

.copy a {
    color: #999;
    transition: all 0.3s;
    font-size: 12px;
}

.box_link a {
    display: none;
}

.box_link a:hover {
    background: #ADA17E;
    color: #fff;
}



/*按鈕/＝＝＝＝＝*/
.animated-arrow {
    background: #ADA17E;
    border-radius: 500px;
}




/*Banner/＝＝＝＝＝*/
.banner {
    display: none;
}

.banner h5 {
    font-size: 32px;
}

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

.path {
    display: none;
}

/*頁碼＝＝*/
.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: #ADA17E;
    border: 1px solid #ADA17E;
}

/*購物車/＝＝＝＝＝*/
.product_page #content {
    background: #EDECF9;
}

.prod_part {
    width: 90%;
}

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

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

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

/*購物車/外層＝＝*/
.products-list .name {
    font-size: 17px;
    text-align: center;
    font-family: 'Noto Sans TC', sans-serif;
    letter-spacing: 1px;
}

/*顏色*/
.products-list .more {
    border: 1px solid #eaefde;
    color: #fff;
    background: #eaefde;
}

.products-list .item a:hover .more {
    background: #eaefde;
    letter-spacing: 3px;
}

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

.products-list .price b {
    margin: 0 5px;
    line-height: 180%;
    text-align: center;
    color: #ADA17E;
}

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

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

.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;
    border-bottom: 1px dotted #ccc;
}

/**/
.product-layer-two li a {
    color: #222;
    border: none;
    background: transparent;
    transition: all 0.3s;
    line-height: 200%;
    transition: all 0.3s;
}

.product-layer-two>li>a {
    border-bottom: 1px dotted #ccc;
    padding-left: 25px;
}

.product-layer-two li:hover>a,
.product-layer-two li.active>a {
    color: #ADA17E;
}

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

.product-layer-two>li>a:before {
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 18px;
    content: "＞";
    color: #ADA17E;
    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: #ADA17E;
}

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

/*購物車/內層＝＝*/
.product_info_page #content {
    background: #EDECF9;
}

.product_info_page .main_part {
    width: 90%;
}

ul.prod li h3.prod-thumb {
    background: #eaefde;
    color: #fff;
}

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

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

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

.inquiry_a2 {
    background: #bdab77;
}

.inquiry_a3 {
    background: #ADA17E;
}

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

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

.nextaction {
    background-color: #ADA17E;
}

.lastPage {
    background: #d3af79;
}

/*商品側邊規格*/
.product_info li .txt_box {
    color: #222222;
    width: 100%;
}

.sidebarBtn .sp_price {
    color: #cbc0a0;
}

.mobile_product_name {
    font-size: 24px;
}

/*相關推薦*/
.prod_related h6 span:before {
    font-size: 28px;
}


/*文章管理/＝＝＝＝＝*/
.blog_page,
.blog_in_page {
    background: #EDECF9;
}

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

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

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

.module_i_news li,
.subbox_item {
    width: 100%;
}

.module_i_news li a,
.subbox_item a {
    padding: 10px;
}

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

.subbox_item {
    background: #fff;
}

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

.i_blog_le,
.blog_list_le {
    position: relative;
    padding-bottom: 100%;
    height: 0;
}

/*文章縮圖長寬比例，100% →100:100 = 1:1 正方形 */
.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%);
}

/*側邊*/
.blog_le .accordion {
    background: #F7F7FD;
    border-radius: 0;
    border: none;
}

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

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

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

.blog_search input[type=search] {
    border-radius: 0;
}

/*首*/
.module_i_news ul {
    width: 90%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

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

.blog_subbox:before {
    content: none;
}

/*文章管理/內層＝＝*/
.blog_box_edit {
    background: #fff;
    padding: 4%;
    min-height: 100vh;
}
.blog_back{margin-top: 20px;margin-bottom: 40px;}

.blog_back a {
    color: #fff;
}

.blog_back a.article_btn_prev,
.blog_back a.article_btn_back,
.blog_back a.article_btn_next {
    background: #ADA17E;
    transition: all 0.3s ease-in-out;
}
.blog_back a.article_btn_back {
    background: #834600;
}

.blog_back a.article_btn_prev:hover,
.blog_back a.article_btn_back:hover,
.blog_back a.article_btn_next:hover{
    transform: translateY(-5px);
    transition: all 0.3s ease-in-out;

}
.blog_in_page h4.blog_category_title {
    font-size: 28px;
    font-family: 'Noto sans TC', sans-serif;
    font-weight: 500;
    position: relative;
    padding-left: 40px;
    letter-spacing: 1px;
}

.blog_in_page h4.blog_category_title:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 27px;
    top: 18px;
    right: 0;
    left: 0;
    background-image: url(../555/dogshotel/in01_pic_22.svg);
}

/*相簿/＝＝＝＝＝*/
/*作品展示*/
.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: 130%;
}

/*相簿圖片長寬比例，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: #ADA17E;
}

.other_album_choice li {
    background: #ADA17E;
}

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

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

/**/

/*促銷方案/＝＝＝＝＝*/
/* .promotions_page #content {
    background: #EDECF9;
} */

.news_part {
    width: 90%;
    /* background: #F8F4F0; */
    border-radius: 3rem;
    margin-top: 80px;

}

.news_part .title_i_box h4 {
    text-shadow: 0 0 0 #3E3939;
    padding: 10px 0;
    font-size: 40px;
    color: #834600;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.025em;
    font-family: 'Noto Serif TC', serif;
    margin-bottom: 30px;
}

.news_part .title_i_box h6 {
    display: block;
    background: url(https://555/dogshotel/index_add_01_pic.svg);
    background-size: contain;
    width: 230px;
    height: 110px;
    background-repeat: no-repeat;
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    /* filter: contrast(0) brightness(100); */
    background-position: left;
    margin: auto;
}
.news_list ul li p {
    color: #000;
    text-align: center;
}
.news_list ul li a:hover {
    background: #f9f9f9;
}

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

@media screen and (max-width: 450px) {
    
.news_part .title_i_box h4 {
        font-size: 30px;
    }
    .news_part{margin-top: 40px;}
}

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

.other_promotion li a {
    background: #fff;
}

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

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

/*聯絡我們/＝＝＝＝＝*/

.contact_le_map a {
    background: #ADA17E;
}

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

.contact_form li.last blockquote {
    background: #fff;
}

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

.rewrite_simple {
    background-color: #cbc0a0;
}

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

.login_mem_submit {
    background: #ADA17E;
}

.login_mem_other_link a {
    color: #ADA17E;
}

.member_login_regist a {
    background: #ADA17E;
}

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


/*RWD1200/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1200px) {
    .main_header_area .container {
        max-width: 1200px;
    }

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

/*RWD1024/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1024px) {

    /*Header/＝＝＝＝＝*/
    .navigation {
        padding: 10px;
    }



    .header_area.sticky .main_header_area .container {
        max-width: 1200px;
    }

    .me_tp_features,
    .stellarnav ul {
        text-align: center;
    }

    /*Logo/＝＝＝＝＝*/
    .header_area .nav-brand {}

    .header_area.sticky .nav-brand {}

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

}

/*RWD800/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 800px) {
    .nav-brand {
        width: 82px;
    }
}

/*RWD768/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 768px) {

    /*選單漸變效果＝＝*/
    /*首頁固定選單
.pageIndex .header_area{position: position:relative;}
*/
    .stellarnav.mobile.left>ul {
        background: #fffcdf;
    }
    .stellarnav.mobile li a{border-bottom: none;}
    .stellarnav.mobile > ul > li > a b{
        vertical-align: middle;
    }
    .main_header_area {
        background: #fffcdf;
        box-shadow: 0 0 5px #ccc;
    }

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

    .nav-brand {
        width: 100px;
        background: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        box-shadow: none;
    }

    .me_tp_features {
        text-align: center;
        margin-top: 0;
    }


    /*側邊選單/＝＝＝＝＝*/
    .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;
    }

    .stellarnav>ul>li>a {
        color: #323232;
        font-size: 14px;
    }

    /*Logo/＝＝＝＝＝*/


    .nav-brand img {
        box-shadow: none;
        background: none;
    }

    .header_area .nav-brand {}

    .header_area.sticky .nav-brand {}

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

    #bottom_menu {
        display: block;
    }

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

    .footer_info {
        justify-content: flex-start;
    }

    .footer_logo {
        text-align: center;
    }

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

    /*購物車/＝＝＝＝＝*/
    .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: #cbc0a0;
        font-size: 20px;
    }

}

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

/*RWD375/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 375px) {

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

/* 浮動按鈕 */
.info_fix_tel span::before, .info_fix_tel2 span::before{
    background-image: url(../images/fix_phone.svg);
}
.info_fix>span {
    background-color: #60432A;
    display: none;
}
.info_fix_links{display: block !important;}
.info_fix_links a:nth-child(3n+3){background-color: rgba(234, 162, 159, 0.80);}
.info_fix_links a:nth-child(3n+2){background-color: rgba(234, 203, 63, 0.80);}
.info_fix_links a:nth-child(3n+1){    background-color: rgba(166, 191, 89, 0.80);}
.info_fix_links a:nth-child(3n+3):hover{
    background-color: rgba(234, 162, 159, 1);
}
.info_fix_links a:nth-child(3n+2):hover{
    background-color: rgba(234, 203, 63, 1);
}
.info_fix_links a:nth-child(3n+1):hover{
    background-color: rgba(166, 191, 89, 1);
}


/* 聯絡我們 */
/* 表單多的文字 */
.blank_letter {
    color: transparent;
    font-size: 0;
}
.blank_letter.f:before {
    content: 'Online Form';
    font-family: 'Italianno', cursive;
    font-size: clamp(4.35rem, 16px + 1vw, 1.8rem);
    padding-right: 10px;
    color: #a2998e;
    font-weight: 400;
    letter-spacing: 0px;

}

.blank_letter:before {
    content: 'Contact Information';
    display: block;
    font-family: 'Italianno', cursive;
    font-size: clamp(3.35rem, 16px + 1vw, 1.8rem);
    color: #a2998e;
    font-weight: 400;
    letter-spacing: 0px;
    font-family: 'Montserrat', '微軟正黑體', sans-serif;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;

}

.contact_content .information_right .blank_letter.f {
    display: none;
}

.list_before.info li {
    position: relative;
    margin: 0 0 1rem 0;
    padding-left: 40px;
    color: #60432A;
    font-weight: bold;
}

/* 表單裝飾=== */
body.contact_page .contact_form li .form__label,
body.contact_page .contact_form li .form__ {
    letter-spacing: 2px;
    width: 100%;
    text-align: left;
    margin-left: 0;
    display: flex;
}

.red {
    order: 3;
}

.contact_form li {
    padding-left: 0;
    counter-increment: chapter;
    counter-reset: section;
    position: relative;
}

.contact_form li:before {
    content: counter(chapter);
    display: inline-block;
    position: absolute;
    padding: 5px 5px 5px 10px;
}

.contact_form li:last-child:before {
    display: none;
}

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

.contact_form li .form__label {
    letter-spacing: 2px;
    width: 100%;
    text-align: left;
    margin-left: 0;
    display: flex;
    padding-left: 30px;
    background: #e4eae350;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-radius: 3.5rem;


}

.contact_form li .form__label:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /* content: ""; */
    text-align: center;
    font-size: 15px;
    left: 0;
    transform: translate(0%, -20%) rotate(45deg);
    z-index: 10;
    margin: 0 auto;
    top: 50%;
    position: relative;
    transition: all 0.1s ease-in-out;
    color: #d3af79;
}

.contact_form li:nth-child(even) .form__label:before {
    transform: translate(0%, -20%) rotate(-45deg);
}

.contact_form {
    width: 100%;
    padding-right: 30px;
}

.list_before {
    /* padding-bottom: 400px; */
}

/* 表單 */
/* .contact_le_map {
    display: none;
} */

.contact_form {
    width: 100%;
    max-height: 800px;
    overflow: auto;
}

.contact_content .information_right {
    padding: 2% 5%;
    width: 67%;
    /* background: #f6f6f6; */
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    background: #fff;
}

.contact_content .information_left {
    width: 33%;
    padding: 2% 4%;
    position: relative;

    /* background: url(https://555/dogshotel/con_con_bg.jpg) bottom center no-repeat; */
    /* background-image: url(https://555/dogshotel/con_con_bg_02.jpg); */
    background-size: cover;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #F0F8FD;
    background-color: #F9F9F9;
    background: transparent;

}

body.contact_page .contact_content form {
    display: flex;
    flex-wrap: wrap;
}

.TEL:before {
    background-image: url(https://555/dogshotel/con_telephone.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
    background-position: center;
    content: '';
}

.MAIL:before {
    background-image: url(https://555/dogshotel/con_email.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
    background-position: center;
    content: '';
}

.ADD:before {
    background-image: url(https://555/dogshotel/con_place.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
    background-position: center;
    content: '';
}

@media screen and (max-width: 1200px) {
    /* .contact_content .information_left {
        text-align: left;
        width: 100%;
        padding: 3rem 2rem 3rem 42%;
        background-position: left bottom;
        background: url(https://555/dogshotel/con_con_bg_02.jpg) left center no-repeat #fff;
        background-size: 38% auto;
    } */

    .list_before {
        padding-bottom: 0;
    }

    /* .contact_content .information_right {
        width: 100%;
    } */

}

@media screen and (max-width: 1024px) {
    .contact_content .information_right {
        width: 100%;}
        .contact_content .information_left {
            width: 100%;
    }
        
}
@media screen and (max-width: 768px) {
    .contact_content .information_left {
        width: 100%;
        /* padding: 100% 1.2rem 2rem 1.9rem; */
        background-size: 100%;
        background-position: center top;
    }

    body.contact_page .main_part {
        padding-top: 0;
    }

    .contact_form {
        max-height: inherit;
        padding-right: 0;
    }
}

@media screen and (max-width: 476px) {
    .blank_letter:before {
        font-size: clamp(2.35rem, 16px + 1vw, 1.8rem);
    }
}
.map-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.map-container iframe {
    
    max-width: 600px; /* 限制最大寬度，防止在桌面版太大 */
    height: 450px;
    border: 0;
}

/* 針對手機版調整 */
@media (max-width: 768px) {
    .map-container iframe {
        width: 90%; /* 讓地圖在手機版時稍微縮小 */
        height: 350px;
    }
}
.responsive-img {
    width: 405px;
    height: 315px;
}

/* 當螢幕寬度小於 768px 時，圖片變小 */
@media (max-width: 768px) {
    .responsive-img {
        width: 290px;
        height: 315px;
    }
}
.dog-img-box {
    width: 48%;
    max-width: 583px;
  }
  
  .dog-img-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3; /* 強制 4:3 比例 */
    border-radius: 1.5rem;
    overflow: hidden;
  }
  
  .dog-img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 1.5rem;
  }