.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 {
  height: 488px;
  padding-top: 101px;
}
.content.en {
  background: url(img/en/bg2.png) no-repeat center top;
}
.content.zh {
  background: url(img/zh/bg2.png) no-repeat center top;
}
.content .services {
  float: left;
  margin-left: 168px;
  width: 812px;
}
.content .services .services-menu {
  left: 18px;
  position: absolute;
  top: -11px;
}
.content .services .editor h1 {
  font-size: 18px;
  color: #1cc2e7;
  margin: 20px 0;
}
.content .services .editor .right-border,
.content .services .editor .left-border {
  background: url(img/border1.png) no-repeat right top;
  min-height: 115px;
  position: relative;
}
.content .services .editor .right-border .gallery,
.content .services .editor .left-border .gallery {
  position: absolute;
  width: 430px;
  top: 29px;
  left: 337px;
  height: 62px;
}
.content .services .editor .right-border .gallery *,
.content .services .editor .left-border .gallery * {
  float: left;
}
.content .services .editor .right-border .gallery .left-arrow,
.content .services .editor .right-border .gallery .right-arrow,
.content .services .editor .left-border .gallery .left-arrow,
.content .services .editor .left-border .gallery .right-arrow {
  width: 24px;
  height: 100%;
  background: url(img/arrow1.png) no-repeat left center;
  cursor: pointer;
}
.content .services .editor .right-border .gallery .left-arrow,
.content .services .editor .left-border .gallery .left-arrow {
  margin-right: 12px;
}
.content .services .editor .right-border .gallery .right-arrow,
.content .services .editor .left-border .gallery .right-arrow {
  background-position: right center;
  margin-left: 12px;
}
.content .services .editor .right-border .gallery .gallery-center,
.content .services .editor .left-border .gallery .gallery-center {
  width: 358px;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.content .services .editor .right-border .gallery .gallery-center .gallery-wrapper,
.content .services .editor .left-border .gallery .gallery-center .gallery-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.content .services .editor .right-border .gallery .gallery-center .gallery-wrapper img,
.content .services .editor .left-border .gallery .gallery-center .gallery-wrapper img {
  border: 1px solid #737373;
  margin: 0 5px;
  cursor: pointer;
}
.content .services .editor .left-border {
  background: url(img/border2.png) no-repeat left top;
  padding-left: 475px;
}
.content .services .editor .left-border .gallery {
  left: 15px;
}
.content .services .editor .border-content p {
  width: 305px;
  font-size: 12px;
}
.content .services .editor .video {
  clear: both;
  float: left;
  list-style: none;
  padding: 0 0 100px;
}
.content .services .editor .video li {
  clear: both;
  float: left;
  font-size: 13px;
  width: 350px;
  line-height: 25px;
  cursor: pointer;
  color: #689ca8;
}
.content .services .editor .video li.selected {
  color: #1cc2e7;
  background: url(img/li.png) no-repeat right top;
}
.content .services .editor #video-wrapper {
  background-color: #FFFFFF;
  height: 270px;
  left: 350px;
  line-height: 270px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 540px;
  width: 410px;
}
.content .services .editor #video-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.thumb {
  background: url(img/scroll.png) no-repeat center center;
}