#mainContent {
  position: relative;
  background: #f6f7f9;
  padding-bottom: 0;
  width: 100%;
  min-width: 984px; }

#mainContent > section {
  width: 100%; }
  #mainContent > section .wrapper {
    max-width: 1600px;
    margin: 0 auto; }

/*overlay
---------------------------------------------*/
#xps_overlay {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  opacity: 1; }

/*foot_menu
---------------------------------------------*/
#xps_fmenu .wrapper {
  background-color: #10131a;
  width: 100%;
  margin: 0 auto;
  padding: 55px 0 15px; }
  #xps_fmenu .wrapper p.logo {
    text-align: center; }
  #xps_fmenu .wrapper ul {
    display: block;
    width: 989px;
    list-style: none;
    margin: 40px auto 0;
    padding: 0; }
    #xps_fmenu .wrapper ul li {
      position: relative;
      display: inline-block;
      margin-top: 10px;
      width: 488px;
      height: 178px;
      overflow: hidden;
      background: #000; }
      #xps_fmenu .wrapper ul li:nth-child(even) {
        width: 486px;
        margin-left: 10px; }
      #xps_fmenu .wrapper ul li p {
        text-align: center; }
      #xps_fmenu .wrapper ul li p.fmenuTitle {
        position: absolute;
        width: 100%;
        margin-top: 70px;
        /*margin: 0 auto 0 auto;*/ }
      #xps_fmenu .wrapper ul li p.fmenuDetail {
        position: absolute;
        width: 100%;
        margin-top: 128px; }
      #xps_fmenu .wrapper ul li .fmenuFrame {
        width: 475px;
        height: 167px;
        border: solid 1px;
        border-color: rgba(102, 102, 102, 0.4);
        position: absolute;
        top: 5px;
        left: 5px;
        /*padding-left: 5px;
        padding-top: 5px;*/ }
      #xps_fmenu .wrapper ul li a {
        color: #FFF;
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        top: 0;
        left: 0;
        z-index: 1; }
  #xps_fmenu .wrapper .tech:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("/files/other/products/speaker/x-premium-sound/common/img/x-premium-sound_fmenu01_bg.jpg") no-repeat center center;
    background-size: cover;
    background-blend-mode: multiply;
    transition: all 0.3s ease-out; }
  #xps_fmenu .wrapper .tech:hover:after {
    transform: scale(1.2);
    filter: blur(1px);
    opacity: 0.7; }
  #xps_fmenu .wrapper .design:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("/files/other/products/speaker/x-premium-sound/common/img/x-premium-sound_fmenu02_bg.jpg") no-repeat center center;
    background-size: cover;
    background-blend-mode: multiply;
    transition: all 0.3s ease-out; }
  #xps_fmenu .wrapper .design:hover:after {
    transform: scale(1.2);
    filter: blur(1px);
    opacity: 0.7; }
  #xps_fmenu .wrapper .lineup:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("/files/other/products/speaker/x-premium-sound/common/img/x-premium-sound_fmenu03_bg.jpg") no-repeat center center;
    background-size: cover;
    background-blend-mode: multiply;
    transition: all 0.3s ease-out; }
  #xps_fmenu .wrapper .lineup:hover:after {
    transform: scale(1.2);
    filter: blur(1px);
    opacity: 0.7; }
  #xps_fmenu .wrapper .develop:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("/files/other/products/speaker/x-premium-sound/common/img/x-premium-sound_fmenu04_bg.jpg") no-repeat center center;
    background-size: cover;
    background-blend-mode: multiply;
    transition: all 0.3s ease-out; }
  #xps_fmenu .wrapper .develop:hover:after {
    transform: scale(1.2);
    filter: blur(1px);
    opacity: 0.7; }

/*share
---------------------------------------------*/
#xps_share .wrapper {
  background-color: #10131a;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0 70px; }
  #xps_share .wrapper p {
    text-align: center; }
  #xps_share .wrapper ul {
    list-style: none;
    text-align: center;
    padding: 0; }
    #xps_share .wrapper ul li {
      display: inline-block;
      margin: 30px 40px 0; }

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