/*-----------------------------------------------------------------------------------
	Beez
	About: Wonderpace Inc.
	Author: Beez 2024/11/11/14:45
-----------------------------------------------------------------------------------*/
/*共用:start*/

body{
font-family: "Microsoft JhengHei", PingFang, STHeiti, sans-serif, serif, "Noto Sans CJK TC";
}

/*定義CIS顏色*/
:root {
--main-color: #757575;
--second-color: black;
--3nd-color: #c1aa92;
--margin-index-product-block: 36px;
}

/*定義按鈕色*/

.UIMenuGroupWrapper .UIMenuGroup a.active {
background-color: var(--main-color);
}


/*定義按鈕hover*/
.UIButton:hover {
background-color: var(--second-color);
}

/*定義產品規格選單按鈕*/
.UIMenuGroupWrapper .UIMenuGroup a.active {
border: 1px solid rgba(0,0,0,0.2);
}

/*定義選單連結文字*/
.UIApp a, .UIPage a,
.UIHorizontalNavigation > .menu li.level2 > a,
#categoryMenuView > ul > li a{
color: #333;
}

/*定義連結文字hover*/
.UIApp a:hover, .UIPage a:hover,
.UIHorizontalNavigation > .menu li.level2 > a:hover,
#categoryMenuView > ul > li a:hover{
color: var(--second-color);
}

/*定義首頁每個區魗的間距*/
#index #adView, #index #latestProductView, #index #productBlockView, #index #categoryProductView, #index #footer {
  margin: 48px 0 0;
}

/*彈出警告視窗*/
.UIAlert .toast-header > img{
  display: none;
}



/*修正特色排版在ipad的顯示*/
@media (max-width: 1200px) {
.grid-7 > .UIGroup:first-child {
width: initial;
}
}

 /*共用：電腦版:START*/
@media (min-width: 768px) {
.UIPanel.noBorder {
margin-bottom: 30px;
}
}
 /*共用:end*/

/***************header:start****************/
/*****topLineView:start*****/
#header #headerView #topLineView #topLineMenuView .cart #cartQty,
#headerView #topView #iconView .icon > #cartQty2{
background: var(--main-color);
}

 /*header：電腦版:START*/
@media (min-width: 768px){
/*Header：修改登入文字*/
#header #headerView #topLineView .UILinkButton.login {
visibility: hidden;
padding-right: 0;
margin-right: -8px;
}

/*Header：修改登入文字*/
#header #headerView #topLineView #topLineMenuView .login:before {
font-family: "Arial";
font-weight: 400;
content: "LOGIN";
padding-right: 0;
visibility: initial;
}

/*Header：修改註冊文字*/
#header #headerView #topLineView #topLineMenuView .register{
visibility: hidden;
margin-right: -16px;
}

/*Header：修改註冊文字*/
#header #headerView #topLineView #topLineMenuView .register:before{
font-family: "Arial";
font-weight: 400;
content: "REGISTER";
padding-right: 0;
visibility: initial;
}

#header #headerView #topLineView #topLineMenuView .favorites:before{
  content:"\e5d6";
}

.UIApp.sticky #headerView #topView{
border-top: 0 !important;
background-color: rgba(255,255,255,0.70) !important;
}

/*第一層選單檥式*/
.UIHorizontalNavigation > .menu .level1 > ul a:hover {
color: var(--second-color);
}

/*第二層選單*/
.UIHorizontalNavigation > .menu .level1 > ul {
border-top: 2px solid var(--3nd-color);
background-color: rgba(255,255,255,0.9);
}
}
/*header：電腦版:END*/

/*header：手機版:START*/
@media (max-width: 768px){

.UIHorizontalNavigation > .menu .level1 > ul {
border: 0;
border-top: 2px solid var(--3nd-color);
}
}
 /*選單:end*/
 /*header：手機版:END*/
 /**************header:end****************/

 /**************首頁:start****************/

 /*廣告輪播：移除上方間距*/
#index #carouseView {
margin-top: 0;
}

 /*廣告輪播：三張圖空間調整*/
 .swiper-backface-hidden .swiper-slide {
margin-right:2px;
 }

/*首頁：最新商品與產品主題區塊標題*/
 #productBlockView .caption,
 #latestProductView .caption,
 #categoryProductView .UIPanel > .top > .caption {
margin: auto;
color:var(--main-color);
 }

 /*****WEEKLY ITEMS 頁籤樣式:START*****/
 #index #productBlockView.group .UITabHost.default > ul.tabs > li.active,
 #index #productBlockView.group .UITabHost.default > ul.tabs > li.active a{
 background: #e2ded2;
 color: #000;
 }

 /*產品列表：產品資訊高度*/
#productListView.grid #productItemView .productInfo {
min-height: 90px;
padding-bottom: 0;
}

/*產品列表：產品名*/
#productListView.grid #productItemView .productInfo .productName{
-webkit-line-clamp: 2;
flex-grow:0;
}

/*產品列表：價格樣式*/
#productListView.grid #productItemView .productInfo .productPrice .price{
  font-size: 1em;
  font-weight: 400;
  color: #333;
}

/**不知道在哪裡**/
#index #productListView .productInfo .value,
#category #productListView .productInfo .value {
font-size: 1rem;
}

 /*產品列表：產品顏色*/
 #productListView.grid #productItemView .productInfo .productColors{
 margin-top: 10px;
 }

 /*產品列表：產品色號檥式*/
 .UIColor{
 width: 8px !important;
 height:8px !important;
 border: 1px solid rgba(190,190,190,0.5) !important;
 border-radius: 8px !important;
 }

 /*產品列表：加入最愛圖示*/
#productView .productInfo .likes .favorites .join:before,
#productView .productInfo .likes .favorites .joined:before {
 content: "\e5d6" !important;
 color: var(--main-color);
 }

 /*產品列表：已加入最愛圖示*/
 #productListView.grid #productItemView .productImage .favorites .UILink.joined:before,
 #productView .productInfo .likes .favorites .joined:before {
 //content: "\e5d6" !important;
 //font-weight: 900 !important;
 }


 /*產品列表：加入最愛文字*/
 #productView .productInfo .likes .favorites .UILabel{
color: var(--font-color-product-info-likes-item);
}

 /*產品列表：購物車圖示*/
 #header #headerView #topLineView #topLineMenuView .cart:before{
 content: "\e0dc" !important;
 }

 /*產品列表：hover取消產品圖對位*/
 #productListView.grid #productItemView .productImage{
 postion: relative
 }


 /*產品列表：隱藏分享圖示*/
 #productListView.grid #productItemView .productImage .share {
 display: none;
 }


/**********產品列表hover時的效果:START *********/
/*電腦版：START*/
@media (min-width: 768px){
/*產品列表：取消產品列表hover放大*/
#productListView.grid #productItemView:hover{
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transform: none;
}


 /*產品列表：最愛圖示樣式（底）*/
 #productListView.grid #productItemView .productImage .favorites {
 width: 50%;
 background-color: rgba(0,0,0,0.7);
 padding: 10px;
 bottom: 0;
 z-index: 98;
 border:0;
 border-radius: 0;
 display: initial;
 display: none;
 height:initial;
 left: 0;
 text-align: right;
 }

 /*產品列表：購物車（底）*/
 #productListView.grid #productItemView .productInfo .productCart{
 width: 50%;
 background-color: rgba(0,0,0,0.7);
 bottom:90px;
 right: 0;
 z-index: 99;
 padding: 10px;
 justify-content: flex-start;
 display: none;
 }

 /*產品列表：圖示*/
 #productListView.grid #productItemView .productImage .favorites .UILink:before,
 #productListView.grid #productItemView .productInfo .productCart .addCart:before {
 font-size: 1.2em;
 color: #fff;
 }

 /*產品列表：hover顯示購物車及最愛*/
 #productListView.grid #productItemView:hover .productImage .favorites,
 #productListView.grid #productItemView:hover .productInfo .productCart{
 display: block;
 }
 }
 /*電腦版：END*/
 /**********產品列表hover時的效果:END *********/

 /***產品主題區塊群組hover效果：START***/
 /*電腦版：START*/
 @media (min-width: 768px){
   #productBlockView.group #productListView.grid #productItemView .productImage{
   background-color: #000;
   }
   /*產品主題區塊群組：圖片hover半透明*/
   #productBlockView.group #productListView.grid #productItemView:hover .UIImage{
   opacity: 0.4;
   }

   /*產品主題區塊群組：產品資訊*/
   #productBlockView.group #productListView.grid #productItemView .productInfo {
   display: none;
   position: absolute;
   top: 33%;
   text-align: center;
   justify-content: center;
   background-color: transparent;
   min-height: 67%;
   width:100%;
   padding: 0 16px 0 8px;
   }

   /*產品主題區塊群組：hover 文字*/
   #productBlockView.group #productListView.grid #productItemView:hover .productName a,
   #productBlockView.group #productListView.grid #productItemView:hover .productPrice span {
   color: #fff;
   }

   /*產品主題區塊群組：最愛*/
   #productBlockView.group #productListView.grid #productItemView .favorites{
  position: absolute;
   bottom: 30px;
   background-color: transparent;
   }

   /*產品主題區塊群組：購物車*/
   #productBlockView.group #productListView.grid #productItemView .productCart{
   bottom: 30px;
   background-color: transparent;
   text-align: left;
   }

   /*產品主題區塊群組：售價*/
   #productBlockView.group #productListView.grid #productItemView .productInfo .productPrice{
   justify-content: center;
   }

   /*產品主題區塊群組：產品資訊hover顯示*/
   #productBlockView.group #productListView.grid #productItemView:hover .productInfo,
   #productBlockView.group #productListView.grid #productItemView:hover .favorites {
   display: block;
   }

   /*****WEEKLY ITEMS 頁籤樣式:START*****/
   #index #productBlockView.group .UITabHost.default > ul.tabs > li.active,
   #index #productBlockView.group .UITabHost.default > ul.tabs > li.active a{
   background: #e2ded2;
   color: #000;
   }

   #index #productBlockView.group #productListView.grid #productItemView{
   margin-bottom: 10px;
   }

   /*產品區塊群組：主題排版(大)*/
   #index #productBlockView.group .grid-7 > .UIGroup {
   padding: 0 4px;
   width: 20%;
   }

   /*產品區塊群組：主題排版(小)*/
   #index #productBlockView .grid-7 > .UIGroup:first-child {
   width: 40%;
   }
 }

   /**電腦版：END****/
   /****WEEKLY ITEMS 頁籤樣式:END*****/


   /******頁尾：START******/
   /*頁尾：隱藏站台名*/
   #footer .site {
   display: none;
   }

   /*頁尾：群組連結title*/
   #footer .linkGroup .title{
   text-align: center;
   }

   /*頁尾：群組連結內容寬度*/
   #footer #footerView > .full #copyrightView > .container {
   width: -webkit-fit-content !important;
   }

   #footer #footerView > .full #bottomView #linkGroupView .linkGroup .UILinkButton{
     text-align: center;
   }
   /******頁尾：END******/

   /*******************產品明細頁*******************/

   /*產品明細頁：預購*/
   #productView .productInfo .productName .preOrder {
   background-color: #a89990;
   }

   /*產品明細頁：顯示產品主編號*/
   #productView .productInfo .productName .code{
     display: block;
     padding: 0;
   }

   /*產品明細頁：售價*/
   #productView .productInfo .productPrice .price{
   color: #404040;
   font-size: 1.3rem;
   }

/*產品明細頁：加入購物車*/


/*產品明細頁：加入購物車*/
#product_popup .UIButton.addCart,
#productView .productInfo .shoppingCart .UIButton.addCart {
background-color: var(--main-color);
color: #fff;
}

#product_popup .UIButton.addCart:hover,
#productView .productInfo .shoppingCart .UIButton.addCart:hover {
background-color: #000;
}

/*產品明細頁：立即購買*/
#product_popup .UIButton.addBuy,
#productView .productInfo .shoppingCart .UIButton.addBuy{
background-color: #e2ded2;
color: #000;
}

/*產品明細頁：立即購買hover*/
#product_popup .UIButton.addBuy:hover,
#productView .productInfo .shoppingCart .UIButton.addBuy:hover {
color: #fff;
background-color: #000;
}


/*產品明細頁：隱藏備註*/
#product .productAttribute .UIFormItem:last-child {
display: none;
}

/*產品明細頁：圖文說明區圖文字置中*/
#product #productView .productDescription .UIContent{
text-align: center;
}

.UITabHost.default > ul.tabs > li.active {
  border-bottom: 3px solid #000;
}


/**產品明細頁電腦版：START****/
@media (min-width: 768px){

   /*產品明細頁：圖文說明區圖片尺寸*/
   #product #productView .productDescription .img-responsive{
     max-width: 60% !important;
 }

   /****分類頁：START*****/
   /**分類頁：電腦版：START****/
   @media (min-width: 768px){
  /*分類頁：調整產品列表間距*/
  #category .col-6.col-md-3.col-lg-3.col-xl-3 {
   padding-right: 10px;
   padding-left: 10px;
   }

   /*分類頁：隱藏左側選單*/
   #category .col-12.col-md-2{
   display: none;
   }
   /*分類頁：商品列表占滿版面*/
   #category .col-12.col-md-10{
   width: 100%;
   }
   }
   /**電腦版：END****/
   /****分類頁：END*****/


/*搜尋頁*/
#search #searchView #productRelatedView {
background-color: #eee;
padding: 4px 10px;
}

/****彈出視窗：加入購物車*****/
#addProductCartBox .UIPanelBottom {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

/****購物車*****/
#checkout .terms {
 text-align: center;
 margin-top: 36px;
}

#checkout .terms a{
  color: #5191d1;
}

#checkout .terms .UICheckboxWrapper input[type=checkbox]{
  margin-right: 6px;
}