.clearfix {
  *zoom:1;
  display:block;
}
.clearfix:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
.text-shadow {
  text-shadow:1px 1px 2px #3d3b3d;
  filter:dropshadow(color=#3d3b3d,offx=1,offy=1);
  filter:none \9;
}
.inline-block {
  display:inline-block;
  *display:inline;
  *zoom:1;
}
.no-record {
  text-align:center;
  margin:100px 0;
  font-size:16px;
}
.empty-li {
  height:0px !important;
  line-height:0px !important;
  width:100% !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  font-size:0 !important;
}
.outer-center {
  display:inline-block;
  height:100%;
  vertical-align:middle;
}
.middle-wrapper {
  display:inline-block;
  *display:inline;
  *zoom:1;
  width:94%;
  vertical-align:middle;
  height:auto;
}
.clip-text {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.hide-font {
  white-space:nowrap;
  text-indent:-9999px;
  *text-indent:0;
  *font-size:0;
  *line-height:0;
  *overflow:hidden;
  *text-transform:capitalize;
}
::-webkit-selection {
  background:#bd96d6;
  color:#ffffff;
}
::-moz-selection {
  background:#bd96d6;
  color:#ffffff;
}
::-ms-selection {
  background:#bd96d6;
  color:#ffffff;
}
::-o-selection {
  background:#bd96d6;
  color:#ffffff;
}
::selection {
  background:#bd96d6;
  color:#ffffff;
}
&::-webkit-input-placeholder { color:#a9a9a9; }
&:-moz-placeholder { color:#a9a9a9; }
&:-ms-input-placeholder { color:#a9a9a9; }
::-webkit-input-placeholder { color:#a9a9a9; }
:-moz-placeholder { color:#a9a9a9; }
::-moz-placeholder { color:#a9a9a9; }
:-ms-input-placeholder { color:#a9a9a9; }
.centralize {
  width:900px;
  margin:0 auto;
}
.left { float:left; }
.right { float:right; }
.en #menu > ul > li > a { background:url(../images/en/menu/menu.png) no-repeat left top; }
.en #menu > ul > li > a.about {
  width:109px;
  background-position:0 0;
}
.en #menu > ul > li > a.about.active, .en #menu > ul > li > a.about:hover { background-position:0 100%; }
.en #menu > ul > li > a.wt-new {
  width:109px;
  background-position:-120px 0;
}
.en #menu > ul > li > a.wt-new.active, .en #menu > ul > li > a.wt-new:hover { background-position:-120px 100%; }
.en #menu > ul > li > a.supplement-product {
  width:162px;
  background-position:-240px 0;
}
.en #menu > ul > li > a.supplement-product.active, .en #menu > ul > li > a.supplement-product:hover { background-position:-240px 100%; }
.en #menu > ul > li > a.skin-care-product {
  width:126px;
  background-position:-409px 0;
}
.en #menu > ul > li > a.skin-care-product.active, .en #menu > ul > li > a.skin-care-product:hover { background-position:-409px 100%; }
.en #menu > ul > li > a.store-locator {
  width:114px;
  background-position:-549px 0;
}
.en #menu > ul > li > a.store-locator.active, .en #menu > ul > li > a.store-locator:hover { background-position:-549px 100%; }
.en #menu > ul > li > a.special-offer {
  width:107px;
  background-position:-673px 0;
}
.en #menu > ul > li > a.special-offer.active, .en #menu > ul > li > a.special-offer:hover { background-position:-673px 100%; }
.en #menu > ul > li > a.eshop {
  width:79px;
  background-position:-789px 0;
}
.en #menu > ul > li > a.eshop.active, .en #menu > ul > li > a.eshop:hover { background-position:-789px 100%; }
.en #menu > ul > li:hover > a.about { background-position:0 100%; }
.en #menu > ul > li:hover > a.wt-new { background-position:-120px 100%; }
.en #menu > ul > li:hover > a.supplement-product { background-position:-240px 100%; }
.en #menu > ul > li:hover > a.skin-care-product { background-position:-409px 100%; }
.en #menu > ul > li:hover > a.store-locator { background-position:-549px 100%; }
.en #menu > ul > li:hover > a.special-offer { background-position:-673px 100%; }
.en #menu > ul > li:hover > a.eshop { background-position:-789px 100%; }
.zh-hant #menu > ul > li > a { background:url(../images/zh-hant/menu/menu.png) no-repeat left top; }
.zh-hant #menu > ul > li > a.about {
  width:109px;
  background-position:0 0;
}
.zh-hant #menu > ul > li > a.about.active, .zh-hant #menu > ul > li > a.about:hover { background-position:0 100%; }
.zh-hant #menu > ul > li > a.wt-new {
  width:109px;
  background-position:-124px 0;
}
.zh-hant #menu > ul > li > a.wt-new.active, .zh-hant #menu > ul > li > a.wt-new:hover { background-position:-124px 100%; }
.zh-hant #menu > ul > li > a.supplement-product {
  width:109px;
  background-position:-243px 0;
}
.zh-hant #menu > ul > li > a.supplement-product.active, .zh-hant #menu > ul > li > a.supplement-product:hover { background-position:-243px 100%; }
.zh-hant #menu > ul > li > a.skin-care-product {
  width:109px;
  background-position:-363px 0;
}
.zh-hant #menu > ul > li > a.skin-care-product.active, .zh-hant #menu > ul > li > a.skin-care-product:hover { background-position:-363px 100%; }
.zh-hant #menu > ul > li > a.store-locator {
  width:157px;
  background-position:-485px 0;
}
.zh-hant #menu > ul > li > a.store-locator.active, .zh-hant #menu > ul > li > a.store-locator:hover { background-position:-485px 100%; }
.zh-hant #menu > ul > li > a.special-offer {
  width:109px;
  background-position:-651px 0;
}
.zh-hant #menu > ul > li > a.special-offer.active, .zh-hant #menu > ul > li > a.special-offer:hover { background-position:-651px 100%; }
.zh-hant #menu > ul > li > a.eshop {
  width:109px;
  background-position:-769px 0;
}
.zh-hant #menu > ul > li > a.eshop.active, .zh-hant #menu > ul > li > a.eshop:hover { background-position:-769px 100%; }
.zh-hant #menu > ul > li:hover > a.about { background-position:0 100%; }
.zh-hant #menu > ul > li:hover > a.wt-new { background-position:-124px 100%; }
.zh-hant #menu > ul > li:hover > a.supplement-product { background-position:-243px 100%; }
.zh-hant #menu > ul > li:hover > a.skin-care-product { background-position:-363px 100%; }
.zh-hant #menu > ul > li:hover > a.store-locator { background-position:-485px 100%; }
.zh-hant #menu > ul > li:hover > a.special-offer { background-position:-651px 100%; }
.zh-hant #menu > ul > li:hover > a.eshop { background-position:-769px 100%; }