@charset "utf-8";
.text-center_7 {
  text-align: center;
}
.navbar-nav_7 {
  margin: 5.5px -15px;
}
.navbar-nav_7 > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

.shopping_icon {
    background: #ed6d00;
}
.shopping_icon1 {

    background: #5d0101;
}
.qrcode_icon {
    background: #616161;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #ed6d00 !important;
	color:#fff !important;
}
/*color*/
.orangeColor{color:#ed6d00;}/*TLW+*/

/*border*/
.borderBottom{}/*TLW+*/

@media (max-width: 767px) {
  .navbar-nav_7 .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav_7 .open .dropdown-menu > li > a,
  .navbar-nav_7 .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav_7 .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav_7 .open .dropdown-menu > li > a:hover,
  .navbar-nav_7 .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav_7 {
    float: left;
    margin: 0;
  }
  .navbar-nav_7 > li {
    float: left;
  }
  .navbar-nav_7 > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.navbar-nav_7 > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav_7 > li > .dropdown-menu {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-default .navbar-nav_7 > li > a {
  color: #777;
}
.navbar-default .navbar-nav_7 > li > a:hover,
.navbar-default .navbar-nav_7 > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav_7 > .active > a,
.navbar-default .navbar-nav_7 > .active > a:hover,
.navbar-default .navbar-nav_7 > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav_7 > .disabled > a,
.navbar-default .navbar-nav_7 > .disabled > a:hover,
.navbar-default .navbar-nav_7 > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-nav_7 > .open > a,
.navbar-default .navbar-nav_7 > .open > a:hover,
.navbar-default .navbar-nav_7 > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav_7 .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav_7 .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav_7 .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav_7 .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav_7 .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav_7 .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav_7 .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav_7 .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav_7 .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-nav_7 > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav_7 > li > a:hover,
.navbar-inverse .navbar-nav_7 > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav_7 > .active > a,
.navbar-inverse .navbar-nav_7 > .active > a:hover,
.navbar-inverse .navbar-nav_7 > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav_7 > .disabled > a,
.navbar-inverse .navbar-nav_7 > .disabled > a:hover,
.navbar-inverse .navbar-nav_7 > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-nav_7 > .open > a,
.navbar-inverse .navbar-nav_7 > .open > a:hover,
.navbar-inverse .navbar-nav_7 > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav_7 .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav_7 .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav_7 .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav_7 .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav_7 .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav_7 .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav_7 .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav_7 .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav_7 .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav_7 .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav_7 .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.MTB18_7{margin-top:18px;margin-bottom:18px;}
/*btnTop_7*/
.btnTop_7 {
	position: fixed;
	width: 41px;
	color: #999;
	z-index: 9999;
}
.shopping_icon {
	top: 245px;
	position: fixed;
	right: 0px;
	background: #ed6d00;
	-webkit-transition: all .7s;
	transition: all .7s;
	width: 20px;
	border-radius: 5px 0 0 5px;
	padding: 10px 0;
	z-index: 999;
}
.shopping_icon:hover {
	width: 50px;
	background: #990008;
}
.shopping_icon a {
	color: #fff;
	width: 20px;
	display: block;
	word-break: break-all;
	word-wrap: break-word;
	text-align: center;
	text-decoration: none;
}
/*shopping icon1*/
.shopping_icon1 {
	text-align: center;
	top: 370px;
	position: fixed;
	right: 0px;
	background: #5d0101;
	transition: all .7s;
	width: 20px;
	border-radius: 5px 0 0 5px;
	padding: 10px 0;
	z-index: 999;
}
.shopping_icon1:hover {
	width: 50px;
	background: #65a1a8;
}
.shopping_icon1 a {
    color: #fff;
    width: 20px;
    display: block;
    word-break: break-all;
    word-wrap: break-word;
    text-align: center;
    text-decoration: none;
    padding-right: 40px;
    margin-left: 4px;
}
/*qrcode icon*/
.qrcode_icon {
	text-align: center;
	top: 549px;
	position: fixed;
	right: 0px;
	background: #616161;
	transition: all .7s;
	width: 20px;
	border-radius: 5px 0 0 5px;
	padding: 10px 0;
	z-index: 999;
}
.qrcode_icon:hover {
	width: 50px;
	background: #b59e74;
}
.qrcode_icon a {
	color: #fff;
	width: 20px;
	display: block;
	word-break: break-all;
	word-wrap: break-word;
	text-align: center;
	text-decoration: none;
	padding-right: 40px;
	margin-left: 4px;
}
						  
/*IE10 & above hack*/
 @media all and (-ms-high-contrast:none) {
.shopping_icon {
	right: 16px;
} 
.shopping_icon1 {
	right: 16px;
}/* IE10 */
.qrcode_icon {
	right: 16px;
}/* IE10 */
 *::-ms-backdrop, .shopping_icon {
right:16px;
}
 *::-ms-backdrop, .shopping_icon1 {
right:16px;
} 
 *::-ms-backdrop, .qrcode_icon {
right:16px;
} /* IE11 */
}
/*Header*/
header {
	margin-bottom: 15px;
	background: #616161;
}
header .logo_7 {
}
.searchZone_7 {
	padding: 0px 0px;
	display: inline-block;
	background: #fff;
	border-radius: 18px;
	width:70%;
	box-sizing: border-box;
	text-align: center;
}
.searchZone_7 input {
	border: none;
	box-shadow: none;
	color: #ccc;
	box-sizing: border-box;
	vertical-align: left;
	width: 75%;
	outline:none;
}
.searchZone_7 a {
	margin-right:2px;
	margin-top:2px;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 60%;
	background: #ed6d00;
	display: inline-block;
	width: 23px;
	height: 23px;
	color: #fff;
	line-height: 26px;
	text-align: center;
	font-size: 16px;
	float: right;
}
/*Nav*/
#mainNav_7 {
	margin-top: 78px;
	margin-right:0px;
    /*margin-left:53%;*/
}

#mainNav_7 li, #loginNav_7 li {
	border-right: 1px solid #FFF;
	padding: 0 5px;
	margin: 0;
}
#mainNav_7 li:first-child, #loginNav_7 li:first-child {
	padding: 0 5px 0 0;
}
#mainNav_7 li a, #loginNav_7 li a, #loginNav_7 li span {
	font-size: 13px;
	line-height: 18px;
	padding: 0 5px;
	color: #FFF;
	background: none
}
#mainNav_7 li:last-child, #loginNav_7 li:last-child {
	border-right: none;
	padding-right: 0;
}
#mainNav_7 li a:hover, #loginNav_7 li a:hover {
	color: #333;
	background: #fff
}
#mainNav_7 li a {
	font-size: 14px
}
#mobileNav_7 {
	display: none;
}
#mobileNav_7 li {
	border-bottom: 1px solid #333;
	box-shadow: #777 0 1px 0px;
	width: 49%;
	display: inline-block;
}
#mobileNav_7 li:last-child, #mobileNav_7 li:nth-child(9) {
	border: none;
	box-shadow: none
}
#mobileNav_7 li a {
	padding: 8px 0;
	padding-left: 10px;
	color: #fff;
	background: none;
}
#mobileNav_7 li a:hover {
	color: #333;
	background: #fff;
}
#loginNav_7 {
	float: right;
}
#subNav_7 {
	background: #424242;
	padding: 10px 0;
	box-shadow: inset #333 0 5px 8px
}
#subNav_7 .btn {
	color: #fff;
	font-size: 15px;
}
#subNav_7 .btn:hover, #subNav_7 .btn-group.open .btn {
	box-shadow: none;
	color: #FC0;
	box-shadow: none
}

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

/*section*/
.hitoPrd_7, .recommendPrd_7 {
	margin: 0px auto
}
.Slider_7, .mainBN {
	margin-bottom: 30px;
}
.narrowBN {
	margin: 30px auto
}
/*stylePrds*/
.stylePrds_7 {
	margin-bottom: 15px;
}
.stylePrds_7 .row>div {
	text-align: center;
	margin-bottom: 10px;
}
.stylePrds_7 section>a {
	display: block;
}
.stylePrds_7 .row img {
	z-index: 0;
	padding: 0;
	width: 100%;
}
.stylePrds_7 .row section {
}
.stylePrds_7 .row article {
	display: table;
	width: 100%;
	background: #455a64;
	color: #fff;
	text-align: left;
	margin: 0;
	box-shadow: inset #333 0 5px 5px;
}
.stylePrds_7 .row article div {
	display: block;
	padding: 20px;
}
.stylePrds_7 .row article div h4 {
	line-height: 25px;
}
.stylePrds_7 .row article a {
	display: table-cell;
	width: 80px;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	background: #455a64;
	height: 100%;
	font-size: 120%;
	box-shadow: inset #333 0 5px 5px;
}
.stylePrds_7 .row article a:last-child {
	display: table-cell;
	width: 80px;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	background: #37474F !important;
	height: 100%;
	font-size: 120%;
	box-shadow: inset #333 0 5px 5px;
}
.stylePrds_7 .row article a:hover {
	background: #F60;
	text-decoration: none;
}
/*recommendPrds*/
.recommendPrds_7 {
	margin-bottom: 15px;
}
.recommendPrds_7 .row div {
	text-align: center;
	margin-bottom: 10px;
}
.recommendPrds_7 .row div a {
	display: block;
}
.recommendPrds_7 .row div img {
	z-index: 0;
	padding: 0;
	width: 100%;
}
.recommendPrds_7 .row div section {
	border: 0px solid #bdbdbd;
}
.recommendPrds_7 .row div section .icon_discount{
    left: 20px;
    top: 5px;
}
.recommendPrds_7 .row div h4 {
	margin: 0;
	padding: 0;
	line-height: 50px;
	font-size: 120%;
	box-shadow: none;
	height:50px;
	overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
}


/*footerFN*/
#footerFN_7 {
	border-top: 1px solid #424242;
	text-align: right;
	margin-top: 15px;
}
#footerFN_7 .safe_icons {
	vertical-align: bottom;
}
#footerFN_7 .nav {
	box-sizing: border-box;
}
#footerFN_7 .nav-pills {
	display: inline-block;
	float: none;
	text-align: right;
}
#footerFN_7 .co_icons hr {
	border: none;
	border-bottom: 1px solid #ccc;
	margin: 15px auto
}
#footerFN_7 .co_icons img {
	margin: 0 3px
}
#footerFN_7 .co_icons section {
	margin: 5px 0
}
#footerFN_7 .co_icons .fb-like {
	margin: 0 3px
}
#subNav_7 a {
	color: #fff;
	font-size: 15px;
}
#subNav_7 a:hover {
	color: #f30;
}

#subNav_7 .col-md-10 {
	width: 100%;
}
#subNav_7 .col-md-offset-2 {
	margin-left:0px;
}
#subNav_7 .col-md-offset-2 {
	text-align: center;
}
#navbar_7 .navbar-nav_7 > li > a {
	padding-top: 10px;
	padding-bottom: 11px;
}

/*子選單樣式*/
#submenu2 {
	background: #333;
	filter: Alpha(opacity=50);
}/*TLW+*/
#submenu2 a {
	font-size: 12px;
	color: #fff;
	background-color: #333;
}/*TLW+*/
#submenu2 a:hover {
	color: #f30;
	background: #fff;
}/*TLW+*/
#loginNavbox_7{
	float:left;
	 }	 
	 .nav > li > a {
    position: relative;
    display: block;
    padding: 8.5px 5px;
}
.hoterright{
    position: relative;
    min-height: 1px;
    padding-right: 0px;
	}/*TLW+*/
	
.hoterleft{
    position: relative;
    min-height: 0px;
    padding-left: 0px;}/*TLW+*/
	

/* CSS Document */
header .logo_7 img{width:50px;height:auto;margin-top:5px; max-width: 115% !important;
  }
header #topZone_7{position:fixed;left:0;top:0;z-index:9999;background:#616161;width:100%;box-shadow:0 5px 5px;}
header #subNav_7{padding:3px 0;margin-top:60px;}

.btnTop_7{right:5px;bottom:5px;}
.btnTop_7 span{display:none}

.callbacks_nav {
  top: 50%;
  height: 35px;
  width: 35px;
  margin-top:-17px;
}/*TLW+*/

#footerFN_7{padding:20px 0;text-align:center;}
#footerFN_7 .safe_icons{text-align:center;border:none;}
#footerFN_7 ul{border:none;}
#footerFN_7 .borderGrayR{border:none;text-align:center;}
#footerFN_7 li{}

/*
.brandZone,.hotItem{display:none;}
*/


#loginNav_7{margin-top:25px;}

@media (min-width: 768px) {
	
header .logo_7 img{width:auto;margin:15px 0}
header #topZone_7{position:static;}
header #subNav_7{padding:0 !important;margin-top:0px;}
.breadcrumb{display:block;}

.btnTop_7{right:20px;bottom:50px;}
.btnTop_7 span{display:block}

.callbacks_nav {
  height: 48px;
  width: 48px;
  margin-top:-24px;
}

.brandTab div a i{height:15px;bottom:-15px;}
.brandTab div a section h3{font-size:15px;}

#footerFN_7{}
#footerFN_7 .safe_icons{margin-top:0px;}
#footerFN_7 .nav{text-align:right;}
#footerFN_7 li{border:none}
#loginNav_7{margin-top:35px;}
}


@media (min-width: 992px) {

#footerFN_7 .borderGrayR{border-right:1px solid #bdbdbd;}
#footerFN_7 .co_icons{text-align:left;padding-left:20px;}
#footerFN_7 .safe_icons{text-align:left;}
}

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

.sxxt_bar{
	width:200px;
	height:100%;
	position:absolute;
	background:#F3F3F3;
	top:0px;
	left:-200px;
	z-index:9999999999999999999999999999999999;
	}
.sxxt_bar p{
	text-align:center;
	border-bottom:solid 2px #FFD5BF;
	color: #E84B09;
	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:#BE3F01;
	}
.sxxt_bar li a span{
	color:#999;
	float:right;
	}
#New_shxx{
	display:none
	}

@media (max-width: 750px) {
#wrapper_7{
	margin-top:60px;
	}

/*@media (max-width: 767px) {*/
	
}
@media (max-width: 480px) {
	.shopping_icon{top:150px;}
	.shopping_icon1{top:270px;}
	.qrcode_icon{top: 444px;}
	#shxx1.col-xs-5{
		padding:0px;
		}
	#shxx1.col-sm-5{
		padding:0px;}
	#shxx1.col-md-1{
		padding:0px;
		}
		#shxx1{
    width:60px;
	height:50px;
    float: right;
	position:relative;
	margin:5px 5px 0px 10px
			}
			
	header .logo_7 img{
	width: auto;
	}	
		#shxx1 h1.logo_7{
    width:65px;
	height:50px;
    float: right;
    height: 100%;
	position:relative;
			}
		#shxx3{
			width:60%;
     		float:right;
			margin-top:5px;
	
		}
		#shxx4{
			width:15%;
			margin-top:20px;
			padding-bottom:20px;
		}
			.mobileMenu a {
    float: left;
    padding-left: 20px;
}
#wrapper_7{
	margin-top:30px;
	}
#New_shxx{
	position: absolute;
	z-index:9999999999999;
	width:100%;
	height:auto;
	top:91px;
	display:block;
	padding-left:20px
	}
#New_shxx ul li{
	float:left;
	color: #FFF;
	margin-right:5px;
	font-size:12px;
	border-right:solid 1px #FFF;
	padding-right:5px;
		}
#New_shxx ul li a{
	color: #FFF;
	font-size:12px;
	padding:3px;
		}
#New_shxx ul li a:hover{
	background:#FFF;
	color:#000;
	text-decoration:none;
	border-radius:3px;		}
}

#loginNavbox_8{
	float:left;
	left:80px;
	 }
	 
/*固定版頭*/ 
header {position: fixed;
       width: 100%;
	    z-index:999999999999999; }
	
.bodyer{	
    padding-top: 0px;	
	 z-index:30; 
}
.img145{width:auto;height:148px;}
/*結束*/

/*billy*/

.sub-itemGategory .prdList2 .col-sm-6.col-lg-4{width:25%;margin-bottom: 0px !important;}
.sub-itemGategory .prdList2 .col-sm-6.col-lg-4 .addtocart{display:none;}
.prdList2 div section {
    display: block;
    margin: 20px auto 0 auto;
    border: 0px solid #eee;
    padding-bottom: 0px !important;
}
.prdList2 section a {
    width: 100% !important;
    height: auto !important;
}
.pagination-bar.bottom {
	border-width:0px;
    border-top: 1px solid #eee;
}

.prdList div, .prdList div:nth-child(even), .prdList div.col-md-1-5:nth-child(5n){background-position: -1500px 50000px !important;}

@media (max-width: 480px) {

	#topZone_7 > .container > .row{
		position: relative;
	}

	#topZone_7 > .container > .row #shxx1{
		position: absolute;
		left: 7px;
		top: 0;
	}
	
	.searchZone_7{
		padding: 0px 0px 0px 7px;
		width: 100%;
	}
	
	.mobileMenu {
		position: absolute;
		right: 5px;
		top: 15px;
		z-index:99;
		width: 55px;
	}
	
	#shxx3 {
		width: 60%;
		float: right;
		margin-top: 12px;
		margin-right: 35px;
	}
	
	header #topZone_7{
		box-shadow: none !important;
		padding-bottom: 35px;
		border-bottom: 7px solid #333;
	}
	
	#subNav_7{
		box-shadow: none !important;
		display:none !important;
	}
	
	.bodyer {
		padding-top: 0px !important;
		z-index: 30;
	}
	
	#New_shxx ul {
		float:right;
		list-style: none;
	}
	
	#New_shxx ul li:last-child{border-width:0px; padding-right:0px !important; margin-right:2px !important;}
	
	#mobileNav {
		margin-top: 115px !important;
		border-bottom: 5px solid #222;
		background-color: #222;
		border-top: 1px solid #222;
		width:50%;
	    overflow: scroll;
        h//eight: 300px;
		height: 590px;
		position: absolute;
		z-index:99999999999999999;
	}
	
	#mobileNav li {
		border-bottom: 1px solid #222;
		width:100%;
	}
	
	#mobileNav li a{
		color:#fff;
	}
	
	#mobileNav li ul{
		background-color: #f1f1f1;
	}
	
	.collapse.in{
		display:block !important;
		visibility: visible !important;
	}
	
	.searchEmptyPageMiddle > .content > h2{
		font-size: 21px;
		padding: 15px 0;
	}
	
	.searchEmptyPageMiddle > .content > h2 + p:after {
		content:"i??"; display:inline-block; width:10px;
	}
	
	.searchEmptyPageMiddle > .content > h2 + p + ul {
		    margin: 0 0 0 25px;
			list-style: inherit;
			list-style-type: disc;
	}
	
	.searchEmptyPageMiddle > .content > h2 + p + ul li {
			list-style: inherit;
			list-style-type: disc;
	}
	
	.brandGalleryImg{
		padding-left: 15px;
	}
	
	.brand_Recommend > .row .col-md-7.col-lg-3-5 .prdList  > div{
		width: 50%;
		float:left;
	}
	
	.brand_Recommend > .row .col-md-7.col-lg-3-5 .prdList  > div img{
		height:auto !important;
	}
	
	#footerFN_7 li {
		width: 46%;
		margin-left: 6px;
	}
	
	#footerFN_7 .nav > li > a {
		position: relative;
		display: block;
		padding: 8.5px 8px;
		text-align: center;
		border-bottom: 1px dotted #ccc;
		border-radius: 0px;
	}

	.prdList div>a img{vertical-align:top;display:inline-block;height:100%;width:100%;}

	.brandZone nav.leftNav li{
		float: left;
		margin: 0 !important;
		width: 50%;
	}
	
	.login-section + br + h2 + form input{
		margin-bottom: 10px;
	}
	
	.sub-itemGategory .prdList2 .col-sm-6.col-lg-4{width:50%;margin-bottom: 0px !important;float:left;}
	
	.sub-itemGategory .prdList2 .col-sm-6.col-lg-4 section span:last-child{
		display: block;
	}
	
	.prdList2 div section{
		margin:0px auto 0 auto !important;
	}
	
	.page-search .similarItem p span:last-child{
		display: block;
	}
	
	.stylePrds_7 .row article a{
		width:120px;
	}
	
	.stylePrds_7 .row article a:last-child{
		width:40px;
	}
	
	#mobileNav li li, #mobileNav li li a{
		display:block;
		width:100% !important;
		float:left;
		background-color:#666 !important;
		padding-left:17px !important;
	}
	
	.stylePrds_7 .row article div {
		display: block;
		padding: 20px;
	}
	
	/******2016.07.02*****/
	#wrapper > section section a h4{
		font-size: 13px;
		padding-top: 10px;
		overflow: hidden;
		max-width: 160px;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 0px auto;
	}
	
	#wrapper > section section > p span:last-child{
		display: block;
		font-size: 18px;
	}
	#wrapper > section section > p span.MR5{
		font-size: 13px;
	}
	.brandPrd .smallBn .panel-body section h4{
		font-size: 13px;
		padding-top: 10px;
		overflow: hidden;
		max-width: 160px;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 0px auto;
	}
	.prdList.List4 section p span:last-child{
		display: block;
	}
	
	.dailyItem {
		margin-bottom: 0px !important;
	}
	.dailyItem +div section a img{
		    margin: 15px 0 !important;
	}
	.leftBN .row>div {
		padding: 0 10px;
	}
	.smallBn  article.yCmsComponent > div {
		padding-left: 15px;
		padding-top: 15px;
		padding-right: 15px;
	}
	
	.smallBn .row > div {
		width: 50%;
		float: left;
		margin-bottom: 10px;
		text-align: center;
	}
	
	.yCmsContentSlot > .title-1 + div{
		margin:0 !important;
	}
	
	
	.yCmsContentSlot > .title-1 + div > div{
		float: left;
		text-align: center;
		margin-bottom: 15px;
	}
	
	.yCmsContentSlot > .title-1 + div a h4{
		font-size: 13px;
		padding-top: 10px;
		overflow: hidden;
		max-width: 160px;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 0px auto;
	}
	
	.yCmsContentSlot > .title-1 + div p span:last-child{
		display: block;
	}
	
	.dailyItem img {
		margin: 15px auto 10px auto;
	}
	
	.shopcartList > .row-md-height >.col-md-6.col-md-height{
		padding: 0;
	}
	

	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(2):after { content: 'i??'; display:inline-block; width:10px;}
	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(3):after { content: 'i??'; display:inline-block; width:10px;}
	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(4):after { content: 'i??'; display:inline-block; width:10px;}
	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(5):after { content: 'i??'; display:inline-block; width:10px;}
	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(6):after { content: 'i??'; display:inline-block; width:10px;}
	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(7):after { content: 'i??'; display:inline-block; width:10px;}
	
	.shopcart .alignRight .cart-totals .col-md-2.col-xs-3 {
		padding: 0 0 0 5px;
		text-align: left;
	}
	
	#voucherForm .form-group .col-md-4.col-xs-8 {
		width: 56% !important;
		padding-right: 5px !important;
	}
	
	#voucherForm .form-group > .col-md-4.col-xs-8 + div{
		width: auto !important; margin-top: 5px !important; margin-left: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;
	}
	
	#voucherpagediv + div{
		width: auto !important; margin-top: 5px !important; margin-left:0px !important;
	}
	
	#membershipVoucherHeader, #generalVoucherHeader{
		font-size: 13px;
		font-weight: normal;
		padding: 2px 5px;
	}
	
	.orderTab > .nav-pills > li {
		height: 55px !important;
	}
	
	.cartStep .form-control {
		padding: 3px 0px !important;
	}
	
	.page-multiStepCheckoutSummaryPage #skip-to-content + div > h3 {
		margin-top: -2px !important;
	}
	
	.page-multiStepCheckoutSummaryPage .alert.alert-danger{
		margin-bottom: 5px;
	}
	
	.cart-restoration-bar .container .container .cartRestoration{
		width: auto !important;
		margin-left: -5px;
	}
	
	.express-checkout ul{
		margin: 0 0 0 15px;
	}
	
	.cartpotproline + div{
		background: url(/_ui/responsive/theme-blue/images/arrow.png) no-repeat no-repeat left 4px;
		padding-left: 10px;
		padding-bottom: 5px;
		color: #B71C1C;
	}
	
	.dotPoint{
		background: url(/_ui/responsive/theme-blue/images/arrow.png) no-repeat no-repeat left 4px;
		padding-left: 10px;
		padding-bottom: 5px;
	}
	
	.page-multiStepCheckoutSummaryPage .form-group select{
		width:83px !important;
	}
}

@media (min-width: 481px) and (max-width: 767px) {

	#topZone_7 > .container > .row{
		position: relative;
	}
	#topZone_7 > .container > .row #shxx1{
		position: absolute;
		left: 7px;
		top: 0;
	}
	.searchZone_7{
		padding: 0px 0px 0px 7px;
		width: 100%;
	}
	
	.mobileMenu {
		position: absolute;
		right: 5px;
		top: 15px;
		z-index:99;
		width: 55px;
	}
	
	#shxx3 {
		width: 60%;
		float: right;
		margin-top: 12px;
		margin-right: 35px;
	}
	
	header #topZone_7{
		box-shadow: none !important;
		padding-bottom: 35px;
		border-bottom: 7px solid #333;
	}
	
	#subNav_7{
		box-shadow: none !important;
		display:none !important;
	}
	
	.bodyer {
		padding-top: 126px !important;
		z-index: 30;
	}
	
	#New_shxx ul{float:right;}
	
	#New_shxx ul li:last-child{border-width:0px; padding-right:0px !important; margin-right:2px !important;}
	
	#mobileNav {
		margin-top: 115px !important;
		border-bottom: 5px solid #222;
		background-color: #222;
		border-top: 1px solid #222;
		width:50%;
	    overflow: scroll;
        h//eight: 300px;
		height: 460px;
		position: absolute;
		z-index:99999999999999999;
	}
	
	#mobileNav li {
		border-bottom: 1px solid #222;
		width:100%;
	}
	
	#mobileNav li a{
		color:#fff;
	}
	
	#mobileNav li ul{
		background-color: #f1f1f1;
	}
	
	.collapse.in{
		display:block !important;
		visibility: visible !important;
	}
	
	.searchEmptyPageMiddle  > .content > h2{
		font-size: 21px;
		padding: 15px 0;
	}
	
	.searchEmptyPageMiddle  > .content > h2 + p:after {
		content:"i??"; display:inline-block; width:10px;
	}
	
	.searchEmptyPageMiddle  > .content > h2 + p + ul {
		    margin: 0 0 0 25px;
			list-style: inherit;
			list-style-type: disc;
	}
	
	.searchEmptyPageMiddle  > .content > h2 + p + ul li {
			list-style: inherit;
			list-style-type: disc;
	}
	
	.brandGalleryImg{
		padding-left: 15px;
	}
	
	.brand_Recommend > .row .col-md-7.col-lg-3-5 .prdList  > div{
		width: 50%;
		float:left;
	}
	
	.brand_Recommend > .row .col-md-7.col-lg-3-5 .prdList  > div img{
		height:auto !important;
	}

#mobileNav li a {
    line-height:2;
}
	
.hotItem ul {
	padding: 0 0 0 2%;
}
.hotItem ul li{
	width:47%;
	float:left;
	margin-right:3%;
}
.hotItem ul a {
    width: 100%;
}
.hotItem ul section {
    width: 100%;
}
.hotItem ul h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.hotItem ul img{
	width:100% !important;
	height:100% !important;
}

.prdList2 section img {
	width:100% !important;
	height:100% !important;
}


	.prdList div>a img{vertical-align:top;display:inline-block;height:100%;width:100%;}

	.brandZone nav.leftNav li{
		float: left;
		margin: 0 !important;
		width: 50%;
	}
	
	.login-section + br + h2 + form input{
		margin-bottom: 10px;
	}
	
	.sub-itemGategory .prdList2 .col-sm-6.col-lg-4{width:50%;margin-bottom: 0px !important;float:left;}
	
	.sub-itemGategory .prdList2 .col-sm-6.col-lg-4 section span:last-childdd{
		display: block;
	}
	
	.prdList2 div section{
		margin:0px auto 0 auto !important;
		text-align: left;
	}
	
	.page-search .similarItem p span:last-child{
		display: block;
	}
	
	.stylePrds_7 .row article a{
		width:120px;
	}
	
	.stylePrds_7 .row article a:last-child{
		width:40px;
	}
	
	#mobileNav li li, #mobileNav li li a{
		display:block;
		width:100% !important;
		float:left;
		background-color:#666 !important;
		padding-left:17px !important;
	}
	
	.stylePrds_7 .row article div {
		display: block;
		padding: 20px;
	}
	
	/******2016.07.02*****/
	#wrapper > section section a h4{
		font-size: 13px;
		padding-top: 10px;
		overflow: hidden;
		max-width: 160px;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 0px auto;
	}
	
	#wrapper > section section > p span:last-child{
		display: block;
		font-size: 18px;
	}
	
	#wrapper > section section > p span.MR5{
		font-size: 13px;
	}
	
	.brandPrd .smallBn .panel-body section h4{
		font-size: 13px;
		padding-top: 10px;
		overflow: hidden;
		max-width: 160px;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 0px auto;
	}
	
	.prdList.List4 section p span:last-child{
		display: block;
	}
	
	.dailyItem {
		margin-bottom: 0px !important;
	}
	
	.dailyItem +div section a img{
		    margin: 15px 0 !important;
	}
	
	.leftBN .row>div {
		padding: 0 10px;
	}
	
	.smallBn  article.yCmsComponent > div {
		padding-left: 15px;
		padding-top: 15px;
		padding-right: 15px;
	}
	
	.smallBn .row > div {
		width: 50%;
		float: left;
		margin-bottom: 10px;
		text-align: center;
	}
	
	
	.yCmsContentSlot > .title-1 + div{
		margin:0 !important;
	}
	
	
	.yCmsContentSlot > .title-1 + div > div{
		float: left;
		margin-bottom: 15px;
		width: 50%;
		text-align: left;
	}
	
	.yCmsContentSlot > .title-1 + div > div>a {
		width:100%;
		height:auto;
	}
	
	.yCmsContentSlot > .title-1 + div > div>a  img {
		vertical-align: top;
		display: inline-block;
		height: 100% !important;
		width: 100% !important;
	}
	
	.yCmsContentSlot > .title-1 + div > div h3 , .prdList2 section h3{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 100%;
		text-align: left;
		max-width:100%;
	}
	
	.yCmsContentSlot > .title-1 + div a h4{
		font-size: 13px;
		padding-top: 10px;
		overflow: hidden;
		max-width: 160px;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 0px auto;
	}
	
	.yCmsContentSlot > .title-100 + div p span:last-child{
		display: block;
	}
	
	.dailyItem img {
		margin: 15px auto 10px auto;
	}
	
	.shopcartList > .row-md-height >.col-md-6.col-md-height{
		padding: 0;
	}
	

	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(2):after { content: 'i??'; display:inline-block; width:10px;}
	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(3):after { content: 'i??'; display:inline-block; width:10px;}
	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(4):after { content: 'i??'; display:inline-block; width:10px;}
	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(5):after { content: 'i??'; display:inline-block; width:10px;}
	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(6):after { content: 'i??'; display:inline-block; width:10px;}
	.shopcart .alignRight .cart-totals .col-xs-9.col-md-10:nth-child(7):after { content: 'i??'; display:inline-block; width:10px;}
	
	.shopcart .alignRight .cart-totals .col-md-2.col-xs-3 {
		padding: 0 0 0 5px;
		text-align: left;
	}
	
	#voucherForm .form-group .col-md-4.col-xs-8 {
		width: 56% !important;
		padding-right: 5px !important;
	}
	
	#voucherForm .form-group > .col-md-4.col-xs-8 + div{
		width: auto !important; margin-top: 5px !important; margin-left: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;
	}
	
	#voucherpagediv + div{
		width: auto !important; margin-top: 5px !important; margin-left:0px !important;
	}
	
	#membershipVoucherHeader, #generalVoucherHeader{
		font-size: 13px;
		font-weight: normal;
		padding: 2px 5px;
	}
	
	.orderTab > .nav-pills > li {
		height: 55px !important;
	}
	
	.cartStep .form-control {
		padding: 3px 0px !important;
	}
	
	.page-multiStepCheckoutSummaryPage #skip-to-content + div > h3 {
		margin-top: -2px !important;
	}
	
	.page-multiStepCheckoutSummaryPage .alert.alert-danger{
		margin-bottom: 5px;
	}
	
	.cart-restoration-bar .container .container .cartRestoration{
		width: auto !important;
		margin-left: -5px;
	}
	
	.express-checkout ul{
		margin: 0 0 0 15px;
	}
	
	.cartpotproline + div{
		background: url(/_ui/responsive/theme-blue/images/arrow.png) no-repeat no-repeat left 4px;
		padding-left: 10px;
		padding-bottom: 5px;
		color: #B71C1C;
	}
	
	.dotPoint{
		background: url(/_ui/responsive/theme-blue/images/arrow.png) no-repeat no-repeat left 4px;
		padding-left: 10px;
		padding-bottom: 5px;
	}
	
	.page-multiStepCheckoutSummaryPage .form-group select{
		width:83px !important;
	}
	
	
	
}


@media (min-width: 768px) and (max-width: 1023px) {

	#topZone_7 > .container > .row{
		position:relative;
	}

	#topZone_7 > .container #shxx1{
		width: auto;
	}

	#topZone_7 > .container #shxx2{
		position: absolute;
		display: block !important;
		left: 100px;
		top: 5px;
	}
	
	#topZone_7 > .container #shxx2 #mainNav_7{
		display: none !important;
	}
	
	#topZone_7 > .container #shxx3{
		position: absolute;
		top: 0;
		right: -5px;
	}
	
	#topZone_7 > .container #shxx3 .searchZone_7{
		width: 75%;
	}
	
	#topZone_7 > .container .mobileMenu{
		display:none;
	}

	.bodyer {
		padding-top: 0px;
		z-index: 30;
	}
	
	#wrapper{
		margin-left:-5px;
	}
	
	.stylePrds_7 .row article div{
		display: block;
		padding: 20px 10px;
		text-align: center;
	}
	
	.stylePrds_7 > .row > div.yCmsContentSlot{
		width: 33% !important;
	} 
	
	.stylePrds_7 > .row > div.yCmsContentSlot article a{
		width: 130px !important;
	} 
	
	.stylePrds_7 > .row > div.yCmsContentSlot article a:last-child{
		width: 30px !important;
		font-size: 110%;
	} 
	
	.recommendPrds_7 > .row > .col-sm-6, .hitoPrd > .row > .col-sm-6, .hitoPrd > .row > .col-sm-6, .brandPrd .panel-body .col-sm-6{
		width:25%;
	}
	
	.hitoPrd > .List5  section  span:last-child, .brandPrd .panel-body .col-sm-6  section  span:last-child{
		display:block !important;
	}
	
	.prdList div img {
		width:100% !important;
		height: 100% !important;
	}
	
	.recommendPrds_7 .title-1 h3{
		display:block;
		margin-bottom:15px;
	}
	
	#navbar_7 .navbar-nav_7 > li > a {
		padding-top: 7px;
		padding-bottom: 8px;
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.page-CategoryPage .prdList >div  > p > span:last-child{
		display:block !important;
	}
	
	.page-searchEmpty .bodyer + a + .container .col-sm-8.col-md-9{
		width: 100%;
		padding-left: 20px;
	}
	
	.searchEmptyPageMiddle > .content > h2 {
		font-size: 21px;
		padding: 0px 0 15px 0;
	}
	
	.searchEmptyPageMiddle > .content > h2 + p + ul {
		margin: 0 0 0 25px;
		list-style: inherit;
		list-style-type: disc;
	}
	
	.searchEmptyPageMiddle > .content > h2 + p + ul li {
		list-style: inherit;
		list-style-type: disc;
	}
	
	.hotItem {
		margin: 0px 0 20px 16px;
	}
	
	#voucherForm .form-group > .col-md-4.col-xs-8 + div {
		width: auto !important;
		margin-top: 5px !important;
		margin-left: 0px !important;
	}
	
	.leftNav{
		margin:0 !important;
	}
	
	.leftNav .title-3{
		padding:0 !important;
		margin:0 !important;
	}
	
	.leftNav .title-3 h3{
		padding-left: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.leftNav .title-3:hover{
		color:#ed6d00;
	}
	
	.leftNav .title-3.active{
		background: url(../images/arrow.png) #ed6d00 no-repeat 99% 51%;
		color:#fff;
	}
	
}

@media (min-width: 1024px) {
	#navbar_7 .navbar-nav_7 > li > a {
		padding-top: 10px;
		padding-bottom: 11px;
		padding-right: 6px;
		padding-left: 6px;
	}
	
	#topZone_7 > .container > .row #shxx2{
		position:relative;
	}
	
	#topZone_7 > .container > .row #shxx2 #mainNav_7 {
		position: absolute;
		left: 290px;
		width: 77%;
		b//ackground-color: pink;
		z-index: 99;
	}
	
	#mainNav_7 li{
		border-right: 1px solid #FFF;
		padding: 0 3px;
		margin: 0;
	}
	
	.shopping_icon {
		width: 40px;
		right: 0px !important;
	}
	.shopping_icon:hover{width:55px;}
	.shopping_icon a {
		margin-left: 14px;
	}
	
	.shopping_icon1 {
		width: 40px;
		right: 0px !important;
	}
	.shopping_icon1:hover{width:55px;}
	.shopping_icon1 a {
		margin-left: 14px;
	}
		
	.qrcode_icon {
		width: 40px;
		right: 0px !important;
	}
	.shopping_icon:hover{width:55px;}
	.qrcode_icon a {
		margin-left: 14px;
	}
	
	.page-cartPage .bs-wizard + h4{
		color: red;
		padding-top: 18px;
		font-size: 16px;
	}
	
	.page-cartPage .bs-wizard + h4 + .shopcart{
		margin: 10px 0 20px 0 !important;
	}
	
	.cart-top-bar+div.container > h3 {
		position: absolute;
		margin-top: 25px;
	}
	
	.page-multiStepCheckoutSummaryPage .bs-wizard {
		margin-top: 1px;
		margin-bottom: 1px !important;
		padding: 15px 5px !important;
	}
	
	.smallBn .row div img {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}
	
	.smallBn .row div h4 {
		line-height: 1.5;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.yCmsContentSlot > .title-1 + div  section h4{
		/* min-height: 25px; */
		line-height: 1.5;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.yCmsContentSlot > .title-1 + div  section img{
		margin-bottom: 15px;
	}
	
	hr.heightLine{
		margin: 8px 0 0 0;
	}
	
	.leftNav{
		margin:0 !important;
	}
	
	.leftNav .title-3{
		padding:0 !important;
		margin:0 !important;
	}
	
	.leftNav .title-3 h3{
		padding-left: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.leftNav .title-3:hover{
		color:#616161;
	}
	
	.leftNav .title-3.active{
		background: url(../images/arrow.png) #ed6d00 no-repeat 99% 51%;
		color:#fff;
	}	
}
/*qrcode start*/
@media (min-width: 1024px){
	.qrcode_icon{display:none;}
}
@media (min-width: 1px) and (max-width: 1023px) {
	.qrcode_icon{display:block;}
}
/*qrcode end*/

/*footer nav effect start*/
#footerFN_7 ul.nav.nav-pills{margin-left:-110px;width:120%;}
@media (max-width: 1200px){#footerFN_7 ul.nav.nav-pills{margin-left:-90px;width:120%;}}
@media (max-width: 991px) {#footerFN_7 ul.nav.nav-pills{margin:15px 0;width:90%;}}
@media (max-width: 768px) {#footerFN_7 ul.nav.nav-pills{margin:15px 0;width:100%;}}
/*footer nav effect end*/

/*wh100 start*/
.wh100{width:100%!important;height:auto!important;}
/*wh100 end*/

/*layout effect start*/
/*global setting start*/
.mobileMenu a:hover{color:#bdbdbd;}
/*global setting end*/

.bodyer{padding-top:5px;}
@media (max-width: 1134px){.bodyer{padding-top:46px;}}

@media (max-width: 1134px){}
@media (max-width: 1024px){.bodyer{padding-top:41px;}}
@media (max-width: 768px) {.bodyer{padding-top:8px!important;}}

.breadcrumb-wrap .hotItem{left:50%;margin:0 0 0 170px;}
@media (max-width: 1200px){.breadcrumb-wrap .hotItem{left:50%;margin:0 0 0 70px;}}
@media (max-width: 1024px){}
@media (max-width: 768px) {}

.callbacks_tabs{z-index:99;}
/*layout effect end*/