/*-----------------------------------------------------------------------------------
	Beez
	About: Wonderpace Inc.
	Author: Beez
-----------------------------------------------------------------------------------*/
/*共用:start*/

:root {
  --color-main: rgb(180, 154, 104);
  --color-secondary: rgb(98, 101, 103);
  --color-third: rgb(126, 143, 163);
  --font-color-link_hover: rgb(180, 154, 104);
}

a:hover, a.active{/*--連結文字-*/
  color: rgb(180, 154, 104) !important;
}

#centerView {
  min-height: 55vh;
}

.UIButton.btnFacebook {
background: rgb(48, 88, 145);
}

.UIButton.btnLine {
background: rgb(29, 191, 33);
}

.productPrice .price, #productView .productInfo .productPrice .price{
font-weight: 400 !important;/*--價格文字-*/
color: rgb(180, 154, 104) !important ;
}

#productListView.grid #productItemView .productDetail .productPrice .price{
  font-size: 1.1em !important;/*--列表價格文字大小-*/
}

.UITextWrapper {/*--文字輪入框-*/
  border:0;
  border-radius:0;
  border-bottom:1px solid #e2e1e1 !important;
}

.UITextWrapper:hover, .UITextWrapper:focus, .UITextWrapper >.UIText:hover, .UITextWrapper >.UIText:focus {/*--文字輪入框-*/
border-bottom:1px solid rgb(180, 154, 104) !important;
}

#pageControl .active{/*--上下頁控制-*/
color: #fff !important;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-prev, .swiper-rtl .swiper-button-next{/*--輪播元件-*/
  color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 768px) {
.UIPanel.noBorder {
padding: 24px;
}
}
 /*共用:end*/

/*header:start*/
/*header-topLineView:start*/
#header #headerView #topLineView {
border-bottom: 0;
}

#headerView #topLineView .UILink, #headerView #topLineView .UILinkButton{
padding: 8px !important;
}
/*header-topLineView:end*/

/*header-topView:start*/

@media (min-width: 768px){
.UIApp.sticky #header #headerView #topView {/*header不固定*/
position: relative;
border: 0;
}

#header #headerView #topView #logoView .UIImage {
height: 150px;/*logo尺寸*/
}
.UIApp.sticky #header #headerView #topView #logoView .UIImage {
height: 150px;/*logo尺寸不變*/
}

//.UIApp.sticky #headerView #topView{
box-shadow: 0 15px 15px -1px rgba(0,0,0,0.1);
border-top: 3px solid #f95d00;
}

#header #headerView #topView .container {/*logo置中版面*/
flex-direction: column;
align-items: center;
}

/*topView-選單:start*/
#header #headerView #topView{
  padding: 0;
}

.UIHorizontalNavigation .level1{/*第一層選單樣式*/
  font-size: 1.2em;
}

.UIHorizontalNavigation > .menu .level1 > ul {/*選單hover下拉樣式*/
border: 0;
border-top: 2px solid rgb(180, 154, 104);
-webkit-box-shadow: 0 15px 15px -1px rgba(0,0,0,0.1);
box-shadow: 0 15px 15px -1px rgba(0,0,0,0.1);
}

.UIHorizontalNavigation > .menu li.level2.submenu {/*第二階選單*/
display: block;/*取消flex*/
}

.UIHorizontalNavigation > .menu li.level3 {/*隱藏第三階*/
display: none !important;
}
}
 /*topView選單:end*/
 /*header-topView:end*/
 /*header:end*/

 /*首頁:start*/
  /*首頁-廣告輪播:start*/
 #carouseView .container {/*滿寬*/
 min-width: 100%;
 padding: 0;
 }
 /*首頁-廣告輪播:end*/

 #index .UIPanel.noBorder > .top {
   margin-bottom: 12px;
 }

#index .UIPanel.noBorder > .top > .caption {/*首頁標題置中*/
  margin: auto;
}

#productBlockView .caption> span, #latestProductView .caption> span {
font-size: 26px;
font-weight: 300;
text-align: center;
}

#productBlockView .UIPanel > .top , #latestProductView .UIPanel > .top, #productCategoryView .UIPanel > .top{/*隱藏線*/
border-bottom: 0;
}

#index #categoryProductView .UIPanel > .top > .caption{
  margin: initial;
}

/*首頁-產品目錄圖:start*/
#productCategoryView {
  padding: 24px 0;
}

#productCategoryView .UIPanel > .top {
display: none;/*隱藏標題*/
}

#productCategoryView #categoryListView #categoryView{
  padding-bottom: 12px;
}

#productCategoryView #categoryListView .name{
  display: none;/*隱藏目錄文字*/
}

/*首頁-產品目錄圖:end*/
/*首頁-分類主打:start*/
#categoryProductView .UIPanel.noBorder > .top > .UIPanelBar a {/*更多*/
color: white;
}
#categoryProductView .UIPanel.noBorder > .top > .UIPanelBar {/*更多*/
  background: rgb(180, 154, 104);
  border-radius: 20px;
  padding: 2px 8px;
}

#categoryProductView .UIPanel > .top > .caption {
font-size: 20px;
font-weight: 400;
}
/*首頁-分類主打:end*/
 /*首頁:end*/

 /*產品列表頁:start*/
 /*左側選單:start*/
#categoryMenuView > ul > li a:hover, #categoryMenuView > ul > li a {
font-weight: 400;
}

#categoryMenuView > ul > li >a:before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
font-style: normal;
padding-right: 6px;
content: "\f105";
}

#categoryMenuView > ul > li >a.active:before {
font-family: "Font Awesome 5 Pro";
font-weight: 300;
font-style: normal;
padding-right: 6px;
content: "\f107";
}

#categoryMenuView > ul > li a:hover, #categoryMenuView > ul > li a.active {
font-weight: 800;
}
 /*左側選單:end*/

#breadCrumbView {
background: #f0f0f0;
padding: 12px;
}
 /*產品列表頁:end*/

 /*頁尾:start*/
#footer #footerView > .full #bottomView .site {
  display: none;/*隠藏站名*/
}

@media (min-width:768px){
#footerView #bottomView> .container{/*內容flex*/
display: flex !important;
}

#footer #footerView > .full #bottomView #linkGroupView .linkGroup .title, #followUsView .caption{/*標題*/
font-size: 1.1em;
color: #000;
}

#footer #linkGroupView{/*關注選單空間*/
  min-width: 85%
}
}

#followUsView .UITag {/*關注選單橫排*/
display: flex !important;
}

#footerView > .full #copyrightView{
background: #fff !important;
}

#footerView > .full #copyrightView .copyright {
  justify-content: center;
}

#footerView > .full #copyrightView img {
//filter: brightness(100);/*logo反白*/
}

#footerView > .full #bottomView #linkGroupView .linkGroup .UILinkButton{
color: #8c8c8c !important;
font-weight: 400;
}

#footerView > .full > #bottomView #followUsView .UILink:after{
visibility: hidden;/*隱藏關注的文字*/
}

#followUsView > .content > .UITag > .UITag {
width: 40px;/*關注圖示空間*/
}
 /*頁尾:end*/

 /*手機版快速鍵:start*/
.UITabBar.default .tabs {
background: black;
}

.UITabBar.default .tabs .active I, .UITabBar.default .tabs .active span {
color: white;
}
 /*手機版快速鍵:end*/

 /*產品明細頁:start*/
#productView .productInfo .shoppingCart .UIButton.addBuy {/*立即購買*/
background: rgb(126, 143, 163);
}

#productView .productInfo .shoppingCart .UIButton.addBuy:hover{
background: rgb(98, 101, 103);
}

#productView .productInfo .likes .favorites .UIButton, #productView .productInfo .likes .share .UIShareButton{/*分享及加入收藏按鈕樣式*/
color: #1b1b1b;
background: rgba(255,255,255,0.1);
border: 0;
}

#productView .productInfo .likes .favorites .join:before,
#productView .productInfo .likes .favorites .joined:before,
#productView .productInfo .likes .share .UIShareButton:before {/*分享及加入收圖示樣式*/
color: rgb(5, 164, 177);
font-weight: 300;
font-size: 18px;
padding-right: 8px;
}

#productView .productInfo .likes .favorites .joined:before {/*加入收藏圖示*/
content: "\f004";
font-weight: 900;
}

#productView .productInfo .likes td, #productView .productInfo .likes, #productView .productInfo .likes td {
width: initial !important;
}
 /*產品明細頁:end*/

 /*購物車及訂單:start*/
 .UIHorizontalWizard .items .badgeSuccess{ /*結帳步驟指引*/
   background-color: #bbbbbb;
   margin-left: 12px;
 }

#cart #cartView, #orderView {/*購物車&訂單成立邊框樣式*/
border-top: 4px solid black;
}

#cartView .UIPanelBottom {
border-top: 1px solid black;
}

#cart #cartView .summary .separator,
#checkout #checkoutView .summary .separator,
#paymentView .summary .separator,
#order #orderView .summary .separator {/*小計虛線*/
border-top: 1px dashed rgba(0,0,0,0.4);
}



#checkout #checkoutView .summary .total {/*銷售總額*/
color: rgb(196, 0, 0);
}

.fa-trash-alt:before, .fa-trash-can:before {/*刪除圖示*/
content: "\e59b";
color: #006fad;
font-size: 18px;
font-weight: 400;
}

#deliveryMethodView .top> .caption, #paymentView .top> .caption, #orderView  .top> .caption  {/*細帳方式標題*/
color: #545454;
font-size: 1.16em;
font-weight: 400;
}

#checkoutView .checkoutItem .top, #payment #paymentView .summary .top, #paymentView .full.summary .top{/*右方訂購明細標題*/
background: black;
color: #fff;
}

#paymentView .full.summary .caption {/*付款資訊*/
  color: #fff;
}

#paymentView .full.summary .content{
  padding: 12px;
}

#paymentView .summary .totalPay, #checkout #checkoutView .summary .total, #order #orderView .summary .totalPay, #cart #cartView .summary .total{/*收款金額*/
font-size: 1.2rem;
font-weight: 600;
}

#paymentView .summary .UIButton {
font-size: initial;
}

#orderView > .UIPanelBottom .UIButton{
background: black;
}

#orderView .summary .right {/*訂單成立-總計*/
float: right;
}
 /*購物車及訂單:end*/

 /*會員中心:start*/
#memberCenterView.mobile #memberHomeView .myProfile {
background-image: linear-gradient(to right, rgb(255, 195, 160) 0%, rgb(255, 175, 189) 100%);
box-shadow: inset 0px -1px 10px rgba(0,0,0,0.15);
}

#memberCenterView #member_home .UIFixedLayout{
  margin-bottom: 12px;
}

#memberCenterView .info .nickname {
font-size: 20px;
font-weight: 600;
}

#memberCenterView #memberHomeView .myProfile .info .setting {
padding: 8px 8px;
margin-left: 6px;
}

#memberCenterView #memberHomeView .myProfile .info .setting:after {
padding: 0;
content: "\e212";
}

#memberCenterView #memberHomeView .myProfile .myPocket > .UILink {
background: black;
}

#memberCenterView #memberHomeView .myProfile .myPocket > .UILink .value {
padding: 2px 4px;
}

#memberCenterView #menu .top> .caption, #memberCenterView #menu .top> a {
background: black;
color: white;
}

#memberCenterView #menu > .top > .UIGroupListBar .menuMemberCenterHome:before{
padding-right: 12px;
}

#memberCenterView #menu: {
margin: 12px;
}

#memberCenterView #menu .top {
border-bottom: initial;
}

#memberCenterView #menu .UIGroupListBar a {
color: white;
}

#memberCenterView .UIGroupList > .item, .UIGroupList > .content > .item {
padding: 12px 14px;
}

.UIPanel > .top .UIPanelBack {
left: 10px;px;
background: black;
border-radius: 30px;
padding: 3px 14px;
color: white;
margin: 6px;
height: initial;
}

@media (max-width: 768px){
#memberCenterView #memberHomeView .myOrder{
border-radius: 40px;
}

#memberCenterView #memberHomeView .myProfile .info .setting {
background: rgba(255,255,255,0.3);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
border-radius: 30px;
}
}
 /*會員中心:end*/
 /*login&contact:start*/
#loginView, #registerView.UIPanel.full, #contactUsView .UIPanel.full {/*登入&註冊&聯絡我們外框*/
-webkit-box-shadow: 0 10px 10px -1px rgba(0,0,0,0.1);
box-shadow: 0 10px 10px -1px rgba(0,0,0,0.1);
border-radius: 0;
border:1px solid #f0efef;
}

#contactUsView .top{ /*補*/
  height: 72px;
}

#loginView .top, #registerView .top, #contact_us .top {
font-size: 26px;
font-weight: 300;
color: #666;
justify-content: center;
border: 0;
}

#loginView .UICheckboxWrapper {
  margin-bottom: 30px;
}

#contactUsView #followUsView > ul > li a:before {
font-size: 24px;
}
#contactUsView #followUsView > ul > li:after {
color: #fff;
padding: 0 14px;
}
/*login&contact:end*/