.clearfix {
  *zoom:1;
  display:block;
}
.clearfix:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
.en #nav > ul > li { background:url(../images/nav/nav-en.png) 0 0 no-repeat; }
.en #nav > ul > li.nav-home {
  width:48px;
  left:0px;
  background-position:0px 0px;
}
.en #nav > ul > li.nav-home:hover, .en #nav > ul > li.nav-home.current { background-position:0px -44px; }
.en #nav > ul > li.nav-profile {
  width:50px;
  left:48px;
  background-position:-48px 0px;
}
.en #nav > ul > li.nav-profile:hover, .en #nav > ul > li.nav-profile.current { background-position:-48px -44px; }
.en #nav > ul > li.nav-brands {
  width:54px;
  left:98px;
  background-position:-98px 0px;
}
.en #nav > ul > li.nav-brands:hover, .en #nav > ul > li.nav-brands.current { background-position:-98px -44px; }
.en #nav > ul > li.nav-diamond {
  width:74px;
  left:152px;
  background-position:-152px 0px;
}
.en #nav > ul > li.nav-diamond:hover, .en #nav > ul > li.nav-diamond.current { background-position:-152px -44px; }
.en #nav > ul > li.nav-collection {
  width:72px;
  left:226px;
  background-position:-226px 0px;
}
.en #nav > ul > li.nav-collection:hover, .en #nav > ul > li.nav-collection.current { background-position:-226px -44px; }
.en #nav > ul > li.nav-eshop {
  width:50px;
  left:298px;
  background-position:-298px 0px;
}
.en #nav > ul > li.nav-eshop:hover, .en #nav > ul > li.nav-eshop.current { background-position:-298px -44px; }
.en #nav > ul > li.nav-news {
  width:47px;
  left:348px;
  background-position:-348px 0px;
}
.en #nav > ul > li.nav-news:hover, .en #nav > ul > li.nav-news.current { background-position:-348px -44px; }
.en #nav > ul > li.nav-exhibition {
  width:70px;
  left:395px;
  background-position:-395px 0px;
}
.en #nav > ul > li.nav-exhibition:hover, .en #nav > ul > li.nav-exhibition.current { background-position:-395px -44px; }
.en #nav > ul > li.nav-awards {
  width:55px;
  left:465px;
  background-position:-465px 0px;
}
.en #nav > ul > li.nav-awards:hover, .en #nav > ul > li.nav-awards.current { background-position:-465px -44px; }
.en #nav > ul > li.nav-knowledge {
  width:80px;
  left:520px;
  background-position:-520px 0px;
}
.en #nav > ul > li.nav-knowledge:hover, .en #nav > ul > li.nav-knowledge.current { background-position:-520px -44px; }
.en #nav > ul > li.nav-contact {
  width:75px;
  left:600px;
  background-position:-600px 0px;
}
.en #nav > ul > li.nav-contact:hover, .en #nav > ul > li.nav-contact.current { background-position:-600px -44px; }
.zh-hant #nav > ul > li { background:url(../images/nav/nav-zh-hant.png) 0 0 no-repeat; }
.zh-hant #nav > ul > li.nav-home {
  width:39px;
  left:29px;
  background-position:-29px 0px;
}
.zh-hant #nav > ul > li.nav-home:hover, .zh-hant #nav > ul > li.nav-home.current { background-position:-29px -44px; }
.zh-hant #nav > ul > li.nav-profile {
  width:63px;
  left:68px;
  background-position:-68px 0px;
}
.zh-hant #nav > ul > li.nav-profile:hover, .zh-hant #nav > ul > li.nav-profile.current { background-position:-68px -44px; }
.zh-hant #nav > ul > li.nav-brands {
  width:66px;
  left:131px;
  background-position:-131px 0px;
}
.zh-hant #nav > ul > li.nav-brands:hover, .zh-hant #nav > ul > li.nav-brands.current { background-position:-131px -44px; }
.zh-hant #nav > ul > li.nav-diamond {
  width:63px;
  left:197px;
  background-position:-197px 0px;
}
.zh-hant #nav > ul > li.nav-diamond:hover, .zh-hant #nav > ul > li.nav-diamond.current { background-position:-197px -44px; }
.zh-hant #nav > ul > li.nav-collection {
  width:64px;
  left:260px;
  background-position:-260px 0px;
}
.zh-hant #nav > ul > li.nav-collection:hover, .zh-hant #nav > ul > li.nav-collection.current { background-position:-260px -44px; }
.zh-hant #nav > ul > li.nav-eshop {
  width:64px;
  left:324px;
  background-position:-324px 0px;
}
.zh-hant #nav > ul > li.nav-eshop:hover, .zh-hant #nav > ul > li.nav-eshop.current { background-position:-324px -44px; }
.zh-hant #nav > ul > li.nav-news {
  width:63px;
  left:388px;
  background-position:-388px 0px;
}
.zh-hant #nav > ul > li.nav-news:hover, .zh-hant #nav > ul > li.nav-news.current { background-position:-388px -44px; }
.zh-hant #nav > ul > li.nav-exhibition {
  width:64px;
  left:451px;
  background-position:-451px 0px;
}
.zh-hant #nav > ul > li.nav-exhibition:hover, .zh-hant #nav > ul > li.nav-exhibition.current { background-position:-451px -44px; }
.zh-hant #nav > ul > li.nav-awards {
  width:41px;
  left:515px;
  background-position:-515px 0px;
}
.zh-hant #nav > ul > li.nav-awards:hover, .zh-hant #nav > ul > li.nav-awards.current { background-position:-515px -44px; }
.zh-hant #nav > ul > li.nav-knowledge {
  width:64px;
  left:556px;
  background-position:-556px 0px;
}
.zh-hant #nav > ul > li.nav-knowledge:hover, .zh-hant #nav > ul > li.nav-knowledge.current { background-position:-556px -44px; }
.zh-hant #nav > ul > li.nav-contact {
  width:55px;
  left:620px;
  background-position:-620px 0px;
}
.zh-hant #nav > ul > li.nav-contact:hover, .zh-hant #nav > ul > li.nav-contact.current { background-position:-620px -44px; }
.zh-hans #nav > ul > li { background:url(../images/nav/nav-zh-hans.png) 0 0 no-repeat; }
.zh-hans #nav > ul > li.nav-home {
  width:39px;
  left:29px;
  background-position:-29px 0px;
}
.zh-hans #nav > ul > li.nav-home:hover, .zh-hans #nav > ul > li.nav-home.current { background-position:-29px -44px; }
.zh-hans #nav > ul > li.nav-profile {
  width:63px;
  left:68px;
  background-position:-68px 0px;
}
.zh-hans #nav > ul > li.nav-profile:hover, .zh-hans #nav > ul > li.nav-profile.current { background-position:-68px -44px; }
.zh-hans #nav > ul > li.nav-brands {
  width:66px;
  left:131px;
  background-position:-131px 0px;
}
.zh-hans #nav > ul > li.nav-brands:hover, .zh-hans #nav > ul > li.nav-brands.current { background-position:-131px -44px; }
.zh-hans #nav > ul > li.nav-diamond {
  width:63px;
  left:197px;
  background-position:-197px 0px;
}
.zh-hans #nav > ul > li.nav-diamond:hover, .zh-hans #nav > ul > li.nav-diamond.current { background-position:-197px -44px; }
.zh-hans #nav > ul > li.nav-collection {
  width:64px;
  left:260px;
  background-position:-260px 0px;
}
.zh-hans #nav > ul > li.nav-collection:hover, .zh-hans #nav > ul > li.nav-collection.current { background-position:-260px -44px; }
.zh-hans #nav > ul > li.nav-eshop {
  width:64px;
  left:324px;
  background-position:-324px 0px;
}
.zh-hans #nav > ul > li.nav-eshop:hover, .zh-hans #nav > ul > li.nav-eshop.current { background-position:-324px -44px; }
.zh-hans #nav > ul > li.nav-news {
  width:63px;
  left:388px;
  background-position:-388px 0px;
}
.zh-hans #nav > ul > li.nav-news:hover, .zh-hans #nav > ul > li.nav-news.current { background-position:-388px -44px; }
.zh-hans #nav > ul > li.nav-exhibition {
  width:64px;
  left:451px;
  background-position:-451px 0px;
}
.zh-hans #nav > ul > li.nav-exhibition:hover, .zh-hans #nav > ul > li.nav-exhibition.current { background-position:-451px -44px; }
.zh-hans #nav > ul > li.nav-awards {
  width:41px;
  left:515px;
  background-position:-515px 0px;
}
.zh-hans #nav > ul > li.nav-awards:hover, .zh-hans #nav > ul > li.nav-awards.current { background-position:-515px -44px; }
.zh-hans #nav > ul > li.nav-knowledge {
  width:64px;
  left:556px;
  background-position:-556px 0px;
}
.zh-hans #nav > ul > li.nav-knowledge:hover, .zh-hans #nav > ul > li.nav-knowledge.current { background-position:-556px -44px; }
.zh-hans #nav > ul > li.nav-contact {
  width:55px;
  left:620px;
  background-position:-620px 0px;
}
.zh-hans #nav > ul > li.nav-contact:hover, .zh-hans #nav > ul > li.nav-contact.current { background-position:-620px -44px; }
#nav {
  width:675px;
  height:44px;
  margin:0 auto;
  position:absolute;
  right:0;
  bottom:0;
  z-index:1000;
}
#nav > ul {
  *zoom:1;
  display:block;
  position:relative;
  z-index:1001;
}
#nav > ul:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
#nav > ul > li {
  position:absolute;
  z-index:1002;
  top:0px;
  height:44px;
  list-style:none;
  display:block;
}
#nav > ul > li > a {
  display:block;
  width:100%;
  height:100%;
  white-space:nowrap;
  overflow:hidden;
  text-indent:100%;
  text-indent:-9999px \9;
  *text-transform:capitalize;
}
#nav > ul > li ul {
  position:relative;
  z-index:1000;
  display:block;
  width:100%;
  height:44px;
  opacity:0;
  visibility:hidden;
  text-indent:0px;
  -webkit-transition:.2s;
  -moz-transition:.2s;
  -ms-transition:.2s;
  -o-transition:.2s;
  transition:.2s;
}
#nav > ul > li ul li {
  height:44px;
  list-style:none;
  display:block;
  background:#61742a;
  border:1px #bdbdbd solid;
  width:177px;
  height:33px;
}
#nav > ul > li ul li:hover, #nav > ul > li ul li.current { background-color:#ef7f42; }
#nav > ul > li ul li a {
  display:block;
  width:144px;
  height:13px;
  padding:6px 0 14px;
  padding-left:33px;
  color:#ffffff;
  font-weight:bold;
}
#nav > ul > li > ul > li ul {
  margin-left:177px;
  margin-top:-34px;
}
#nav > ul > li > ul > li ul li { width:300px; }
#nav > ul > li > ul > li ul li a {
  width:267px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}
#nav > ul > li > ul > li:hover > ul, #nav > ul > li > ul > li > ul:hover {
  opacity:1;
  visibility:visible;
}
#nav > ul > li:hover > ul, #nav > ul > li > ul:hover {
  opacity:1;
  visibility:visible;
}
