.bgBlack {
  position: relative;
  width: 100%; }
  .bgBlack .black {
    width: 100%;
    height: 100%;
    /*background:url(/tys_marumichi/common/images/bg_black.png) repeat top left;*/
    background: url(/shenzhen_marumichi/common/images/img_poster_dark.jpg) no-repeat center center #000000;
    background-size: contain;
    position: absolute;
    z-index: 1100;
    color: #ffffff; }
    .bgBlack .black p {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-size: 30px;
      font-weight: bold; }
      @media screen and (max-width: 641px) {
        .bgBlack .black p {
          font-size: 20px; } }

@media screen and (min-width: 641px) {
  .bg2 {
    min-width: 920px; }

  body {
    min-width: 1050px !important; }
    body .bg {
      background: url(/shenzhen_marumichi/common/images/pc/bg_main.png) no-repeat top center;
      width: 100%;
      position: relative; }
      body .bg h1 {
        color: #adadad;
        text-align: right;
        font-size: 80%;
        position: absolute;
        top: 30px;
        right: 0; }
      body .bg h2 {
        color: #ffffff;
        margin: 0 0 15px; }
        body .bg h2 .line {
          border-bottom: 1px solid #535353;
          padding: 0 10px; }
        body .bg h2 .small {
          font-size: 90%;
          color: #adadad; }
        body .bg h2 .mini {
          font-size: 60%;
          color: #adadad; }
      body .bg header {
        width: 920px;
        margin: 0 auto;
        position: relative;
        padding: 30px 0 0; }
        body .bg header .language {
          width: 150px;
          position: absolute;
          top: 30px;
          left: 384px; }
          body .bg header .language li {
            width: 50px;
            float: left; }
        body .bg header .tel {
          width: 311px;
          position: absolute;
          top: 70px;
          right: 0; }
        body .bg header nav {
          position: absolute;
          top: 170px;
          left: 970px; }
          body .bg header nav li {
            width: 150px;
            padding: 0 0 3px 15px;
            background: url(/shenzhen_marumichi/common/images/pc/bg_nav.gif) no-repeat bottom left;
            line-height: 2; }
            body .bg header nav li a {
              color: #c48c2a;
              display: block;
              width: 100%; }
              body .bg header nav li a:hover {
                color: #ffffff;
                text-decoration: none; }
          body .bg header nav .active {
            background: url(/shenzhen_marumichi/common/images/pc/bg_nav_o.gif) no-repeat bottom left;
            color: #ffffff; }
          body .bg header nav li.one {
            position: absolute;
            top: 0px;
            right: 210px; }
          body .bg header nav li.two {
            position: absolute;
            top: 45px;
            right: 140px; }
          body .bg header nav li.three {
            position: absolute;
            top: 90px;
            right: 70px; }
          body .bg header nav li.four {
            position: absolute;
            top: 135px;
            right: 0px; }
      body .bg .access {
        width: 920px;
        margin: 0 auto;
        padding: 0 0 60px; }
        body .bg .access .boxL {
          width: 605px;
          float: left;
          font-size: 90%; }
          body .bg .access .boxL dl {
            margin: 0 0 15px;
            color: #adadad; }
            body .bg .access .boxL dl dt {
              width: 60px;
              margin: 0 20px 0 0;
              float: left; }
            body .bg .access .boxL dl dd {
              width: 500px;
              float: left; }
        body .bg .access .boxR {
          width: 315px;
          float: left; }
      body .bg .store {
        font-size: 90%;
        background: url(/shenzhen_marumichi/common/images/pc/bg_intro.gif) repeat top left; }
        body .bg .store .storeIn {
          width: 920px;
          margin: 0 auto;
          color: #ffffff;
          padding: 30px 0; }
          body .bg .store .storeIn p {
            color: #adadad; }
          body .bg .store .storeIn .bnr {
            cursor: pointer;
            margin: 20px 0 30px;
            padding-bottom: 30px;
            border-bottom: 2px solid #000000; }
            body .bg .store .storeIn .bnr p {
              margin: 5px 0 0;
              text-align: center;
              font-size: 110%; }
              body .bg .store .storeIn .bnr p a {
                background: url(/shenzhen_marumichi/common/images/pc/icn_external.gif) no-repeat center right;
                padding-right: 20px;
                color: #ffffff !important; }
            body .bg .store .storeIn .bnr .boxL {
              width: 352px;
              margin: 0 32px 0 91px;
              float: left; }
            body .bg .store .storeIn .bnr .boxR {
              width: 352px;
              float: left; }
          body .bg .store .storeIn .bnr2 {
            cursor: pointer;
            margin: 20px 0; }
            body .bg .store .storeIn .bnr2 p {
              margin: 5px 0 0;
              text-align: center;
              font-size: 110%; }
              body .bg .store .storeIn .bnr2 p a {
                background: url(/shenzhen_marumichi/common/images/pc/icn_external.gif) no-repeat center right;
                padding-right: 20px;
                color: #ffffff !important; }
      body .bg footer {
        position: relative;
        padding: 33px 0 45px;
        width: 920px;
        margin: 0 auto; }
        body .bg footer .boxL {
          width: 208px;
          float: left;
          margin: 0 43px 0 217px; }
        body .bg footer .boxR {
          text-align: center;
          color: #adadad;
          font-size: 80%;
          margin: 13px 0 0; }
        body .bg footer .pagetop {
          position: absolute;
          top: 21px;
          right: 0; } }
/*--sp--*/
@media screen and (max-width: 640px) {
  body {
    background: no-repeat 0 7% #000000;
    background-size: contain; }
    body a:hover {
      text-decoration: none; }
    body .bg h1 {
      color: #adadad;
      font-size: 80%;
      position: absolute;
      top: 22%;
      right: 5%;
      z-index: 1000; }
    body .bg h2 {
      color: #ffffff;
      margin: 0 0 5%; }
      body .bg h2 .line {
        border-bottom: 1px solid #535353;
        padding: 0 10px 2%;
        line-height: 2; }
      body .bg h2 .small {
        font-size: 90%;
        color: #adadad; }
      body .bg h2 .mini {
        font-size: 60%;
        color: #adadad; }
    body .bg .spBg {
      position: absolute;
      left: 0;
      top: 15.5%;
      z-index: 1000; }
    body .bg header {
      position: relative;
      padding: 17.5% 0 0; }
      body .bg header .spHeader {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -6000; }
        body .bg header .spHeader .ttl a {
          color: #000000;
          font-size: 60%; }
        body .bg header .spHeader .ttlLang {
          font-size: 110%; }
        body .bg header .spHeader table td {
          font-size: 12px; }
        body .bg header .spHeader nav {
          width: 90%;
          background-color: rgba(0, 0, 0, 0.92);
          z-index: 5000;
          padding: 5% 5% 200%; }
          body .bg header .spHeader nav .nav li {
            color: #ffffff;
            font-size: 120%;
            padding: 0 0 6%;
            margin: 0 0 6%;
            width: 100%;
            border-bottom: 1px solid #535353; }
            body .bg header .spHeader nav .nav li a {
              width: 100%;
              display: block;
              color: #c48c2a; }
          body .bg header .spHeader nav p {
            margin: 10% 0 0;
            color: #adadad; }
          body .bg header .spHeader nav .languageIn {
            width: 100%;
            margin: 2% 0 0; }
            body .bg header .spHeader nav .languageIn li {
              width: 31.3%;
              float: left;
              font-size: 120%;
              margin: 0 3% 0 0;
              text-align: center;
              background-color: #adadad; }
              body .bg header .spHeader nav .languageIn li a {
                color: #000000;
                display: block;
                height: 100%;
                padding: 15% 0; }
                body .bg header .spHeader nav .languageIn li a:hover {
                  text-decoration: none; }
            body .bg header .spHeader nav .languageIn li:last-child {
              margin: 0; }
            body .bg header .spHeader nav .languageIn .active {
              color: #ffffff;
              background-color: #464646;
              padding: 4.7% 0; }
              body .bg header .spHeader nav .languageIn .active span {
                padding: 0 3% 5%;
                border-bottom: 1px solid #c48c2a; }
        body .bg header .spHeader table td {
          vertical-align: middle; }
        body .bg header .spHeader table .ttl {
          width: 65.25%;
          padding: 0 0 0 5%;
          background-color: #d2d2d2; }
        body .bg header .spHeader table .languageBtn {
          width: 17%;
          color: #ffffff;
          font-size: 120%; }
        body .bg header .spHeader table .btnNav {
          width: 17%;
          cursor: pointer; }
    body .bg .access {
      padding: 18% 5% 0; }
      body .bg .access .boxL dl {
        margin: 0 0 5%;
        color: #adadad; }
        body .bg .access .boxL dl dt {
          width: 18%;
          margin: 0 5% 0 0;
          float: left; }
        body .bg .access .boxL dl dd {
          width: 77%;
          float: left; }
      body .bg .access .boxR {
        padding: 8% 5% 13%;
        text-align: center; }
    body .bg .store {
      font-size: 90%;
      background: url(/shenzhen_marumichi/common/images/pc/bg_intro.gif) repeat top left; }
      body .bg .store .storeIn {
        color: #ffffff;
        padding: 10% 5%; }
        body .bg .store .storeIn p {
          color: #adadad; }
        body .bg .store .storeIn .bnr {
          margin: 5% 0 8%;
          border-bottom: 2px solid #000000;
          padding-bottom: 8%; }
          body .bg .store .storeIn .bnr p {
            margin: 3% 0 0;
            text-align: center;
            font-size: 110%; }
            body .bg .store .storeIn .bnr p a {
              background: url(/shenzhen_marumichi/common/images/pc/icn_external.gif) no-repeat center right;
              padding-right: 1.3em;
              color: #ffffff !important; }
          body .bg .store .storeIn .bnr .boxL {
            width: 47.5%;
            margin: 0 5% 0 0;
            float: left; }
          body .bg .store .storeIn .bnr .boxR {
            width: 47.5%;
            float: left; }
        body .bg .store .storeIn .bnr2 {
          margin: 5% 0; }
          body .bg .store .storeIn .bnr2 p {
            margin: 3% 0 0;
            text-align: center;
            font-size: 110%; }
            body .bg .store .storeIn .bnr2 p a {
              background: url(/shenzhen_marumichi/common/images/pc/icn_external.gif) no-repeat center right;
              padding-right: 1.3em;
              color: #ffffff !important; }
    body .bg footer {
      padding: 5% 0 1%;
      text-align: center; }
      body .bg footer .boxL {
        margin: 5% 23% 3%; }
      body .bg footer .boxR {
        color: #adadad;
        font-size: 80%;
        margin: 5% 0; } }

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