@font-face {
	font-family:open sans;font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');unicode-range:U+1F00-1FFF
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');unicode-range:U+0370-03FF
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+1F00-1FFF
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0370-03FF
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');unicode-range:U+1F00-1FFF
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');unicode-range:U+0370-03FF
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
	font-family:open sans;font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

@font-face {
	font-family:open sans;font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F
}

@font-face {
	font-family:open sans;font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
	font-family:open sans;font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');unicode-range:U+1F00-1FFF
}

@font-face {
	font-family:open sans;font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');unicode-range:U+0370-03FF
}

@font-face {
	font-family:open sans;font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB
}

@font-face {
	font-family:open sans;font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
	font-family:open sans;font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

html {
	min-width: 1100px;
	padding-right: 40px
}

body {
	position: relative;
	font-family: lato,Microsoft JhengHei,simsun,sans-serif;
	font-weight: 400;
	color: #666;
	font-size: 12px;
	line-height: 20px;
	width: 100%
}

form {
	margin-bottom: 0
}

ul {
	padding: 0
}

header {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column
}

header * {
	-webkit-transition: height .2s ease-in-out;
	-moz-transition: height .2s ease-in-out;
	-ms-transition: height .2s ease-in-out;
	-o-transition: height .2s ease-in-out;
	transition: height .2s ease-in-out
}

header .sticky-show {
	display: none
}

header.sticky {
	position: fixed;
	width: inherit;
	min-height: inherit!important;
	max-width: calc(100% - 40px);
	min-width: 1100px;
	z-index: 1000;
	background-color: #fff;
	box-shadow: #dedede 4px 4px 12px
}

header.sticky .sticky-hidden {
	display: none
}

header.sticky .sticky-show {
	display: inherit
}

header.sticky~div.sticky-space {
	height: 159px
}

main {
	border-top: 1px solid #999
}

body[class^=product-product] main {
	background-color: #f2f2f2
}

main .container {
	padding-bottom: 10px
}

.strong1 {
	font-size: 33px;
	color: #444;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1
}

h1,h2,h3,h4,h5,h6 {
	color: #444
}

.fa {
	font-size: 14px
}

.row {
	max-width: 1170px
}

h1 {
	font-size: 33px
}

h2 {
	font-size: 27px
}

h3 {
	font-size: 21px
}

h4 {
	font-size: 15px
}

h5 {
	font-size: 12px
}

h6 {
	font-size: 10.2px
}

a {
	color: #ff5382
}

a:hover,a:focus {
	color: #ff076f;
	text-decoration: none
}

legend {
	font-size: 18px;
	padding: 7px 0
}

label {
	font-size: 12px;
	font-weight: 400
}

label[disabled] {
	cursor: not-allowed;
	opacity: .7
}

img.border {
	border: 1px solid #e5e5e5
}

.flex {
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap
}

.flex.grow {
	flex-grow: 1
}

.flex.right {
	margin-left: auto
}

.flex.left {
	margin-right: auto
}

.flex.top {
	margin-bottom: auto
}

.flex.bottom {
	margin-top: auto
}

.flex.center {
	margin: 0 auto
}

.flex.column {
	flex-direction: column;
	-webkit-flex-direction: column
}

.flex.wrap {
	flex-wrap: wrap
}

.flex-center {
	align-self: center
}

.flex-top {
	align-self: flex-start
}

.flex-bottom {
	align-self: flex-end
}[flex="1"] {
	flex: 1
}[flex="2"] {
	flex: 2
}[flex="3"] {
	flex: 3
}

*[grow="1"] {
	flex-grow: 1
}

*[grow="2"] {
	flex-grow: 2
}

*[grow="3"] {
	flex-grow: 3
}

div[width="80"] {
	width: 80%!important
}

*[col="1"] {
	width: 100%!important
}

*[col="2"] {
	width: 50%!important
}

*[col="3"] {
	width: 33.333333333%!important
}

*[col="4"] {
	width: 25%!important
}

*[col="5"] {
	width: 20%!important
}

*[col="6"] {
	width: 16.666666666%!important
}

*[col="7"] {
	width: 14.285714285%!important
}

*[col="8"] {
	width: 12.5%!important
}

*[col="9"] {
	width: 11.111111111%!important
}

*[col="10"] {
	width: 10%!important
}

@media(min-width:479px) {
	*[sm-col="1"] {
		width: 100%!important
	}

	*[sm-col="2"] {
		width: 50%!important
	}

	*[sm-col="3"] {
		width: 33.333333333%!important
	}

	*[sm-col="4"] {
		width: 25%!important
	}

	*[sm-col="5"] {
		width: 20%!important
	}

	*[sm-col="6"] {
		width: 16.666666666%!important
	}

	*[sm-col="7"] {
		width: 14.285714285%!important
	}

	*[sm-col="8"] {
		width: 12.5%!important
	}

	*[sm-col="9"] {
		width: 11.111111111%!important
	}

	*[sm-col="10"] {
		width: 10%!important
	}
}

@media(min-width:768px) {
	*[lg-col="1"] {
		width: 100%!important
	}

	*[lg-col="2"] {
		width: 50%!important
	}

	*[lg-col="3"] {
		width: 33.333333333%!important
	}

	*[lg-col="4"] {
		width: 25%!important
	}

	*[lg-col="5"] {
		width: 20%!important
	}

	*[lg-col="6"] {
		width: 16.666666666%!important
	}

	*[lg-col="7"] {
		width: 14.285714285%!important
	}

	*[lg-col="8"] {
		width: 12.5%!important
	}

	*[lg-col="9"] {
		width: 11.111111111%!important
	}

	*[lg-col="10"] {
		width: 10%!important
	}
}

.t {
	display: table!important;
	width: 100%;
	max-width: 1170px
}

.t-row {
	display: table-row
}

.t-cell,.t-row>* {
	display: table-cell!important;
	vertical-align: top
}

.t-cell[center],.t-row>*[center] {
	vertical-align: middle
}

footer .t-cell:not(:last-child),footer .t-row>*:not(:last-child) {
	border-right: 30px solid transparent
}

*[padding="0"] {
	padding: 0!important
}

*[no-padding-left-right] {
	padding-left: 0;
	padding-right: 0
}

*[no-padding-left] {
	padding-left: 0
}

*[no-padding-right] {
	padding-right: 0
}

table tr.center>td {
	vertical-align: middle
}

*[pointer="1"] {
	cursor: pointer!important
}

select.form-control,textarea.form-control,input[type=text].form-control,input[type=password].form-control,input[type=datetime].form-control,input[type=datetime-local].form-control,input[type=date].form-control,input[type=month].form-control,input[type=time].form-control,input[type=week].form-control,input[type=number].form-control,input[type=email].form-control,input[type=url].form-control,input[type=search].form-control,input[type=tel].form-control,input[type=color].form-control {
	font-size: 12px
}

.input-group input,.input-group select,.input-group .dropdown-menu,.input-group .popover {
	font-size: 12px
}

.input-group .input-group-addon {
	font-size: 12px;
	height: 30px
}

span.hidden-xs,span.hidden-sm,span.hidden-md,span.hidden-lg {
	display: inline
}

.nav-tabs {
	margin-bottom: 15px
}

div.required .control-label:before {
	content: '* ';
	color: red;
	font-weight: 700
}

@media(max-width:768px) {
	.navbar-nav>li {
		float: left
	}
}

.dropdown-menu {
	z-index: 3000;
	margin: -1px
}

.dropdown-menu li>a:hover {
	text-decoration: none;
	color: #ff076f;
	background-color: #fff
}

#top {
	margin-top: auto;
	color: #888;
	line-height: 25px;
	width: 100%;
}

#top>.container>div {
	position: relative
}

#top #currency .currency-select,#top #language .langauge-select,#top #region .region-select {
	text-align: left
}

#top #currency .currency-select:hover,#top #region .region-select:hover {
	text-shadow: none
}

#top .arr {
	position: absolute;
	top: -6px;
	left: 25px;
	right: auto
}

#top .arr.right {
	position: absolute;
	top: -6px;
	left: auto;
	right: 25px
}

header .grey {
	background-color: #000
}

header .btn-link {
	z-index: inherit!important;
	line-height: 25px;
	color: #fff;
	text-decoration: none!important
}

header .btn-link:hover {
	color: #ee2d7a
}

header .btn-link strong {
	font-size: 14px;
	line-height: 14px
}

#top .dropdown-menu a {
	border: none;
	box-shadow: none
}

#top .btn-link strong {
	font-size: 12px;
	line-height: 14px;
	font-weight: 400
}

#top .dropdown-toggle[data-toggle=dropdown]:hover>.bonjourhk-icon-arr_gnbLang_bottom {
	background-position: -596px -2px
}

#top .dropdown-toggle[data-toggle=dropdown]:hover>.dropdown-menu {
	display: block
}

#topest {
	background-color: #ee2758;
	color: #fff;
	height: 57px;
	font-size: 14px
}

#topest>div.container {
	height: 100%
}

#topest i.bonjourhk-icon.bonjourhk-icon-btn_close {
	-webkit-transform: scale(.6);
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
	-o-transform: scale(.6);
	transform: scale(.6);
	margin-bottom: -3px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

#topest i.bonjourhk-icon.bonjourhk-icon-btn_close:hover {
	-webkit-transform: rotate(180deg) scale(.6);
	-moz-transform: rotate(180deg) scale(.6);
	-ms-transform: rotate(180deg) scale(.6);
	-o-transform: rotate(180deg) scale(.6);
	transform: rotate(180deg) scale(.6)
}

#header-content {
	padding-top: 20px
}

header.sticky #topest {
	height: 30px
}

header.sticky #header-content {
	padding-top: 10px;
	padding-bottom: 10px
}

#header-logo {
	width: 25%;
	padding-right: 40px
}

#logo a {
	display: inline-block
}

header.sticky #header-logo {
	width: 200px
}

#search {
}

#search input {
	border-radius: inherit;
	background: #fff;
	height: 35px;
	margin: 0;
	z-index: 5;
	padding-left: 15px;
	font-size: 12px;
	color: #2c3e50;
	border: 1px solid #000
}

#search input:focus {
	box-shadow: none;
	outline: none
}

#search input::-webkit-input-placeholder,#search input::-moz-placeholder,#search input::-ms-input-placeholder,#search input:-moz-placeholder {
	color: #999
}

#search button {
	position: absolute;
	font-size: 15px;
	line-height: 20px;
	padding: 0;
	text-shadow: 0 1px 0 #fff;
	border: none;
	background: 0 0;
	color: #fcbbca;
	right: 7px;
	top: 5px
}

#search .search-submit {
	width: 80px;
	height: 35px;
	display: block;
	line-height: 35px;
	text-align: center;
	background: #000;
	color: #fff
}

#search .search-image {
	width: 35px;
	height: 35px;
	display: block;
	line-height: 35px;
	text-align: center;
	background: #fff;
	color: #111;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000
}

#search ul.dropdown-menu {
	max-height: 400px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 1001!important;
	border: 1px solid #ed145b;
	border-radius: 0;
	margin: -1px 0 0;
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}

#search ul.dropdown-menu>li {
	font-size: 12px
}

#search ul.dropdown-menu>li.dropdown-header {
	font-size: 15px;
	position: relative;
	padding: 3px 10px
}

#search ul.dropdown-menu>li:not(.dropdown-header).selected>a,#search ul.dropdown-menu>li:not(.dropdown-header):hover>a {
	background-color: #ffeef4;
	color: #333
}

#header-search {
	padding-right: 30px;
	flex-grow: 1
}

header.sticky #header-search {
	flex-grow: 0;
	width: 40%;
	padding-right: 0
}

#cart {
	z-index: 12
}

#cart>div.shopping-cart {
	position: relative;
	width: 100%;
	padding: 0 20px 0 10px;
	line-height: 32px;
	display: block;
	background: #fff;
	text-align: center;
	border: 1px solid #b7b7b7;
	z-index: 6
}

#cart>div.shopping-cart.active {
	color: #ff4070;
	cursor: pointer;
	border-bottom: none;
	padding-bottom: 1px
}

#cart .dropdown-menu {
	min-width: 320px;
	margin: -2px 0 0;
	border: 1px solid #b7b7b7;
	border-radius: initial;
	z-index: -1!important
}

@media(max-width:478px) {
	#cart .dropdown-menu {
		width: 100%
	}
}

#cart .dropdown-menu table {
	margin-bottom: 10px
}

#cart .dropdown-menu li>div {
	min-width: 427px;
	padding: 5px 10px
}

@media(max-width:478px) {
	#cart .dropdown-menu li>div {
		min-width: 100%
	}
}

#cart .dropdown-menu li p {
	margin: 10px 18px
}

#header-cart {
	max-width: 250px;
	flex-grow: 1
}

header.sticky #header-cart {
	width: 100%;
	flex-grow: 0;
	margin: 0 auto
}

.logomenu>li>a {
	display: none!important
}

.input-group-addon,.input-group-btn {
	width: 100%
}

#menu {
	background-color: #fff;
	background-image: linear-gradient(to right,#fff,#fff);
	background-repeat: repeat-x;
	border-color: #000 #000 #000;
	min-height: 40px
}

#menu .nav.navbar-nav {
	display: flex;
	display: -webkit-flex;
	margin: 0;
	width: 100%
}

#menu .nav.navbar-nav>li {
	float: none;
	display: flex;
	display: -webkit-flex;
	cursor: pointer;
	min-height: 40px
}

#menu .nav.navbar-nav>li>a {
	padding-top: 0;
	padding: 0 15px;
	padding-bottom: 0;
	display: flex;
	display: -webkit-flex;
	align-items: center
}

#menu:lang(en) .nav.navbar-nav>li>a {
	font-family: Questrial,sans-serif;
	font-size: 13px;
	padding: 0 10px
}

@media(max-width:1200px) {
	#menu:lang(en) .nav.navbar-nav>li>a {
		padding: 0 10px
	}
}

@media(max-width:1140px) {
	#menu .nav.navbar-nav>li>a {
		padding: 0 10px
	}
}

#menu .nav>li.pop[pop]:before {
	content: attr(pop);
	background-color: #ed2771;
	color: #fff;
	top: 0;
	font-family: oswaldregular,arial narrow,helvetica neue,microsoft jhenghei,新細明體,Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	padding: 2px;
	border-radius: 2px;
	line-height: 1;
	position: absolute;
	text-transform: uppercase;
	right: 2px
}

#menu .nav>li.pop[pop]:after {
	content: '';
	position: absolute;
	right: 7px;
	top: 14px;
	height: 3px;
	width: 3px;
	border: 3px solid transparent;
	border-top-color: #eb2771
}

#menu .nav>li>a {
	color: #000;
	min-height: 15px;
	background-color: transparent;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px
}

#menu .nav>li>a:hover {
	color: #000;
	text-decoration: none
}

#menu .dropdown-menu {
	padding-bottom: 0
}

#menu .dropdown-inner {
	display: table
}

#menu .dropdown-inner ul {
	display: table-cell
}

#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333;
	font-size: 12px
}

#menu .dropdown-inner li a:hover {
	color: #fff
}

#menu .see-all {
	display: block;
	margin-top: .5em;
	border-top: 1px solid #ddd;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px
}

#menu .see-all:hover,#menu .see-all:focus {
	text-decoration: none;
	color: #fff;
	background-color: #ff076f;
	background-image: linear-gradient(to bottom,#ff5382,#FF4880);
	background-repeat: repeat-x
}

#menu #category {
	float: left;
	padding-left: 15px;
	padding-top: 5px;
	font-size: 20px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.2)
}

#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #fff;
	padding: 2px 10px;
	float: right;
	border: none
}

#menu .fa-bars {
	font-size: 30px
}

#menu .btn-navbar:hover,#menu .btn-navbar:focus,#menu .btn-navbar:active,#menu .btn-navbar.disabled,#menu .btn-navbar[disabled] {
	color: #fff;
	background-color: #ff076f
}

#menu .dropdown:hover .dropdown-menu {
	display: block;
	margin-top: -1px
}

.navbar-nav li.img-nav>a {
	padding: 0 5px!important
}

.navbar-nav li.navi05:hover,.navbar-nav li.brandHover {
	background: #fff
}

.navbar-nav li.navi05:hover>a {
	color: #bf9b5f!important
}

.navbar-nav li.navi05 {
	font-size: 13px;
	z-index: 9;
	margin-left: auto
}

.container.brand_container {
	cursor: auto;
	background-color: #fff;
	z-index: 1000
}

#menu .nav>li.navi05>a {
	font-family: lato,Microsoft JhengHei,simsun,sans-serif;
	color: #bf9b5f
}

div.menu-col {
	float: left;
	width: 13%;
	margin: 0 5px
}

div.menu-col>.sub {
	line-height: 24px;
	margin-bottom: 20px
}

div.menu-col>a {
	color: #000!important;
	font-size: 14px;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 6px;
	display: block
}

div.menu-col>a:hover {
	text-decoration: underline
}

div.category-main-menu {
	background-color: #fff;
	height: auto;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.2);
	width: 100%;
	min-height: 270px;
	position: absolute;
	z-index: 100;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	visibility: hidden
}

div.category-main-menu>.container>div {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border-top: #000 1px solid
}

span.category-tag {
	color: #666
}

span.category-tag:hover {
	color: #ff5382!important;
	text-decoration: underline
}

.brand_tips {
	margin-left: 3px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

.link.active .brand_tips {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

#menu .nav>li>a::after {
	content: "";
	height: 5px;
	bottom: 0;
	position: absolute;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	width: 100%;
	left: 0;
	background: #000;
	opacity: 0
}

#menu .nav>li>a.active:after,#menu .nav>li>a:hover:after {
	opacity: 1
}

.category-main-menu a.gold {
	color: #bf9b5f;
	cursor: pointer
}

.category-main-menu a.disabled {
	color: #d7d7d7;
	cursor: default;
	pointer-events: none
}

.category-main-menu a.gold:hover,.category-main-menu a.gold.active {
	text-decoration: underline
}

.category-main-menu h4>.gold {
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px
}

#brands-menu>div {
	min-height: 270px
}

#brand-list {
	height: 230px;
	overflow-y: auto;
	padding: 0 20px
}

#brand-list * {
	-webkit-transition: top .1s ease,left .1s ease;
	-moz-transition: top .1s ease,left .1s ease;
	-ms-transition: top .1s ease,left .1s ease;
	-o-transition: top .1s ease,left .1s ease;
	transition: top .1s ease,left .1s ease
}

#brand-list h4 {
	font-family: avalon-bold,Arial,sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0
}

#brand-list a {
	font-size: 12px
}

#brand-search {
	border-radius: 2px;
	background-clip: padding-box;
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid #d7d7d7;
	font-size: 13px;
	height: 39px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	color: #444;
	text-decoration: none;
	padding-left: 10px;
	width: 280px
}

.brands-letter {
	padding: 10px 0
}

.brands-letter>a {
	color: #bf9b5f;
	font-family: avalon-demi,Arial,sans-serif;
	font-size: 12px;
	font-weight: 400
}

.brands-letter>a:hover {
	color: #d50032
}

#content {
	min-height: 600px
}

footer {
	padding-top: 30px;
	border-top: 1px solid #999;
	color: #6c6c6c
}

footer hr {
	border-top: none;
	border-bottom: 1px solid #666
}

footer a {
	font-size: 12px;
	display: inline-block;
	color: #999
}

footer a:hover {
	color: #ec3461;
	text-decoration: underline
}

footer a:focus {
	text-decoration: none
}

footer h5 {
	font-size: 15px;
	color: #676767;
	font-weight: 400;
	display: block;
	margin-bottom: 10px
}

footer ul.list-unstyled>li>.bonjourhk-icon {
	margin-bottom: 10px
}

footer>.container.flex>.flex:not(:first-child) {
	margin-left: auto
}

footer>.container.flex>.flex:not(:last-child) {
	margin-right: auto
}

.alert {
	padding: 8px 14px;
	margin-bottom: 0;
	margin: 0 auto;
	max-width: 1140px
}

.breadcrumb {
	margin: 20px auto;
	padding: 8px 0;
	max-width: 1140px;
	margin: 10px auto;
	padding: 0!important;
	background-color: #fff
}

.breadcrumb i {
	font-size: 15px
}

.breadcrumb>li {
	padding: 0 5px;
	position: relative;
	white-space: nowrap
}

.breadcrumb>li+li:before {
	content: '';
	padding: 0
}

.breadcrumb li:last-child a {
	color: #ee2758;
	padding: 0 9px 0 4px
}

.breadcrumb li:not(:last-child) a {
	color: #999;
	padding: 0 9px 0 4px
}

.breadcrumb li a:hover {
	color: #ee2758;
	text-decoration: underline
}

.breadcrumb>li:not(:last-child):after {
	content: '>';
	display: block;
	position: absolute;
	top: -1px;
	right: -5px;
	padding: 0 2px
}

.pagination {
	margin: 0
}

a.button {
	margin: 0 auto;
	text-align: center;
	background-color: #fc9dbb;
	display: block;
	width: 50px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,.25);
	border-bottom: 1px solid rgba(0,0,0,.25);
	position: relative;
	cursor: pointer
}

a.button:hover {
	background-color: #c33100
}

a.disabled {
	cursor: default;
	color: #d7d7d7!important
}

.buttons {
	margin: 1em 0
}

.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)
}

.btn-xs {
	font-size: 9px
}

.btn-sm {
	font-size: 10.2px
}

.btn-lg {
	padding: 10px 16px;
	font-size: 15px
}

.btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover {
	font-size: 12px
}

.btn-group>.btn-xs {
	font-size: 9px
}

.btn-group>.btn-sm {
	font-size: 10.2px
}

.btn-group>.btn-lg {
	font-size: 15px
}

.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom,#eeeeee,#dddddd);
	background-repeat: repeat-x;
	border-color: #ddd #ddd #b3b3b3 #b7b7b7
}

.btn-primary {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #ff076f;
	background-image: linear-gradient(to bottom,#ff5382,#FF4880);
	background-repeat: repeat-x;
	border-color: #ff4880 #ff4880 #e0007c
}

.btn-primary:hover,.btn-primary.focus,.btn-primary:focus,.btn-primary.active,.btn-primary.active:hover,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary:active,.btn-primary:active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled.focus,.btn-primary.disabled.focus,.btn-primary.disabled.active,.btn-primary.disabled.active:hover,.btn-primary.disabled.active.focus,.btn-primary.disabled.active:focus,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled].active,.btn-primary[disabled].active:hover,.btn-primary[disabled].active.focus,.btn-primary[disabled].active:focus,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.active:hover,fieldset[disabled] .btn-primary.active.focus,fieldset[disabled] .btn-primary.active:focus {
	background-color: #ee3770;
	border-color: #ff5382;
	background-position: 0 -15px
}

.btn-warning {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom,#fbb450,#f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704
}

.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0,0,0,.1)
}

.btn-danger {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom,#ee5f5b,#f30080);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420
}

.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0,0,0,.1)
}

.btn-success {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom,#62c462,#51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038
}

.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0,0,0,.1)
}

.btn-info {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #ff076f;
	background-image: linear-gradient(to bottom,#ff076f,#ED0768);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a
}

.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled] {
	background-image: none;
	background-color: #df5c39
}

.btn-link {
	border-color: transparent;
	cursor: pointer;
	color: #23a1d1;
	border-radius: 0
}

.btn-link,.btn-link:active,.btn-link[disabled] {
	background-color: transparent;
	background-image: none;
	box-shadow: none
}

.btn-inverse {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom,#444444,#222222);
	background-repeat: repeat-x;
	border-color: #222 #222 #000
}

.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled] {
	background-color: #222;
	background-image: linear-gradient(to bottom,#333333,#111111)
}

#cart .btn-inverse {
	padding: 0 20px;
	line-height: 35px;
	display: block;
	float: left;
	border: 1px solid #b7b7b7;
	position: relative;
	z-index: 1;
	background: #fff;
	z-index: 6;
	color: #666
}

.list-group a {
	border: 1px solid #ddd;
	color: #888;
	padding: 8px 12px
}

.list-group a.active,.list-group a.active:hover,.list-group a:hover {
	color: #444;
	background: #eee;
	border: 1px solid #ddd;
	text-shadow: 0 1px 0 #fff
}

.carousel-caption {
	color: #fff;
	text-shadow: 0 1px 0 #000
}

.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome
}

.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome
}

.product-col .price {
	font-size: 19px;
	color: #ee2758
}

.product-col .price>del {
	color: #999;
	font-size: 12px
}

.product-list {
	float: left;
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 12.5px
}

.product-col {
	position: relative;
	display: flex;
	display: -webkit-flex;
	padding: 5px 2.5px;
	width: 100%
}

.product-layout {
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	width: 100%;
	padding-bottom: 10px;
	background-color: #fff;
	-moz-transition: .3s linear;
	-webkit-transition: .3s linear;
	-o-transition: .3s linear;
	transition: .3s linear
}

.product-layout[no-border] {
	border: none
}

.product-list.additionalpurchase .product-layout.t {
	padding-bottom: 0
}

.product-list.additionalpurchase .product-layout {
	border-top: solid 3px #65eda3
}

.product-list.additionalpurchase .product-layout>.t-row {
	height: 250px
}

.product-layout:hover {
}

.product-layout[no-border]:hover {
	border: none
}

.addWish {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #555;
	font-size: 16px;
	font-weight: 700;
	z-index: 10;
	cursor: pointer;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.product-layout:hover .addWish {
	display: block
}

.addWish:hover .bonjourhk-icon-heart_icon {
	background-position: -586px -65px
}

.addWish:hover {
	color: #ec3461;
	cursor: pointer
}

.addWish .bonjourhk-icon {
	margin-right: 3px;
	margin-bottom: -2px
}

.product-thumb {
	position: relative;
	text-align: center;
	width: 100%
}

.product-thumb .image {
	padding: 5px
}

.product-thumb .image img {
	margin-left: auto;
	margin-right: auto
}

.product-layout .caption {
	padding: 0 12.5px;
	flex: 1 0 auto;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column
}

.product-layout .caption .item_des {
	min-height: 75px;
	margin-top: 10px;
}

.product-list.additionalpurchase .product-layout .caption {
	min-height: 120px
}

.product-layout .tags {
	cursor: default
}

.product-layout .product-manufacturer>a {
	color: #444;
	display: block;
	font-size: 14px
}

.product-layout .product-manufacturer>a:hover,a.grey:hover {
	text-decoration: underline
}

.product-layout .product-manufacturer:lang(en)>a {
	font-weight: 700
}

a.grey {
	font-size: 14px;
	color: #333
}

.item_name {
	position: relative
}

.item_unit {
	font-size: 12px;
	cursor: default
}

.product-layout .caption>.price {
	font-size: 14px;
	color: #000;
	font-weight: 700;
	margin-top: 20px;
	min-height: 55px
}

.product-list.additionalpurchase .product-layout .caption>.price {
	min-height: 0
}

.product-layout .caption .price i {
	font-weight: 700;
	font-style: normal;
	font-family: lato,Microsoft JhengHei,simsun,sans-serif;
	margin-right: 1px
}

.product-layout .caption .price em {
	font-size: 26px;
	line-height: 26px;
	font-weight: 700;
	font-style: normal;
	margin-bottom: 10px
}

.product-layout .caption .price span {
	display: block
}

.product-list.additionalpurchase .product-layout .caption .price span {
	display: inline-block
}

.product-layout .caption .price span.small {
	line-height: 85%
}

.cart-icon {
	overflow: hidden;
	position: absolute;
	right: 12.5px;
	bottom: 20px;
	text-align: center;
	cursor: pointer
}

.discount_tag {
	width: 43px;
	height: 43px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	background-color: #ff5073;
	position: absolute;
	top: 5px;
	left: 5px;
	pointer-events: none;
	font-weight: 700;
	line-height: 18px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
	padding-top: 1px
}

.discount_tag.main i {
	font-size: 14px;
	font-style: normal
}

.discount_tag:after {
	content: 'OFF';
	font-size: 1rem;
	display: inline;
	margin: 1rem;
	white-space: nowrap
}

.product-layout .gift>a,body[class^=product-product-] #content .gift>a {
	font-size: 13px;
	line-height: 18px;
	color: #ff5073;
	float: left;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left
}

.product-layout .gift>a:hover,body[class^=product-product-] #content .gift>a:hover,.product-layout .gift>a:active,body[class^=product-product-] #content .gift>a:active {
	color: #ff5073;
	text-decoration: none
}

body[class^=product-product-] #content .gift {
	display: inline-block
}

body[class^=product-product-] #content .gift>a {
	padding-top: 10px;
	text-overflow: inherit;
	white-space: inherit
}

.product-layout .gift>a[circle-tag]:before,body[class^=product-product-] #content .gift>a[circle-tag]:before {
	content: attr(circle-tag);
	display: inline-block;
	width: 18px;
	height: 18px;
	text-align: center;
	font-size: 13px;
	line-height: 15px;
	margin-right: 3px;
	color: #ff5073;
	border: solid 1px #ff5073;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.shopping_bag {
	display: inline-block;
	background-color: #ff076f;
	text-align: center;
	color: #fff;
	cursor: pointer;
	min-width: 100px;
	width: 60%;
	margin: 0 auto;
	padding: 5px 20px
}

.shopping_bag:hover,.shopping_bag:active {
	filter: grayscale(100%)
}

.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0
}

.thumbnails>li {
	margin-left: 20px
}

.thumbnails {
	margin-left: -20px
}

.thumbnails>img {
	width: 100%
}

.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd
}

.image-additional {
	max-width: 78px
}

.thumbnails .image-additional {
	float: left;
	margin-left: 20px
}

@media(min-width:1200px) {
	#content .col-lg-2:nth-child(6n+1),#content .col-lg-2:nth-child(6n+1),#content .col-lg-3:nth-child(4n+1),#content .col-lg-4:nth-child(3n+1),#content .col-lg-6:nth-child(2n+1) {
		clear: left
	}
}

@media(min-width:992px) and (max-width:1199px) {
	#content .col-md-2:nth-child(6n+1),#content .col-md-2:nth-child(6n+1),#content .col-md-3:nth-child(4n+1),#content .col-md-4:nth-child(3n+1),#content .col-md-6:nth-child(2n+1) {
		clear: left
	}
}

@media(min-width:768px) and (max-width:991px) {
	#content .col-sm-2:nth-child(6n+1),#content .col-sm-2:nth-child(6n+1),#content .col-sm-3:nth-child(4n+1),#content .col-sm-4:nth-child(3n+1),#content .col-sm-6:nth-child(2n+1) {
		clear: left
	}
}

@media(min-width:768px) {
	#column-left .product-layout .col-md-3 {
		width: 100%
	}

	#column-left+#content .product-layout .col-md-3 {
		width: 50%
	}

	#column-left+#content+#column-right .product-layout .col-md-3 {
		width: 100%
	}

	#content+#column-right .product-layout .col-md-3 {
		width: 100%
	}
}

#column-left .product-layout,#column-right .product-layout {
	width: 100%
}

.input-group .form-control[name^=quantity] {
	min-width: 50px
}

.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled] {
	background-image: none;
	background-color: #df5c39
}

span.delprice {
	text-decoration: line-through;
	color: #a1a0a1;
	font-weight: 400
}

.custom-alert {
	position: fixed;
	z-index: 1000;
	top: 100px;
	left: 50%;
	max-width: 1140px;
	width: 100%;
	transform: translateX(calc(-50% - 20px));
	-ms-transform: translateX(-52%)
}

#backtotop {
	bottom: 10px;
	right: 10px;
	display: none;
	position: fixed;
	height: 50px;
	width: 50px;
	font-size: 50px;
	color: #aaa;
	border: 1px solid #aaa;
	border-radius: 100%;
	text-align: center;
	background: rgba(255,255,255,.8);
	cursor: pointer;
	z-index: 100
}

#backtotop:hover {
	opacity: 1
}

#backtotop:active {
	color: #000;
	border: 1px solid #000
}

#backtotop .fa {
	font-size: 43px
}

.fourpic div {
	margin: 0;
	padding: 5px 2.5px
}

.fourpic div img {
	max-width: 100%
}

.logomenu {
	width: 50%;
	float: right;
	margin: auto
}

.logomenu a {
	margin: auto;
	position: relative;
	width: 100%
}

.logomenu li {
	height: 28px;
	display: inline-block;
	width: 20%;
	padding: 0;
	line-height: 21px;
	vertical-align: bottom;
	position: relative
}

.logomenu li a,.logomenu li img {
	max-width: 100%!important;
	max-height: 100%
}

.logomenu li a {
	height: 100%
}

.logomenu li a img {
	position: absolute;
	bottom: 0
}

.logomenu li ul li {
	float: none;
	display: block;
	width: 100%
}

.product_btn_group {
	position: absolute;
	right: 10px;
	z-index: 2
}

.product_btn_group>div {
	margin-bottom: 10px;
	cursor: pointer;
	background-color: rgba(255,255,255,.8);
	background-position: center;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 0 4px rgba(0,0,0,.2);
	box-shadow: 0 0 4px rgba(0,0,0,.2)
}

.out_of_stock {
	width: 100%;
	text-align: center;
	border-top: 5px #ccc solid;
	border-bottom: 5px #ccc solid;
	background-color: rgba(255,255,255,.8);
	position: absolute;
	top: 50%;
	color: #666;
	padding: 5px 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
	pointer-events: none
}

b.point {
	font-size: 14px
}

h3.topic {
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	margin-left: -15px;
	margin-right: -15px
}

@media(max-width:767px) {
	.row.fourpic {
		margin: 0 -15px
	}

	.home .row.fourpic {
		margin: 0
	}
}

.row.fourpic.item {
	background-color: #f5f5f5
}

#cart_num {
	position: absolute;
	color: #fff;
	line-height: 16px;
	text-align: center
}

.cart_num {
	width: 21px;
	height: 21px;
	display: block;
	border-radius: 50%;
	background-color: #ed145b;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	color: #fff
}

.owl-pagination {
	top: -22px!important
}

.home .owl-controls {
	height: 0
}

.owl-controls .owl-page.active span {
	background: #f93579!important
}

.owl-controls .owl-page span {
	cursor: pointer;
	width: 10px!important;
	height: 10px!important;
	overflow: hidden;
	font-size: 0;
	background: url(../images/new-img/bonjourhk_icon_20190614_opt.png)!important;
	box-shadow: inset 0 0 0 transparent!important;
	background-position: -689px -163px!important;
	background-repeat: no-repeat!important;
	display: inline-block!important
}

#slideshow-product-image .owl-controls .owl-page span {
	background: #a5a5a5!important;
	width: 9px;
	height: 9px;
	box-shadow: none
}

#slideshow-product-image .owl-pagination {
	top: 0!important
}

#slideshow-product-image .owl-controls .owl-page.active span {
	background: #fcbbca!important
}

.detail-price {
	padding: 15px 0;
	font-style: normal;
	font-size: 17px;
	color: #ee2758;
	font-weight: 700;
	line-height: 19px
}

.detail-price label {
	color: #333;
	font-size: 17px;
	font-weight: 700
}

.detail-price price {
	font-size: 32px;
	line-height: 34px
}

.brand_name,.brand_item,.brand-title {
	color: #333;
	font-size: 19px;
	line-height: 1.3;
	margin-top: -5px
}

.list-unstyled li {
	font-size: 14px
}

#product .form-group label.control-label {
	font-size: 16px
}

i.fa.fa-caret-down {
	font-size: 20px;
	color: #bfbfbf
}

label.col-sm-2.control-label {
	color: #777;
	font-size: 14px
}

.panel-heading>.panel-title,.panel-heading>panel-title>a {
	font-weight: 700;
	font-size: 14px
}

.col-sm-4.detail_col {
	border-bottom: #f5f5f5 8px solid
}

.detail-des {
	font-size: 16px;
	border-bottom: #e7e7e7 2px solid;
	color: #333;
	margin-bottom: 15px;
	margin: 0 20px 5px
}

.white .more {
	display: inline-block;
	cursor: pointer;
	color: #9e8a6e;
	font-size: 14px
}

.white .more:hover {
	color: #911d34
}

.white .more:after {
	content: ' >';
	font-family: simsun,宋体,microsoft yahei,arial,sans-serif!important
}

.white .more[small] {
	font-size: 12px
}

div.detail-title {
	display: inline-block;
	border-bottom: 2px solid #ee2758;
	font-size: 17px;
	color: #333;
	line-height: 25px;
	margin-bottom: -1px
}

.white {
	background-color: #fff;
	margin-bottom: 30px;
	padding: 23px 15px 20px
}

.white div.content {
	padding: 8px 20px;
	font-size: 14px;
	color: #333;
	line-height: 28px;
	padding-bottom: 10px
}

.tab-content {
	font-size: 14px;
	color: #333;
	line-height: 28px;
	padding-bottom: 10px
}

#product .form-group label.control-label,h3.relate_title {
	font-size: 16px;
	color: #333
}

.pull-right.lang_adj {
	margin-top: -4px
}

i.fa.fa-shopping-cart {
	font-size: 16px;
	padding-right: 3px
}

span#cart-total {
	font-size: 13px;
	font-family: Microsoft JhengHei,arial,sans serif
}

@media(min-width:767px) and (max-width:1199px) {
	span#cart-total {
		overflow-x: hidden;
		font-size: 12px
	}
}

.dropdown a.dropdown-toggle {
	font-size: 16px
}

.cart-deals-list {
	overflow: hidden
}

.cart-deals-list .main-title,.cart-deals-list .main-title a {
	margin-top: 0;
	color: #333;
	font-size: 16px;
	line-height: 23px;
	font-weight: 700
}

.cart-deals-list ul {
	margin: 0;
	padding: 0
}

.cart-deals-list ul li {
	display: block;
	border-bottom: 1px #d8d8d8 solid;
	position: relative;
	background: #f7f7f7;
	padding: .9375rem .625rem;
	list-style: none
}

.cart-deals-list .product-img {
	height: 100%
}

.cart-deals-list .product-img img {
	max-width: 100%;
	max-height: 100%;
	top: 50%
}

.cart-title {
	position: relative
}

.cart-deals-list .info-left {
}

.cart-deals-list .main-title {
	margin-top: 0;
	color: #333;
	font-size: 16px;
	line-height: 23px
}

.cart-deals-list .sub-title {
	color: #999;
	font-size: 16px;
	line-height: 23px
}

.sub-title span {
	color: #000
}

div.cart-total-price span {
	color: #ff076f
}

.price-list {
	padding-top: 20px
}

.cart-deals-list .num-count {
	border: 1px solid #dad7d7;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.fl {
	float: left
}

.fr {
	float: right
}

.cart-bar {
	height: 30px;
	padding-top: 8px
}

.quantity {
	width: 50px;
	line-height: 30px;
	border-left: 1px solid #dad7d7;
	border-right: 1px solid #dad7d7;
	color: #424242;
	border-bottom: 0;
	border-top: 0;
	font-size: 16px;
	text-align: center
}

.quantity .fl input {
	border: none;
	text-transform: none;
	-webkit-tap-highlight-color: transparent;
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
	outline: 0
}

h2 {
	font-size: 24px;
	font-weight: 700;
	font-family: Microsoft JhengHei,arial,sans serif;
	border-bottom: 1px #dfdfdf solid
}

div.cart-total-price span,td.cart-total-price {
	color: #ff076f
}

.fleft {
	float: left
}

.fright {
	float: right
}

.bottom-right {
	position: absolute;
	bottom: 15px;
	right: 15px
}

.top-right {
	position: absolute;
	top: 15px;
	right: 15px
}

.frame {
	width: 100%;
	border: 1px solid #ccc
}

.frame tr td {
	text-align: center;
	vertical-align: middle;
	font-size: 14px!important;
	border: 1px solid #ccc;
	padding-left: 15px;
	padding-right: 15px
}

.addtocart {
	background: 0 0
}

.frame tr:nth-child(even) td {
	position: relative
}

.frame tr:nth-child(even) td:after {
	vertical-align: middle;
	background-color: #fff!important;
	content: "";
	display: block;
	width: 15px;
	height: 100%;
	right: 0;
	top: 0;
	position: absolute;
	z-index: 0
}

.frame tr:nth-child(even) td:before {
	vertical-align: middle;
	background-color: #fff!important;
	content: "";
	font-family: FontAwesome;
	display: block;
	width: 15px;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 0
}

.frame tr:nth-child(odd) {
	background-color: #eee!important
}

.frame tr:nth-child(odd) td {
	padding: 10px
}

.slider-products {
	display: none
}

.slider-products a {
	font-size: 12px;
	color: #333;
	font-family: lato,Microsoft JhengHei,simsun,sans-serif
}

.slider-products a:hover {
	text-decoration: underline
}

.slider-products.owl-carousel {
	margin: 0 20px;
	width: initial
}

.slider-products .owl-controls .owl-buttons>div.owl-prev {
	left: -17px
}

.slider-products .owl-controls .owl-buttons>div.owl-next {
	right: -17px
}

.slider-products .owl-controls .owl-buttons div,.slider-products .owl-controls .owl-buttons div:hover,.slider-products .owl-controls .owl-buttons div,.slider-products.owl-carousel:hover .owl-buttons div {
	opacity: 1;
	top: 40%
}

.slider-products[small] .owl-controls .owl-buttons>div.owl-prev {
	left: -25px
}

.slider-products[small] .owl-controls .owl-buttons>div.owl-next {
	right: -25px
}

.slider-products[small] .owl-controls .owl-buttons div,.slider-products[small] .owl-controls .owl-buttons div:hover,.slider-products .owl-controls .owl-buttons div,.slider-products.owl-carousel:hover .owl-buttons div {
	opacity: 1;
	top: 30%
}

.slider-products .item {
	padding: 20px 20px 0;
	cursor: pointer
}

.slider-products[small] .item {
	padding: 5px 5px 0
}

.slider-products .item .price {
	font-size: 14px;
	color: #ee2758
}

.slider-products[small] .item .price {
	font-size: 13px;
	color: #333;
	padding-top: 10px
}

.slider-products .item .price>del {
	margin-left: 10px;
	color: #999;
	font-size: 12px
}

#compare-data {
	position: absolute;
	background: 0 0
}

#compare-data:hover {
}

.comparedata {
	padding: 15px;
	font-size: 14px
}

#order_table {
	border: 1px solid #e6e6e6
}

#order_table td {
	border: 1px #e6e6e6
}

#order_status,#order_total {
	color: #ff076f
}

#order_table .bold {
	font-weight: 700
}

#order_table .left {
	width: 30%
}

#order_table .right {
	width: 60%
}

.img-thumbnail {
	border: none!important
}

.order-info {
	width: 100%;
	border-collapse: separate
}

.order-info b {
	font-size: 14px;
	color: #999
}

.order-info :after {
	content: ""
}

.order-info tr:first-child {
	background-color: #eee
}

.order-info tr:first-child th {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	font-size: 14px
}

.order-info tr:last-child td {
	padding-bottom: 15px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px
}

.order-info tr td,.order-info tr th {
	border: 1px solid #ddd;
	padding: 5px 15px
}

.order-info tr td>div {
	margin-bottom: 15px
}

@media(max-width:991px) and (min-width:768px) {
	#content .col-sm-3:nth-child(4n+1) {
		clear: none
	}
}

@media(max-width:767px) {
	div#additional_purchase.col-sm-3.showproduct2.owl-carousel.owl-theme {
		margin: 0 auto
	}

	div#ProductAdditionalPurchase {
		border-bottom: #f5f5f5 8px solid;
		position: relative;
		height: auto!important;
		width: 100%;
		display: inline-block;
		margin: 0 auto
	}

	.col-sm-3.showproduct {
		text-align: center
	}

	div.offer {
		margin-top: 20px!important;
		height: 230px!important;
		text-align: center
	}

	div.symbol {
		margin: 0% 40%!important;
		height: 50px!important
	}
}

@media(min-width:434px) {
	div#ProductAdditionalPurchase {
		width: 100%
	}
}

div.offer {
	height: 300px
}

div#ProductAdditionalPurchase {
	text-align: center
}

div#button-addtionalpurchase {
	margin: 20px 0
}

div.result_line {
	text-decoration: line-through
}

.showproduct2.owl-carousel {
	width: 25%
}

.standard-img {
	display: inline-flex
}

@media(max-width:1200px) {
	.container {
		width: 100%
	}
}

.btn_close {
	width: 20px;
	height: 20px;
	position: absolute;
	right: -10px;
	top: -10px;
	border-radius: 100%;
	font-size: 20px;
	text-align: center;
	background-color: #fff;
	cursor: pointer;
	font-weight: 1
}

.btn_close::before {
	font-family: FontAwesome;
	content: "\f00d"
}

#sidebar {
	z-index: 1000;
	position: fixed;
	left: 40px;
	max-height: calc(100vh - 59px)
}

@media(max-width:1500px) {
	#sidebar {
		left: 0
	}
}

.showsidebar {
	display: none;
	cursor: pointer;
	width: 36px;
	height: 36px;
	box-shadow: 0 0 1px 1px rgba(144,144,144,.5);
	margin-left: -1px;
	margin-top: 200px;
	background-color: #fff;
	padding: 3px;
	text-align: center
}

.showsidebar>i {
	font-size: 28px!important
}

.vertical-center {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

#tool_bar {
	width: 40px;
	position: fixed;
	right: 0;
	top: 0;
	height: 100vh;
	z-index: 1005;
	background: rgba(3,3,3,.5);
	vertical-align: middle;
	font-family: microsoft yahei,arial
}

#tool_bar .tool-btn {
	position: relative;
	text-align: center;
	color: #fff;
	height: 40px;
	display: flex;
	display: -webkit-flex;
	cursor: pointer
}

#tool_bar .tool-btn:hover,#tool_bar .tool-btn.active {
	background-color: #ff076f
}

#tool_bar .tool-btn>i {
	pointer-events: none
}

#tool_bar .pop {
	position: absolute;
	top: 0;
	right: 40px;
	color: #d8d8d8;
	min-width: 100px;
	background-color: #666;
	padding: 10px;
	cursor: default;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	transition: all .1s ease-in;
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	transform: translateX(-20px)
}

#tool_bar .tool-btn:hover>.pop {
	pointer-events: all;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

#tool_bar .pop:after {
	content: '';
	position: absolute;
	right: -11px;
	top: 12px;
	width: 0;
	height: 0;
	overflow: hidden;
	border: 6px solid transparent;
	border-left: 6px solid #666
}

#tool_bar .pop.white {
	background-color: #fff;
	border-radius: 5px 0 0 5px;
	color: #000;
	cursor: default;
	border-radius: initial
}

#tool_bar .pop.white:after {
	border-left: 6px solid #fff
}

#loggin a {
	color: #fff!important
}

#loggin a:hover {
	color: #ff7786!important
}

#tool-cart {
	height: auto!important
}

#Cartpop {
	z-index: 1002;
	position: fixed;
	height: 100%;
	width: 300px;
	top: 0;
	right: 40px;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.4);
	padding: 20px;
	color: #000;
	cursor: default;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
	-webkit-transform: translateX(340px);
	-moz-transform: translateX(340px);
	-ms-transform: translateX(340px);
	-o-transform: translateX(340px);
	transform: translateX(340px)
}

#Cartpop.open {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

#Cartpop.open:after {
	content: '';
	display: block;
	position: absolute;
	top: 45%;
	right: -9px;
	background-color: #ff076f;
	width: 10px;
	height: 10px;
	transform: rotate(-45deg) translateY(-50%);
	-webkit-transform: rotate(-45deg) translateY(-50%);
	-moz-transform: rotate(-45deg) translateY(-50%);
	-o-transform: rotate(-45deg) translateY(-50%);
	-ms-transform: rotate(-45deg) translateY(-50%)
}

#Cartpop table {
	width: 100%;
	margin-top: 15px;
	margin-left: 2px
}

#Cartpop table tr {
	padding: 10px 0;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-bottom: 1px silver dotted
}

#Cartpop table tr.href {
	cursor: pointer
}

#Cartpop table tr.href:hover {
	border: 1px #cdcdcd solid
}

#Cartpop table td.text-center {
	padding: 10px 0
}

#Cartpop table tr.href td {
	position: relative;
	vertical-align: middle;
	padding: 5px 10px
}

#Cartpop table tr.href td .delete-item {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 17px;
	height: 17px;
	transform: translate(50%,-50%);
	-webkit-transform: translate(50%,-50%);
	-moz-transform: translate(50%,-50%);
	-o-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%)
}

#Cartpop table tr.href:hover .delete-item {
	display: block
}

p.shop_btn {
	width: 100px;
	float: right;
	border: 1px solid #ff5382;
	text-align: center;
	margin: 10px 0!important
}

p.shop_btn:hover {
	background: #ff5382
}

p.shop_btn:hover>strong {
	color: #fff
}

.discount_arrow {
	font-size: 11px;
	font-family: mheihk bold;
	font-weight: 700;
	position: absolute;
	display: block;
	top: -3px;
	left: 10%;
	width: 59px;
	height: 60px;
	pointer-events: none;
	z-index: 1
}

.discount_arrow[price]:after {
	content: attr(price);
	color: #fff;
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 15px;
	left: 0
}

.full-width {
	width: 100%;
	max-width: 1900px
}

.navbar {
	border: none
}

.container.menucontainer nav .navbar-collapse.collapse {
	max-width: 1170px;
	margin: 0 auto;
	border: none
}

.navbar-nav .open .dropdown-menu:hover,.navbar-nav .open .dropdown-menu {
	position: absolute;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.15);
	box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.navbar-nav .dropdown.open,.navbar-nav .dropdown:hover {
	text-decoration: none
}

#main4ads {
	max-width: 1140px;
	margin: 0 auto
}

#main4ads .row {
	margin: 0
}

.fourpic {
	max-width: 1140px;
	margin: 0 auto
}

.popup-background {
	opacity: 1;
	display: none;
	z-index: 3000;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #181f25;
	padding: 25px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain
}

.popup-background a {
	color: #fff
}

.blur {
	filter: blur(4px);
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-o-filter: blur(4px);
	-ms-filter: blur(4px)
}

#category-list>div span {
	display: none
}

#region-list div {
	padding: 5px 15px;
	border: 2px solid #828ea6;
	border-radius: 15px
}

#region-list div.active {
	background-color: #828ea6
}

#region-list>div span {
	color: #fff
}

#language-list>div span {
	color: #828ea6;
	border: 2px solid #828ea6;
	border-radius: 15px;
	padding: 5px 15px
}

#language-list>div.active span {
	background-color: #828ea6;
	color: #fff
}

.close-popup {
	width: auto!important;
	cursor: pointer;
	position: fixed;
	right: 20px;
	bottom: 20px;
	text-align: center
}

.close-popup img {
	width: 30px;
	height: 30px
}

.marquee {
	background-color: #000;
	color: #fff;
	text-align: center;
	margin-bottom: 5px;
	overflow: hidden;
	height: 26px
}

.marquee-group {
	margin-top: 26px
}

.marquee-group div {
	padding: 3px 0
}

#tab-description img {
	max-width: 100%
}

#tab-description a {
	word-break: break-all
}

.back_button {
	display: none;
	position: absolute;
	bottom: 10px
}

.back_button i {
	font-size: 20px!important
}

.line-share-frame {
	position: fixed;
	width: 100%;
	height: 100%
}

.col-half-offset {
	margin-left: 4.166666667%
}

.login_pop,#ccoupon,#dcoupon {
	cursor: pointer;
	align-self: center
}

.login_pop:hover,#ccoupon:hover,#dcoupon:hover {
	color: #ff076f
}

.popup-background.login,.popup-background.ccoupon,.popup-background.dcoupon {
	z-index: 10000;
	background-color: rgba(0,0,0,.5)
}

.popup-background .window {
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	max-width: 100%;
	max-height: 100%
}

.login .window {
	width: 600px;
	min-width: 40%;
	min-height: 50%;
	padding: 15px;
	overflow-y: auto;
	max-height: 100%
}

.ccoupon .window {
	width: 700px;
	min-width: 40%
}

.dcoupon .window {
	padding-bottom: 15px;
	width: 800px;
	min-width: 40%
}

.dcoupon .window label {
	word-wrap: break-word;
	width: 100%
}

.dcoupon .window label>div {
	display: inline-block;
	width: 90%
}

#dcoupon_list {
	max-height: 50vh;
	overflow-y: auto;
	margin: 10px 0
}

.popup-background.login a {
	color: #ff5382
}

.popup-background.login a:hover {
	color: #ff076f
}

.login .cloud {
	padding: 15px;
	box-shadow: 0 0 8px 0 rgba(80,80,80,.6)
}

.login .cloud:after {
	content: '';
	display: block;
	position: absolute;
	top: -1px;
	left: 15%;
	background-color: #fff;
	width: 10px;
	height: 10px;
	box-shadow: 3px -3px 10px -2px rgba(80,80,80,.6);
	transform: rotate(-45deg) translateY(-50%);
	-webkit-transform: rotate(-45deg) translateY(-50%);
	-moz-transform: rotate(-45deg) translateY(-50%);
	-o-transform: rotate(-45deg) translateY(-50%);
	-ms-transform: rotate(-45deg) translateY(-50%)
}

ul.sort {
	color: #333;
	list-style: none;
	display: inline-block;
	padding: 0 5px
}

ul.sort li {
	display: inline-block;
	margin-left: -3px;
	padding: 0 5px
}

ul.sort li:last-child {
	border: none
}

ul.sort li a {
	color: #666;
	padding: 0 2px
}

ul.sort li a:focus {
	text-decoration: none
}

ul.sort li a:hover {
	color: #ff076f
}

ul.sort li.active a {
	color: #fff;
	cursor: default;
	background-color: #ff5382
}

ul.sort li.active a:hover {
	color: #fff
}

div.product-tag {
	display: inline-block;
	padding: 0 4px 0 0
}

div.product-tag-description {
	font-size: 11px;
	line-height: normal;
	text-align: center;
	float: left;
	border-radius: 2px;
	padding: 0 5px
}

.product-tag-description.freeshipping {
	color: #fff;
	border: 1px #fcb200 solid;
	background-color: #fcb200
}

.product-tag-description.new_arrival {
	color: #fff;
	border: 1px #52ce91 solid;
	background-color: #52ce91
}

.product-tag-description.flash_sale {
	color: #ff3450;
	border: 1px #ffd7e1 solid;
	background-color: #ffd7e1
}

.product-tag-description.hot {
	color: #fff;
	border: 1px #c590ff solid;
	background-color: #c590ff
}

.product-tag-description.hit_goods {
	color: #fff;
	border: 1px #fd6a3e solid;
	background-color: #fd6a3e
}

.product-tag-description.exclusive_offer {
	color: #fff;
	border: 1px #6692ff solid;
	background-color: #6692ff
}

.product-tag-description.free_gifts {
	color: #2aaa96;
	border: 1px #d3f0eb solid;
	background-color: #d3f0eb
}

.product-tag-description.superpop {
	color: #9760f2;
	border: 1px #9760f2 solid
}

.product-tag-description.xmas {
	color: #0f8be5;
	border: 1px #0f8be5 solid;
	background-color: #fff
}

.product-tag-description.vip {
	color: #624621;
	border: 1px solid #e3bc8a;
	background-color: #e3bc8a;
	margin-bottom: -4px
}

.product-tag-description.free_tax {
	color: #fff;
	border: 1px #fda216 solid;
	background-color: #fda216
}

.product-tag-description.retailpromoitems {
	color: #fff;
	border: 1px #e51b13 solid;
	background-color: #e51b13
}

.product-tag-description.Carnival99 {
	color: #fff;
	border: 1px #f73ec6 solid;
	background-color: #f73ec6
}

.product-tag-description.bonjourhk {
	color: #fff;
	border: 1px #ff5073 solid;
	background-color: #ff5073
}

.product-tag-description.YUMEI {
	color: #fff;
	border: 1px #f07ba7 solid;
	background-color: #f07ba7
}

.product-tag-description.SuisseReborn {
	color: #14837d;
	border: 1px #d8eceb solid;
	background-color: #d8eceb
}

.product-tag-description.deal {
	color: #fff;
	border: 1px #f73ec6 solid;
	background-color: #f73ec6
}

.additiontag {
	position: relative;
	height: 18px;
	padding: 1px 2px 1px 4px;
	line-height: 18px;
	background-color: #ff464e;
	color: #fff
}

.additiontag:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-left: 9px solid #ff464e;
	border-bottom: 9px solid transparent;
	display: block;
	position: absolute;
	top: 0;
	right: -9px
}

li.divide {
	color: #d6d6d6
}

.close.effect {
	opacity: 1;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transition-duration: .2s
}

.close.effect:hover {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg)
}

a#ban_promo {
	color: #fff
}

.saved_tax {
	color: #999;
	font-size: 12px;
	position: relative;
	padding: 5px 0
}

.saved_tax .rule {
	cursor: pointer
}

.saved_tax .rule>.tax_rule {
	display: none;
	position: absolute;
	background-color: #fff;
	border: #aaa 1px solid;
	bottom: 30px;
	right: 0;
	padding: 10px 5px;
	width: 100%;
	flex-direction: column;
	-webkit-flex-direction: column
}

.saved_tax .rule>.tax_rule>.flex {
	padding: 5px 0
}

.saved_tax .rule>.tax_rule>.flex:not(:first-child) {
	border-top: 1px #aaa solid
}

.saved_tax .rule>.tax_rule .rate {
	color: #666;
	font-size: 16px
}

.saved_tax .rule:hover>.tax_rule {
	display: flex;
	display: -webkit-flex
}

.saved_tax .rule>.tax_rule::after {
	content: '';
	width: 10px;
	height: 10px;
	border: 1px solid;
	border-color: transparent transparent #aaa #aaa;
	transform: rotate(-45deg);
	bottom: -5px;
	right: 30px;
	background-color: #fff;
	position: absolute
}

.fb-button-login {
	background-color: #3b5998;
	padding: 5px;
	display: inline-block;
	border-radius: 5px;
	cursor: pointer
}

.fb-popup {
	position: fixed;
	max-width: 99%;
	max-height: 99%;
	width: 800px;
	height: 600px;
	background-color: #fff;
	padding: 150px
}

.customer_message {
	text-align: center
}

.customer_message div {
	float: right;
	display: inline-block
}

.customer_message .icon {
	color: #ee2758;
	margin-right: 5px
}

.popup-promo {
	opacity: 1;
	z-index: 3000;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain
}

.popup-promo>div {
	position: absolute;
	width: 100%;
	max-height: 100%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}

.popup-promo .popup-content {
	display: inline-block;
	position: relative
}

.popup-promo .popup-content img {
	max-width: 100%;
	max-height: 100vh
}

.popup-promo .close {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	opacity: .5
}

.popup-promo .close:hover {
	opacity: 1
}

.slideshow.owl-carousel .owl-buttons .owl-prev {
	left: 50px!important;
	top: 140px!important
}

.slideshow.owl-carousel .owl-buttons .owl-next {
	right: 50px!important;
	top: 140px!important
}

.toast {
	position: fixed;
	top: calc(50% - 60px);
	left: calc(50% - 120px);
	min-height: 120px;
	width: 160px;
	background-color: #333;
	border-radius: 20px;
	color: #fff;
	z-index: 9999;
	cursor: pointer;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	font-size: 24px;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
	padding: 8px
}

.toast>div {
	margin-left: auto;
	margin-right: auto
}

.toast>div:first-child {
	margin-top: auto;
	margin-bottom: 5px
}

.toast>div:last-child {
	margin-top: 5px;
	margin-bottom: auto
}

.toast>div:first-child:last-child {
	margin-top: auto;
	margin-bottom: auto
}

.toast div.icon>.fa:before {
	font-size: 24px;
	display: block;
	overflow: hidden
}

.toast div.icon.fill>.fa:before {
	animation: fill .2s linear;
	animation-iteration-count: 1
}

.toast div.icon.success>.fa {
	color: #52ce91
}

.toast div.icon.error>.fa {
	color: #ee3f3f
}

.toast div.message {
	font-size: 18px;
	text-align: center
}

@keyframes fill {
	0% {
		width: 0;
		margin-right: 24px
	}

	100% {
		width: 24px;
		margin-right: 0
	}
}

a.previewid {
	cursor: pointer
}

a.previewid:after {
	content: url(/image/catalog/checkout/china-ID-card.jpg);
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	pointer-events: none;
	opacity: 0;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: opacity .1s ease-in-out;
	-moz-transition: opacity .1s ease-in-out;
	-ms-transition: opacity .1s ease-in-out;
	-o-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out
}

a.previewid:hover:after {
	opacity: 1
}

#quantity_form .table-bordered>thead>tr>td,#quantity_form .table-bordered>thead>tr>th {
	border-bottom: 1px;
	font-size: 16px;
	font-weight: 700;
	color: #444;
	padding: 8px 30px
}

#quantity_form .table-bordered td,#quantity_form .table-bordered th {
	border-left-style: none;
	border-right-style: none
}

#quantity_form .table-bordered td:first-child,#quantity_form .table-bordered th:first-child {
	border-left-style: solid
}

#quantity_form .table-bordered td:last-child,#quantity_form .table-bordered th:last-child {
	border-right-style: solid
}

.checkout-cart .cart-options .border {
	box-shadow: 0 0 0 1px #ddd;
	background: #fff
}

.checkout-cart .cart-options .input-group {
	width: 100%;
	height: 40px
}

.checkout-cart .cart-options .input-group>input {
	border-radius: 0;
	height: 100%
}

.btn.btn-solid {
	background: #fe076f;
	border-color: #fe076f;
	color: #fff;
	font-size: 16px;
	border-radius: initial;
	width: 100%;
	height: 100%
}

.btn.btn-solid:hover,.btn.btn-solid:active {
	background-color: #ee3770;
	border-color: #ff5382
}

.btn.btn-solid[type=white] {
	background: #fff;
	border-color: #fe076f;
	color: #fe076f
}

.btn.btn-solid[type=white]:hover,.btn.btn-solid[type=white]:active {
	background: #fff;
	border-color: #fe076f
}

.btn.btn-solid[type=black] {
	background: #000;
	border-color: #000;
	color: #fff
}

.btn.btn-solid[type=black]:hover,.btn.btn-solid[type=black]:active {
	background: #000;
	border-color: #000
}

.btn.btn-solid[type=grey] {
	background: #ccc;
	border-color: #ccc;
	color: #000
}

.btn.btn-solid[type=grey]:hover,.btn.btn-solid[type=grey]:active {
	background: #ccc;
	border-color: #ccc
}
.goodstitle {
    width: 100%;
    overflow: hidden;
}
.goodstitle .rightbtn {
    float: right;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
}
.grid_c1 {
    margin: 0 auto;
    width: 1190px;
}
.floorhd_tit, .floorhd_tit_empty {
    position: relative;
    width: 180px;
    height: 45px;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
    padding: 0 30px;
    margin: 0 auto 20px;
    overflow: hidden;
    color: #333;
    display: block;
}
.floorhd_tit:after, .floorhd_tit:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -10px;
}
.floorhd_tit:after, .floorhd_tit:before {
    background-image: url(//misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/sprite/floor_hd/sprite.png);
    width: 25px;
    height: 20px;
}
.floorhd_tit:after {
    background-position: -25px 0;
    right: 0;
}
.floorhd_tit:before {
    background-position: 0 0;
    left: 0;
}