@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px) and (max-width: 1023px){
body {  padding-top: 157px;}
}


@media screen and (max-width: 767px) {
body {  padding-top: 110px;}
}
header{ background:#FFFFFF}
header .logo{padding:20px 0px; margin-top:-2px;}

@media screen and (min-width: 1024px) {
	body {padding-top: 167px;}
	header .logo {
		padding: 15px 0px 12px 0px !important;
		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;}

#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;}

@media (max-device-width: 480px){
  .itemRecommend .prdList div, .itemFinalSold .prdList div, .brandPrd .prdList div{width: 50%; float: left;padding-bottom:0px;}
  
  .similarItem .prdList div{
    margin-bottom: 20px !important;
    width: 50%;
    float: left;
  }
  
  .similarItem .prdList section{height:auto !important; overflow:inherit !important;}
  
  .itemFinalSold+div .prdList div{width: 50%; float: left;}
  .brandPrd h3+p .redColor.font_20{display:block;}
  .itemFinalSold h3+p .redColor.font_20{display:block;}
  .itemRecommend h3+p .redColor.font_20{display:block;}
  
    header .logo{
        padding: 15px 0px 5px 5px;
        margin-top: -2px;
    }
	
    .navbar-fixed-top .col-md-3.hidden-lg.hidden-md{
        padding: 0 !important;
    }
	
	.hotItem ul h3 {
		font-size: 13px;
		height: 28px !important;
		overflow: hidden;
		text-overflow: ellipsis;
	}
    
    #mobileSearch{
        margin: 5px 0 0 0 !important;
    }
  
    .hotItem ul li {
        width: 50% !important;
        margin-right: 0 !important;
        padding: 0 15px;
        float: left;
    }
    .hotItem ul li i{
        left: 3px;
        width: 30px;
        height: 30px;
        line-height: 2;
        font-size: 16px;
    }
    .hotItem ul li:last-child{display:none;}
    .hotItem ul a{width:100% !important;}
    .dailyItem{margin-bottom:30px;}
    .dailyItem img{margin:15px 0 10px 0;}
    .hotItem{margin:0px 0 30px 0;}
  
    .mainItem{m//argin-top:20px;}
	.mainItem .col-md-6 h3, .categoryTxt h3{font-size:21px;}
	.categoryTxt + hr{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
    .itemDetail .barcode-img{margin-top:10px;}
    .itemDetail  li.topBorder{padding:10px 0;}
    .brandZone{margin:30px 0;}
  
    .itemRecommend .icon_new{
        left: -5px;
        top: 0px;
    }
    .prdList div{padding-bottom:0px !important;}
    
    .global-alerts{
        m//argin-top: 20px;
    }
    
    .cart-top-bar + div.yCmsContentSlot h2{font-size:21px; margin-bottom:20px;}
    .cart-top-bar + div.yCmsContentSlot h2 + p{margin-bottom: 10px;float:left;}
    .cart-top-bar + div.yCmsContentSlot h2 + p + ul{float:left;}
	
	#storeDiscountForm button[type=submit]{padding:5px 15px;}
	
	nav.borderDash h4{font-size:21px; margin-bottom:5px;}
	
	.error-page{
		text-align: center;
		padding-bottom: 20px;
	}
}


@media (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-wrap .hotItem {
     left: inherit;
     right:0px;
     top:8px;
  }
  .breadcrumb{
      padding:10px 15px 6px 15px;
  }
}


/*.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;}
.shopping_icon_ding{-webkit-animation-name: example; -webkit-animation-duration: 1s; animation-name: example; animation-duration: 1s}

@-webkit-keyframes example {
    from {width:20px;background:#C8BC8C;}
    to {width:50px;background:#900;}
}
@keyframes example {
    from {width:20px;background:#C8BC8C;}
    to {width:50px;background:#900;}
}

.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;}

.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;}

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

@media (min-width: 1024px) {
.categoryTxt .FL{float:left;width:auto;margin:5px 0 0 0;}
.categoryTxt .FR{width:auto;position:absolute;top:-25px;right:-25px;}
.categoryTxt .FR select{padding:6px; height:auto;}
}


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

.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-top:0;}
.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:0px;}
.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:-14px;right:20px;}
.categoryTxt .FR select{padding:6px; height:auto;}

.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;marign:0;overflow:hidden;}

.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 ;}

.dailyItem img{margin:10px 0;}

.yCmsContentSlot.subLogo{margin-bottom:0px;}

.global-alerts .alert-danger{margin-top:15px;}


.login-section + br + h2 + form > input{margin-bottom:15px;}
}



    @media (min-width: 768px) and (max-width: 991px) {
		
		body {
			padding-top: 130px !important;
		}
		.navbar-fixed-top{
			border-bottom: 1px solid #ccc;
		}
		.navbar-fixed-top > div.container > .yCmsContentSlot.hidden-sm{
			display: block !important;
		}
		.navbar-fixed-top > div.container > .yCmsContentSlot.hidden-sm > li{
			display: none !important;
		}
		.navbar-fixed-top > div.container > .yCmsContentSlot.hidden-sm > div.row.hidden-xs.hidden-sm{ 
			display: block !important;
		}
		.navbar-fixed-top > div.container > .yCmsContentSlot.hidden-sm > li + div.row.hidden-xs.hidden-sm{
			display: none !important;
		}
		.navbar-fixed-top > div.container > .yCmsContentSlot.hidden-sm > div.row.hidden-xs.hidden-sm .col-md-8 + div{ 
			position: relative;
		}
		.navbar-fixed-top > div.container > .yCmsContentSlot.hidden-sm > div.row.hidden-xs.hidden-sm .col-md-4 #loginNav{ 
			display: none !important;
		}
		.navbar-fixed-top > div.container > .yCmsContentSlot.hidden-sm + .col-md-3.hidden-lg.hidden-md{ 
			display: block !important;
			display: block !important;
			position: absolute;
			top: 11px;
			right: 160px;
			border: 0px solid #ccc !important;
		}

		
		.navbar-fixed-top > div.container > .yCmsContentSlot.hidden-sm + .col-md-3.hidden-lg{
			display: none !important;
		}
		.searchZone .logo{text-align: left; padding-left: 20px;}
		header .logo{padding:20px 0px 15px 0px;}
		#mobileSearch{padding-left: 10%;}
    }



@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;}

/*購物明細*/
.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:1px; margin-bottom:1px !important;padding:0px !important;}


.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; -webkit-box-shadow:0 0 0 ; box-shadow:0 0 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}
}



@media (min-width: 768px) and (max-width: 1023px) {
	.bs-wizard{padding-left: 60px !important; margin:1px 0 10px 0 !important; border-bottom:1px solid #ccc !important;}
	.page-homepage #wrapper + a +.container {
		width: auto!important;
	}
	#footerFN > .row .row .col-sm-4{padding:0 5px;}
	#footerFN > .row .row .col-sm-4.borderGrayR{width:28%;}
}

@media (max-device-width: 480px){
	.bs-wizard{border-bottom:1px solid #ccc !important; margin-bottom: 0px !important; padding: 0 !important;}
	.cart-top-bar+div.container > h3 {
		position: absolute;
		margin-top: -15px;
		left: 15px;
	}
	
	.shopcart .alignRight .cart-totals .col-md-2.col-xs-3{
		padding: 0 0 0 5px;
		text-align: left;
	}
	
	.shopcart .alignRight .col-md-10.col-xs-9 {
		width: 54%;
		padding: 0 3px 0 0 !important;
		b//ackground-color: #f1f1f1;
		margin-bottom: 3px;
	}
	
	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(2):after { content: '：'; display:inline-block; width:10px;}
	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(3):after { content: '：'; display:inline-block; width:10px;}

	.shopcart .alignRight .col-md-10.col-xs-9 + span{
		line-height:2.2;
		float:left;
		padding-left:5px;
	}
	.pagination-bar.top .sort-refine-bar .form-group select{margin: 0 auto;}
	
	#skip-to-content+div.container > h3{margin-top: -12px;}
	
	.searchPOSPaging form button{
		padding: 3px 5px;
		margin: 5px 2px;
	}
	
	.orderDetail-type .orderDetail-Btn{width:auto !important;}
	
	.accountPageBodyContent .nav.nav-pills.nav-justified > li > a{
		padding: 5px;
	}
	
	.orderTab > .nav-pills > li{height: 51px !important;}
	
	#orderCancel .shopcartList.row .col-md-7.col-md-height{width:100%;}
	
	#voucherForm .form-group > .col-md-4.col-xs-8 + div{
		width: auto !important; margin-top: 5px !important; margin-left:0px !important;
	}
	
	.page-multiStepCheckoutSummaryPage h3+.row.bs-wizard{margin-top: 35px !important;}
	
	.page-multiStepCheckoutSummaryPage #skip-to-content + div > h3{margin-top: -2px !important;}
	
	.shopcartName > div:nth-child(1){
	    display: block;
	    float: left;
	}
	.shopcartName > div:nth-child(2){
		height: auto;
		vertical-align: top;
		padding: 0 0 5px 10px;
		font-size: 13px;
		width: 210px;
		display: block;
		float: left;
		height: 74px;
		b//ackground-color: pink;
	}
	
	.shopcart{
		padding:0px 0 10px 0;
		width:100%;
	}
	
	.shopcartList .shopcartNum1 {
		margin: 3px 0 0 68px;
	}
	
	.shopcart .shopcartList.row .col-md-6.col-md-height{
		padding-right:0px;
		padding-left:0px;
	}
	.shopcart .shopcartList.row .col-md-6.col-md-height:after{
		content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;
	}
	
	.orderTab >.tab-content .shopcartList .shopcartDel{
	    margin-top: 0 !important;
	    text-align: right !important;
	    width: 100% !important;
	}
	
	.shopcart .shopcartList{margin-bottom:0px !important;padding-top: 12px;}
	
	.shopcartList .shopcartPrize1{
		margin-top: -60px;
	}
	
	.shopcartList .shopcartDel{
		text-align: right;
		margin-top: -25px;
	}
	
	.shopcartList .shopcartPackage{
		position: relative;
	}
	.shopcartList .shopcartPackage .radio{
		position: absolute;
		top:  4px;
		left: 0px;
	}
	
	#voucherpagediv + div{
		width: auto !important;
		text-align: center;
		margin-left: 0 !important;
	}
	
	#voucherForm .form-group .col-md-4.col-xs-8{
		width: 56% !important;
		padding-right: 5px !important;
	}
	
	.cartStep .form-control{
		padding: 3px 0px !important;
	}
	
	.AddressBook .tr{display:none;}
	
	.AddressBook .AddressName{
		float: left;
		padding-right: 10px;
	}
	.AddressBook .AddressAd{
		padding-left: 16px;
	}
	.AddressBook .AddressInner{
		position: relative;
	}
	.AddressBook .AddressDel{
		position: absolute;
		top: 13px;
		right: 12px;
	}
	.AddressBook .AddressDel button{
		padding: 8px 15px;
	}
	
	.collapse.in .prdList div>a{
		height: auto;
		width: 100%;
		display: block;
	}
}


.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;	
	}
.collapse.in{
	height: auto !important;
}
.collapse.in .prdList img{
	width:100%;
}
.collapse .prdList img{
	width:100%;
}


@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;
	}
	.mainSlider, #edmFrame{
		m//argin-top:20px;
	}

}

@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: -80px;
    margin-left: 170px;
}

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


/*qrcode start*/
@media (min-width: 1024px){
	.qrcode_icon{display:none;}
}
@media (min-width: 1px) and (max-width: 1023px) {
	.qrcode_icon{display:block;}
}
/*qrcode end*/
/*right icon effect start*/
@media (max-width:768px){
  .shopping_icon{top: 150px;}
  .shopping_icon1{top: 275px;}
  .qrcode_icon{top: 454px;}
}
@media (max-width:480px){
  .shopping_icon{top: 150px;}
  .shopping_icon1{top: 270px;}
  .qrcode_icon{top: 444px;}
}
/*right icon effect end*/
/*layout effect start*/
	/*breadcrumb start*/
	.breadcrumb-wrap{margin-bottom:20px;overflow:hidden;/*margin-top: -10px;*/}
	.breadcrumb-wrap .breadcrumb-crop{float:left;}
	.breadcrumb-wrap .hotItem{float:right;left:initial;position:relative;width:auto;}
	/*breadcrumb end*/
@media screen /*and (min-width:1024px)*/ and (max-width:1199px){
	#subNav li{
		font-size:15px;
	}
}
@media screen /*and (min-width: 992px)*/ and (max-width:1023px){
	body{
		padding-top: 166px;
	}
	header .logo{
	    padding: 15px 0px 12px 0px !important;
    	margin-top: -2px;
	}
	#subNav li{
		font-size:15px;
	}
}
@media screen /*and (min-width: 769px)*/ and (max-width: 991px){
	body {
    	padding-top: 120px;
	}
	.navbar-fixed-top > div.container > .yCmsContentSlot.hidden-sm + .col-md-3.hidden-lg.hidden-md{
		display: block !important;
		position: absolute;
		top: 11px;
		right: initial;
		margin-left: 75px;
		left: 50%;
    	border: 0px solid #ccc !important;
	}
	.brownColor{
		padding-top:5px;
	}
}
@media screen /*and (min-width: 481px)*/ and (max-width: 767px){
	.navbar-fixed-top > div.container > .yCmsContentSlot.hidden-sm + .col-md-3.hidden-lg.hidden-md{
		display: block !important;
		position: initial;
		top: initial;
		right: initial;
		margin-left: initial;
		left: initial;
    	border: initial;
	}
}

@media screen /*and (min-width: 481px)*/ and (max-width: 767px){
	
}
@media screen /*and (min-width: 321px)*/ and (max-width: 480px){
	
}
@media screen /*and (min-width: 321px)*/ and (max-width: 320px){
	
}
.barcodeText{
	float:left;
}
#barcodePic{
    overflow: hidden;
    float: left;
    height: 30px;
    margin: 0 0 -10px 10px;
}
#barCodeImage{
    margin-top: -40px;
    width: 206px;
}

#homeName .col-md-8 span{
	padding:0 15px;
}
.orderDetail-return .confirmModal.in{
 z-index:9999;
}
.orderDetail-return .confirmModal.in .modal-dialog{
 background:#ffffff;
 border-radius:5px;
 padding: 20px;
}
.orderDetail-return .confirmModal.in .modal-dialog div font{
 color:red;
 font-size:16px;
}
.orderDetail-return .confirmModal.in .modal-dialog div{
 margin:0 0 15px 0;
}

div#returnwarn {
    max-width: 66%;
    margin: 0 auto;
}
@media screen and (max-width: 991px) {
  div#returnwarn {
    max-width: 100%;
  }
}
/*layout effect end*/