#mainContent {
  background-color: #000; }
.dirpath {
  margin-top: 0; }

#top .wrapper {
  background-color: #000;
  /* border-bottom: 1px solid #4d4d4d; */ }
#top .mainview {
  width: 100%;
  height: auto !important;
  overflow: hidden;
  position: relative; }
  #top .mainview .mainviewTtl {
    width: 1080px;
    margin: 0 0 0 -560px;
    position: absolute;
    top: 20%;
    left: 50%;
    z-index: 2; }
    #top .mainview .mainviewTtl img {
      margin-top: 40px;
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0; }
  #top .mainview .mainviewCopy {
    width: 1080px;
    margin-left: -560px;
    opacity: 0;
    position: absolute;
    top: 61%;
    left: 50%;
    z-index: 3; }
  #top .mainview .mainviewBg {
    opacity: 0;
    position: relative;
    z-index: 1; }
    #top .mainview .mainviewBg img {
      width: 100%; }
#top .topNavi {
  padding: 35px 0 105px 0;
  opacity: 0; }
  #top .topNavi ul {
    margin-left: -40px;
    list-style: none;
    letter-spacing: -.40em;
    text-align: center; }
    #top .topNavi ul li {
      display: inline-block;
      margin-left: 40px;
      letter-spacing: normal; }
      #top .topNavi ul li a img {
        border: 1px solid #4d4d4d;
        -webkit-transition: 0.2s ease-out;
        -moz-transition: 0.2s ease-out;
        transition: 0.2s ease-out; }

.xWrap {
  position: relative;
  overflow: hidden; }
  .xOverlay {
    background-color: #000;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1; }
  .xWrap .xImg {
    width: 100%;
    margin-top: 400px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    }
    .xWrap .xImg img {
      width: 100%;
      -webkit-transition: 1s ease-out;
      -moz-transition: 1s ease-out;
      transition: 1s ease-out;
      }
  .xWrap .xMovie {
    width: 100%;
    margin-top: 400px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    }
    .xWrap .xMovie video {
      width: 100%;
      -webkit-transition: 1s ease-out;
      -moz-transition: 1s ease-out;
      transition: 1s ease-out;
      }
  .xWrap .xCopy {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 4; }
    .xWrap .xCopy img {
      margin-top: 40px;
      opacity: 0;
      position: absolute;
      top: 0; }
  .xWrap .xTxt {
    width: 100%;
    opacity: 0;
    position: absolute;
    z-index: 5;
    color: #999;
    font-size: 11px;
    text-align: right; }
    .xWrap .xTxt p {
      -webkit-transition: 0.2s ease-out;
      -moz-transition: 0.2s ease-out;
      transition: 0.2s ease-out; }
  .xWrap .xBtn {
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    z-index: 5; }
    .xWrap .xBtn a img {
      -webkit-transition: 0.2s ease-out;
      -moz-transition: 0.2s ease-out;
      transition: 0.2s ease-out; }
  .xWrap .xChart {
    margin-left: -90px;
    list-style: none;
    letter-spacing: -.40em;
    text-align: center;
    opacity: 0;
    position: relative;
    z-index: 5; }
    .xWrap .xChart li {
      display: inline-block;
      width: 434px;
      margin-left: 90px;
      letter-spacing: normal;
      color: #fff;
      line-height: 1.8; }
      .xWrap .xChart li dl {
        text-align: left; }
        .xWrap .xChart li dl dt {
          display: block;
          font-size: 30px; }
          .xWrap .xChart li dl dt img {
            border: 1px solid #666; }
        .xWrap .xChart li dl dd {
          margin-top: 35px;
          font-size: 22px; }
          .xWrap .xChart li dl dd img {
            border: 1px solid #666; }
  .xWrap .xBanner {
    width: 984px;
    margin: -24px auto 0 auto;
    list-style: none;
    letter-spacing: -.40em;
    opacity: 0;
    position: relative;
    z-index: 5; }
    .xWrap .xBanner li {
      display: inline-block;
      width: 304px;
      margin: 24px 12px 0 12px;
      margin-top: 24px;
      letter-spacing: normal; }
      .xWrap .xBanner li a img {
        -webkit-transition: 0.2s ease-out;
        -moz-transition: 0.2s ease-out;
        transition: 0.2s ease-out; }

  /* #xdesign01 */
  #xdesign01 {
    padding-top: 76.92%; }
    #xdesign01 .xCopy {
      margin-left: -215px;
      top: 12.7%;
      left: 50%; }
  /* #xdesign02 */
  #xdesign02 {
    padding-top: 64%; }
    #xdesign02 .xCopy {
      top: 16.83%;
      left: 13.08%; }
    #xdesign02 .xBtn {
      margin-left: -259px;
      bottom: 10%;
      left: 50%; }
    #xdesign02 .xTxt {
      bottom: 30%;
      right: 13.08%;; }
  /* #xdesign03 */
  #xdesign03 {
    padding-top: 57.31%; }
    #xdesign03 .xCopy {
      top: 16.34%;
      left: 13.08%; }
  /* #xdesign04 */
  #xdesign04 {
    padding-top: 51.54%; }
    #xdesign04 .xCopy {
      top: 12.84%;
      left: 13.08%; }
  /* #xdesign04 */
  #xdesign05 {
    padding-top: 59.38%;
    margin-top: 20px; }
  /* #xsound01 */
  #xsound01 {
    padding-top: 59.62%; }
    #xsound01 .xCopy {
      margin-left: -175px;
      top: 36.13%;
      left: 50%; }
  /* #xsound02 */
  #xsound02 {
    padding: 62.69% 0 28.85% 0; }
    #xsound02 .xOverlay {
      background: #000 url("../../../../../../../files/other/products/speaker/x-premium-sound/liftup/img/lu_xsound02_bg02.jpg") no-repeat center bottom;
      background-size: 100% auto
      }
    #xsound02 .xCopy {
      margin-left: -196px;
      top: 6.08%;
      left: 50%; }
    #xsound02 .xChart {
      margin-top: 95px; }
  /* #xsound03 */
  #xsound03 {
    padding: 25.62% 0 8.85% 0; }
    #xsound03 .xCopy {
      margin-left: -206px;
      top: 13.79%;
      left: 50%; }
    #xsound03 .xChart {
      margin-top: 40px; }
      #xsound03 .xChart li dl dd {
        margin-top: 5px; }
  /* #xlineup01 */
  #xlineup01 {
    padding: 0 0 8.23% 0; }
    #xlineup01 .xCopy {
      margin-left: -480px;
      top: 0;
      left: 50%; }
    #xlineup01 .xBanner {
      margin-top: 50px; }
    

/*# sourceMappingURL=technology.css.map */