.oneline {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
.clear {
  clear: both;
  float: left;
}
html {
  overflow-x: hidden;
  overflow-y: auto;
}
body {
  font-family: 'Century Gothic', 'PMingLiU', '新細明體';
  font-size: 13px;
  background: url(img/bg.png) no-repeat top center #000000;
}
#container {
  width: 1000px;
  margin: auto;
  position: relative;
  z-index: 1;
}
.header,
.content,
.footer {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
}
.header {
  height: 106px;
  z-index: 1;
}
.header .home {
  height: 17px;
  left: 20px;
  position: absolute;
  top: 23px;
  width: 57px;
}
.header .home.en {
  background: url(img/en/home.png) no-repeat;
}
.header .home.zh {
  background: url(img/zh/home.png) no-repeat;
}
.header .language {
  height: 14px;
  left: 144px;
  position: absolute;
  top: 25px;
  width: 24px;
}
.header .language.en {
  background: url(img/en/language2.png) no-repeat right bottom;
}
.header .language.zh {
  background: url(img/zh/language2.png) no-repeat right bottom;
}
.header #main-menu {
  height: 100px;
  left: 212px;
  list-style: none;
  position: absolute;
  top: 0;
  width: 820px;
}
.header #main-menu.en li a {
  background: url(img/en/menu.png) no-repeat;
}
.header #main-menu.zh li a {
  background: url(img/zh/menu.png) no-repeat;
}
.header #main-menu li {
  float: left;
  height: 100px;
  margin-left: -35px;
}
.header #main-menu li a {
  float: left;
  height: 100px;
  width: 240px;
}
.header #main-menu li a.menu-about {
  background-position: -10px 0;
}
.header #main-menu li a.menu-about.selected,
.header #main-menu li a.menu-about:hover {
  background-position: -7px -120px;
}
.header #main-menu li a.menu-services {
  background-position: -295px 0;
}
.header #main-menu li a.menu-services.selected,
.header #main-menu li a.menu-services:hover {
  background-position: -292px -120px;
}
.header #main-menu li a.menu-clients {
  background-position: -580px 0;
}
.header #main-menu li a.menu-clients.selected,
.header #main-menu li a.menu-clients:hover {
  background-position: -575px -120px;
}
.header #main-menu li a.menu-contact {
  background-position: -865px 0;
}
.header #main-menu li a.menu-contact.selected,
.header #main-menu li a.menu-contact:hover {
  background-position: -850px -120px;
}
.content {
  height: 465px;
  margin-top: -106px;
  padding-top: 124px;
}
.content .editor {
  clear: both;
  float: left;
  width: 100%;
}
.footer {
  height: 236px;
  text-align: center;
  margin-top: -36px;
}
.footer .logo {
  background: url(img/logo.png) no-repeat;
  height: 104px;
  left: 408px;
  position: absolute;
  top: 0;
  width: 166px;
}
.footer .footer-copyright {
  left: 1px;
  position: absolute;
  text-align: center;
  top: 181px;
  width: 100%;
}
.footer *,
.footer *:link,
.footer *:visited,
.footer *:hover {
  font-size: 10px;
  color: #606060;
}
.scroll {
  height: 407px;
  overflow: hidden;
  position: relative;
}
.scroll .viewport {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.scroll .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
}
.scroll .scrollbar {
  float: right;
  position: relative;
  width: 14px;
  cursor: pointer;
}
.scroll .track {
  height: 100%;
  width: 14px;
  left: 0;
  top: 0;
  position: relative;
  background: url(img/bg-scroll.png) no-repeat center top;
}
.scroll .thumb {
  width: 12px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  left: 1px;
  top: 0;
}
.preload {
  width: 0;
  height: 0;
  line-height: 0;
}
.preload img {
  width: 0;
  height: 0;
}
#mute {
  background: url(img/speaker-2-a.png) no-repeat;
  cursor: pointer;
  height: 20px;
  left: 101px;
  position: absolute;
  top: 22px;
  width: 19px;
}
#mute.selected {
  background: url(img/speaker-2-b.png) no-repeat;
}
.content.en {
  background: url(img/en/bg1.png) no-repeat center top;
}
.content.zh {
  background: url(img/zh/bg1.png) no-repeat center top;
}
.content .about {
  float: left;
  margin-left: 276px;
  width: 705px;
}