@import url(//fonts.googleapis.com/css?family=Raleway);
@charset "utf-8";
/*HOLA*/
/****************** Layout ****************************/

body{font-family:Arial,"微軟正黑體";margin:0;padding:0;background:#fff;font-size:13px;}

#wrapper{margin:auto;}

/*shopping icon*/
.shopping_icon{top:320px;position:fixed;right:0px;background:#C8BC8C;transition:all .7s;width:20px;border-radius:5px 0 0 5px;padding:10px 0;z-index:999}
.shopping_icon:hover{width:50px;background:#900;}
.shopping_icon a{color:#fff;width:20px;color:#fff;display:block;word-break:break-all;word-wrap:break-word;text-align:center;
                          text-decoration:none;}
/*IE10 & above hack*/
@media all and (-ms-high-contrast:none)
     {
     .shopping_icon { right:16px;} /* IE10 */
     *::-ms-backdrop, .shopping_icon { right:16px; } /* IE11 */
    }
                          

/*Header*/
header{margin:auto;}

.subLogo{}
.subLogo img{padding:0 5px}
.searchZone{height:33px;margin:0;}
/*.searchZone{border:1px solid #BDBDBD;padding:5px 0;width:200px;display:inline-block;}*/
/*.searchZone input{border:none;box-shadow:none;color:#ccc;box-sizing:border-box;vertical-align:middle;width:150px;}*/
/*.searchZone a{border-left:1px solid #BDBDBD;padding:0 5px;vertical-align:middle;cursor:pointer;}*/

/*title-1*/
.title-1{display:table;width:100%;}
.title-1 h3{
	padding-right:20px;
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
}
.title-1 h3 i{letter-spacing:0}
.title-1 section{display:table-cell;vertical-align:middle;width:100%;}
.title-1 section hr{border-color:#BDBDBD;}

/*title-2*/
.title-2{border-bottom:#BDBDBD;text-align:center;margin-bottom:30px;}
.title-2 h3{display:inline-block;background:#fff;padding:0 10px;}
.title-2 hr{border-color:#BDBDBD;margin-top:-15px;}

/*title-3*/
.title-3{border-bottom:1px #eeeeee dashed;text-align:left;margin-bottom:5px;padding-bottom:5px; position:relative}
.title-3 h3{ font-size:20px;}
.title-3.active{ color:#7D5816;background:url(../images/arrow.png) no-repeat 100% 35%}
/*.title-3.active:after{content:"\e072"; font-family:"Glyphicons Halflings"; position: absolute; right: 15px; top: 50%;font-size:8px; margin-top:-1em}*/

/*breadCrumbs*/

.breadcrumb-wrap{background-color: #f5f5f5; border-bottom: 1px solid #bcbcbc; height:35px; position:relative; margin-bottom:20px}
.breadcrumb-crop{ width:750px; overflow:hidden}
.breadcrumb{ width:2000px}
.breadcrumb li{list-style:none;background:none; }
.breadcrumb > li + li:before{content:">"}
.breadcrumb > li.active{}
.breadcrumb-wrap .hotItem{margin:0px 10px 0 0; position:absolute; z-index:3; top:5px; width:420px; overflow:hidden;left:770px; height:20px}
.breadcrumb-wrap .hotItem>a{text-decoration:underline;}
.breadcrumb-wrap .hotItem>a,.breadcrumb-wrap.hotItem>span{vertical-align:middle;}
.breadcrumb-wrap .hotItem:before{content:normal}
/* .breadcrumb {margin-left: -10px} */



/*Nav*/
#mainNav{margin:10px 0;}
#mainNav li,#loginNav li{border-right:1px solid #BDBDBD;padding:0 5px;margin:0;}
#mainNav li:first-child,#loginNav li:first-child{padding:0;}
#mainNav li a,#loginNav li a,#loginNav li span{font-size:13px;line-height:18px;padding:0 5px;}
#mainNav li:last-child,#loginNav li:last-child{border-right:none;padding-right:0;}
#mainNav li a:hover,#loginNav li a:hover{color:#7D5816;}

#mobileNav{display:none;border-bottom:1px solid #7D5816;border-top:1px solid #7D5816; padding-top:5px; margin-top:5px;}
/*#mobileNav{display:none;border-bottom:2px solid #333;}*/
#mobileNav li {border-bottom:1px solid #eee;width:49%;display:inline-block;}
#mobileNav li a{padding:8px 0;padding-left:10px;}

.mobileSearch{
	font-size:25px;
	margin-top:12px;
	padding:0px;
}

.mobileSearch a{color:#bdbdbd}
.mobileSearch a:hover{color:#7D5816}

/*#mobileSearch{
	display:none;
}*/


.mobileMenu{font-size:25px;margin-top:12px;	padding:0px;}
.mobileMenu a{color:#bdbdbd}
.mobileMenu a:hover{color:#7D5816}

#subNav{border-top:1px solid #BDBDBD;border-bottom:1px solid #BDBDBD;}
#subNav li{font-size:16px;font-weight:bold;line-height:40px;}
#subNav li a{border-radius:0;padding:0 5px;}


/*footerFN*/
#footerFN{border-top:1px solid #424242;text-align:right;}
#footerFN .safe_icons{vertical-align:bottom;}

#footerFN ul{vertical-align:top;text-align:center;height:150px;box-sizing:border-box;}
#footerFN ul li{font-size:14px;}
#footerFN ul li a:hover{}

#footerFN .co_icons{text-align:left;padding-left:20px}
#footerFN .co_icons hr{border:none;border-bottom:1px solid #ccc;margin:15px auto}
#footerFN .co_icons img{margin:0 3px}
#footerFN .co_icons section{margin:5px 0}
#footerFN .co_icons .fb-like{margin:0 3px}


/*footer*/
footer{background:#616161;width:100%;padding:10px 0;}
footer p{margin:auto;color:#eee;text-align:center;}
footer span{display:inline-block}


/****************** Index ****************************/

/*section*/
.hitoPrd,.recommendPrd{margin:30px auto 25px auto}
.Slider,.mainBN{margin-bottom:30px;}
.narrowBN{margin:30px auto}

/*roomPrds*/
.roomPrds .row div {text-align:center;}
.roomPrds .row div a{position:relative;display:inline-block;}
.roomPrds .row div img{z-index:0;padding:0;width:100%;}
.roomPrds .row div section{position:absolute;width:100%;text-align:center;bottom:0px;color:#fff;z-index:99;letter-spacing:1px;}
.roomPrds .row div h4{line-height:35px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.70) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.70))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.70) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.70) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.70) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.70) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

/*brandTab*/
.brandTab div a {display:inline-block;position:relative;}
.brandTab div a img{z-index:0;width:100%;_filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);-webkit-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}
.brandTab div a i{height:12px;bottom:-15px;background:url(../images/icon_arrow.png) center bottom no-repeat;width:100%;position:absolute;opacity:0;transition:all .7s}
.brandTab div a:hover i,.brandTab div a.active i{opacity:1}
.brandTab div a:hover img,.brandTab div a.active img{_filter:none;-webkit-filter: grayscale(0%);}

.brandTab div a section{width:100%;height:100%;text-align:center;bottom:0px;color:#fff;z-index:99;position:absolute;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.brandTab div a section h3{font-size:12px;font-weight:normal;letter-spacing:1px;position:absolute;width:100%;bottom:5%}

/****************** InnerPage ****************************/

/*layout
.mainZone{display:table;width:100%;margin:30px auto;}
.leftZone{width:220px;vertical-align:top;display:table-cell;}
.rightZone{vertical-align:top;display:table-cell;padding-left:30px;}
*/

/*主題分類*/
.mainCategory{}
.mainCategory .nav a{padding-left:30px;font-size:18px;color: #333333}
.mainCategory .nav a:hover{color:#fcc80d;}
.mainCategory .nav li{border-bottom:1px dashed #eee;}
.mainCategory .nav a span{font-size:15px;vertical-align:middle;margin-right:10px;}

/*smallBn*/
.smallBn{margin-top:20px;}
.smallBn .row div{margin-bottom:10px;text-align:center;}
.smallBn .row div img{width:100%;}

/*leftNav*/
.leftNav{}
.leftNav ul{margin:0 20px;font-size:15px;}
.leftNav li{margin:0px;margin-left:20px;}
.leftNav li a,.leftNav li span{vertical-align:middle;margin-right:5px;}
.leftNav li a{padding-top:5px;padding-bottom:5px;color: #333333}
.leftNav li a:hover{color:#ffffff;}
.leftNav h5{border-bottom:1px #ccc dotted;padding-bottom:10px;font-size:120%;}
.borderDash {letter-spacing:0.15em;}
.borderDash li{border-bottom:1px #ccc dotted ;  padding:0.2em 0; }
.borderDash h5{ border:none; font-weight:bold;font-size:120%; }
/*leftBN*/
.leftBN{clear:both;}
.leftBN .row>div{margin-bottom:20px;}
.leftBN a {display:block;margin:auto;}
.leftBN a img{display:block;margin:auto;width:100%;}

/*categoryTxt*/
.categoryTxt{}
.categoryTxt ul.categoryFN li{margin-right:5px;}
.categoryTxt ul.categoryFN li a{padding:0 10px;}
.categoryTxt ul.categoryFN li span{padding:0 10px;}
.categoryTxt ul.categoryFN li a.active{color:#7D5816}
/*
.categoryTxt>p,.categoryTxt>div{font-size:14px;}

*/

/*mainSlider
.mainSlider{position:relative;}
.mainSlider a.btnPrev{position:absolute;left:5px;top:48%;z-index:99;}
.mainSlider a.btnNext{position:absolute;right:5px;top:48%;z-index:99;}
.mainSlider ul.mainSliderImg{z-index:0;}
.mainSlider ul.mainSliderImg li img{width:100%;}

.mainSliderDotted{position:absolute;right:10px;top:10px;z-index:99;}
.mainSliderDotted li{margin:0 3px;padding:0;}
.mainSliderDotted a{width:8px;height:8px;background-color:#ccc;display:block;border-radius:50%;}
.mainSliderDotted a:hover,.mainSliderDotted a.active{background-color:#666}
*/

/*prds*/
.prdList{font-size:12px;text-align:center;margin:10px auto;}
.prdList img{margin:0px auto;}
/*.prdList div{margin-bottom:25px;}*/
.prdList div>a{height:150px;width:150px;margin-top:auto;margin-right:auto;margin-left:auto;margin-bottom:auto;}

.prdList div>a:before{content:"";vertical-align:middle;display:inline-block;height:100%;}
.prdList div>a img{vertical-align:middle;display:inline-block;max-height:100%;max-width:100%;}
.prdList div img{transition:all .5s;cursor:pointer;}
.prdList div img:hover{transform:scale(.9)}
.prdList div h3{font-size:14px; padding-top:10px; max-height: 25px; overflow: hidden;}
.prdList.noBG,.prdList.noBG div{background:none;}


.prdList2{font-size:12px;text-align:center;margin:10px auto;}
.prdList2 div{margin-bottom:25px;}
.prdList2 div section{display:inline-block;margin:20px auto;border:1px solid #eee;padding-bottom:20px;}
.prdList2 section a{margin:auto;display:block;margin-bottom:20px;overflow:hidden;}
.prdList2 section img{transition:all .5s;cursor:pointer;width:100%;box-sizing:border-box;}
.prdList2 section img:hover{transform:scale(1.1)}
.prdList2 section h3{font-size:14px; max-height: 15px; overflow: hidden;}

.prdList3{}
.prdList3 div{margin-bottom:25px;}
.prdList3 div a{width:275px;height:235px;display:block;margin:auto;margin-bottom:20px;position:relative;}
.prdList3 div a img{transition:all .5s;cursor:pointer;width:100%;box-sizing:border-box;z-index:0;}
.prdList3 div a section{width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;left:0;top:0;z-index:99;text-align:center;opacity:0;transition:all .7s}
.prdList3 div a:hover section{opacity:1}

.prdList3 div a section span{color:#fff;padding:5px 20px;border:1px solid #fff;letter-spacing:5px;display:inline-block;vertical-align:middle;}
.prdList3 div a section:before{display:inline-block;vertical-align:middle;height:100%;content:"";}

/*itemHotList*/
.itemHotList{position:relative;}

.itemHotList a.btnPrev{position:absolute;left:5px;top:48%;z-index:99;}
.itemHotList a.btnNext{position:absolute;right:5px;top:48%;z-index:99;}

.itemHotListDotted{position:absolute;right:0px;top:10px;z-index:99;background:#fff;padding:0 10px}
.itemHotListDotted li{margin:0 3px;padding:0;}
.itemHotListDotted a{width:8px;height:8px;background-color:#ccc;display:block;border-radius:50%;}
.itemHotListDotted a:hover,.itemHotListDotted a.active{background-color:#666}

.itemHotList .prdList div:first-child{background:none;}
.itemHotList .prdList{background:none;}

/*sub-itemGategory*/
.sub-itemGategory .prdList div,.sub-itemGategory .prdList{background:none;}

/*similarItem*/
.similarItem .prdList{background:none;}

.hitoPrd  .nav li{border-bottom:1px solid #eee;}

/*newItem*/
.newItem{margin-bottom:50px;position:relative;}
.newItem>a{height:180px;display:block;}
.newItem>a:before{content:"";vertical-align:middle;display:inline-block;height:100%;}
.newItem>a img{vertical-align:middle;display:inline-block;}
.newItem img{transition:all .5s;cursor:pointer;}
.newItem img:hover{transform:scale(.9)}
.newItem h3{font-size:14px;}

.newItem .icon_discount{left:0;top:60px;}

/*hotItem*/
.hotItem{margin:30px 0;}
.hotItem ul{text-align:center;width:100%;}
.hotItem ul a{margin-bottom:10px;vertical-align:middle;display:inline-block;margin-right:6px}
.hotItem ul a:hover{color:#7D5816;}
.hotItem ul section{vertical-align:middle;display:inline-block;}
.hotItem ul li{position:relative;margin-bottom:20px;margin-left:10px;vertical-align:top;display:inline-block;}
.hotItem ul li i{ background: #BDBDBD; border-radius: 50%; color: #fff; display: block; width: 23px; height: 23px; line-height: 23px; text-align: center; font-style: normal;
                    position:absolute;left:-10px;top:-12px;}
.hotItem ul img{transition:all .5s;cursor:pointer;width:100%;}
.hotItem ul img:hover{transform:scale(.9)}
.hotItem ul h3{font-size:13px;}
 

/*adviceItem*/
.adviceItem{margin-bottom:50px;margin-bottom:20px;}
.adviceItem section{width:215px;margin:auto;}

/*itemRank*/
.itemRank{margin-top:20px;}
.itemRank .btn{background:#BDBDBD;color:#fff;border-radius:0;border:1px solid #BDBDBD;border-bottom:none;box-shadow:none;box-sizing:border-box;position:relative;}
.itemRank .btn:hover,.itemRank .btn.active{color:#7D5816;background:#fff;border-left:5px solid #fff;border-right:5px solid #fff;}
.itemRank .btn i{display:none;width:100%;height:13px;position:absolute;background:url(../images/icon_arrow_white.png) center no-repeat;bottom:-12px;left:0;}
.itemRank .btn:hover i,.itemRank .btn.active i{display:block}
/*Main Item*/
.itimNotice{font-size:12px;background:#eee;padding:5px 10px;display:block;font-style:normal;}

.itemImg{position:relative;}
.itemImg img{width:100%;}
.itemImg div{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:99;}
.itemImg div:before{content:"";height:100%;display:inline-block;vertical-align:middle}
.itemImg div p{color:#fff;text-align:center;font-size:15px;display:inline-block;vertical-align:middle;width:100%;}

.itemSlide{margin:0 auto;overflow:hidden;width:97%;padding:0 10px;} 
.itemIcon{position: relative;}
.itemIcon li{ float: left; width:70px; }
.itemIcon li img{width:100%;border:2px solid #eee;cursor:pointer;}
.itemIcon li img.active{border:2px solid #7D5816;}
.itemControl { position:relative}
.itemControl i{ position:absolute; z-index:2; cursor:pointer; color:#949494;top:25px; }
.itemControl i:hover{color:#8c5c05}
.itemControl .glyphicon-chevron-left{ left:8px}
.itemControl .glyphicon-chevron-right{ right:5px}

 

.itemDetail{font-size:15px;letter-spacing:1px;}
.itemDetail li{margin-bottom:10px;}
.itemDetail .webPrice,.webPrice{color:#B71C1C;font-size:24px;}
.itemDetail .storePrice{color:#7D5816;font-size:24px;}
.itemDetail  li.topBorder{padding:20px 0;border-top:1px dotted #999}
.itemDetail .barcode-img{ width:auto; height:85px}
.itemOtherTxt{margin-top:20px;}
.itemOtherTxt .btn{background:#BDBDBD;color:#fff;border-radius:0;border:1px solid #BDBDBD;border-bottom:none;box-shadow:none;}
.itemOtherTxt .btn:hover,.itemOtherTxt .btn.active{color:#7D5816;background:#fff;}
.itemOtherTxt article{border:1px solid #BDBDBD;border-top:none;padding:30px;}
.itemOtherTxt article p{margin-bottom:15px;}

.buyItemAgain{font-size:15px;padding:25px 0;border-bottom:1px solid #ccc;margin-bottom:20px;}

.moreItem{padding-bottom:25px;border-bottom:1px solid #ccc;margin-bottom:20px;text-align:center;}
.moreItem .row{width:90%;margin:auto;}
.moreItem .row>div{position:relative;text-align:center;vertical-align:middle;transition:all .7s;margin:10px auto;}
.moreItem .row>div:hover section{opacity:1;transition:all .7s;cursor:pointer}

.moreItem .row>div div b{width:100%;height:100%;display:table;margin:auto;text-align:center;position:absolute;top:0;left:0;z-index:0;}
.moreItem .row>div div b img{max-width:95%;}

.moreItem .row>div div{width:110px;height:110px;display:table;margin:auto;position:relative;}
.moreItem .row>div div section{vertical-align:middle;display:table-cell;z-index:99;position:relative;background:rgba(0,0,0,.7);color:#fff;opacity:0;}

.moreBtn {position:relative;}
.mainItem a{color: #333333;}
.mainItem a:hover{color:#7D5816;}
.smallNotice a:hover{color:#7D5816;}

/*
.moreItem .row>div div{display:table;left:35px;text-align:center;position:absolute;color:#fff;background:rgba(0,0,0,.6);z-index:99;vertical-align:middle;opacity:0;}
.moreItem .row>div div section{display:table-cell;vertical-align:middle}
*/

.shareItem{}
.shareItem .row{border-bottom:1px dotted #999;padding-bottom:20px;margin-bottom:20px;}
.shareItem .row h4{}
.shareItem .row em{display:block;font-style:normal;margin-top:10px;}

/*brand*/

.brandTxt{display:table;padding:20px 0 10px 0;width:100%;}
.brandTxt>h3{display:table-cell;width:220px;vertical-align:middle;}
.brandTxt>p{display:table-cell;padding-left:30px;vertical-align:middle;}

.brandSlider{position:relative;}
.brandSlider a.btnPrev{position:absolute;left:5px;top:48%;z-index:99;}
.brandSlider a.btnNext{position:absolute;right:5px;top:48%;z-index:99;}
.brandSlider ul.brandSliderImg{z-index:0;}
.brandSlider ul.brandSliderImg li img{width:100%;}
.brandSlider ul.brandSliderButton{background:rgba(0,0,0,.7);z-index:50;bottom:0;width:100%;left:0;}
.brandSlider ul.brandSliderButton li{color:#fff;text-align:center;font-size:14px;display:inline-block;}
.brandSlider ul.brandSliderButton li a{color:#fff;position:relative;display:block;padding:10px 0;text-decoration:none;}
.brandSlider ul.brandSliderButton li a:hover{color:#FFF1B3}
.brandSlider ul.brandSliderButton li a i{background:url(../images/arrow_up.png) no-repeat;position:absolute;top:-13px;width:21px;height:13px;left:50%;margin-left:-10px;display:none;}
.brandSlider ul.brandSliderButton li a:hover i,.brandSlider ul.brandSliderButton li a.active i{display:block;}

.brandBtn {margin:15px 0 30px  0;}
.brandBtn .btn{background:#BDBDBD;color:#fff;border-radius:0;border-right:1px solid #fff;box-shadow:none;box-sizing:border-box;position:relative;}
.brandBtn .btn:hover,.brandBtn .btn.active{color:#7D5816;background:#fff;border-left:5px solid #fff;border-right:5px solid #fff;border-top:1px solid #BDBDBD;}
.brandBtn .btn i{display:none;width:100%;height:13px;position:absolute;background:url(../images/icon_arrow_white.png) center no-repeat;bottom:-12px;left:0;}
.brandBtn .btn:hover i,.brandBtn .btn.active i{display:block}

.brandSub .nav{border-top:2px solid #333;}
.brandSub .nav li{border-bottom:1px solid #eee;}

.brandList{}
.brandList a{font-size:14px;display:block;}
.brandList .row div{border-right:1px solid #ccc;margin-bottom:10px;text-align:center;}

.brandArticle{margin-bottom:20px;}
.brandArticle .row>div{margin-bottom:10px;}
.brandArticle .row a{width:215px;display:block;margin:auto;position:relative;}
.brandArticle .row a section{width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;left:0;top:0;z-index:99;text-align:center;opacity:0;transition:all .7s}
.brandArticle .row a:hover section{opacity:1}
.brandArticle .row a section span{color:#fff;padding:5px;width:95%;text-align:left;display:inline-block;vertical-align:middle;}
.brandArticle .row a section:before{display:inline-block;vertical-align:middle;height:100%;content:"";}

.brandStory .storyCt{}
.brandStory .storyImg1,.brandStory .storyImg2{width:215px;}
.brandStory .storyImg1 img,.brandStory .storyImg2 img{border:1px solid #ccc}
.brandStory h3{margin-bottom:20px;}
.brandStory p{margin-bottom:15px;}

.brand_notice{border:1px solid #bdbdbd;border-right:none;}
.brand_notice h5{padding:10px 0;background:#BDBDBD;display:inline-block;vertical-align:middle;color:#fff;width:10%;text-align:center;}
.brand_notice section{overflow:hidden;display:inline-block;vertical-align:middle;width:88%;}
.brand_notice section ul{white-space:nowrap;}
.brand_notice ul li{margin:0 6px;}

.brandHito section{}
.brandHito  .date{background:url(../images/bg_time.png);width:220px;height:53px;color:#fff;text-align:center;line-height:39px;font-size:15px;display:block;margin:10px auto;}
.brandHito .row>div:nth-child(2){}

.brandGalleryImg{position:relative;max-width:460px;margin:auto;}
.brandGalleryImg section{position:absolute;width:100%;left:0;bottom:0;color:#fff;height:50%;padding:15px;z-index:999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.brandGalleryImg section div{bottom:20px;position:absolute;}

.brandSmallBn .row>div{margin-bottom:10px;}

.eventTitle{font-size:15px;}

/*網購獨享*/
.personalGet{margin:20px auto;}

/*topBrand*/
.topBrand{text-align:center;}
.topBrand li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ccc;}
.topBrand li a{height:100px;display:block;margin:10px 0;}
.topBrand li a:before{content:"";vertical-align:middle;display:inline-block;height:100%;}
.topBrand li img{max-width:150px;max-height:90%;vertical-align:middle;display:inline-block;}
.topBrand li img:hover{transform:scale(.9)}

/*brandList*/
.brandList{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee;}
.brandList div{margin-bottom:10px}

/*active*/
.pagination > .active > a{background:#7D5816;border-color:#7D5816}

/* 購物車 */
.shopcart{font-size:15px; margin:0 5px 0 0 ; padding:10px 10px; }
.shopcart .shopcartTitle{font-weight:bold; letter-spacing:2px; border-bottom:1px solid #bdbdbd; line-height:35px; margin-bottom:20px; display:none; padding:10px 0; }
.shopcartList .shopcartPrize0{ display:none;}
.shopcart .shopcartList{border-bottom:1px dotted #bdbdbd; padding-bottom:20px; margin-bottom:20px; position:relative;}
.shopcartList .shopcartName{font-size:16px;line-height:20px; width:100%;}
.shopcartName img{ border:1px solid #ABABAB; width:74px; min-width:74px}
.shopcartName > div{vertical-align:top; display:table-cell}
.shopcartName > div:nth-child(2) { vertical-align:top; padding: 0 0 28px 10px; }
.shopcartSave{ display:block; font-size:13px; color:#C5C5C5}
.shopcartList .shopcartPrize1{ font-size:22px; color:#8c5c05; text-align:right; margin-top:-92px}
.shopcartList .shopcartShop1{ margin-top:-3px; }
.shopcartList .shopcartPackage { margin: 0 0 0 0;}

.shopcartList .shopcartNum1{ margin:-25px 0 0 84px}
.shopcartList .shopcartDel{ text-align: right; margin-top:-32px}

.shopcartList .shopcartState{ text-align:right; margin:-26px 0 0 0 } /*新增樣式For 1.3.1.1.1 手機版訂單狀態欄位*/
.shopcartName > div:nth-child(2) p:nth-child(2) { font-size:13px}   /*新增樣式For 1.3.1.1.1 物流單號~*/
/*安全結帳*/
.cartStep{ margin-top:10px; }


.cartStep .cartTitle{ font-size:16px; background:#bdbdbd; color:#FFFFFF; padding:10px; letter-spacing:2px; display:table; width:100%; margin:10px 0 15px 0;}
.cartStep .cartTitle i{ background:#ffffff; color:#bdbdbd; width:30px; height:30px; display:table-cell; text-align:center;vertical-align:middle; font-weight:bold; font-size:18px;border-radius:99em; padding-left: 2px}
.cartStep .cartTitle h4{ display:table-cell; padding-left:10px; vertical-align:middle;height:30px;}
.cartStep-Next,.cartStep-OK{ width:150px; height:35px; padding:0; line-height:10px; margin:0 auto;}

.cartStep .active{ background:#424242;}
.cartStep  .active i{ color:#424242;}
.cartStep  .active  .cartEdit{ display:none}

.cartStep .cartEdit{ display:table-cell;font-size:22px; text-align:right; width:40px}
.cartStep form{  font-size:13px;}
.cartStep legend{ color:#7D5816; letter-spacing:2px; border-bottom:1px solid #7D5816; }
.cartStep .form-group > label{font-size:16px; font-weight:bold;}
.cartStep label{ font-size:15px;  font-weight:100; }
.cartStep .help-block{ color:#b71c1c; font-size:13px; padding-top:5px}
.cartStep .form-control{ display:inline-block;border-radius: 0px;}
.cartStep select{ margin-bottom:5px;}
.cartStep .cartBlock{ width:100%; background:#f5f5f5; padding:5px 10px; font-size:12px; margin:5px 0 ;}
.cartBlock span{font-size:13px; font-weight:100; line-height:20px; margin-left:5px;}
.cartBlock2 { width:100%; background:#f5f5f5; padding:20px 25px;overflow:hidden; text-align:left; clear:both; letter-spacing:1px; margin:0 0 15px 0 ; }
.cartNum3{ font-size:22px;  color:#b71c1c; margin: -3px 5px 0 0px;}
.cartBlock2 h4{font-size:16px; font-weight:bold}
.cartBlock2 .cartDetal1{ width:auto; font-weight:100;margin:10px 0 0 0;}
.cartBlock2 .cartDetal1 h5{ color:#7d5816; font-size:15px; }
.cartBlock2 .cartDetal1 li{ width:100%; border-bottom: 1px dashed #DBDBDB; padding-bottom:3px; margin-top:5px;}
.cartStep button,.cartStep .button{ font-size:15px;  margin-bottom:16px; letter-spacing:2px; }
.cartStep .redBtn{ font-size:15px; padding:15px; margin-bottom:30px;letter-spacing:2px; text-align:center;border-radius:10px; cursor:pointer}

.cartStep .cartNum4,.cartStep .cartNum5{ color:#b71c1c;  text-align:center}
.cartStep .cartNum4{ min-width:50px; font-size:20px;font-weight:bold; text-align:left; padding:0 5px;}
.cartStep .cartNum5{ width:15px}
.cartStep .form-group span{margin-top:0px;}
.cartCredit a{  color:#a18449}
.cartBank{font-size:14px; display:inline-block; padding-left:10px}
.cartBank span{ float:right; text-align:right; margin-left:5px}
.cartType1{ font-size:15px; margin-left:5px}
.cartType2{ font-size:13px; color:#848484; font-weight:100; letter-spacing:1px; }
.cartStep fieldset{ margin-bottom:10px;}
.cartBtn1{color:#fff;box-shadow:none;border:none;background:#7D5816; padding:5px 10px; display:inline-block; margin-left:10px}
.cartBtn1 a,.cartBtn1 a:hover,.cartBtn1 a:active{color:#fff; text-decoration:none}
.cartCheck { background:#f5f5f5; padding:20px 20px 0 20px; margin-bottom:10px}
.cartCheck h3{ border-bottom:none; margin-bottom:0px;color:#a18449;}
.cartCheck dl{border-bottom:1px dotted #bdbdbd; overflow:hidden; width:100%; clear:both; padding:10px 10px 20px 10px;}
.cartCheck dt{ width:60%; font-weight:bold;font-size:16px;}
.cartCheck dd{ width:40%; text-align:right;font-size:18px; color:#b71c1c; line-height:22px;}
.cartCheck dd,.cartCheck dt,.cartOrderList dd,.cartOrderList dt,.cartBlock2 dd,.cartBlock2 dt{ float:left; overflow:hidden; }
.cartCheck dd,.cartCheck dt{margin-bottom:5px}
.cartNum6{ font-size:25px; font-weight:bold; padding-right:2px}
.cartCheck dl:last-child { border:none}
.cartCheck2 { clear: both; overflow:hidden; padding:0 20px 15px 20px ; margin:0 auto 15px auto;}
.cartOrderList{ letter-spacing:0.05em; margin-bottom:15px;font-size:15px;}
.cartOrderList dl{ margin:0; }
.cartCheck2 dt{ width:18%; padding:2px 5px 2px 2px}
.cartBlock2 dt{ width:17%; font-size:15px; font-weight:bold; text-align: center}
.cartBlock2 dd{ text-align:left; font-size:15px}
.cartCheck2 dd:nth-child(odd){width:20%;font-size:18px; text-align:right; color:#b71c1c; line-height:22px}
.cartCheck2 dd:nth-child(even){ width:60%; font-size:15px; line-height:20px}
.cartOrderList > div:nth-child(even){ border-bottom: dotted 1px #D4D4D4;}
.cartOrderList > div:last-child { margin-bottom:0px}

/*信用卡SSL*/
.cartStep .cartSSL{ float:right; font-size:13px; color:#b71c1c; padding-top:10px; vertical-align:text-bottom;}
.cartStep .cartSSL span{ margin-top: -0.3em;}

/*結帳成功*/
.cartSuccess h4{ text-align:center; font-weight:bold; letter-spacing:2px; margin-top:25px}
.cartSuccess p:nth-child(2){ margin-top:15px; border-top:1px solid #000000; width:100%; padding-top:20px}
.cartSuccess p{ padding:0 0 10px 0 ; font-size:15px;}

/*下方按鈕*/
.cartButton button{ outline:none; color:#FFFFFF; text-align:center; width:45%; max-width:250px;}
.cartButton button:hover{color:#FFFFFF}

/*Modal*/
.cartModal .modal-header{ border:none; padding-bottom:0px; margin-bottom:-10px}
.cartModal .modal-content{ padding:15px 10px}
.cartModal .modal-title{ background:#424242; padding:10px 25px}
.cartModal .close{ background:#FFFFFF; padding:5px 10px ;filter: alpha(opacity=100); opacity:1; margin:7px 5px 0 0 ;}
.cartModal .searchZone{ width:100%;}
.cartModal .searchZone input{ width:85%}

/*tip*/
.cartTip { padding:0px 10px 20px 40px; position:relative; font-size:14px; color:#828282 }
.cartTip i{ background:#7D5816; color:#FFFFFF; padding:0px 5px; text-align:center; vertical-align:middle; border-radius:5px; font-size:13px ; position:absolute; left:8px;}


/*店取店家*/
.cartStore-List{ width:100%}
.cartStore-List dl{ padding:10px 8px; border-bottom:1px dotted #bdbdbd;overflow:hidden; margin:0; cursor:pointer}
.cartStore-List dl:hover{ background:#EAE6DC}
.cartStore-List dl.active{ background:#f5f5f5}
.cartStore-List dt,.cartStore-List dd{ float:left; letter-spacing:0.02em; padding:0}
.cartStore-List dt{ width:70%; }
.cartStore-List dd{ width:30%; text-align:right}
.cartStore-Name{ width:100%; overflow:hidden}
.cartStore-Info{ width:100%; position:relative}
.cartStore-Info img{ float:right}
.cartStore-Prd img{ width:130px; height:130px;}
.cartStore-Prd  > div{vertical-align:top; display:table-cell}
.cartStore-Prd  > div:nth-child(2) { vertical-align:top; padding: 0 0 0 10px; font-size:18px}

.cartPrd-box{ display: inline-block; margin:10px 0; background:#a18449;font-size:20px; }
.cartPrd-box input {font-size:18px;	background-color:#FFFFFF;	text-align: center;	width:50px;	color:#000000; display:inline-block ; border:none;  margin:0 -5px;padding: 4px 0 4px 0; line-height:17px}

.cartPrd-box button{ background:#7D5816;  border:none; color:#FFFFFF; text-align:center; padding: 1px 10px; font-weight:bold; margin:0;display:inline-block; cursor:pointer; height:30px; width:40px;border-radius:0px;}

/*tooltip*/
.cartBtn1  .tooltip > .tooltip-inner {background-color: #bfbfbf;box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px;}
.cartBtn1  .tooltip > .tooltip-arrow { border-bottom-color:#bfbfbf; box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px;}

/*電子商務區塊*/
.cartModal_Block{ width:100%; height:400px; overflow:auto; font-size:13px; padding:20px; background:#f5f5f5}
.cartModal_Block h4{ font-size:16px; margin:15px 0 5px 0;color:#8c5c05}


/*廢四機 Model*/
#ModalPurch .modal-header{ margin:0px; position:relative;}
#ModalPurch .close{ position:absolute; top:0px; right:5px; z-index:10000; background:#777777; color:#ffffff; padding:0 5px ;}
#ModalPurch li{ display:inline-block; width:45%; text-align:left; font-size:15px; border-bottom:1px dashed #D9CCAC; padding:0 0 10px 5px; margin-bottom:10px} 

/*Bank Model*/
#ModalBank .modal-header{ margin:0px; position:relative;}
#ModalBank .close{ position:absolute; top:0px; right:5px; z-index:10000; background:#777777; color:#ffffff; padding:0 5px ;}
#ModalBank li{ display:inline-block; width:45%; text-align:left; font-size:15px; border-bottom:1px dashed #D9CCAC; padding:0 0 10px 5px; margin-bottom:10px} 

#cartStoreR{ display:none}
#cartStoreR .navbar-nav .active  span{  color: #947C40;  background-color: #e7e7e7;}


/*訂單管理*/
.orderList{ margin:20px 0; font-size:15px; border-top:1px solid #ccc; padding:10px 0; letter-spacing:0.02em}
.orderList a{ outline:none}
.orderList .orderHead{ display:none}
.orderList .tr {overflow: hidden;  clear: both;  border-bottom: 1px dotted #ccc; padding:10px 0 }
.orderList .tr:first-child{ border-bottom: 1px solid #ccc;}
.orderList .tr:last-child{ border-bottom: none}
.orderList .td {padding: 2px 0;}
.orderInner { position:relative}
.orderInner .orderTime:before{ content: '訂單日期： '; font-weight: bold; color:#616161}
.orderInner .orderPrice:before { content: '訂購總額： '; font-weight: bold; color:#616161}
.orderInner .orderState:before { content: '訂單狀態： ';font-weight: bold; color:#616161 }
.orderInner .orderRecheck:before { content: '重新選擇： ';font-weight: bold; color:#616161 }
.orderInner .orderNum,.orderInner .orderInvoice,.orderInner .orderService,.orderInner .orderDel{ display:none}
.orderInner .orderNum a{ color:#8c5c05}
.orderInner .orderBtn{ position:absolute; right:10px; top:55px; font-size:13px;}
.orderStep { margin:15px}
.orderStep li { text-align:center; font-size:18px;}
.orderStep li span{ padding:10px 5px; background:#f5f5f5;width:100%; color:#4F4F4F;}
.orderStep li i{ display:block; color:#f5f5f5; margin:-5px 0 0 0}
.orderStep li.active span{ background:#B49E73; color:#FFF}
.orderStep li.active i{ color:#B49E73;}

/*ModelS~ 不確定退貨及狀態的Modal 是否可以共用所以將1.3.1.1 的#ModalS搬入至1.3.1.1.1 並重新給ID name #ModalS2 */
#ModalS .modal-header,#ModalS2 .modal-header{ margin:-10px 0 0 0; position:relative;}
#ModalS .close,#ModalS2 .close{ position:absolute; top:0px; right:5px; z-index:10000; padding:0 5px ;color:#cccccc}
#ModalS .close:hover,#ModalS2 .close:hover{color: #464646;}

/*訂單明細*/
.orderTab{ margin-bottom:20px;}
.orderTab > .nav-pills > li{ height:57px; text-align:center; font-size:15px; letter-spacing:0.05em;  display: table-cell; width: 1%; font-weight:bold;border-radius:0}
.orderTab > .nav-pills > li > a { background:#bdbdbd; color:#FFFFFF;border-radius:0; border-bottom:1px solid #bdbdbd}
.orderTab > .nav-pills > li.active {background: url(../images/tabLine.gif) center bottom no-repeat;}
.orderTab > .nav-pills > li.active > a,
.orderTab > .nav-pills > li.active > a:hover,
.orderTab > .nav-pills > li.active > a:focus {color:#7D5816; border-radius:0; background-color:#FFFFFF ;border: none; font-size:17px}

.orderDetail-head span{ margin:0 20px 0 0; }
.orderDetail-head span:first-child{ display: block; font-size:18px}
.orderDetail-type{ background:#f5f5f5; padding:15px 30px; margin:10px 0; overflow:hidden }

.orderDetail-type a{ color:#7D5816;}
.orderTab >.tab-content .shopcart{ margin-bottom:-30px; }
.orderTab >.tab-content .shopcartNum1:before{ content: 'X '; }
.orderTab >.tab-content .shopcart .shopcartPrize1{ margin-top:0}
.orderTab >.tab-content .shopcartList .shopcartDel{ margin-top:-28px; text-align:left}
.orderTab >.tab-content .shopcartList:last-child{ border-bottom:none}
.orderTab >.tab-content .shopcart .shopcartName { position:relative}
.orderTab >.tab-content .shopcart .shopcartName i{ display:none}
.orderDetail-Price{ border-top:2px solid #877132; margin:15px 0 15px 0; font-size:16px; padding:20px 0 0 0 ; line-height:35px; font-weight:bold}
.orderdel-Price{ border-top:2px solid #877132; margin:15px 0 15px 0; font-size:16px; padding:20px 0 0 0 ; line-height:35px; font-weight:bold}
.orderDetail-Price .col-xs-3{ font-size:20px;text-align:right;}
.orderDetail-Btn{ cursor: pointer; font-size:13px; padding:5px; background:#7d5816; width:35%; color:#FFFFFF; text-align:center; margin:10px 0; border-radius:5px;}
.orderDetail-return { margin-bottom:10px}
.orderDetail-return form{  margin:20px 0; padding:20px 30px; background:#f5f5f5}

.orderDetail-return{ display:none}
.orderDetail-Btn2{ display:block;cursor: pointer; font-size:13px; padding:5px; background:#7d5816; width:150px; color:#FFFFFF; text-align:center;  border-radius:5px; margin:10px 0;}

.cartSuccessDetail .shopcartPrize1{margin-top:-30px}
.cartSuccessDetail .shopcartNum1:before{ content: 'X '; }

.orderDetail-Price .col-xs-4{ font-size:20px;text-align:right;}
.orderDetail-Active{ font-size:15px;letter-spacing:0.05em; line-height:1.5em; padding:10px 20px; background:#f5f5f5; margin:0 -15px 15px -15px; color:#F4F4F}
.orderDetail-Active span{ font-weight:normal;color:#7d5816; font-size:15px;  margin-top:-0.2em}
.orderDetail-Active span:after { content: ' / '; color:#B8B8B8 }

/*　訂單步驟 */
.bs-wizard {margin-top: 20px; margin-bottom:10px}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 15px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #c8bc8c; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #c8bc8c; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #c8bc8c;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after {background: #FFFFFF; }
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

/*地址簿*/
.AddressBook{ margin:20px 0; font-size:15px; border-top:1px solid #ccc; padding:10px 0; letter-spacing:0.02em}
.AddressBook .AddressHead{ display:none}
.AddressBook a{ outline:none}
.AddressBook .tr {overflow: hidden;  clear: both;  border-bottom: 1px dotted #ccc; padding:10px 0 }
.AddressBook .tr:last-child{ border-bottom: none}
.AddressBook .td {padding: 2px 0;}
.AddressInner { position:relative}
.AddressInner .td:before{ content: attr(data-content);}
.AddressPage{ margin-top:-15px}
.AddressBook .AddressName{ font-size:18px;}


/*顧客中心*/
.itemBlock{ border:1px solid #c0c0c0; padding:0 15px; position:relative; width:100%; height:100%; overflow:hidden}
.itemBlock .triangle{ position:absolute; top:0; left:0; z-index:2; border-color:transparent transparent transparent #9e834c; border-style: solid; border-width: 0 0 50px 60px;}
.itemBlock .triangle i {position:absolute; top:0px; left:-50px; z-index:3; font-size:25px; color:#FFFFFF}
.itemBlock  section{ border-bottom: 1px solid #e7e7e7; overflow:hidden; padding:15px 0 5px 0; }
.itemBlock  section h4{ display:inline-block;margin:0 0 0 40px; font-size:23px; font-weight:bold; }
.itemBlock  section span{ margin:0px 0 0 42px ; font-size:15px; float:left; line-height:15px}
.itemBlock  .inner{ padding:10px 0 50px 0; line-height:22px; color:#6B6B6B}
.itemBlock  button{ position:absolute; bottom:15px; padding:3px 15px; left:50%; margin-left:-50px; font-size:15px}

.serviceLink h4{ margin-top:20px; font-size:18px; font-weight:bold}
.serviceLink hr{ margin:5px	0;}
.serviceLink a{ display:inline-block; }
.serviceLink span:nth-child(even){border-right:1px solid #BDBDBD; margin-top:10px}
.visible-xs .nav li{ float:none}
.visible-xs .LeftZone{ margin:20px 0 30px 0}

/*連絡客服*/
.serviceItemList{ margin:10px 0 20px 0; padding:15px 0 12px 0 ; letter-spacing:0.05em; background:#f5f5f5}
.serviceItemList .row >div{border-top:1px dotted #c0c0c0; padding:3px 0; }
.serviceItemList .row:first-child > div{border:none; padding-top:0}
.serviceTitle{ border-bottom:1px solid #c0c0c0; padding-bottom:10px; position:relative; margin-top:15px}
.serviceTitle span{ position:absolute; top:5px; left:110px}
.serviceForm  .form-group span{ display:inline-block; padding:6px 10px 0 15px} 
.serviceForm .form-group{ margin-top:3px}
.serviceForm input,.serviceForm textarea,.serviceForm select,.borderTablet input,.borderTablet textarea,.borderTablet select{ border-radius:0px}
.serviceForm  .control-label{ font-size:16px}

.borderTablet section{ border-bottom:1px solid #f5f5f5; padding-bottom:10px; margin-bottom:10px}
.borderTablet .banner{ background:#c0c0c0; margin: 10px auto ; width:100%;  }
.borderTablet .banner img{ width:100%; height:auto;}

/*DailyItem*/
.dailyItem{margin-bottom:50px;position:relative;}
.dailyItem>a{height:150px;display:block;}
.dailyItem>a:before{content:"";vertical-align:middle;display:inline-block;height:100%;}
.dailyItem>a img{vertical-align:middle;display:inline-block;}
.dailyItem img{transition:all .5s;cursor:pointer;}
.dailyItem img:hover{transform:scale(.9)}
.dailyItem hr{ margin:10px 0 0 0 ;}
.dailyItem .icon_discount{left:0;top:50px;}
.dailyItem .icon_new{left:0;top:50px;}
 
.hotItem hr{ margin:10px 0 20px 0 ;}


/*历史订单分页*/
.searchPOSPaging{
} 
.searchPOSPaging form,
.searchPOSPaging div{
	float:right;
	margin:0;
}

.searchPOSPaging div button{
	font-weight:bold;
}

.itemRecommend{
	margin-top: -10px;
}

.leftNav li.active a {
    color: #7D5816;
}
.borderDash .active {
    background: url(/_ui/responsive/theme-blue/images/arrow.png) no-repeat 100% 50%;
}

#leftBNer{padding-left:0px;
	}
#leftBNer .row{margin-right:0px;
	}
#leftBNer .row img{margin-left:0px;
	}
.brownColor{
	font-size:12px;}
	
#brownColor2{font-size:22px;}