@charset "UTF-8";
.container {
  text-align: center;
  width: 100%;
  min-height: 100vh; }
  .container.login {
    background-image: url(/img/main-visual-2.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% top; }
  .container > .wrapper {
    width: 1000px;
    display: inline-block;
    text-align: left; }
    .container > .wrapper h2 {
      width: 100%; }
    .container > .wrapper > .left {
      float: left;
      width: 216px;
      padding: 32px 8px 32px 0px; }
      .container > .wrapper > .left button.linkage {
        width: 80%;
        margin: 0 10%; }
      .container > .wrapper > .left ul.menu {
        float: left;
        width: 100%;
        height: auto;
        list-style-type: none;
        background: linear-gradient(to left, white 0%, #fff);
        border-right: 1px solid #ddd; }
        .container > .wrapper > .left ul.menu::before {
          float: left;
          content: 'MENU';
          width: 100%;
          height: auto;
          padding: 8px 16px;
          text-align: center;
          background-color: #fff; }
        .container > .wrapper > .left ul.menu::after {
          float: left;
          content: '　';
          width: 100%;
          height: auto;
          padding: 8px 16px;
          text-align: center;
          background-color: #fff; }
        .container > .wrapper > .left ul.menu > li {
          float: left;
          width: 100%;
          height: auto; }
          .container > .wrapper > .left ul.menu > li > h3 {
            float: left;
            width: 100%;
            height: auto;
            font-size: 14px;
            font-weight: normal;
            padding: 8px 16px;
            background-color: #333;
            color: white; }
          .container > .wrapper > .left ul.menu > li > ul {
            float: left;
            width: 100%;
            height: auto;
            list-style-type: none; }
            .container > .wrapper > .left ul.menu > li > ul > li {
              float: left;
              width: 100%;
              height: auto;
              border-bottom: 1px solid #ddd; }
              .container > .wrapper > .left ul.menu > li > ul > li > .link {
                float: left;
                width: 100%;
                height: auto;
                padding: 8px 16px;
                color: #333;
                text-decoration: none; }
                .container > .wrapper > .left ul.menu > li > ul > li > .link.active {
                  position: relative;
                  background-color: #fff;
                  border-left: 1px solid #ddd; }
                  .container > .wrapper > .left ul.menu > li > ul > li > .link.active::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: -1px;
                    width: 1px;
                    height: 100%;
                    background-color: #fff;
                    z-index: 1; }
                .container > .wrapper > .left ul.menu > li > ul > li > .link:hover {
                  background-color: #d2d2d2; }
    .container > .wrapper > .contents {
      float: left;
      width: 784px;
      padding: 32px 0px 32px 8px; }
      .container > .wrapper > .contents .search input[type=text] {
        width: 60%;
        height: 32px;
        padding: 4px 8px; }
      .container > .wrapper > .contents .pagination {
        float: none !important; }
      .container > .wrapper > .contents > .contacts.rod.graph {
        float: left;
        width: 100%;
        height: auto; }
        .container > .wrapper > .contents > .contacts.rod.graph > .item {
          float: left;
          width: 100%;
          height: auto; }
          .container > .wrapper > .contents > .contacts.rod.graph > .item > canvas {
            float: left;
            width: 100%;
            height: auto; }
      .container > .wrapper > .contents > .contacts.circle.graph {
        float: left;
        width: 100%;
        height: auto; }
        .container > .wrapper > .contents > .contacts.circle.graph > .item {
          float: left;
          width: 50%;
          height: auto;
          padding: 8px; }
          .container > .wrapper > .contents > .contacts.circle.graph > .item > canvas {
            float: left;
            width: 100%;
            height: auto; }
      .container > .wrapper > .contents > table.list {
        float: left;
        width: 100%;
        height: auto;
        border-collapse: collapse;
        border-spacing: 1px;
        border: 1px solid #ddd;
        background-color: white; }
        .container > .wrapper > .contents > table.list thead tr, .container > .wrapper > .contents > table.list tfoot tr, .container > .wrapper > .contents > table.list tbody tr {
          cursor: pointer; }
          .container > .wrapper > .contents > table.list thead tr.autoupdated, .container > .wrapper > .contents > table.list tfoot tr.autoupdated, .container > .wrapper > .contents > table.list tbody tr.autoupdated {
            background-color: #ECF4D9; }
          .container > .wrapper > .contents > table.list thead tr.content, .container > .wrapper > .contents > table.list tfoot tr.content, .container > .wrapper > .contents > table.list tbody tr.content {
            display: none; }
          .container > .wrapper > .contents > table.list thead tr:hover, .container > .wrapper > .contents > table.list tfoot tr:hover, .container > .wrapper > .contents > table.list tbody tr:hover {
            background-color: #f0f0f0; }
          .container > .wrapper > .contents > table.list thead tr th, .container > .wrapper > .contents > table.list thead tr td, .container > .wrapper > .contents > table.list tfoot tr th, .container > .wrapper > .contents > table.list tfoot tr td, .container > .wrapper > .contents > table.list tbody tr th, .container > .wrapper > .contents > table.list tbody tr td {
            font-size: 12px;
            line-height: 16px;
            border: 1px solid #ddd;
            vertical-align: middle;
            padding: 8px 0px; }
          .container > .wrapper > .contents > table.list thead tr th, .container > .wrapper > .contents > table.list tfoot tr th, .container > .wrapper > .contents > table.list tbody tr th {
            color: white;
            font-weight: normal;
            text-align: center;
            vertical-align: middle;
            background-color: #333; }
            .container > .wrapper > .contents > table.list thead tr th a, .container > .wrapper > .contents > table.list tfoot tr th a, .container > .wrapper > .contents > table.list tbody tr th a {
              color: white;
              text-decoration: underline; }
              .container > .wrapper > .contents > table.list thead tr th a:hover, .container > .wrapper > .contents > table.list tfoot tr th a:hover, .container > .wrapper > .contents > table.list tbody tr th a:hover {
                text-decoration: none; }
          .container > .wrapper > .contents > table.list thead tr td input, .container > .wrapper > .contents > table.list tfoot tr td input, .container > .wrapper > .contents > table.list tbody tr td input {
            float: left;
            width: 100%;
            padding: 4px 8px;
            border: 1px solid #ddd;
            background-color: #f3f5e8;
            border-radius: 3px; }
          .container > .wrapper > .contents > table.list thead tr td.empty, .container > .wrapper > .contents > table.list tfoot tr td.empty, .container > .wrapper > .contents > table.list tbody tr td.empty {
            text-align: center;
            padding: 32px; }
          .container > .wrapper > .contents > table.list thead tr td a, .container > .wrapper > .contents > table.list tfoot tr td a, .container > .wrapper > .contents > table.list tbody tr td a {
            color: #106ac5;
            text-decoration: none; }
            .container > .wrapper > .contents > table.list thead tr td a:hover, .container > .wrapper > .contents > table.list tfoot tr td a:hover, .container > .wrapper > .contents > table.list tbody tr td a:hover {
              text-decoration: underline; }
            .container > .wrapper > .contents > table.list thead tr td a.btn.priority, .container > .wrapper > .contents > table.list tfoot tr td a.btn.priority, .container > .wrapper > .contents > table.list tbody tr td a.btn.priority {
              float: left; }
            .container > .wrapper > .contents > table.list thead tr td a.btn:hover, .container > .wrapper > .contents > table.list tfoot tr td a.btn:hover, .container > .wrapper > .contents > table.list tbody tr td a.btn:hover {
              text-decoration: none; }
          .container > .wrapper > .contents > table.list thead tr td.title, .container > .wrapper > .contents > table.list tfoot tr td.title, .container > .wrapper > .contents > table.list tbody tr td.title {
            padding: 8px; }
          .container > .wrapper > .contents > table.list thead tr td.traffic, .container > .wrapper > .contents > table.list tfoot tr td.traffic, .container > .wrapper > .contents > table.list tbody tr td.traffic {
            width: 176px;
            padding: 8px; }
          .container > .wrapper > .contents > table.list thead tr td.status, .container > .wrapper > .contents > table.list tfoot tr td.status, .container > .wrapper > .contents > table.list tbody tr td.status {
            width: 96px;
            text-align: center;
            padding: 8px; }
          .container > .wrapper > .contents > table.list thead tr td.datetime, .container > .wrapper > .contents > table.list tfoot tr td.datetime, .container > .wrapper > .contents > table.list tbody tr td.datetime {
            width: 88px;
            text-align: center;
            padding: 8px; }
          .container > .wrapper > .contents > table.list thead tr td.item, .container > .wrapper > .contents > table.list tfoot tr td.item, .container > .wrapper > .contents > table.list tbody tr td.item {
            width: 80px;
            text-align: center;
            padding: 8px; }
          .container > .wrapper > .contents > table.list thead tr td.content, .container > .wrapper > .contents > table.list tfoot tr td.content, .container > .wrapper > .contents > table.list tbody tr td.content {
            padding: 16px 64px;
            background-color: #f3f5e8; }
      .container > .wrapper > .contents > form table.edit {
        float: left;
        width: 100%;
        height: auto;
        border-collapse: collapse;
        border-spacing: 1px; }
        .container > .wrapper > .contents > form table.edit tbody tr th, .container > .wrapper > .contents > form table.edit tbody tr td {
          padding: 8px;
          vertical-align: middle; }
        .container > .wrapper > .contents > form table.edit tbody tr th {
          width: 180px;
          background: linear-gradient(to left, white 0%, #fff);
          text-align: right;
          border: 1px solid #ddd;
          border-left: none;
          padding: 8px 16px;
          line-height: 20px; }
          .container > .wrapper > .contents > form table.edit tbody tr th.before, .container > .wrapper > .contents > form table.edit tbody tr th.after {
            height: 40px;
            border-top: none;
            border-bottom: none; }
          .container > .wrapper > .contents > form table.edit tbody tr th.after {
            background: none; }
        .container > .wrapper > .contents > form table.edit tbody tr td {
          border: 1px solid #ddd;
          border-right: none; }
          .container > .wrapper > .contents > form table.edit tbody tr td.conditions .overlay *, .container > .wrapper > .contents > form table.edit tbody tr td.conditions .district.line.checkbox * {
            float: left; }
          .container > .wrapper > .contents > form table.edit tbody tr td.before, .container > .wrapper > .contents > form table.edit tbody tr td.after {
            height: 40px;
            border-top: none;
            border-bottom: none; }
          .container > .wrapper > .contents > form table.edit tbody tr td.facilities label {
            float: left;
            width: 33.33%;
            margin: 0px;
            line-height: 32px; }
          .container > .wrapper > .contents > form table.edit tbody tr td label {
            position: relative;
            float: left;
            padding-left: 24px;
            margin-right: 16px;
            cursor: pointer;
            padding-top: 8px;
            padding-bottom: 8px; }
            .container > .wrapper > .contents > form table.edit tbody tr td label input[type=checkbox], .container > .wrapper > .contents > form table.edit tbody tr td label input[type=radio] {
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              margin: auto;
              width: 16px;
              height: 16px;
              cursor: pointer; }
          .container > .wrapper > .contents > form table.edit tbody tr td input:not([type=submit]):not([type=radio]):not([type=checkbox]) {
            width: 100%;
            height: auto;
            padding: 4px 8px; }
          .container > .wrapper > .contents > form table.edit tbody tr td textarea {
            width: 100%;
            padding: 8px; }
          .container > .wrapper > .contents > form table.edit tbody tr td select {
            padding: 4px 8px;
            cursor: pointer; }
          .container > .wrapper > .contents > form table.edit tbody tr td .btn {
            float: left; }
          .container > .wrapper > .contents > form table.edit tbody tr td.media-youtube ul.media-youtube-list li, .container > .wrapper > .contents > form table.edit tbody tr td.media-youtube ul.media-ricoh360-list li, .container > .wrapper > .contents > form table.edit tbody tr td.media-ricoh360 ul.media-youtube-list li, .container > .wrapper > .contents > form table.edit tbody tr td.media-ricoh360 ul.media-ricoh360-list li {
            position: relative; }
            .container > .wrapper > .contents > form table.edit tbody tr td.media-youtube ul.media-youtube-list li .btn.able.remove, .container > .wrapper > .contents > form table.edit tbody tr td.media-youtube ul.media-ricoh360-list li .btn.able.remove, .container > .wrapper > .contents > form table.edit tbody tr td.media-ricoh360 ul.media-youtube-list li .btn.able.remove, .container > .wrapper > .contents > form table.edit tbody tr td.media-ricoh360 ul.media-ricoh360-list li .btn.able.remove {
              position: absolute;
              right: 0;
              top: 0;
              line-height: 18px;
              width: 54px; }
          .container > .wrapper > .contents > form table.edit tbody tr td table.transparent {
            border-collapse: collapse;
            border-spacing: none; }
            .container > .wrapper > .contents > form table.edit tbody tr td table.transparent thead tr th, .container > .wrapper > .contents > form table.edit tbody tr td table.transparent thead tr td,
            .container > .wrapper > .contents > form table.edit tbody tr td table.transparent tbody tr th, .container > .wrapper > .contents > form table.edit tbody tr td table.transparent tbody tr td {
              border: none; }
            .container > .wrapper > .contents > form table.edit tbody tr td table.transparent thead tr th {
              text-align: center; }
              .container > .wrapper > .contents > form table.edit tbody tr td table.transparent thead tr th.text {
                width: 208px; }
              .container > .wrapper > .contents > form table.edit tbody tr td table.transparent thead tr th.remove {
                width: 40px; }
            .container > .wrapper > .contents > form table.edit tbody tr td table.transparent tbody tr td {
              border-top: 1px solid #ddd; }
    .container > .wrapper > .center {
      position: relative;
      min-height: 600px;
      float: none;
      text-align: center; }
      .container > .wrapper > .center > .login.form {
        position: absolute;
        left: 0;
        right: 0;
        margin: 240px auto auto auto;
        width: 600px;
        height: auto;
        background-color: #333;
        border: 1px solid #ddd;
        border-radius: 3px;
        box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.3); }
        .container > .wrapper > .center > .login.form > .right {
          float: left;
          width: 50%;
          height: auto;
          min-height: 256px;
          padding: 16px 32px 16px 0;
          color: white;
          border-top-right-radius: 3px;
          border-bottom-right-radius: 3px;
          text-align: left; }
          .container > .wrapper > .center > .login.form > .right > .title {
            float: left;
            width: 100%;
            height: auto;
            text-align: center;
            font-size: 20px;
            line-height: 24px; }
          .container > .wrapper > .center > .login.form > .right > .message {
            float: left;
            width: 100%;
            height: auto;
            line-height: 20px; }
        .container > .wrapper > .center > .login.form > form {
          float: left;
          width: 50%;
          height: auto;
          min-height: 256px;
          padding: 16px 32px; }
          .container > .wrapper > .center > .login.form > form img.logo {
            float: left;
            margin: 0 20%;
            width: 60%;
            height: auto; }
          .container > .wrapper > .center > .login.form > form input {
            float: left;
            width: 100%;
            height: auto;
            padding: 8px 8px;
            border: 1px solid #ddd;
            background-color: #eee; }
            .container > .wrapper > .center > .login.form > form input:first-of-type {
              border-top-left-radius: 3px;
              border-top-right-radius: 3px;
              border-bottom: 1px solid #ddd; }
            .container > .wrapper > .center > .login.form > form input:last-of-type {
              border-bottom-left-radius: 3px;
              border-bottom-right-radius: 3px;
              border-top: none; }
          .container > .wrapper > .center > .login.form > form .btn {
            float: left;
            width: 60%;
            margin: 0 20%;
            background-color: #1dadd9; }
      .container > .wrapper > .center > .header {
        position: fixed;
        top: 0;
        width: 1000px;
        background-color: white;
        border-bottom: 1px solid #ddd;
        z-index: 100; }
      .container > .wrapper > .center > .control {
        float: left;
        width: 100%;
        height: auto; }
        .container > .wrapper > .center > .control > .droparea {
          float: left;
          width: 100%;
          height: 200px;
          border: 1px dotted #ddd;
          background-color: white;
          border-radius: 9px;
          line-height: 200px;
          font-size: 18px;
          text-align: center;
          background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #FFEFEF), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #FFEFEF), color-stop(0.75, #FFEFEF), color-stop(0.75, transparent), to(transparent));
          -webkit-background-size: 7px 7px; }
      .container > .wrapper > .center > .previews {
        float: left;
        width: 100%;
        height: auto; }
        .container > .wrapper > .center > .previews > .item {
          float: left;
          width: 100%;
          height: auto;
          padding: 8px;
          border-bottom: 1px solid #ddd; }
          .container > .wrapper > .center > .previews > .item > img {
            float: left;
            height: 48px; }
          .container > .wrapper > .center > .previews > .item > .data {
            float: right;
            width: 700px;
            height: 48px; }
            .container > .wrapper > .center > .previews > .item > .data > .name {
              float: left;
              width: 240px;
              height: 48px;
              line-height: 48px;
              margin-left: 32px; }
            .container > .wrapper > .center > .previews > .item > .data > .size {
              float: left;
              width: 240px;
              height: 48px;
              line-height: 48px;
              margin-left: 32px; }
      .container > .wrapper > .center > ul.imgs {
        float: left;
        width: 100%;
        height: auto;
        list-style-type: none;
        margin: 0 0 128px 0; }
        .container > .wrapper > .center > ul.imgs > li {
          float: left;
          width: 20%;
          height: auto;
          padding: 8px; }
          .container > .wrapper > .center > ul.imgs > li > .box {
            position: relative;
            float: left;
            width: 100%;
            height: auto;
            padding: 8px;
            cursor: pointer; }
            .container > .wrapper > .center > ul.imgs > li > .box.selected {
              background-color: #ee7d3d; }
            .container > .wrapper > .center > ul.imgs > li > .box > img {
              float: left;
              width: 168px;
              height: 168px;
              border: 1px solid #ddd;
              background: white;
              padding: 4px; }
            .container > .wrapper > .center > ul.imgs > li > .box input, .container > .wrapper > .center > ul.imgs > li > .box select {
              float: left;
              width: 100%;
              height: auto;
              padding: 4px 8px;
              cursor: pointer; }
            .container > .wrapper > .center > ul.imgs > li > .box > .expansion {
              position: absolute;
              top: 0;
              left: 0; }
            .container > .wrapper > .center > ul.imgs > li > .box > .remove {
              position: absolute;
              top: 0;
              right: 0;
              background-color: #e10004;
              border-radius: 32px;
              width: 32px;
              height: 32px;
              line-height: 32px;
              font-size: 32px;
              color: white !important;
              padding: 0; }
              .container > .wrapper > .center > ul.imgs > li > .box > .remove:hover {
                background-color: #b70005; }

label[for^=prg-1], label[for^=prg-2], label[for^=prg-3], label[for^=prg-4] {
  position: relative; }
  label[for^=prg-1]::before, label[for^=prg-2]::before, label[for^=prg-3]::before, label[for^=prg-4]::before {
    content: attr(data-count);
    position: absolute;
    left: 8px;
    top: -4px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    background-color: red;
    color: white;
    border-radius: 50%; }

.priority1 {
  background-color: #ffcccc; }
.priority2 {
  background-color: #ffccaa; }
.priority3 {
  background-color: #fff; }
.priority4 {
  background-color: #ccffaa; }
.priority5 {
  background-color: #ccffcc; }

select.progress {
  cursor: pointer; }

table tbody tr.imgs {
  background-color: #f0f0f0; }
  table tbody tr.imgs a {
    float: left; }
    table tbody tr.imgs a img {
      float: left; }

.control .droparea {
  position: relative; }
  .control .droparea .counter {
    display: none;
    position: absolute;
    top: 74px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1000; }

.loader,
.loader:before,
.loader:after {
  background: #07155e;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em; }

.loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  float: none;
  color: #07155e;
  text-indent: -9999em;
  margin: 88px auto;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: ''; }

.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.loader:after {
  left: 1.5em; }

@-webkit-keyframes load1 {
  0%,
	80%,
	100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }
@keyframes load1 {
  0%,
	80%,
	100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }
.matching-tabs {
  width: 100%; }
  .matching-tabs > ul.tab {
    width: 100%; }
    .matching-tabs > ul.tab > li {
      width: calc(100% /2);
      font-size: 14px;
      line-height: 22px;
      padding: 12px 16px;
      border-bottom: 2px solid #333;
      cursor: pointer; }
      .matching-tabs > ul.tab > li.active {
        background: #333;
        color: #fff; }
  .matching-tabs > ul.content {
    width: 100%;
    border: 1px solid #ddd; }
    .matching-tabs > ul.content > li {
      width: 100%;
      padding: 24px; }
      .matching-tabs > ul.content > li > .box.district > .left {
        width: 34%; }
      .matching-tabs > ul.content > li > .box.district > .right {
        width: 64%; }
      .matching-tabs > ul.content > li > .box > .left {
        width: 49%;
        height: 500px;
        margin-right: 2%; }
        .matching-tabs > ul.content > li > .box > .left > h4 {
          width: 100%;
          margin-bottom: 16px;
          font-size: 14px; }
        .matching-tabs > ul.content > li > .box > .left > .mapbox {
          position: relative;
          height: 500px;
          background-color: #fafafa;
          padding: 16px;
          border-radius: 3px;
          border: 1px solid #ddd;
          overflow: auto; }
          .matching-tabs > ul.content > li > .box > .left > .mapbox.step1-area {
            border: none;
            background: #fff;
            padding: 0px 0; }
            .matching-tabs > ul.content > li > .box > .left > .mapbox.step1-area > ul > li {
              margin-bottom: 16px; }
              .matching-tabs > ul.content > li > .box > .left > .mapbox.step1-area > ul > li > label {
                width: 100%;
                border: 1px solid #ddd;
                box-shadow: 0px 0 4px rgba(0, 0, 0, 0.1);
                background: #fafafa;
                padding: 16px 8px;
                font-size: 14px;
                border-radius: 3px;
                line-height: 27px;
                font-weight: bold; }
                .matching-tabs > ul.content > li > .box > .left > .mapbox.step1-area > ul > li > label.on > .link {
                  color: #1dadd9; }
                .matching-tabs > ul.content > li > .box > .left > .mapbox.step1-area > ul > li > label input[type="checkbox"] {
                  margin-top: 7px; }
          .matching-tabs > ul.content > li > .box > .left > .mapbox > p {
            float: left;
            width: 100%;
            font-weight: bold;
            color: #1dadd9;
            font-size: 16px;
            margin-bottom: 16px; }
          .matching-tabs > ul.content > li > .box > .left > .mapbox:hover > ul.absolute {
            display: block; }
          .matching-tabs > ul.content > li > .box > .left > .mapbox > ul {
            width: 100%; }
            .matching-tabs > ul.content > li > .box > .left > .mapbox > ul > li {
              margin-bottom: 8px;
              width: 50%; }
              .matching-tabs > ul.content > li > .box > .left > .mapbox > ul > li > label > input {
                margin-top: 1px;
                cursor: pointer; }
              .matching-tabs > ul.content > li > .box > .left > .mapbox > ul > li > label > .link {
                color: #333;
                text-decoration: none;
                cursor: pointer; }
                .matching-tabs > ul.content > li > .box > .left > .mapbox > ul > li > label > .link:hover {
                  text-decoration: underline; }
          .matching-tabs > ul.content > li > .box > .left > .mapbox img {
            display: none;
            position: absolute;
            z-index: -1;
            left: -2100px;
            top: -540px; }
      .matching-tabs > ul.content > li > .box > .right {
        position: relative;
        z-index: 10;
        float: left;
        width: 49%;
        max-height: 500px; }
        .matching-tabs > ul.content > li > .box > .right > h4 {
          float: left;
          width: 100%;
          margin-bottom: 16px;
          font-size: 16px; }
        .matching-tabs > ul.content > li > .box > .right > .step2 {
          float: left;
          width: 100%;
          height: 500px;
          background-color: #fafafa;
          padding: 16px;
          border-radius: 3px;
          border: 1px solid #ddd;
          box-shadow: 0px 0 4px rgba(0, 0, 0, 0.1);
          overflow: auto; }
          .matching-tabs > ul.content > li > .box > .right > .step2 > p {
            float: left;
            width: 100%;
            font-weight: bold;
            color: #1dadd9;
            font-size: 16px;
            margin-bottom: 16px; }
          .matching-tabs > ul.content > li > .box > .right > .step2 > ul {
            float: left;
            width: 100%; }
            .matching-tabs > ul.content > li > .box > .right > .step2 > ul > li {
              width: calc(100% / 2);
              margin-bottom: 8px;
              cursor: pointer; }
              .matching-tabs > ul.content > li > .box > .right > .step2 > ul > li > label {
                cursor: pointer; }
                .matching-tabs > ul.content > li > .box > .right > .step2 > ul > li > label > input {
                  margin-top: 1px;
                  cursor: pointer; }
                .matching-tabs > ul.content > li > .box > .right > .step2 > ul > li > label > .link {
                  color: #333;
                  text-decoration: none;
                  cursor: pointer; }
                  .matching-tabs > ul.content > li > .box > .right > .step2 > ul > li > label > .link:hover {
                    text-decoration: underline; }

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