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

  body {font-family:"Cabin", sans-serif, "Noto Sans TC";}

/*反白顏色*/
::-moz-selection{  background-color: #444;  color: #fff;}
::selection{  background-color: #444;  color: #fff;}
:root {
    --MainColor: #813d32;
    --SubColor:#fcba42;
}
/* 頁面的麵包屑 首頁/頁面名稱/ */
.path { display:none;}
.pageIndex .main_part {    border-top: none;}
#content {
  min-height: 80vh;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 180px !important;
  background-image: url(https://pic03.eapple.com.tw/fengkangranch/bg_001.png);
}

.edit_part {
  padding: 0;
}
/*Main/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*Header/＝＝＝＝＝*/
.main_header_area{background: #fcba42;}
.header_area {
  position: fixed;
  width: 100%;
  padding: 0px;
}

.tp_links a {
  transition: all 0.3s;
  display: none;
}

.me_tp_features {
  width: 100%;
  text-align: center;
}
/*選單最大寬度設定*/
.nav-header {position: relative;    z-index: 50;}
.navigation {padding: 10px 0px;display: flex;flex-direction: column;align-items: center;flex-wrap: wrap;}
.stellarnav {position: relative;width: 100%;z-index: 9900;line-height: normal;margin: 2px 0 5px 0;}
.stellarnav ul {
  text-align: center;
}

.box_search {position: relative;display: inline-block;vertical-align: top;width: 160px;margin-bottom: 5px;}
.main_header_area{background: #fcba42;}

/*第一層*/
.stellarnav li.has-sub > a:after {border: none;}

.stellarnav > ul > li > a {
  transition: all 0.3s;
  padding: 0 9px;
  font-weight: 400;
  letter-spacing: 2px;
  color: #FFF;
  margin-top: 10px;
}
.stellarnav > ul > li > a:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #7f3c34;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.5s ease-in-out;}

.stellarnav > ul > li:hover > a:before {
transform: scaleX(1);
transform-origin: left;}

.stellarnav > ul > li:hover > a {
  color: #ffffff;
  transform: translateY(-5px);
  transition: all .4s;
  font-weight: bold;
}

/*第二層*/
.stellarnav li li > a, .stellarnav li li.has-sub > a {
  padding: 0px 14px;
  transition: all 0.3s;
  color: #FFF;
  font-weight: 200;
  letter-spacing: 1px;
  border-left: 1px solid;
}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{color: #DAE0C7;	padding-left:10px;}
.stellarnav ul ul {
  background: #303e34e8;
  border-radius: 0px;
  width: 180px;
}
.stellarnav li li {
  display: block;
  border: 1px #eee solid;
  margin-bottom: 0px;
  padding: 13px 14px;
  background: transparent;
  border: none;
}
/*SubMenu*/
.shop_search_btn {    background: #ac2025;}
.tp_links a{transition:all 0.3s;}
.tp_links a:hover {    color: #ac2025;}

/*Header/*/

.pageIndex .header_area{
  display: none;
  opacity: 0;
  animation: text-focus-in 0.6s cubic-bezier(.55,.085,.68,.53) both
}

.pageIndex .header_area.sticky{
  display: block;
  opacity: 1;
  background: rgb(249 185 81);
}



@-webkit-keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  @keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }


/*新浮動隱藏*/
  .linksBtn {
    display: none;
}

/*footer*/
.footer {
  padding: 55px 0 0;
  background: #f9b951
}
.footer .center {    max-width: 1200px;}
.footer_info {
  grid-template-columns: 180px 1fr;
  padding-right: 0;
  /* align-items: center; */
}
.footer_logo > a {
  background: url(https://pic03.eapple.com.tw/fengkangranch/footer_logo.png) no-repeat;
  display: inline-block;
  width: 100%;
  height: 145px;
  background-size: contain;
}
.footer_logo img {
  display: none;
}

.footer_info li:nth-child(1) {
  width: 100%;
  padding-bottom: 15px;
  padding-left: 24px;
}
.footer_info li:nth-child(2) {
  border-top: 1px solid #7f3c343d;
  padding-top: 15px;
}
.footer_info li:nth-child(1) {    width: 40%;}
.footer_info li p, .footer_info li p a {
  color: #813d32;
  font-weight: bold;
}
.footer_menu a {
  background: transparent;
  border: none;
  color: #813d32;
  padding: 5px 15px;
  font-weight: bold;
}
.footer_menu a:hover {
  background: #303f35;
  color: #ffffff;
}

.box_link a {
  display: none;
}

.copy {
  color: #ffffff;
  margin-top: 25px;
  border-top: none;
  background: #813d32;
}
.copy a{    color: var(--FontColor);}

/*Logo/＝＝＝＝＝*/
.nav-brand {    width: 100%;max-width: 135px;transition:all 0.3s;}
.nav-brand img {
    width: 135px;
}
.header_area .nav-brand {    transition: all 0.3s;    margin-top: 0px;}
.header_area.sticky .nav-brand{}


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

/*大圖********************************* */
/*預設解除背景輪播*/
#content_main { margin:0;}/*custom原本有寫*/
.bannerindex { position:sticky; height:auto;}/*custom原本有寫*/
.swiper-banner { position:static; margin:0; height:auto;}/*custom原本有寫*/
.swiper-slide img { height:auto;}/*custom原本有寫*/

.swiper-slide {position: relative;}/*因為偽元素，所以要加的*/
.swiper-slide:before ,.swiper-slide:after { content: ""; position: absolute;  z-index: 999; pointer-events:none;}/*before+after依樣要寫的內容拆出來寫一起，要寫在個別下方也可以*/


/*banner01*//*第一張大圖的偽元素*//*依樣可以放before+after 兩個*/

.swiper-slide:nth-child(1):before {
  background: url(https://pic03.eapple.com.tw/fengkangranch/banner01.svg);
  background-size: contain;
  background-repeat: no-repeat;
  top: 40%;
  left: 50%;
  width: 40% !important;
  height: 45% !important;
  background-position: left;
  padding-bottom: calc(100% / 1* 0.12);
}


.swiper-slide:nth-child(1):after {
  background-size: contain;
  background-repeat: no-repeat;
  top: 43%;
  left: 52%;
  width: 100% !important;
  height: 45% !important;
  background-position: left;
  padding-bottom: calc(100% / 1* 0.12);
}


.swiper-slide:nth-child(2):before {
    background-size: contain;
    background-repeat: no-repeat;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100% !important;
    background-position: left;
    padding-bottom: calc(100% / 1* 0.43);
}

.swiper-slide:nth-child(2):after {
    background: url(https://pic03.eapple.com.tw/fengkangranch/banner02.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 25%;
    left: 50%;
    width: 40% !important;
    height: 83% !important;
    background-position: left;
    padding-bottom: calc(100% / 1* 0.12);
}


.swiper-slide.swiper-slide-active:nth-child(1):after { animation:fade-in-bck .9s cubic-bezier(.1,.300,.400,0.2) both}
.swiper-slide.swiper-slide-active:nth-child(1):before { animation: fade-in-elegant  2.5s ease-in-out both;}


.swiper-slide.swiper-slide-active:nth-child(2):after { animation: slide-top  2s 0.2s both;}
.swiper-slide.swiper-slide-active:nth-child(2):before {animation: slide-fade-in 3s 0.3s both;}


/*上升特效*/
  @keyframes slide-top {
  0% {-webkit-transform: translateY(100%);  /* 一開始的位置 在Y-100(最下方)*/
            transform: translateY(100%);
            opacity:0;/*透明度0*/}
  100% {-webkit-transform: translateY(0);/* 跑到最後終止的位置 在Y-0(最上方)*/
            transform: translateY(0);
            opacity:1;/*透明度顯示*/}
  }

  @keyframes fade-in-elegant {
    0% {
        opacity: 0;
        transform: translateY(20px); /* 從下方滑入 */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* 最終位置 */
    }
}

@keyframes slide-fade-in {
    0% {
        opacity: 0;
        transform: translateX(-20px); /* 從左側滑入 */
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fade-in-bck {
    0% {
      -webkit-transform: translateZ(150px);
              transform: translateZ(150px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
  }
  @keyframes fade-in-bck {
    0% {
      -webkit-transform: translateZ(150px);
              transform: translateZ(150px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
  }
  
  @media screen and (max-width: 768px) {
    .bannerindex {
        padding-bottom: 0%;
        padding-top: 82px !important;
    }}


/*Banner/＝＝＝＝＝*/
.banner{display: none;}
.banner h5{font-size: 32px;}

/*Page/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*麵包屑＝＝*/
.path p a:hover { color: #ADA17E;}
/*頁碼＝＝*/
.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: #87a460;
  border: 1px solid;
}

/*購物車/＝＝＝＝＝*/
.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 a{animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


/*取消商品頁的動畫*/
.product_info_page .swiper-slide:nth-child(1):before {
  display: none;
}

/*購物車/外層＝＝*/
.product_page .main_part { max-width:1500px;}
/* .product_info_page .main_part { max-width:1200px;} */

.product_page .show_content,
.product_info_page .show_content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; align-content: flex-start;}
.product_page .product_menu_list { position: relative; width: 220px; letter-spacing: 1px; /*border-right: 1px solid #ccc;*/min-height: 30vw;}
.product_page .products-list,
.product-wrapper { width: calc(100% - 270px);}
ul.page { width: 100%;}

.product-layer-two li ul { position:static; margin-top:5px; /*display:block !important;*/ width:100%; margin-left:0;}
.product-layer-two li:hover ul { border: none !important; /*display:block !important;*/}
.product-layer-two li li { display: block; padding:0; transition:all ease .3s;}
.product-layer-two li li a{ padding:5px 10px;}
.product-layer-two li li:hover > a { background:#fff; color:#ad925e;}
.product-layer-two > li { width:100%; max-width:100%; padding:0; text-align:left; border-bottom:1px dotted #ccc; padding-bottom: 5px;}
.product-layer-two > li ul > li + li { margin-top:5px;}

.product_info_page .product_menu_list { display: none;} 
.product_info_page .products-list,
.product-wrapper { width: 100%;}

.product-layer-two li li:hover{ margin-left: 15px;}
.product-layer-two li li > a:before { content: ""; position: absolute; width: 12px; height: 8px; background: transparent; left: 0; margin-left: -20px; top: 50%; margin-top: -4px; clip-path: polygon(0 0, 100% 50% , 0 100%);}
.product-layer-two li li:hover > a:before { background:#ad925e;}

.product_info_page .half_box { width: 100%; float: none; padding-right: 0;}
.product_info_page .half_box li.btn_blankTop { margin-top: 50px; justify-content: space-between; display: flex;}
.product_info_page .half_box li.btn_blankTop input { width: calc(50% - 10px); background-image: none; padding: 0; text-align: center;}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
.product_menu_list,
.products-list,
.product-wrapper { width: 100%;}
.product-layer-two { margin-right: 0; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); grid-gap: 5px;}
.product_page .product-layer-two,
.product_page .products-list { width: 100%; border-right: none;}
.product_page .product_menu_list>h5{display: block;}

.product_page .show_content > a { order: 1;}
.product_page ul.products-list { order: 2;}
.product_page ul.page { order: 3;}
.product_page .product_menu_list {width: 100%; order: 0; min-height: unset;}
}
@media screen and (max-width: 600px) {
}


/* 左邊選單 */
.product-layer-two > li{ border-bottom: 0px;}
.product-layer-two li a{ background: #623c34; color: #fff; border-radius: 60px;}
.product-layer-two li li a{ color: #000; background: unset; }
.product-layer-two li i{ color: #fae5ea; } 
.product-layer-two li li:hover > a{ color: #623c34;}
.product-layer-two li li > a:hover:before { background: #623c34;}
.product-layer-two li.active a{ background: #633D33; border: 0px;}
.product-layer-two li li.active a{ background: unset; color: #633D33;}
.product-layer-two li.active li a{ background: unset;color: #633D33; }

/* 商品 */
.products-list .name{ font-size: 16px; color: #633D33; font-weight: bold; text-align: center; height: 57px;}
.products-list .more{ font-size: 15px; color: #623c34; border: 1px solid #623c34; border-radius: 60px; }
.products-list .item{ width: 100%;
  border: 4px #f9b9515c dashed;
  padding: 22px;
  border-radius: 12px;
  box-shadow: 0 0 10px 4px #f4d4dc37;} 
.products-list .item a:hover .more{ background: #623c34; color: #fff; }
.products-list .pic img{ width: 100%;
    height: 100%;
    object-fit: cover;}

.products-list .item a:hover .pic {
    opacity: 0.75;
    transition: 0.5s;
}

/* 內頁 */
.sidebarBtn h2{ color: #623c34;}
.pd_tabTitle li.activeTab a {
  color: #633D33;
  font-size: 24px;
  font-weight: bold;
}
.pd_tabTitle li.activeTab::after{ height: 0px; background: #E4E4E4;}
.sidebarBtn{ border: 1px #ddd solid;}
.inquiry_a1{ background: #633D33;}
.inquiry_a3{ background: #2E3E33; }
.inquiry_a2{ background: #2E3E33;}
.inquiry_a1:hover, .inquiry_a2:hover, .inquiry_a3:hover{ background: #2E3E33;}

.rewrite_simple{ background: #2E3E33;}
.send_simple{ background: #633D33;}

.products-list .price b{ color: #633D33; width: unset; font-size: 16px; text-align: center;}
.products-list .price b.sp_price { color: #d23c55; font-weight: bold; font-size: 16px;}
.sidebarBtn .sp_price { color: #d23c55; font-weight: bold; font-size: 24px;}
.sidebarBtn .price{ color: #633D33;  font-size: 18px;}
.sidebarBtn .price span { font-size: 18px;}
.sidebarBtn .price span.sp_price{ font-size: 24px; font-weight: bold;}

/* 相關推薦 */
.prod_related h6 span:before{  color: #633D33; font-size: 24px; font-weight: bold;}
.prod_related{ background: #fffdf9;}
.related_list li a{ background: unset;}
.related_list li a:hover img {
    opacity: 0.75;
    transition: 0.5s;
}
.lastPage {
  background: #2E3E33;
  border-radius: 60px;
}

/*加入購物車隱藏*/
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  border: 0;
}

/* 匯款通知 */
.remit_page #page .note::before{ display: none;}

@media screen and (max-width:768px) {
    .product-layer-two{ display: block!important;}
    .product_page .product_menu_list>h5{ display: none;}
}



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


/*預設解除背景輪播*/
.pageIndex #page #content_main{ margin-top: -100px;}
#content_main { margin:0;}
.bannerindex { position:relative; height:auto; top: -45px;}
.swiper-banner { position:static; margin:0; height:auto;} 
/* .swiper-slide img { height:auto;} */
@media screen and (max-width: 1024px) {
    .bannerindex{ top: -66px;}
}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0; margin-top: 87px;}
.bannerindex{ top: -88px;}
}

/*文章管理/＝＝＝＝＝*/
/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/
.h5.blog_le_t{ display: none!important;}
/* 側邊hover */
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category{ background: unset!important;}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a {
    background: #633D33!important; border-radius: 60px;}
  .submenu {background: #fff;}
  .submenu a{padding: 12px 12px 12px 30px;}
  .submenu a:hover {background: #eee;color: #555;padding: 12px 12px 12px 35px;}
  .blog_le .accordion {border-radius: 0;border: none;}
  .accordion li+li .link{ border-top: 0px;}
  .blog_le .accordion li{border-bottom: 0px}
  .accordion li .link a {
    color: #fff;
    background: #633D33;
    border-radius: 60px;
    padding: 12px 20px;
}
  .accordion li .link a:hover{ background: #2E3E33; border-radius: 60px;}
  .blog_le .accordion li:last-child{border-bottom: none;}
  
  /* 右邊 */
  .share_page .edit {    text-align: justify;    line-height: 180%;}
  .subbox_item a{ display: flex; flex-direction: column;}
  .subbox_item a:before , .subbox_item a:after {    transition: 0.3s;}
  .blog_le .accordion > li {    transition: all 0.3s; margin-bottom: 8px;}
  .blog_box_edit {    line-height: 180%;    text-align: justify;}
  h4.blog_category_title {    text-align: justify; font-size: 40px;}
  .link a {    width: 100%;    display: block;    padding: 15px 10px;}
  .accordion li .link {    padding: 0;}
  .blog_list_ri h5 {
    color: #2E3E33;
    font-weight: bold;
    font-size: 18px;
}
  .blog_list_ri em{ color: #ADADB1; }
  .blog_list_ri p{ height: 38px; color: #000;}
  
  .subbox_item a:after {
    display: none;
  }
  .subbox_item a:before {
    color: #2E3E33;
    bottom: -10px;
    right: 10px;
  }
  .blog_list_le {
    overflow: hidden;
  }
  .subbox_item a img{
    transition: all 0.3s;
  }
  .subbox_item a:hover img{
    /* transform: scale(1.3); */
    opacity: 0.75;
    transition: all 0.3s;
  }
  
  
  /*文章分享變1排3個*/
  .blog_page .main_part {    max-width: 1400px;}
  .blog_list_le , .blog_list_ri {    width: 100%;}
  .blog_subbox {   grid-template-columns:1fr 1fr 1fr ; grid-gap:12px; }
  .subbox_item {
    width: 100%;
    border: 4px #f9b9515c dashed;
    padding: 22px;
    border-radius: 12px;
    box-shadow: 0 0 10px 4px #f4d4dc37;
}
@media screen and (max-width:1024px) {
    .blog_subbox{
        grid-template-columns:1fr 1fr;
    }
}
@media screen and (max-width:480px) {
    .blog_subbox{
        grid-template-columns:1fr;
    }
}
  
  /* 內頁 */
  h4.blog_category_title {
    color: #623c34;
    font-size: 24px;
}
  .blog_shareData{display: none;}
  .articel_mainPic img{ display: none;}
  .blog_back{ width: 70%; margin: auto;}
  .blog_back a.article_btn_prev, .blog_back a.article_btn_next {
    background: #f9b951;
    border-radius: 60px;
}
  .blog_back a.article_btn_back {background: #623c34; border-radius: 60px;}
  .news_related {
    background: #fffdf9;
}
  .news_related h6 span:before{ color: #623c34;}
  .news_related_list li a{ background: unset;}
  
  @media screen and (max-width:400px) {
    .blog_back{ width: 100%;}
  }



/*相簿*/
.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;padding: 5% 0 0 0;}
.album_page .show-list .show_name{
  text-align: center;
  font-size: 19px;
  letter-spacing: 1px;
}
/*版面*/
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 img, .other_subalbum li a img, .pic-list .show_pic img {
  border-radius: 15px;
}
.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: #2E3E33;}
.other_album_choice li {    background: #633D33;}
.subalbum-menu h2{color: #cbc0a0;font-size: 24px;}
.subalbum-menu{
  padding: 0;
}
.other_subalbum li p {margin-top: 10px;}
.album_class_page .subalbum-menu h2{
  color: #633D33;
}
.album_fixed_title{
  background: transparent;
  color: #211c3e;
}
.case_page table{
  margin: 4% 0 0 0;
}

/**/

/*促銷方案/＝＝＝＝＝*/
.news_part {    width: 90%;}
.news_list ul li a:hover {    background: #f9f9f9;}
.news_list ul li p:after {    background: #2E3E33;    padding: 3px 5px;    border-radius: 5px;    color: #fff;}
.promotion_title h2 {
  font-size: 24px;
  color: #633d33;
}
.edit h3{
  color: #2E3E33;
}

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

/*聯絡我們/＝＝＝＝＝*/
.contact_le_map a {    background: #2E3E33;}
.contact_form li.last blockquote, .contact_form li.last cite {
  border: none;
  padding: 3px;
}
.contact_form li.last cite{  background: #1D3829;}
.contact_form li.last blockquote{background: #3b4b42;}
.contact_form li.last input {
  color: #FFF;
  font-weight: 200;
}
.contact_content {display: block !important;    max-width: 75%;
}
.contact_editbox {padding: 0px;}
.contact_content .information_left {
  display: none;
}
.contact_content .information_right {
  width: 100%;}
  .contact_form li .form__label {
    display: inline-block;
    width: 98px;
    text-align: end;
    margin-left: -116px;
    padding-right: 10px;
    vertical-align: top;
    color: #FFF;
    letter-spacing: 1px;
    font-weight: 200;
}
.contact_form li .form__insert {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-weight: 300;
  letter-spacing: 10px;
}
.blank_letter {
  color: #333333;
}
.red {
  color: #a91a2a;
}
/*會員/＝＝＝＝＝*/
.send_simple{background-color: #a6132e;}
.rewrite_simple{background-color: #cbc0a0;}
.member_title p {    border-top: 2px #ADA17E solid;}
.login_mem_submit{background: #a6132e;}
.login_mem_other_link a{color: #a6132e;}
.member_login_regist a{background: #a6132e;}
.mem_regist_title_s {    background: #cbc0a0;    color: #fff;}


/*結帳頁面*/
.rewrite_simple {
  background-color: #a91a2a;
}

.send_simple {
  background-color: #a6132e;
}


/**/

#bottom_menu li a {
  background: #ffffff;
}
.stellarnav .menu-toggle:after {
  color: #813d32;
}
.stellarnav .menu-toggle span.bars span {
  background: #813d32;
}

/*RWD1200/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1200px) {
/*購物車/＝＝＝＝＝*/
.products-list {    grid-template-columns: 1fr 1fr 1fr;}
#content {
  padding-top: 153px !important;
}
}

/*RWD1024/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1024px) {
/*Header/＝＝＝＝＝*/
.navigation {    padding: 0px;}
/*Logo/＝＝＝＝＝*/
.header_area .nav-brand{max-width: 100px;}
.header_area.sticky .nav-brand{max-width: 0;}

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

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

}

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


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

}

/*RWD960/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (max-width: 960px) {
  .subbox_item {
border:none
  }
}

/*RWD768/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 768px) {
/*選單漸變效果＝＝*/
/*首頁固定選單*//*
.pageIndex .header_area{position:relative;}


/*大圖*/
.swiper-banner .swiper-slide img {
  height: auto;
  margin-top: 40px;
}

/*側邊選單/＝＝＝＝＝*/
.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;    color: #391911;}
.pageIndex .header_area {
  display: block;
  opacity: 1;
  animation: unset;
}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{
  border: none;
  background: #f6b85d;}

.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {
    background: #813d32;
    color: white;
}

.stellarnav .icon-close:before,.stellarnav .icon-close:after {
  border-bottom: solid 2px white;

}
.stellarnav.mobile > ul > li > a.dd-toggle {
  padding: 14px;
}
.stellarnav.mobile li a {
  border: none;
}
.stellarnav > ul > li:hover > a {
  transform: translateY(-0px);
}

.stellarnav > ul > li > a:before {
display: none;}

.stellarnav.mobile > ul > li {
  border-bottom: 1px #c8d1aa38 solid;
}

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

.stellarnav.mobile li.open {
  background: #813d32;
  padding: 0px;
}
.stellarnav.mobile > ul > li > a {
  padding: 15px 43px 15px 10px;
}

.stellarnav li li {
  background: #d8dec6;
  padding: 0px 35px;
}
.stellarnav li li> a {
  color: #1f2d25;
  font-weight: 400;
  position: relative;
}
.stellarnav li li> a:before {
  content: '►';
  position: absolute;
  left: -16px;
  top: 17px;
  font-size: 10px;
}
/*Logo/＝＝＝＝＝*/
.nav-brand{ margin-top: 10px;}
.header_area .nav-brand{max-width: 150px;}
.header_area.sticky .nav-brand{max-width: 100px;}
.nav-brand img {
  max-width: 60%;
  margin: 6px;
}

/*Footer/＝＝＝＝＝*/
#to_top { bottom:50px;width: 35px;height: 35px;    color: transparent;    background: #f8ffe1;}
#to_top i.top:before, #to_top i.top:after {
  top: 3px;
  left: 49%;
}
#bottom_menu {display: flex; }
.footer.with_shopping_mode {
  padding: 40px 0 55px;
}
.footer_info {    justify-content: center;}
.footer_logo {    text-align: center;}

.footer_info {    display: block;    padding: 0 20px;}
.footer_info li:nth-child(1) {
  padding-left: 7px;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 0;
}

@media (max-width:600px) {
  .footer_menu a {        width: calc(calc(100% - 30px) / 3);    }
  .footer_menu a:first-child {        display: none;    }
}

/*Banner/＝＝＝＝＝*/
.banner h5{font-size: 28px;}
#content {
  padding-top: 80px !important;
}

/*購物車/＝＝＝＝＝*/
.products-list {    grid-template-columns: 1fr 1fr;}
.product_page .products-list ,.product-layer-two {    width:100%;}
.prod_related h6 span:before{font-size: 24px;}
.sidebarBtn {
  width: 100%;
}
.product_pic {
  padding-top: 0px;
}
.sidebarBtn {
  padding: 0px;}


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

/*文章管理/＝＝＝＝＝*/
h4.blog_category_title{font-size: 24px;}
h4.blog_category_title span{font-size: 20px;}
.module_i_news li {
  border: none;
}
/*相簿/＝＝＝＝＝*/
.mobile_product_name{font-size: 20px;display: none;}
.subalbum-menu h2{    color: #cbc0a0;font-size: 20px;}

/*付款方式跑版*/
.payment_form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

}


.swiper-pagination {
  display: none;
}


/*Footer/＝＝＝＝＝*/
.box_link {    text-align: center;}

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

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

.contact_content {
  max-width: 82%;
}


/*RWD570/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


@media only screen and (max-width: 570px) {
  .stellarnav .menu-toggle {
    padding: 15px 10px;
  }
}