/* CSS reset */
body{margin:0;padding:0;}html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, input, button,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}ol, ul{list-style:none;}a{text-decoration:none;}hr,br{clear:both;}blockquote, q{quotes:none;}blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}input, button, textarea, select{*font-size:100%;}body{line-height:180%;}ol, ul, li{list-style:none;}:link,:visited , ins{text-decoration:none;}blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;} section, article, aside, footer, header, nav, main{display:block;}*,*::before,*::after{-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:"Arial","Microsoft Jhenghei", "微軟正黑體",sans-serif;font-size: 14px;color: #555555;}
.clear{clear: both;}.clear:before, .clear:after {content:""; display:table; clear:both;}
.main-body{
    background-color: #edece7;
} 
/*=======登入/語系=======*/
/*登入/語系背景*/
.site-header {
    background-color: #f7f7f7;
}

.headroom {
    background-color: #f7f7f7;
}

.main-nav-area {
    background-color: #ffffff;
}

.main-area{
    background-color: #edece7;
}
/*登入／語系文字*/
.ic-top-tool {
    width: 20px;
    height: 20px;
    fill: #666666;
    transition: fill 0.3s;
    vertical-align: middle;
    margin-right: 5px;
}

.ic-primary-menu {
    width: 30px;
    height: 30px;
    transition: fill 0.3s;
    vertical-align: middle;
    margin-right: 5px;
}

/*登入／語系文字*/
.top-tool a {
    color: #333;
}
/*=======Logo/選單=======*/
/*Logo/選單-背景*/
.contain-to-grid {
    background: #bdb09f;
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 10%);
}

.primary-menu ul li a {
    color: #5d5d5d;
}

/*MenuBar*/
.top-bar {
    background: #bdb09f;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    background: #bdb09f;
}

.top-bar-section ul li {
    background: #fbf5ee;
}

.top-bar-section ul li .m-accordion {
    background: #fbf5ee;
}

/*文字背景*/
.top-bar-section ul li:hover:not(.has-form)>a {
    color: #ffffff;
    border-bottom: 2px solid #7e5d31;
}

/*Menubar 第一層文字*/
.sidemenu-headline a{
    color: #594935;
}

.sidemenu-headline a:hover{
    color: #000000;
    border-bottom: 2px solid #7e5d31;
}

.mega-mobile:after {
    color: #ffffff;
}
@media screen and (min-width: 768px) {
    .mega-container_nsv3 .products-container .dropdown_nsv3 {
        background-color: #fbf5ee;
    }
}
/*下拉選單陰影*/
.mega>ul>li>ul {
    background: #fbf5ee;
    color: #ffffff;
    box-shadow: 0px 2px 8px 0px rgba(128, 128, 128);
}

.mega>ul>li>ul>li a {
    color: #111111;
}

.mega>ul>li>ul>li a:hover {
    color: #736b5d;
    font-weight: bold;
}

/*下拉選單icon*/
.fa-caret-down:before:hover{
    color: #595937;
}

/*第二層-子選單*/
.submenu li a{
    color: #736b5d !important;
}

.submenu li a:hover{
    color: #7e5d31 !important;
}

/*所有商品*/
.all-products a{
    color: #594935 !important;
}

/*商品分類*/
.products-container ul li a:hover{
    border-bottom: none;
}

/*推薦專欄*/
.blog-container ul li a:hover{
    border-bottom: none;
}

/*精選品牌*/
.brand-container ul li a:hover{
    border-bottom: none;
}

/*Header上的購物車*/
.ic-primary-menu path {
    stroke: #ffffff;
}

/*Header上的搜尋*/
.search-toggle::before {
    border: 3px solid #ffffff;
}

.search-toggle::after {
    background: #ffffff;
}
.search-toggle.active::before{
    border: 1px solid #666666;
    background-color: #666666;
}
/*scrollToTop*/
.scrollToTop {
    width: 40px;
    height: 40px;
    background-color: #f0f0f0;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 2px 1px #b1b1b1;
    margin-top: -30px;
  }
  .scrollToTop:hover {
    background-color: #f0f0f0;
  }
  /*活動資訊欄*/
   .special-deals-container {
    background-color:#edece7;
  }
  .special-deals-items a {
    color:#594935;
  }
  .special-deals-items a:hover {
    color: #736b5d;
  }
/*=======主內容=======*/
/*標題文字*/
.title-block {
    font-weight: 500;
    color: #111111;
}

/*標題文字-左側邊*/
.title-block::before {
    content: "";
    display: inline-block;
    background-color: #111111;
    position: absolute;
}

/*=======Landing B區塊=======*/
/*背景*/
.newin-list {
    background: #edece7;
}

.list-overlay,
.season-overlay {
    display: none;
    background-color: rgba(0, 0, 0, .5);
    border: 1px #343434 solid;
}

/*商品名稱*/
.product a {
    color: #5d5d5d;
}

ul.grid li section.left .list-info h4 {
    color: #111111;
}
/*價格(特價)*/
.price {
    color: #7e5d31;
}

/*價格(原價)*/
.price-sub {
    color: #5d5d5d;
}

/*加入購物車*/
.add-to-cart {
    background-color: #9d896e;
}

/*加入購物車:hover*/
.add-to-cart:hover {
    background-color: #ab9579;
}

.product-container {
    background: #edece7;
}

/*Tab 未被選中文字顏色*/
.tab-product-area .product-item {
    color: #5d5d5d;
}

/*Tab 滑動/選中文字/背景顏色*/
.tab-product-area .product-item_active {
    background: #9d896e;
    color: #ffffff;
}

/*Tab底線*/
.tab-product-area .product-item::after {
    border-bottom: 1px solid #9d896e;
}

/*商品分類切換/商品列表-查看更多*/
.section-b .see-more-wrap .see-more-button,
.section-e .see-more-wrap .see-more-button {
    background-color: #9d896e;
}
/*最新消息/專欄-查看更多*/
.section-i .see-more-button,
.section-j .see-more-button {
  color: #111111;
  border: 1px solid #111111;
}
/*商品嚴選/最新消息/推薦專欄-共用下拉選單*/
.filter-items {
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    background-color: #ffffff;
}

.filter-items:hover {
    background-color: #f3f3f3;
    border: 1px solid #c4c4c4;
}

/*=======Landing D區塊(五個特色區塊)=======*/
/*背景色*/
.season-product-container {
    background: #edece7;
}

.season-product-item {
    color: #594935;
}

/*Tab 滑動/選中文字/背景顏色*/
.season-product-item_active {
    background: #b8a182;
    color: #ffffff;
}

/*Tab底線*/
.season-product-item::after {
    border-bottom: 1px solid #b8a182;
}

/*Hover圖出現文字*/
.season-overlay h4 {
    color: #fff;
}

/*Hover圖出現框線*/
.season-overlay {
    border: 2px solid #b8a182;
}

/*=======最新消息區塊=======*/
/*文字背景區塊*/
.news-card {
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
}
/*撰寫人*/
.news-author {
    color: #7e5d31;
}

/*撰寫日期*/
.news-date span {
    color: #111111;
}

/*撰寫標題*/
.news-title span {
    color: #111111;
}

/*=======專欄區塊=======*/
/*文字背景區塊*/
.blog-card {
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
}

/*撰寫人*/
.blog-author {
    color: #41aab4;
}

/*撰寫日期*/
.blog-date span {
    color: #808080;
}

/*撰寫標題*/
.blog-title span {
    color: #5d5d5d;
}

/*=======Landing E區塊-商品=======*/
.btn-addcart {
    background-color: #343434;
    color: #fff;
}

/*=======Landing G區塊-品牌=======*/
.all-categories-title span {
    color: #111111;
}

/*=======Landing G區塊-品牌=======*/
.comment-slider .comment-card {
    background-color: #ffffff;
    border: none;
}

/*=======品牌分類區塊=======*/
/*品牌分類背景*/
.all-categories-card {
    background-color: #ffffff;
}

/*品牌Q&A*/
.icon-bg {
    background-color: #847b6f;
}

.list-items {
    border-bottom: 1px solid #bdb09fba;
}

.list-items .head {
    color: #594935 !important;
}
.list-items .item-details{
    color: #111111;
}
/*=======所有商品=======*/
/*商品數量*/
.title-block .total-items {
    color: #5d5d5d;
}
/*=======商品詳細資訊=======*/
/*多件優惠*/
.product-special-offer-title h1{
    background: #e75280; /*標題底色*/
}
.product-special-offer-box {
    background: #ffffff; /*底色*/
    border-color:#e75280;
}
.ck-content img{max-width: 100%;}
/*樣式/子樣式*/
.product-select {
    height: 36px;
    font-size: 16px;
    width: 150px;
}
/*=======評論區=======*/
/*評論區框線*/
.comment-card {
    border: 1px solid #d9d9d9;
}

/*評論者身份*/
.commenter-identity h3 {
    color: #ffffff;
    background-color: #b8a182;
}

/*評論者*/
.commentator {
    color: #594935;
}

/*評論內容*/
.comment-content {
    color: #555555;
}
/*評論內頁-評論者背景圖*/
.comment-details-area .commentator-info-area{
    border: 8px solid #bdb09f;
    background-color:#ffffff;
  }
  .comment-details-area{
    border: 8px solid #bdb09f;
  }
/*=======加入我們區=======*/
/*背景色*/
.join-section {
    background-color: #0000008c;
}

/*標題文字*/
.join-section h1 {
    color: #ffffff;
}

/*副標題文字*/
.join-subtitle h4 {
    color: #ffffff;
}

/*按鈕背景顏色*/
.join-section .btn-join {
    background-color: #ddc7a3;
    box-shadow: 0px 2px 8px 0px rgba(128, 128, 128, 1);
    color: #111111;
}

/*=======footer區=======*/
/*背景色*/
.site-footer {
    background-color: #bdb09f;
}

/*文字顏色/底線*/
.footer-section .footer-title-block {
    color: #111111;
    border-bottom: 1px solid #111111;
}

/*公司資訊文字*/
.company-service p,
.company-policy p,
.company-info p {
    color: #ffffff;
}

.modal-link {
    color: #ffffff;
}

/*社群連結背景*/
.social-url-section .fot-social-url {
    width: 30px;
    height: 30px;
    fill: #bdb09f;
    transition: fill 0.3s;
    padding: 1px;
    border-radius: 50px;
    background-color: #ffffff;
    vertical-align: middle;
    margin-right: 10px;
}

/*保留權*/
.rights-reserved span {
    color: #ffffff;
}

/*右側-回到置頂*/
.scroll-top {
    background-color: #847b6f;
}

.scroll-top:hover {
    background-color: #a09484;
}

@media screen and (max-width: 768px) {
.mega-container .mega{
    background: #edece7;  
}
.mega>ul>li>ul {
    background-color: #edece7;
    box-shadow: none;
}
.show-on-mobile a{
    color: #111111 !important;
}
.show-on-mobile a:hover{
    color: #594935 !important;
}
/*大分類*/
.sidemenu-headline{
    border-bottom: 1px solid #bdb09f;
}
.sidemenu-headline a:hover{
    border-bottom:none;
}
/*第二層-子選單*/
.submenu li{
    background-color: #ede6de;
}
.submenu li a{
    color: #5d5d5d !important;
}
/*所有商品*/
.all-products a{
    color: #736b5d !important;
}
.all-products{
    border-top: 1px solid #ede6de;
    border-bottom: 1px solid #ede6de;
    background-color: #ede6de !important;
}
/*=======評論區=======*/
/*評論內頁-評論者背景圖*/
.comment-details-area .commentator-info-area{
    border: 8px solid #9d896e;
    background-color:#ffffff;
  }
  .comment-details-area{
    border: 8px solid #9d896e;
  }
  /*=======Footer=======*/
  /*公司服務[+]*/
  .company-service label::before {
    background:#9d896e;
  }
  .company-service  label {
    color:#ffffff;
  }
  .company-service label:hover {
    color:#ffffff;
  }
  /*公司政策[+]*/
  .company-policy label::before {
    background: #9d896e;
  }
  .company-policy label {
    color: #ffffff;
  }
  .company-policy label:hover {
    color: #ffffff;
  }
  .company-policy #expand {
    color: #555555;
  }
  /*公司資訊[+]*/
  .company-info label::before {
    background: #9d896e;
  }
  .company-info label {
    color: #ffffff;
  }
  .company-info label:hover {
    color: #ffffff;
  }
  .modal-close {
    background-color: #ffffff;
    color: #000;
  }
  /*商品介紹Ckeditor*/
  .ck-content img{
    max-width: 100%;
  }
}


ul.grid li section.left .list-head img,
ul.grid li section.left .list-head .video-thumb {
  width: 225px;
  height: 335px;
}

ul.list li section.left .list-head{
  position: relative;
	margin: 0 10px;
}

ul.list li section.left .list-head img.thumb,
ul.list li section.left .list-head .video-thumb {
  float: left;
  width: 225px;
  height: 335px;
}

@media screen and (max-width: 960px) {
	.newin-list .list-head img {
		display: block;
		object-fit: cover;
		width: 325px;
		height: 485px;
	}
	ul.newin-list.mbgrid li.product {
    display: inline-block;
    width: 325px;
    margin: 0 5px 20px 0;
  }

	ul.newin-list.mbgrid li.product section.left .list-head:hover .list-overlay,
	.season-newin-list li:hover .season-overlay {
		display: flex;
	}

  ul.newin-list.mbgrid li.product .video-thumb {
  	width: 325px;
    height: 485px;
  }  
  ul.mbgrid li section.left .list-head{
    position: relative;
  }

  ul.grid li section.left .list-head img,
  ul.grid li section.left .list-head .video-thumb {
    display: block;
    margin: 0 auto;
    width: 175px;
    height: 262px;
    object-fit: cover;
  }
	
  ul.list li section.left .list-head img.thumb,
  ul.list li section.left .list-head .video-thumb {
		width: 90px;
		height: 135px;
  }
}