@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px) {
body {  padding-top: 154px;}
}
@media screen and (max-width: 767px) {
body {  padding-top: 110px;}
}
header{ background:#FFFFFF}
header .logo{padding:20px 0px 10px 0px; margin-top:-2px;}
#loginNav{margin:10px auto 0px auto;text-align:center;padding-bottom:5px;border-bottom:1px solid #ccc;}
.searchZone{margin-right:15px;}
.subLogo{margin-right:15px;margin-top: 10px !important;}

#footerFN{padding:20px 0;}
#footerFN .safe_icons{text-align:center;margin:10px 0 30px;border:none;}
#footerFN ul{border:none;margin-bottom:15px;}
#footerFN .borderGrayR{border:none;}
#footerFN li{border-top:1px dashed #eee}

.prdList{}
.prdList div{padding-bottom:20px;}
/*.prdList div{border-bottom:1px solid #eee;padding-bottom:20px;}*/
.prdList div:last-child{border-bottom:none}

.prdList2 section a{width:280px;height:280px;}

.prdList3 h4,.prdList3 p{text-align:center;}

.brandTab div a i{height:10px;bottom:-10px;}

.shopping_icon{top:150px;}

.leftNav li{float:left;}

.brandZone{margin-top:30px;}
.hotItem ul a{width:100px;}
.hotItem ul section{width:120px;}
.hotItem ul li{/*width:130px;*/text-align:left;}

.be2col{}
.be2col img{width:100%;height:auto;}
.be2col li{margin-right:0;}
@media(max-width:768px){
	.be2col li{min-height:200px;}
}
.be2col a{width:100%;}

@media (max-width: 480px) {
    .hotItem ul li{/*width:160px;*/text-align:left;float: left;min-height:210px;}
    .hotItem ul a{/*width:155px;*/}
    .hotItem ul li i{width: 30px; height:30px;line-height:2;font-size: 16px;}
    .hotItem ul section{width: 100%;}
    .hotItem ul h3{min-height: 32px;max-height: 56px;overflow: hidden;text-overflow: ellipsis;}
}
.moreBtn .moreLeft{margin-right:10px;}
.moreBtn .moreRight{margin-left:10px;}

.categoryTxt h3{margin-bottom:20px;}
.categoryTxt .FR,.categoryTxt .FL{margin-top:10px;text-align:center;width:100%;}

.brandSlider{margin-top:15px;}
.brandSlider ul.brandSliderButton li{width:100%;}
.brandSlider a.btnPrev{top:35%;}
.brandSlider a.btnNext{top:35%;}

.brandList .row div:nth-child(3n){border:none;}

.storyCt{text-align:center;}
.storyCt div:nth-child(2){text-align:left;}
.storyCt>div{margin-bottom:15px;}

.w50{width:100%;}

.eventTitle li{border-top:1px solid #eee}
.breadcrumb{display:none}

.leftNav ul{margin:5px 0;}

#footerFN .co_icons{margin-top:20px;}

.mainCategory .nav a{padding-left:0px;font-size:15px;}

.roomPrds .title-2{margin-bottom: 30px;}

@media (min-width: 480px) and (max-width: 767px) {
.prdList div:nth-child(odd){background:url(../images/line_golden.jpg) no-repeat right center;}
}

@media (min-width: 768px) {
    #loginNav{margin:10px 0 0 0;float:right;border-bottom:none}		
.shopping_icon{top:245px;}	
    
    .brandTab{margin:0 !important;}

.brandTab div a i{height:15px;bottom:-15px;}

.prdList div{b//ackground:url(../images/line_golden.jpg) no-repeat left center;border-bottom:none;padding-bottom:0;padding: 0 10px 0 10px;}
.prdList div:nth-child(even){b//ackground:url(../images/line_golden.jpg) no-repeat right center,url(../images/line_golden.jpg) no-repeat left center;}

.prdList2 section a{width:200px;height:200px;}

.brandTab div a section h3{font-size:15px;}
#footerFN{padding:20px 0;m//argin-top:30px;}
#footerFN .borderGrayR{border-right:1px solid #bdbdbd;}
#footerFN .safe_icons{text-align:left;m//argin-top:90px;}

#footerFN .row>div:first-child{height:150px;}
#footerFN .safe_icons{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
}
    
#footerFN .co_icons img {
    margin: 0 3px 0 0;
}
    
#footerFN ul{text-decoration:none;margin-bottom:0px;}
#footerFN li{border:none}

.leftNav{margin-bottom:10px;}
.leftNav li{float:none;}

.leftBN a img{display:block;margin:auto;width:auto}

.hotItem ul li{width:100%;}
.hotItem ul a{width:70px;}
.hotItem ul section{width:155px;}

.shareItem .row em{text-align:right;}

.moreBtn .moreLeft{left:0;top:-150px;position:absolute;margin-right:0px;}
.moreBtn .moreRight{right:0;top:-150px;position:absolute;margin-left:0px;}

.categoryTxt h3{margin-bottom:0px;}
.categoryTxt .FL{float:left;width:auto;margin:5px 0 0 0;}
.categoryTxt .FR{width: auto;position: absolute;top: -25px;right: -25px;}

.brandSlider ul.brandSliderButton{position:absolute;}
.brandSlider ul.brandSliderButton li{width:19.5%;}
.brandSlider a.btnPrev{top:40%;}
.brandSlider a.btnNext{top:40%;}

.brandList .row div:nth-child(3n){border-right:1px solid #ccc;}
.brandList .row div:nth-child(4n){border:none;}

.storyCt{text-align:left;}
.storyCt div:last-child{text-align:right;}

.eventTitle li{border-top:none}

.breadcrumb{display:block}

.mainCategory .nav a{padding-left:30px;font-size:18px;}

.borderTablet{ border:1px solid #c0c0c0; height:100%; padding:0 20px}
.borderTablet section{  margin:20px 0 15px 0 ;}
}
@media (max-width: 480px) {
    #footerFN .co_icons section {
        text-align: center;
    }
}

@media (min-width: 992px) {
.prdList div:nth-child(even){b//ackground:url(../images/line_golden.jpg) no-repeat left center;}
.prdList div.col-md-1-5:nth-child(5n){b//ackground:url(../images/line_golden.jpg) no-repeat right center,url(../images/line_golden.jpg) no-repeat left center;}	

.prdList2 section a{width:280px;height:280px;}

.prdtopBtn{text-align:right;}

.moreBtn .moreLeft{left:0;top:-90px;}
.moreBtn .moreRight{right:0;top:-90px;}
.similarItem .prdList div:nth-child(4n){b//ackground:url(../images/line_golden.jpg) no-repeat right center,url(../images/line_golden.jpg) no-repeat left center;}

.brandList .row div:nth-child(4n){border-right:1px solid #ccc;}
.brandList .row div:nth-child(6n){border:none;}

.w50{width:50%;}

/*LeftZone*/
.LeftZone{max-width:240px;margin-left: 1px;}

/*購物明細*/
.shopcart{ margin:20px 0; padding:10px 30px; border: 1px solid #bdbdbd; }
.shopcart .shopcartTitle,.shopcartList .shopcartPrize0{ display:block}
.shopcartList .shopcartName{font-size:15px; font-weight: normal;}
.shopcartList .shopcartPrize1{font-size:16px; text-align:left}
.shopcartName > div:nth-child(2){vertical-align:middle;padding-bottom:0px; height:auto}
.shopcartList .shopcartPackage { margin:0;}
.shopcartList .shopcartDel{ text-align: left}

.mdRt{ text-align:right}
.cartBank{font-size:14px; margin-left:0px; display:inline}
#ModalStore .col-md-6:first-child{ border-right:1px solid #E1E1E1;}

#cartStoreR{ display:block}

/*訂單管理*/
.orderList{ margin:20px 0; padding:10px 30px; border: 1px solid #bdbdbd; }
.orderList .orderHead{ display:block}
.orderList .th,.orderList .td{padding: 10px 10px;  float:left; text-align:center}
.orderList .td{ }
.orderList .th{ font-weight: bold; letter-spacing:2px; }
.orderTime,.orderService,.orderState,.orderDel,.orderRecheck{ width:10%;}
.orderDetail-head{ margin-left:30px}  /*新增樣式For 1.3.1.1.1 上方訂單編號欄位對齊*/
.shopcartList .shopcartState{ text-align: center}/*新增樣式For 1.3.1.1.1 桌機版訂單狀態欄位*/
.orderPrice,.orderInvoice{ width:15%}
.orderNum{ width:15%}
.orderInner .orderTime:before{ content: '';}
.orderInner .orderPrice:before { content: ''; }
.orderInner .orderState:before { content: ''; }
.orderInner .orderRecheck:before { content: ''; }

.orderDetail-Active{  border-right:1px solid #EDEDED; line-height:35px; padding:0 0 0 15px ; background:#ffffff; margin:0; color:#191919}
.orderDetail-Active span{ display:block}
.orderDetail-Active span:after { content: ''; }

.orderInner .orderNum,.orderInner .orderInvoice,.orderInner .orderService,.orderInner .orderDel,.orderInner .orderRecheck{ display: block}
.orderPeriod,.orderInner .orderBtn{ display:none;}
.orderTab >.tab-content .orderDetail-Btn2{float:right; margin:0}

.orderDetail-head span:first-child{ display: inline; font-size:15px}
.orderDetail-type .row{ margin-top:-20px}
.orderTab >.tab-content .shopcart{ margin-top:-10px; border:none;}
.orderTab >.tab-content .shopcartName p{ font-size:13px}
.orderTab >.tab-content .shopcartNum1:before{ content: ''; }
.orderDetail-Btn{ display:none}
.orderTab >.tab-content .orderDetail-Price .col-xs-3{ font-size:16px}
.orderTab >.tab-content .shopcart .shopcartName i{background:#7d5816; border-radius: 50%; display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; font-style: normal; position:absolute;left:-12px;top:-12px; color:#FFFFFF; font-size:12px}
.orderBorder{ padding:10px 20px; border:1px solid #bdbdbd; margin:20px 0 20px 0}

.cartSuccessDetail .shopcart{ margin-top:-10px; border:none;}
.cartSuccessDetail .shopcartNum1:before{ content: ''; }

/*Form Wizard*/
.bs-wizard { margin-top:-15px; margin-bottom:-5px}
 #skip-to-content+div.container > .bs-wizard{
     margin-top:15px;
     margin-bottom:5px;
 }
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {width: 20px; height: 20px; display: block; top: 40px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 10px; height: 10px; background: #c8bc8c; border-radius: 50px; position: absolute; top: 5px; left: 5px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 5px; box-shadow: none; margin: 10px 0 ;}
.bs-wizard > .bs-wizard-step .bs-wizard-info { margin-top:12px}



/*地址簿*/
.AddressBook{ margin:20px 0; padding:10px 30px; border: 1px solid #bdbdbd; }
.AddressBook .AddressHead{ display:block}
.AddressBook .th,.AddressBook .td{padding: 10px 10px;  float:left;}
.AddressBook .tr:first-child{ border-bottom: 1px solid #ccc;}
.AddressBook .th{ font-weight: bold; letter-spacing:2px; }
.AddressName,.AddressMobile{ width:15%;}
.AddressTel{ width:20%}
.AddressAd{ width:40%}
.AddressDel{ width:10%}
.AddressInner .td:before{ content:''}
.AddressBook .AddressName{ font-size:15px; font-weight:normal}


.itemBlock  section span{ margin:8px 5px 0 0; float:right}
.serviceForm .input-md{ width:40%}

.brandPrd .panel{  border:0; box-shadow:0 0 0; margin-top:0;}
.brandPrd .panel-group .panel-heading + .panel-collapse > .panel-body{  border-top:0;}
.brandPrd #collapseOne{ margin-top:5px}

}

@media (min-width: 1200px) {
.brandList .row div:nth-child(6n){border-right:1px solid #ccc;}
.brandList .row div:nth-child(12n){border:none;}

.brandHola .prdList div:last-child,
.brandGallery .prdList div:last-child{background:none}
}



.page-type section{ margin-bottom:40px}
.page-type section h4{ margin: 0; color:#5b3f3b; text-align:left}
.page-type > article > img{ margin-bottom:20px}

.page-type .left img{ float:left; margin-right:26px}
.page-type .right img{ float:right; margin-left:26px}


.page-type .lifePage-Head{ position:absolute; z-index:3; top:17px;text-align:left; left:120px}
.page-type .lifePage-Head h2 span{ display:block}
.page-type  .lifePage-Head hr{ width:47px; border-color:#999999; margin-top:10px; margin:10px 0 20px 0;  display:block;}
.page-type hr{ width:85px; border-color:#999999; margin-bottom:40px; display:block;}
.page-type section{ margin-bottom:20px}
.page-type section img{ margin-top:-40px }
.page-type section:nth-child(even) img{margin-right:36px}
.page-type section:nth-child(odd) img{ margin-left:36px}
.page-type .lifePage-Head p{text-align:left}

.page-type > .yCmsComponent > img {
    margin-bottom: 20px;
}

/********************************************2016/5/17 手機尺寸NAV*************************************************************************/

.sxxt_bar{
	width:200px;
	height:100%;
	position:absolute;
	background:#F3F3F3;
	left:-200px;
	z-index:9999999999999999999999999999999999;
	}
.sxxt_bar p{
	text-align:center;
	border-bottom:solid 2px #b59e74;
	color: #7D5716;
	padding:10px 0px;
	font-size:16px;
	font-weight:bold;
		}
.sxxt_bar li{
	width:100%;
	margin:0px auto; 
	padding-left:20px;
	border-bottom:solid 1px #CDCDCD;
	}
.sxxt_bar li a{
	color:#5C5c5c;
	}
.sxxt_bar li a span{
	color:#999;
	float:right;	
	}

.sxxt_bar .collapse{
    display:none;
}


@media (max-width: 750px) {
#wrapper{
	margin-top:0px;
	}
#loginNavbox_8{display:none;}

	}
@media (max-width: 480px) {
	.mobileMenu a {
    float: left;
    padding-left: 20px;
}
#wrapper{
	margin-top:0px;
	}	
}

@media (min-width: 1200px) {
.brandList .row div:nth-child(6n){border-right:1px solid #ccc;}
.brandList .row div:nth-child(12n){border:none;}
.brandHola .prdList div7:last-child,
.brandGallery .prdList div7:last-child{background:none}
.sxxt_bar{display:none;}
}


#loginNavbox_8{
    float: left;
    left: 80px;
    margin-top: 15px;
    margin-left: -300px;
	 }
@media (min-width: 992px) {
    #loginNavbox_8{
        float: left;
        left: 80px;
        margin-top: 15px;
        margin-left: -240px;
    }
}

@media (max-width:380px) {
  .hide_01{
   display:none ;
  }
}

@media screen /*and (min-width: 769px)*/ and (max-width: 991px){
	.brownColor{
		padding-top:5px;
	}
}