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

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

*/
/*字體*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&display=swap');
body{font-family: 'Noto Sans TC', sans-serif;font-weight: 400;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*內頁背景*/
#content { background-color: #fbf8f3;}
.path p, .path p a { display: none;}
#content_main { margin-top: 0vh; background: #fff;}
.promotion_title { display: none;}
.page {  display: none;}
/*上方選單解除滑動固定
.header_area.sticky { position:relative;}
*/


/*上方選單右邊設定 臉書/LINE/電話/信箱
.tp_links a:before {寬高大小設定}
.tp_links a.me_tp_fb {}
.tp_links a.me_tp_fb:before {背景換圖/建議.SVG}
.tp_links a.me_tp_line {}
.tp_links a.me_tp_line:before {背景換圖/建議.SVG}
.tp_links a.me_tp_call {}
.tp_links a.me_tp_call:before {背景換圖/建議.SVG}
.tp_links a.me_tp_mail {}
.tp_links a.me_tp_mail:before {背景換圖/建議.SVG}
*/


/*電腦LOGO*/
.nav-brand {  margin-top: 10px;width: 180px;}

/*手機LOGO
.nav-brand-m {}
*/

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

/*Header*/
.pageIndex .header_area { position: fixed;  width: 100%;}
.main_header_area { background: #f4efe8/*#fdf5f0d1*/; backdrop-filter: saturate(75%) blur(7px);}
.main_header_area .container {  max-width: 90%; transition:.5s;}
.sticky .main_header_area .container {  max-width: 87%;transition:.5s;}
.sticky .main_header_area {  background: #ebe5dd;}
.stellarnav > ul > li > a {color: #605649;  font-weight: 400;  letter-spacing: .5px;height: 55px;padding: 3px 9px;}
.stellarnav > ul > li > a:hover { color: #917767; transition: .5s;}
.stellarnav li a { padding: 10px;}
.stellarnav li li > a{ background-color:#fffcf9; font-size:12px;}/*下拉*/
.stellarnav li li > a:hover { background-color: #fef7f0; color: #444;  transition:.5s all;}/*下拉hover*/


.navigation { padding: 10px 0 0px 210px;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { border-radius: 0px;}
.box_search input[type=text] {  border-radius: 0px;padding: 3px 10px 3px 32px;color: #111 !important;}
.shop_search_btn { background: #717171;}
.tp_links { display: none;}	
.me_tp_features {  margin-bottom: 2px;  margin-top: 6px;}
.me_tp_features a {  margin-bottom: 3px;}
.stellarnav li.has-sub > a:after{ display:none;}
.stellarnav .menu-toggle span.bars span {  height: 1px;}
.stellarnav .menu-toggle:after { color: #0e0e0e; margin-top:5px;}
/*(0609).stellarnav > ul > li:nth-last-child(1) > a {  display: none;}選單最後一項隱藏"產品介紹"*/


@media screen and (max-width: 1450px) {
.main_header_area .container { max-width: 80%;}
}
@media screen and (max-width: 1300px) {
.main_header_area .container { max-width: 90%;}
.stellarnav > ul > li > a {  padding: 2px 8px;  height: 60px;}
}
@media screen and (max-width: 1200px) {
.stellarnav > ul > li > a {
    padding: 7px 8px;}
}
@media screen and (max-width: 1024px) {
.pageIndex .header_area { position: relative; }
.navigation { padding: 10px 0 0px 0px;}
.nav-brand {  margin-top: 15px; width: 60px;  margin: 0px;}
.me_tp_features { margin-bottom: 0px;  margin-top: 0px;}
}
@media screen and (max-width: 768px) {
.pageIndex .header_area { position: relative;}
.nav-brand {   width: 65px;margin: 0px;margin-top: 0px;}
.stellarnav li {  text-align: center; margin: 10px 20px;}
.stellarnav > ul > li > a {  padding: 3px 2px;height: 55px;}
.stellarnav li > a:before {  position: absolute;  width: 30px; height: 30px;  top: 12px; left: 13%;  transform: translateX(-50%);}
.stellarnav.mobile > ul > li > a {  padding: 6px 20px 10px 20px;  margin-left: 0px;}
.stellarnav.mobile > ul > li > a.dd-toggle { display: none;}
.me_tp_features a span { font-size: 13px;}
.me_tp_features a i {  margin: 0 3px; font-size: 11px;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { max-width: 100%;background-color: #f6efe6f5;}
.stellarnav .menu-toggle { padding: 26px 0px;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background:#f4efe8;color: #3b3b3b;}
.stellarnav .menu-toggle span.bars span {   background: #585858;}
.stellarnav .menu-toggle:after{color:#585858; }
#bottom_menu li a {  background-color: #f9f7f2; color: #585858;}
.main_header_area {  backdrop-filter: none;}
.stellarnav .icon-close { margin: -1px; margin-right: 2px;}
.stellarnav .icon-close:after {  border-bottom: solid 2px #2f2f2f;}
.stellarnav .icon-close:before { border-bottom: solid 2px #2f2f2f;}
.me_tp_features a.tp_btn_cart,.me_tp_features a.tp_btn_notice{ display: none;}
.stellarnav.mobile{ top: 18px;}

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


}

@media screen and (max-width: 400px) {
.stellarnav .menu-toggle { padding: 20px 10px;}
.box_search input[type=text] { width: 71px;font-size: 10px;}
.me_tp_features a span { font-size: 9px;}
.me_tp_features a { margin: 0 1px;}
.shop_search_btn {  font-size: 10px; top: 3px; padding: 4px 15px;}
.shop_search_txt { font-size: 13px; height: 16px;}

    
}


/*浮動按鈕*/
/*.info_fix_links a, .info_fix_links a+a { display: none;}*/
/*.info_fix>span { background-color: #8f8878;}
.info_fix_links a:hover {  background: rgb(242 180 184);}
.info_fix_links a {  background: rgb(205 186 182);}*/

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

/*Footer*/
.box_link a { display: none;}
.footer {background: #f4efe8;padding: 0px 0px 0px 0px;}
.footer_logo { width: 117px; margin:0px 80px 31px 0px;}
.footer_logo img { width:100%;}
.footer_info { padding: 0;/*padding: 20px 60px 0 0; */  display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: space-between; flex-direction: column;}
.footer_info ul {   vertical-align: top; width: 100%;  justify-content: space-between;  display: flex;  margin-top: 60px;}
.footer_info li { padding: 10px;  padding-inline: 0;}
.footer_info li p a { color: #5d5147;letter-spacing: 1.5px;}
.footer_info li:nth-child(1) {  width: 100%;  display: flex;  flex-flow: column;  /*padding: 0 17px; */ flex-wrap: wrap;  margin-bottom: 40px;margin-top: 5px;}
.footer_info li p { width: calc(140% / 3); color: #5d5147; font-family: 'Jost','Noto Sans TC', sans-serif; letter-spacing: 1px;font-size: 15px;}
.footer_menu {  display: flex;  gap: 12px;  justify-content: flex-end;  align-items: flex-start;display: flex;   gap: 5px; justify-content: flex-end;}
.footer_menu a {  padding: 5px 7px; border: none; font-size: 14px; color: #5d5147; background: none;  font-weight: 400;width: 25%;-webkit-writing-mode: vertical-rl;
    letter-spacing: 1px;font-size: 15px;}
.footer_menu a:hover {  background: none; color:#5d5147db; transition:.5s all;}
.footer_info li:nth-child(1)::before {  content: "聯絡資訊";  font-size: 19px;  display: block;  color: #a78f7d;  margin-bottom: 15px; font-weight: 500;}
.copy {   padding: 7px 0;  font-size: 12px;  color: #917767;  border-top: none;  margin-top: 15px; padding: 25px; font-weight: 200;   letter-spacing: 1px;}
.copy a { color: #917767;}
.copy a:hover {  color: #917767;}
.footer_menu a:nth-child(1) { display: none;}
.center { max-width: 1200px;padding-inline: 55px; width: 100%; margin: 0 auto;}
p.fax { order: 5;}
p.add{ display:none;}
.footer_info li p.mail:before { content: '電子信箱：'; font-weight: 500;}
.footer_info li p.add2:before { display:none;}
.footer_info li p.fax:before { display:none;}
p.add2 a, p.fax a  { font-size: 13px;}
/*footer logo*/
.footer_logo a img {   width: 100px;}
.footer_logo a {  background: #fef7f0;  padding: 30px 30px 30px 25px; display: block; border-radius: 0 0 10px 10px; display:none;}
.footer_logo {width: 150px;}

/*footer第一項選單隱藏*/
.footer_menu a:first-child { display: none;}

@media screen and (max-width: 1024px) {
.footer_info li:nth-child(1) { margin-top: 20px;}
.footer_info li p {  width: calc(140% / 2);}
.footer_info ul {  margin-left: 12px;}
.footer_logo {  margin: 0 30px;}
}
@media screen and (max-width: 820px) {
.footer_menu a {width: 100%;}
.footer_menu {flex-direction: row;}
}

@media screen and (max-width: 768px) {
.footer {  background: #fcf9f4;}
.footer_info li:nth-child(1) p, .footer_info li:nth-child(1) a {    width: 100%;font-weight: 400;  line-height: 2em;}
.footer_logo {  margin: 10px 17px;}
.footer_info ul { text-align: center;margin: 0px;}
.footer_info li:nth-child(1) { flex-flow: column;  padding: 0px;  flex-wrap: wrap;  flex-direction: column; margin-bottom: 40px;}
.footer_logo {  margin: 0px 17px;  display: none;}
.footer_info {  padding: 20px 0px;}
.footer .center { width: 95%;}
.footer_info li:nth-child(2) {  border-top: solid 1px #c3c3c3;}


#to_top { bottom:60px;}
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:0px 0 60px; }
.footer_info {    justify-content: center;}
.footer_logo {    text-align: center;}
.footer_menu a {text-align: left;}
.footer_menu {  flex-direction: row; }
.footer_info ul {  flex-direction: column;}   
.footer_info li:nth-child(2) {   border-top: 1px solid #cfcfcf;}


}

@media screen and (max-width: 500px) {
/*    footer*/
.footer .center { width: 85%;}
.footer_menu a {  width: 28%; }
.center {padding-inline: 5%;}
.footer_menu {  flex-wrap: unset;   justify-content: unset;}  
}




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




/*預設解除背景輪播*/

.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:auto;}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}


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


/*內頁BANNER 設定*/
.banner {}
.banner h5 {}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}

.banner {  background-image: none;  background-color: #faf5f1;}
.banner h5 { position: relative; color: #5F5246;  font-size: 36px;  font-weight: 600;  letter-spacing: 5px;  top: 55%;  font-family: "Noto Serif TC";}
.banner {
    background-color: #fbf8f3;
    background-size: cover;
    background-position: center;
    max-height: 250px;
    margin-bottom: 0vw;
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 25 / 7;
    padding: 0;
}
.banner.banF h5:before {
    content: "PRODUCT";
}
.banner.banE h5:before {
    content: "SHARE";
}
.banblog h5:before {
    content: "ARTICLE";
}
.remit_page h5:before {
    content: "REMITTANCE";
}
.promotions_page h5:before {
    content: "NEWS";
}
.banner h5:before {
    font-family: "Cormorant";
    font-weight: 300;
    letter-spacing: 2px;
    color: #B49E8E;
    font-size: 25px;
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
@media screen and (max-width: 768px) {

.banner { aspect-ratio: 25 / 16;}
.banner h5:before {  font-size: 16px;  top: -19px;}
.banner h5 {  font-size: 24px; top: 50%;}
.main_part { padding: 20px 10px 10px;   }
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/
.blog_back a.article_btn_back {  background: #7f765b;}
.blog_page .subbox_item {  width: 33%;}
.blog_page .blog_list_ri {  width: 100%;}
.blog_page .blog_list_le { width: 100%;}
.blog_page .subbox_item a {  padding: 5px;}
.blog_list_ri h5 { color: #7a6353;  font-weight: 500; letter-spacing: 1px;}
.blog_le .accordion { border-radius: 0px;border:none;}
h5.blog_le_t span {  font-size: 14px; margin-left: 2px; letter-spacing: 2px;}
.blog_list_ri p { color: #585858;}
h5.blog_le_t em { margin: 0px 10px;color: #7a6353; font-weight: 500;}
.blog_page .main_part {  max-width: 1400px;}
.fa-chevron-down::before { color: #ab8c8e;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category {  background: transparent !important;}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a {  color: #a99180 !important;}
.blog_back a.article_btn_back { border: none;background: #fff; color: #5d5147;border-radius: 40px; padding: 10px;  margin: 6px;font-size: 13px;    width: 350px;}
.blog_back a.article_btn_prev{  border: none;background: #fff; color: #5d5147;border-radius: 40px; padding: 10px;  margin:  6px;font-size: 13px;    width: 350px;}
.blog_back a.article_btn_next{  border: none;background: #fff; color: #5d5147;border-radius: 40px; padding: 10px; margin:  6px;font-size: 13px;    width: 350px;}
.blog_back a.article_btn_back:hover {  box-shadow: 1px 1px 10px #d9d9d8; transition: 1s all;}
.blog_back a.article_btn_prev:hover {  box-shadow: 1px 1px 10px #d9d9d8; transition: 1s all;}
.blog_back a.article_btn_next:hover {  box-shadow: 1px 1px 10px #d9d9d8; transition: 1s all;}
.blog_search input[type=search] {  color: #fff;  border: solid 1px #f6efe7;   border-radius: 15px; padding: 15px 40px 15px 12px;}
.submenu {  background: none;}
.submenu a {  color: #fff; background-color: #f6efe7;}
.submenu a:hover {  background: none;  color: #a78f7d;}
h4.blog_category_title {   color: #7a6353;  font-size: 23px;  letter-spacing: 2px;  border-bottom: 1px #c7c3bf solid;  padding: 10px 0;  margin-bottom: 20px;font-weight: 500;}
.blog_box_edit.clearfix p { color: #585858;}
.blog_page .main_part, .blog_in_page .main_part { padding-top: 70px;}
.subbox_item a:after { background: transparent;  border: none;}
.subbox_item a:before { bottom: 15px;  right: 15px; letter-spacing: 0px;color: #fff;  font-weight: 400;}
.blog_ri {padding: 0 0 0 60px;}
.blog_page .main_part, .blog_in_page .main_part {  max-width: 1600px;}
.blog_list_le img:hover { border-radius: 50px; transition:.5s;}
body.blog_page .blog_list_le img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    transition: 1s;
}
body.blog_page .blog_list_le {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    padding: 0;
    transition: border-radius 1.2s cubic-bezier(.165, .84, .44, 1), filter .5s cubic-bezier(.165, .84, .44, 1), -webkit-filter .8s cubic-bezier(.165, .84, .44, 1);
}


body.blog_page .subbox_item {
    width: 31%;
    margin: 1%;
}

body.blog_page .subbox_item a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

body.blog_page .subbox_item:hover .blog_list_le {
    border-radius: 20%;
    transition: border-radius 1.2s cubic-bezier(.165, .84, .44, 1), filter .5s cubic-bezier(.165, .84, .44, 1), -webkit-filter .8s cubic-bezier(.165, .84, .44, 1);
}


body.blog_page .blog_subbox.clearfix {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 1200px) {
    body.blog_page .subbox_item {
        width: 45%;
        margin: 2%;
    }
	
}

@media screen and (max-width: 1024px) {
	.module_i_news li { width: 47%;}
	
}

@media screen and (max-width: 850px) {
	.module_i_news li { width: 47%;}
	
}
@media screen and (max-width: 800px) {
.blog_page .subbox_item { width: 49%;}
.blog_back a.article_btn_back { width:100%;}
.blog_back a.article_btn_prev{    width: 100%;}
.blog_back a.article_btn_next{   width: 100%;}
.blog_ri { padding: 0px;}
h5.blog_le_t, .blog_le .accordion {  display: block !important;}
}
@media screen and (max-width: 768px) {
    body.blog_page .blog_list_le {
        width: 100%;
       
    }

    body.blog_page .blog_list_ri h5 {
        font-size: 20pxvw;
    }

    body.blog_page .blog_list_ri em {
        font-size: 15px;
    }

    body.blog_page .blog_list_ri p {
        font-size: 16px;
    }
	.module_i_news li {
	width: 47%;
    display: inline-block;
}
}

@media screen and (max-width: 600px) {
.blog_page .subbox_item { width: 100%;}

}

@media screen and (max-width: 476px) {
	.module_i_news li { width: 100%;}
   body.blog_page .subbox_item {
        width: 100%;
    }

   body.blog_page .subbox_item:nth-child(2n+1) {
        margin-top: 0;
        margin-bottom: 5%;
    }

}



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

/*相簿*/
.show-list .show_name {  text-align: center; font-weight: 400;color: #89787a;}
.show-list .item:hover .show_name {  color:#8f8878;}
.album_page .overlay { background:#fff24;}
.album_class_page .other_subalbum li { text-align: center;}
.album_fixed_title {  background: transparent;}
.other_album_choice li { background: #9b938e;}
	
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*購物車*/
.product-layer-two li a {  position: relative; border: 1px #e1e1e1 solid; background: none; padding: 3px 16px; display: block; font-size: 16px; width:200px; text-align: center;  color: #280d06;}
.product-layer-two li li a { border: none !important; background: none; font-size: 13px;}
.product-layer-two li.active a{ background: #513d31; color: #fff; border: 0px;}
.product-layer-two li.active li a{ color: #fff;}
.product-layer-two {  margin: 30px 0px 60px 0px;}
.inquiry_a1, .inquiry_a2, .inquiry_a3 { border: 1px #dfd4c3 solid!important; background: transparent; color: #666; border-radius: 0px; }
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover { background: #513d31; color: #fff; border: 0px;}

.sidebarBtn { padding: 27px;border: none;  background: #fbf8f4; margin-top: 5px;}
ul.prod li h3.prod-thumb { background: transparent;  border-bottom: solid 1px #ccc;  color: #a78f7d; text-align: left;  font-size: 17px;  letter-spacing: 3px; padding: 5px 0px 10px 0px;margin-bottom: 15px;}
ul.prod li:nth-child(2) h3.prod-thumb { display: none;}/*QA隱藏*/
ul.prod li:nth-child(2) .prod-panel {display: none;}/*QA隱藏*/
.prod_related { background: #fbf8f4;}
.prod_related h6 span:before { color: #b39d8c;  font-size: 18px;  letter-spacing: 4px;}
.prod_related h6 {  margin: 25px auto 20px;}
.lastPage { background: #c7aa94;}
.mobile_product_name { display: none;}/*標題隱藏*/
.product_page .products-list .name {text-align: center; height: 73px; padding: 0px 3px;color: #5f4b3d;font-size: 16px;}
.products-list .price b { color: #7f765b;}
.products-list .item a:hover .more {  background: #f5f1eb; color: #2a231d; letter-spacing: 2px;}
.products-list .more { border: none;  /*border-radius: 25px;*/ color: #5f4b3d;  font-weight: 400;  letter-spacing: 2px;  font-size: 15px;background-color: #f4efe8e0;  padding: 3px;}
.sidebarBtn h2 {  font-weight: 300;  color: #b39d8c; font-weight: 400; letter-spacing: 1px;  margin-bottom: 2px;  font-size: 23px;}
.sidebarBtn * { color: #585858;}
.product_info li .txt_box {color: #9b938e;}
.bx-wrapper .bx-viewport { border: 5px solid #f6efe7;}
.prod-panel b, strong {font-weight: bold;   color: #585858;  font-weight: 400;   letter-spacing: 1px;}
.product_page .main_part {  max-width: 1600px;}

.shopping-cart .cart_head {  background: #faf5f1; color: #717171;  padding: 1px 0px;}
.separate_title,.declaration{background: #faf5f1; }
.shopping-cart .cart_head .cell.product_name { font-weight: 400;}
.shopping-cart .cell {  color: #585858;}

.pr_buttom{display: block; background: #e2cac0; color: #fff; border-radius: 8px; text-align: center; padding: 10px; transition: all .4s; font-weight: normal;}
.pr_buttom:hover{background: #CFA796; letter-spacing: 2px;}


@media screen  and (max-width:768px){
    .product-layer-two{ display: block;}
    .product-layer-two li a{ width: 157px; font-size: 14px;}
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*促銷方案*/
.promotions_page .promotion_title h2 { display: block;padding: 10px 0px;}
.promotion_title h2 {  color: #7a6353;padding: 10px 0px; 0px 0px }


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

/*線上估價*/
.separate_title { background: none;background-color: #faf5f1;}
.filltext { background: #e7e7e7; padding: 5px;}
.rewrite_simple {
    background: transparent;
    border: 1px #dfd4c3 solid!important;
    color: #666;}
.send_simple {
    background: #513d31  center no-repeat;
    color: #fff;
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*聯絡我們*/
.contact_page .list_before.info li:nth-last-child(1){ padding-left:0px;}
.contact_page .blank_letter { color: #656565; font-weight: 600;}
.list_before { display: none;}
.contact_le_nomap { margin-top: -14px;}
.contact_form li input.noborder { padding: 10px;}
.contact_form li.last cite {  background: #513d31; }
.contact_page .main_part {  padding: 0px 0px 65px 0px;}
.contact_form li { padding: 0 0 12px 0;}
.contact_form li.last blockquote, .contact_form li.last cite {padding: 2px;}
.contact_content .information_left { width: 100%;}
.contact_content .information_right { width: 100%; padding-left: 130px;  text-align: center;padding: 5% 25%;}
.contact_le_map a {  background: #513d31;}
.contact_page .contact_content { padding: 0px;}
.information_left, .information_right {  padding: 0px;}
h4.blank_letter.i {  display: none;}

@media screen and (max-width: 768px) {
.contact_form li .form__label { width: 100px;  margin-left: 0px;margin-bottom: 7px;width: 85px;  text-align: left;}
.contact_content .information_right {  text-align: left; padding: 5% 15%;}
}

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


/*相本分類全版面 ( 限制最寬2000px
.work_page .main_part { max-width:2000px;}
.work_page .show_content { padding:0; width:100%;}
.work_page .show-list .item { width:33%; display:inline-block; float:none; margin:0; padding:0;}
@media screen and (max-width: 768px) {
.work_page .show-list .item { width:49%;}
}
@media screen and (max-width: 570px) {
.work_page .show-list .item { width:100%;}
}
.work_page .show-list .item a { max-width:100%;}
.work_page .show-list .show_pic { height:auto; line-height:0;}
.work_page .show-list .show_pic img { max-width:100%; max-height:100%;}
.work_page .show-list .show_name { position:absolute; top:50%; right:10%; width:80%; height:auto; line-height:160%; font-size: 20px; color: #FFFFFF !important; border: solid 1px #fff; text-align: center; margin: -20px 0 0 -120px; padding:5px 20px; transition:all ease-in .3s; opacity:0;}
.work_page .show-list .item:hover .show_name {opacity:1;}
*/


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


/*相本列表
.work_info_page .main_part { max-width:2000px;}
.work_info_page .show_content { padding:0; width:100%;}
.work_info_page .subalbum-menu { text-align:center;}
.work_info_page .subalbum-menu h2 { float:none;}
.work_info_page .pic-list .item { margin:0; padding:10px; width:49%; float:none; display:inline-block;}
@media screen and (max-width: 768px) {
.work_info_page .pic-list .item { width:100%;}
}
.work_info_page .pic-list .show_pic { height:auto; line-height:0;}
.work_info_page .pic-list .show_pic img { max-width:100%; max-height:100%;}
.work_info_page .pic-list .item a { max-width:100%; pointer-events: none; cursor: default; } 取消連結被點擊效果
*/


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





@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
.navigation-portrait .nav-dropdown>li>a { width:100%;}
}

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