@charset "utf-8";

/*沐寓精緻寵物旅館*/
/*網站全域設定/=====*/
/*
   #96CDD2/*網站主要色系
   /*網站輔助色系1
   /*網站輔助色系2
  ; /*文字顏色*/


/*預設浮動按鈕拿掉*/
.info_fix { display: none; }
/*網站字體/==================================================*/
* {
    font-family: 'Noto Sans TC';
    letter-spacing: 1px;
}	

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

/*Header/＝＝＝＝＝*/
.main_header_area {    background: #fff;    box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.main_header_area .container {    max-width:100%;}
.navigation {    padding: 10px 0 0;    display: flex;    flex-direction: column;}
.nav-header {    position: relative;    left: 50%;    transform: translateX(-50%);    text-align: center;    z-index: unset;}
.me_tp_features {    position: absolute;    padding-right: 10px;}
.tp_links{display: none;}

/*第一層*/
.stellarnav > ul {    text-align: center;    margin-top: 0px;    border-top: 1px solid #c1c1c1;    padding-top: 5px;}
.stellarnav > ul > li > a {    transition: all 0.3s;    padding: 0 10px;}
.stellarnav > ul > li:hover > a{color: #f9d9a2;}
.stellarnav li.has-sub > a:after{content:none;}

.stellarnav > ul > li:before , .stellarnav > ul > li:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #f9d9a2;
    top: 0;
    border-radius: 100%;
    transform: translateX(-50%);opacity:0;transition:all 0.3s ease-in-out;
}
.stellarnav > ul > li:before{background: #f9d9a2;left: calc(50% - 15px);}
.stellarnav > ul > li:after{background: #f9d9a2;left: calc(50% + 15px);}
.stellarnav > ul > li:hover:before{left: calc(50% + 6px);opacity:1;}
.stellarnav > ul > li:hover:after{left: calc(50% - 6px);opacity:1;}
/*第二層*/
.stellarnav li li > a , .stellarnav li li.has-sub > a{    padding: 7px 5px;    transition: all 0.3s;border-left:1px solid transparent;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{color: var(--MainColor);	padding-left:10px;border-color:var(--MainColor) ;}
.stellarnav > ul >li >ul{    left: 50%;transform: translateX(-50%);}
/*SubMenu*/
.shop_search_btn {    background: var(--MainColor);}
.tp_links a{transition:all 0.3s;}
.tp_links a:hover {    color: var(--MainColor);}

/*LOGO設定===========*/
.nav-brand img { max-width: 100%;}
.nav-brand {    width: 100%;transition:all 0.3s;margin-top: 10px;margin-bottom: 10px;}
.header_area .nav-brand{ width: 300px; max-width: 300px;}
.header_area.sticky .nav-brand{max-width: 0;}
.header_area .nav-brand{transition:all 0.3s;}
.header_area.sticky .nav-brand{}


/*大圖設定============*/
.swiper-slide img { height: auto;}


/*購物車==============*/

/*商品列表語法*/

.products-list .item {
    width: 100%;
}
.clearfix:before, .clearfix:after {
    display: none;
}

.products-list .name {
	height: 20px;
}
.products-list .name {
	height: auto;
}
.inquiry_a2 {
    background: #ab9d8f;
}
.nextaction {
    background-color: #434343;
}
.prod_related {
    background: none;
}
ul.prod li h3.prod-thumb {
    background: none;
    color: #666;
    text-align: left;
    padding: 0px;
	font-size: 25px;
	margin-bottom: 15px;
	letter-spacing: 3px;
}
ul.prod li .prod-panel { 
    font-size: 14px; 
	line-height: 23px; 
}
.related_list li a {
    display: block;
    padding: 4px;
     background: none;
}
.products-list .more {
    border: 1px solid #777;
    color: #777;
}
.products-list .item a:hover .more { 
    background: #777; 
}
.products-list .price b {
    color: #fc989b;
    font-size: 16px;
}
.product-layer-two li a {
    position: relative;
    border: 0px;
    padding: 7px 16px;
    display: block;
    font-size: 16px;
    color: 414141;
    border-bottom: 1px #ada17e solid;
	background: none;
}
.product-layer-two li.active a {
    font-weight: bold;
	background: #c09f59;
}
.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-around;
	margin: auto;
	padding: 10px 10px;
	flex-direction: row;
}
.product_page .products-list {
	width: calc(100% - 280px);
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;

}
.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: #000;
	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: #444;
    background: #fffbe9;
}
.product-layer-two li:hover > a:before , .product-layer-two li.active > a:before {
	background: #018be0; 
	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: #dddddd;
    width: 18px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    padding-left: 2px;
    font-size: 13px;
	display:none;
}
/**/
.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: #c98625;
	background: transparent;
}

@media screen and (max-width: 1024px) {
	.stellarnav ul {
		margin-top: 20px;
	}
	.products-list .name {
    color: #000;
    font-size: 13px;
    letter-spacing: 0px;
	height: auto;
}
.clearfix:before, .clearfix:after {
	display: none;
}
.product_page .products-list {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
}
.products-list .item {
    width: 100%;
}}
@media screen and (max-width: 768px) { 

.footer_info li { 
    flex-direction: column; } 
	.product_page .products-list {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr;

}
.product-layer-two > li > a { display: none; }
.product_page .products-list ,.product-layer-two { width:100%;}
.prod_related h6 span:before{ font-size: 24px;}
.mobile_product_name { display: none; }
.sidebarBtn {
    order: -1;
    margin: 0px auto 20px;
}

.product_pic { padding-top: 0px; }
body.pageIndex .products-list { padding: 40px 0 20px; }
.products-list .item { width: 100%; }
.products-list .name {
    color: #000;
    font-size: 15px;
    letter-spacing: 0px;
	height: auto;
}
.product-layer-two { display: none; }
}
@media screen and (max-width: 425px) { 
.product-layer-two { display: none; }
.product_page .show_content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-around;
    margin: auto;
    padding: 10px 10px;
    flex-direction: column;
    align-content: center;
}
.product_page .products-list { width: 100%; }
}


/*文章管理==========*/

.subbox_item a:after { display: none; }
.subbox_item { width: 100%; }

/*第二層*/
.blog_back a.article_btn_back { background: #fffbe9; }
.blog_back a { color: #444; }
.blog_back a.article_btn_next { background: #d3e9fe; }
.blog_back a.article_btn_prev { background: #d3e9fe; }


/*聯絡我們/＝＝＝＝＝*/
.contact_editbox { padding: 0px; }
.contact_le_map a {   }
.contact_form li.last blockquote, .contact_form li.last cite {border:none;padding:2px; background: #d3e9fe;color:#444;}

.contact_content {max-width:1600px;padding:30px 10px;}

.contact_content .information_left {display:none;}
.contact_content .information_right {width: 100%;padding-left: 0;}
.information_right {padding-left: 0;}
.contact_form li .form__label {color:#000;}
.blank_letter {color:#000;}


.contact_form {display:flex;flex-wrap:wrap;font-size: 14px;}
.contact_form li {width:50%;padding: 0 0 20px 0;padding-left:90px;}
.contact_form li:nth-last-child(3),.form select {width: 100%;}

.contact_form li input.noborder,.contact_form li textarea.noborder,.form select {background: #fff; color: #444;}
@media screen and (max-width: 600px) {
/*聯絡我們/＝＝＝＝＝*/
.contact_form li {width:100%;padding-left:0;}
.contact_form li .form__insert {width: 100%;}
.contact_form li .form__label {
    width: 100%;
    margin-left: 0;
	text-align:left;
}
}

/*上方banner不顯示======*/

.banA { display: none; }
.banB { display: none; }
.banC { display: none; }
.banF { display: none; }
.banner { display: none; }

/*footer*==========*/

.box_link a { display: none; }
.footer {
	background: #fffbe8;
	overflow: hidden;
	padding: 60px 0 0;
	box-shadow: 1px 1px 15px rgb(38 15 1 / 37%);
}
.footer .center {
    position: relative;
    max-width: 1300px;
}
.footer_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-direction: column;
}
.footer_menu {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 5px;
}
.footer_menu a {
    margin: 0;
    text-align: left;
    padding: 0;
    transition: all 0.3s;
    border: none;
    background: transparent;
    color: #272949;
    display: block;
    width: fit-content;
}
.footer_menu a:before {    content: "．";}
.footer_menu a:nth-child(1) {    display: none;}
.footer_menu a:hover {    background: transparent;color:#31dad8;}
.copy {
	color: #444444;
	border:none;
	margin-top: 0px;
	position: relative;
	padding: 20px 0;
    margin-right: 0px;
}
.copy a{
	color: #444444;
	transition:all 0.3s;
}
.footer_info li { padding: 25px; }
.footer_info ul>li:before {
    font-size: 115%;
    color: #272949;
    display: block;
    margin: 0 0 20px;
    border-bottom: 1px solid #272949;
    padding-bottom: 10px;
    letter-spacing: 0.2em;
    font-weight: bold;
}
.footer_info ul>li:nth-child(1):before {    content: "聯絡資訊 CONTACT";}
.footer_info ul>li:nth-child(2):before {    content: "網站地圖 MAIN MENU";}

.footer_info li:nth-child(1) a, .footer_info li:nth-child(1) p {    color: #272949;    letter-spacing: 0.15em;}
.footer_info ul {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(min(300px,100%), 1fr));    gap: 0 20px;    letter-spacing: 0.15em;}
.footer:before {
    content: "";
    width: 100vw;
    height: 100vw;
    max-width: 1000px;
    max-height: 1000px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: #fff;
}

/**/
/*
#bottom_menu li{width:100% !important;}
#bottom_menu li:nth-of-type(n+2){display: none !important;}
/*LOGO====*/
.footer_logo img {
	width: 300px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.footer_logo {
    display: inline-block;
    vertical-align: top;
    width: 300px;
}
/*按鈕/＝＝＝＝＝*/
.animated-arrow {    background: var(--MainColor);}

/*RWD1024/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1024px) {
/*Header/＝＝＝＝＝*/
.navigation {    padding: 10px 0 0;}
.me_tp_features {    position: relative;}
/*Logo/＝＝＝＝＝*/
.header_area .nav-brand{ width: 250px; max-width: 250px;}
.header_area.sticky .nav-brand{max-width: 0;}
.banner {    background-position: 25%;}

}
/*RWD600/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 600px) {
.box_search {    display: block;    width: 90%;    margin: 0 auto 5px;}
.box_search input[type=text] {    width: calc(90% - 17px);}
.footer:before { display: none; }
.footer_info li {
    display: block;
    padding: 25px;
}
}
/*RWD425/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 425px) {
.footer { background: #fff; }
}