@import "../import/normalize.css";
@import "../import/glide.css";
i.icon {
  display: inline-block;
  margin: 0em 0.25em 0em 0em;
  height: 1em;
  font-family: 'Icons';
  font-style: normal;
  line-height: 1;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
i.icon.add.sign.box:before {
  width: auto;
  margin: 0em;
}
i.icon.left,
i.icon.left,
i.icon.left {
  width: auto;
  margin: 0em 0.5em 0em 0em;
}
i.icon.search,
i.icon.up,
i.icon.down,
i.icon.right {
  width: auto;
  margin: 0em 0em 0em 0.5em;
}
i.icon.loading {
  -webkit-animation: icon-loading 2s linear infinite;
  -moz-animation: icon-loading 2s linear infinite;
  -ms-animation: icon-loading 2s linear infinite;
  -o-animation: icon-loading 2s linear infinite;
  animation: icon-loading 2s linear infinite;
}
@keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes icon-loading {
  from {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes icon-loading {
  from {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes icon-loading {
  from {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
i.icon.hover {
  opacity: 1;
}
i.icon.active {
  opacity: 1;
}
i.emphasized.icon {
  opacity: 1;
}
i.icon.disabled {
  opacity: 0.3;
}
i.link.icon {
  cursor: pointer;
}
i.link.icon:hover {
  opacity: 1 !important;
}
i.circular.icon {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  padding: 0.5em 0.35em !important;
  -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  line-height: 1 !important;
  width: 2em !important;
  height: 2em !important;
}
i.circular.inverted.icon {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
i.vertically.flipped.icon {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
i.horizontally.flipped.icon {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
i.left.rotated.icon {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
i.right.rotated.icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
i.square.icon {
  width: 2em;
  height: 2em;
  padding: 0.5em 0.35em !important;
  -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  vertical-align: baseline;
}
i.square.icon:before {
  vertical-align: middle;
}
i.square.inverted.icon {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
i.inverted.icon {
  background-color: #222;
  color: #fff;
}
i.blue.icon {
  color: #6ecff5 !important;
}
i.black.icon {
  color: #5c6166 !important;
}
i.green.icon {
  color: #a1cf64 !important;
}
i.red.icon {
  color: #d95c5c !important;
}
i.purple.icon {
  color: #564f8a !important;
}
i.teal.icon {
  color: #00b5ad !important;
}
i.inverted.black.icon {
  background-color: #5c6166 !important;
  color: #fff !important;
}
i.inverted.blue.icon {
  background-color: #6ecff5 !important;
  color: #fff !important;
}
i.inverted.green.icon {
  background-color: #a1cf64 !important;
  color: #fff !important;
}
i.inverted.red.icon {
  background-color: #d95c5c !important;
  color: #fff !important;
}
i.inverted.purple.icon {
  background-color: #564f8a !important;
  color: #fff !important;
}
i.inverted.teal.icon {
  background-color: #00b5ad !important;
  color: #fff !important;
}
i.small.icon {
  font-size: 0.875em;
}
i.icon {
  font-size: 1em;
}
i.large.icon {
  font-size: 2em;
  vertical-align: middle;
}
i.huge.icon {
  font-size: 4em;
  vertical-align: middle;
}
i.massive.icon {
  font-size: 8em;
  vertical-align: middle;
}
.jquery-notify-bar {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 32768;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  color: #333;
  text-align: center;
  line-height: 64px;
  cursor: pointer;
}
.jquery-notify-bar.error {
  background-color: #f0b1b9;
}
.jquery-notify-bar.success {
  color: #fff;
  background-color: #a0d468;
}
.notify-bar-close {
  position: absolute;
  left: 95%;
  font-size: 11px;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
* {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  word-wrap: break-word;
}
body {
  font: normal 13px 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, "メイリオ", 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', sans-serif;
  *font-size: small;
  *font: x-small;
  margin: 0px;
  padding: 0px;
  color: #333;
  background-color: #f4f4f4;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img {
  vertical-align: bottom;
  margin: 0;
}
p {
  line-height: 160%;
  word-break: break-all;
  margin: 0;
}
ul,
ol {
  padding: 0;
  margin: 0;
}
ul li,
ol li {
  word-break: break-all;
  list-style: none;
}
dl dt {
  margin-bottom: 10px;
}
dl dd {
  margin: 0 0 20px 10px;
}
small {
  font-size: 12px;
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
h2 {
  font-size: 1.8em;
}
h5,
h6 {
  font-size: 13px;
}
a {
  text-decoration: none;
}
a:link,
a:visited {
  color: #3cbce1;
}
a:hover {
  opacity: 0.7;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a:active {
  opacity: 0.7;
  -webkit-transition: none;
  transition: none;
}
table {
  font-size: inherit;
  font: 100%;
  border-collapse: collapse;
  width: 100%;
}
table th {
  padding: 20px;
  text-align: center;
  background-color: #f6f8fa;
}
table td {
  padding: 20px;
}
table tr:nth-child(odd) {
  background-color: #fff;
}
table tr:nth-child(even) {
  background-color: #fff;
}
table p {
  margin: 0 !important;
}
table.show {
  border: 1px solid #e3e4e8;
  -webkit-box-shadow: #e3e4e8 0 4px 0;
  box-shadow: #e3e4e8 0 4px 0;
}
table.show th,
table.show td {
  border: 1px solid #e3e4e8;
}
table.show th {
  text-align: left;
}
table.hina th,
table.hina td {
  background: none;
  border-bottom: 1px solid #e3e4e8;
}
table.hina th {
  text-align: left;
}
table.hazuki {
  font-size: 12px;
  -webkit-box-shadow: #e3e4e8 0 4px 0;
  box-shadow: #e3e4e8 0 4px 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
table.hazuki tr {
  border-bottom: 1px solid #f6f8fa;
}
table.hazuki tr th {
  text-align: left;
}
table.hazuki tr th,
table.hazuki tr td {
  padding: 5px;
}
table.hazuki tr td.status-green {
  background-color: #a0d468;
  color: #fff;
}
table.hazuki tr td.status-yellow {
  background-color: #ffce54;
  color: #fff;
}
table.hazuki tr:last-child {
  border-bottom: none;
}
input[type="email"],
input[type="text"],
input[type="password"],
textarea {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 2px solid #e3e4e8;
  padding: 5px 10px;
  color: #000;
  font-size: 13px;
  outline: none;
  font-weight: bold;
}
input[type="checkbox"],
input[type="radio"] {
  margin-right: 0.5em;
}
input[type="file"] {
  width: 150px !important;
  height: 34px !important;
  position: relative;
  cursor: pointer;
}
input[type="file"]:after {
  content: "アップロード";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #434a54;
  color: #fff;
  text-align: center;
  line-height: 34px;
  font-weight: bold;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
input[type="file"]:hover:after {
  background-color: #00c4ac;
}
textarea {
  resize: vertical;
  min-height: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-weight: normal;
}
input:focus,
textarea:focus {
  border-color: #00c4ac !important;
  background-color: #fff !important;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
select {
  padding: 3px;
}
input[type="submit"] {
  border: 2px solid #00c4ac;
  background-color: #fff;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 6px 8px;
  color: #00c4ac;
  font-size: 12px;
  outline: none;
  letter-spacing: .2em;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
  background-color: #00c4ac;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
input[type="submit"][name="back"] {
  background: none;
  border: none;
  padding: 8px 10px;
  color: #3cbce1;
}
input[type="submit"][name="back"]:hover {
  color: #3cbce1;
  background: none;
  opacity: 0.7;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
input[type="submit"][disable="disable"] {
  background-color: #a3e0d9;
}
input.form-error,
textarea.form-error {
  border-color: #f0b1b9 !important;
}
select.form-error {
  outline: #f0b1b9 !important;
}
.error-message {
  color: #e65d65;
  font-size: 10px;
}
.error-message:before {
  display: inline-block;
  margin: 0em 0.25em 0em 0em;
  height: 1em;
  font-family: 'Icons';
  font-style: normal;
  line-height: 1;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f069";
  color: #e65d65;
}
.submit-box {
  margin-top: 40px;
  text-align: center;
}
.submit-box > * {
  display: inline-block;
}
.submit-box input[type="submit"] {
  padding-right: 20px;
  padding-left: 20px;
}
.submit-box i.icon {
  margin: 0 .5em 0 0;
}
.input-submit input[type="email"],
.input-submit input[type="text"] {
  float: left;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-right: none;
}
.input-submit input[type="submit"] {
  float: left;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  background-color: #00c4ac;
  color: #fff;
}
.input-submit input[type="submit"]:hover {
  background-color: #00b29c;
  border-color: #00b29c;
}
div.button,
a.button {
  padding: 10px 20px;
  text-align: center;
  background-color: #f6f8fa;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #333;
  font-weight: bold;
  -webkit-box-shadow: #e3e4e8 0 5px 0;
  box-shadow: #e3e4e8 0 5px 0;
  letter-spacing: .2em;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: inline-block;
}
div.button.no-shadow,
a.button.no-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
div.button.lime,
a.button.lime {
  background-color: #00c4ac;
  -webkit-box-shadow: #00b29c 0 5px 0;
  box-shadow: #00b29c 0 5px 0;
  color: #fff;
}
div.button.lime.symbol span,
a.button.lime.symbol span {
  background-color: #00b29c;
}
div.button.lime.symbol span i.icon,
a.button.lime.symbol span i.icon {
  color: #fff;
}
div.button.lime i.icon,
a.button.lime i.icon {
  color: #007869;
}
div.button.red,
a.button.red {
  background-color: #e65d65;
  -webkit-box-shadow: #d0545c 0 5px 0;
  box-shadow: #d0545c 0 5px 0;
  color: #fff;
}
div.button.red.symbol span,
a.button.red.symbol span {
  background-color: #d0545c;
}
div.button.red.symbol span i.icon,
a.button.red.symbol span i.icon {
  color: #fff;
}
div.button.red i.icon,
a.button.red i.icon {
  color: #d6212b;
}
div.button.gray,
a.button.gray {
  background-color: #e3e4e8;
  -webkit-box-shadow: #b9bcc6 0 5px 0;
  box-shadow: #b9bcc6 0 5px 0;
  color: #434a54;
}
div.button.gray.symbol span,
a.button.gray.symbol span {
  background-color: #b9bcc6;
}
div.button.gray.symbol span i.icon,
a.button.gray.symbol span i.icon {
  color: #fff;
}
div.button.gray i.icon,
a.button.gray i.icon {
  color: #b9bcc6;
}
div.button.yellow,
a.button.yellow {
  background-color: #fac75a;
  -webkit-box-shadow: #f8ae10 0 5px 0;
  box-shadow: #f8ae10 0 5px 0;
  color: #fff;
}
div.button.yellow.symbol span,
a.button.yellow.symbol span {
  background-color: #f8ae10;
}
div.button.yellow.symbol span i.icon,
a.button.yellow.symbol span i.icon {
  color: #fff;
}
div.button.yellow i.icon,
a.button.yellow i.icon {
  color: #f8ae10;
}
div.button.blue,
a.button.blue {
  background-color: #3cbce1;
  -webkit-box-shadow: #1c92b5 0 5px 0;
  box-shadow: #1c92b5 0 5px 0;
  color: #fff;
}
div.button.blue.symbol span,
a.button.blue.symbol span {
  background-color: #1c92b5;
}
div.button.blue.symbol span i.icon,
a.button.blue.symbol span i.icon {
  color: #fff;
}
div.button.blue i.icon,
a.button.blue i.icon {
  color: #1c92b5;
}
div.button.navy,
a.button.navy {
  background-color: #425b71;
  -webkit-box-shadow: #263441 0 5px 0;
  box-shadow: #263441 0 5px 0;
  color: #fff;
}
div.button.navy.symbol span,
a.button.navy.symbol span {
  background-color: #263441;
}
div.button.navy.symbol span i.icon,
a.button.navy.symbol span i.icon {
  color: #fff;
}
div.button.navy i.icon,
a.button.navy i.icon {
  color: #263441;
}
div.button.brown,
a.button.brown {
  background-color: #4d4843;
  -webkit-box-shadow: #24221f 0 5px 0;
  box-shadow: #24221f 0 5px 0;
  color: #fff;
}
div.button.brown.symbol span,
a.button.brown.symbol span {
  background-color: #24221f;
}
div.button.brown.symbol span i.icon,
a.button.brown.symbol span i.icon {
  color: #fff;
}
div.button.brown i.icon,
a.button.brown i.icon {
  color: #24221f;
}
div.button.green,
a.button.green {
  background-color: #98ca69;
  -webkit-box-shadow: #72aa3c 0 5px 0;
  box-shadow: #72aa3c 0 5px 0;
  color: #fff;
}
div.button.green.symbol span,
a.button.green.symbol span {
  background-color: #72aa3c;
}
div.button.green.symbol span i.icon,
a.button.green.symbol span i.icon {
  color: #fff;
}
div.button.green i.icon,
a.button.green i.icon {
  color: #72aa3c;
}
div.button.silver,
a.button.silver {
  background-color: #c9ced1;
  -webkit-box-shadow: #a0a9ae 0 5px 0;
  box-shadow: #a0a9ae 0 5px 0;
  color: #222;
}
div.button.silver.symbol span,
a.button.silver.symbol span {
  background-color: #a0a9ae;
}
div.button.silver.symbol span i.icon,
a.button.silver.symbol span i.icon {
  color: #fff;
}
div.button.silver i.icon,
a.button.silver i.icon {
  color: #a0a9ae;
}
div.button.symbol,
a.button.symbol {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}
div.button.symbol > *,
a.button.symbol > * {
  display: block;
  float: left;
  padding: 10px;
}
div.button.symbol span,
a.button.symbol span {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
div.button.symbol span i.icon,
a.button.symbol span i.icon {
  margin: 0;
}
div.button.push,
a.button.push {
  position: relative;
  -webkit-transition: none;
  transition: none;
}
div.button.push:after,
div.button.push:before,
a.button.push:after,
a.button.push:before {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
div.button.push:active,
a.button.push:active {
  top: 5px;
  box-shadow: none;
}
.meter {
  margin-bottom: 10px;
}
.meter .meter-in {
  overflow: hidden;
  background-color: #e3e4e8;
  width: 100%;
  height: 20px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.meter .meter-in .bar {
  background-color: #fac75a;
  height: 100%;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  text-align: left;
  line-height: 20px !important;
  font-size: 12px !important;
  position: relative;
}
.meter .meter-in .bar span {
  position: absolute;
  left: 3px;
  top: 0;
}
.box {
  color: #333 !important;
  float: left !important;
  -webkit-box-shadow: #e3e4e8 0 4px 0 !important;
  box-shadow: #e3e4e8 0 4px 0 !important;
  margin-right: 20px !important;
  margin-bottom: 20px !important;
  border: 1px solid #f4f4f4 !important;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.box .box-thumbnail {
  overflow: hidden;
}
.box .box-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}
.box .box-main {
  position: relative !important;
  background-color: #fff !important;
}
.box .box-main h4 {
  margin: 0 0 10px 0 !important;
  padding: 10px 10px 0 !important;
  font-weight: normal !important;
  overflow: hidden !important;
  line-height: 150% !important;
}
.box .box-main h4 a {
  color: #222 !important;
}
.box .box-main .sub {
  padding: 0 10px !important;
  margin-bottom: 5px !important;
  overflow: hidden !important;
}
.box .box-main .sub p {
  margin: 0 !important;
  font-size: 12px !important;
  color: #999 !important;
}
.box .box-main .box-date {
  margin-bottom: 10px !important;
  color: #999 !important;
}
.box .box-main .box-date div {
  font-size: 12px !important;
}
.box .box-main .box-date .category {
  float: left !important;
  padding-left: 10px !important;
}
.box .box-main .box-date .category a {
  color: #999 !important;
}
.box .box-main .box-date .ownner {
  float: right !important;
  padding-right: 10px !important;
  text-align: right !important;
}
.box .box-main .box-date .ownner a {
  color: #999 !important;
}
.box .box-main .box-date .link-dashborad {
  float: right !important;
}
.box .box-main .meter {
  padding: 0 10px !important;
}
.box .box-main .overview {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  background-color: #f6f8fa !important;
  display: table !important;
  padding: 10px 0 !important;
  width: 100% !important;
}
.box .box-main .overview div {
  display: table-cell !important;
  width: 33.333333% !important;
  border-right: 1px solid #e3e4e8 !important;
  text-align: center !important;
  font-weight: bold !important;
}
.box .box-main .overview div small {
  display: block !important;
  margin-bottom: 5px !important;
  font-weight: normal !important;
}
.box .box-main .overview div:last-child {
  border: none !important;
}
.box .box-main .unsuccess-summary {
  position: absolute;
  right: 0;
  bottom: 0;
  display: table;
  width: 100%;
  height: 81px;
  background-color: #f6f8fa;
}
.box .box-main .unsuccess-summary p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #999;
  font-size: 12px;
}
.box.success .box-thumbnail {
  position: relative;
}
.box.success .box-thumbnail:after {
  content: "SUCCESS";
  position: absolute;
  left: 5%;
  right: 5%;
  top: -1px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: rgba(255, 206, 84, 0.9);
  border-top: 1px solid #fac75a;
  font-size: 12px;
  text-align: center;
}
.box.success .meter .meter-in .bar {
  width: 100%;
}
.box.recommend {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: 100%;
  display: table;
}
.box.recommend > * {
  display: table-cell;
  vertical-align: middle;
}
.box.recommend p {
  vertical-align: middle;
  font-style: italic;
  text-align: center;
  position: relative;
  line-height: 180%;
}
.box.recommend p span:first-letter {
  float: left;
  font-weight: bold;
  padding: 5px;
  font-size: 2em;
}
body.boxes-widget {
  background: none;
  width: 225px !important;
  height: 334px !important;
}
body.boxes-widget .box {
  margin: 0 !important;
  float: none !important;
}
body.boxes-widget .box.widget-error {
  background-color: #434a54 !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  display: table !important;
}
body.boxes-widget .box.widget-error p {
  display: table-cell !important;
  vertical-align: middle !important;
  padding: 0 10px !important;
  text-align: center !important;
  color: #fff !important;
}
.boxes3,
.boxes4 {
  margin-right: -20px;
  margin-bottom: -20px;
}
.row {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}
.titlebox {
  margin-bottom: 20px;
  line-height: 32px;
  text-indent: 1em;
}
.titlebox:before,
.titlebox:after {
  content: " ";
  display: table;
}
.titlebox:after {
  clear: both;
}
.titlebox:before,
.titlebox:after {
  content: " ";
  display: table;
}
.titlebox:after {
  clear: both;
}
.titlebox.h2h3 h2 {
  float: left;
  margin-right: 10px;
}
.titlebox.h2h3 h3 {
  float: left;
  font-size: 13px;
  font-weight: normal;
  color: #999;
}
.titlebox.h2div h2 {
  float: left;
  margin-right: 10px;
}
.titlebox.h2div div {
  float: left;
  color: #999;
}
.titlebox.link-more h2,
.titlebox.link-more h3 {
  float: left;
}
.titlebox.link-more a {
  float: right;
  font-size: 12px;
  padding: 0 10px;
  background-color: #434a54;
  color: #fff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.titlebox.link-more a i.icon {
  margin: 0 .5em 0 0;
}
.titlebox.link-more a:hover {
  background-color: #fac75a;
  opacity: 1.0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.titlebox.category {
  padding: 10px;
  margin-bottom: 20px;
  background-color: #434a54;
  color: #fff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.we-are-hiring {
  display: inline-block;
  overflow: hidden;
  width: 150px;
  padding: 50px 0;
  position: absolute;
  left: -30px;
  top: -25px;
  z-index: 9999;
}
.we-are-hiring a {
  padding: 5px 30px;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  background-color: #434a54;
}
.tab li {
  float: left;
  margin-right: 2px;
}
.tab li a {
  display: block;
  padding: 7.5px 20px;
  background-color: #f6f8fa;
  border-top: 2px solid #f6f8fa;
  color: #333;
}
.tab li a span {
  font-size: 12px;
  color: #fff;
  background-color: #fac75a;
  line-height: 18px;
  padding: 2px 5px;
  margin-left: 5px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.tab li a span span {
  margin: 0;
  padding: 0;
}
.tab li.selected a,
.tab li a:hover {
  background-color: #fff !important;
  border-top: 2px solid #fac75a !important;
  opacity: 1.0;
}
.tab li.rfloat {
  margin: 0 0 0 2px;
}
.tab li.rfloat a,
.tab li.rfloat.selected a,
.tab li.rfloat.selected a:hover {
  border-top: 2px solid #e65d65 !important;
}
.step {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100%;
  margin: 20px auto 40px;
  border-left: 1px solid #e3e4e8;
  border-right: 1px solid #e3e4e8;
}
.step:before,
.step:after {
  content: " ";
  display: table;
}
.step:after {
  clear: both;
}
.step:before,
.step:after {
  content: " ";
  display: table;
}
.step:after {
  clear: both;
}
.step div {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
  padding: 0 15px 0 35px;
  line-height: 40px;
  position: relative;
  border-top: 1px solid #e3e4e8;
  border-bottom: 1px solid #e3e4e8;
  background-color: #fff;
}
.step div:after,
.step div:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 999;
}
.step div:after {
  border-left-color: #fff;
  border-width: 20px;
  top: 50%;
  margin-top: -20px;
}
.step div:before {
  border-left-color: #e3e4e8;
  border-width: 21px;
  top: 50%;
  margin-top: -21px;
}
.step div:last-child:after,
.step div:last-child:before {
  border: none;
}
.step div:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.step div:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.step div.selected {
  background-color: #434a54;
  color: #fff;
}
.step div.selected:after {
  border-left-color: #434a54;
}
.step.five > div {
  width: 20%;
}
.step.four > div {
  width: 25%;
}
.step.three > div {
  width: 33.333333%;
}
.step.two > div {
  width: 50%;
}
.mail-invalid {
  background-color: #e65d65;
  color: #fff;
}
.mail-invalid .row {
  padding: 5px 0;
  text-align: center;
}
.share li {
  float: left;
  padding: 0 5px;
}
.share li.twitter {
  min-width: 66px;
  max-width: 110px;
  height: 20px;
}
.share li iframe {
  margin: 0 !important;
}
.share li.embed {
  border: 1px solid #92c165;
  background-color: #98ca69;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  line-height: 18px;
  padding: 0 5px;
  text-align: center;
}
.share li.embed a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.share li.embed a i.icon {
  margin: 0 5px 0 0;
  font-weight: bold;
}
.embed-popup {
  position: relative;
  background: #fff;
  width: 700px;
  padding: 20px;
  margin: 20px auto;
}
.embed-popup .embed-popup-in {
  width: 100%;
  display: table;
}
.embed-popup .embed-popup-in > * {
  display: table-cell;
  vertical-align: middle;
}
.embed-popup .embed-popup-in .embed-popup-iframe {
  width: 225px;
}
.embed-popup .embed-popup-in .embed-popup-iframe iframe {
  vertical-align: bottom;
}
.embed-popup .embed-popup-in .embed-popup-code {
  padding-left: 20px;
}
.embed-popup .embed-popup-in .embed-popup-code h3,
.embed-popup .embed-popup-in .embed-popup-code p {
  margin-bottom: 10px;
}
.embed-popup .embed-popup-in .embed-popup-code textarea {
  min-height: 60px;
}
.readmore {
  visibility: hidden;
}
.readmore small {
  color: #3cbce1;
  margin-left: 5px;
  cursor: pointer;
}
.back2top {
  margin: 30px 0;
  text-align: right;
}
.back2top a:before {
  display: inline-block;
  margin: 0em 0.25em 0em 0em;
  height: 1em;
  font-family: 'Icons';
  font-style: normal;
  line-height: 1;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f139";
}
.breadcrumb {
  margin-bottom: 20px;
}
.breadcrumb li {
  display: inline-block;
  margin-right: 5px;
}
.breadcrumb li:after {
  content: " > ";
}
.breadcrumb li.current:after {
  content: "";
}
.pagination {
  margin-top: 20px;
  cursor: pointer;
}
.pagination i.icon {
  margin: 0;
}
.pagination .pagination-in {
  margin-bottom: -5px;
  text-align: center;
}
.pagination .pagination-in span {
  display: inline-block;
  margin: 0 5px 5px 0;
  font-size: 12px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #434a54;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pagination .pagination-in span a {
  display: block;
  padding: 5px 10px;
  color: #fff;
}
.pagination .pagination-in span.current {
  padding: 5px 10px;
  cursor: default;
}
.pagination .pagination-in span.current,
.pagination .pagination-in span:hover {
  color: #fff;
  background-color: #fac75a;
}
.pagination .pagination-in span.current a,
.pagination .pagination-in span:hover a {
  color: #fff;
}
.pagination .pagination-in span.disabled,
.pagination .pagination-in span.disabled:hover {
  background-color: #434a54;
  color: #fff;
}
.lfloat {
  float: left !important;
}
.rfloat {
  float: right !important;
}
.r1 {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.r3 {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.r5 {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
span.time,
small.time {
  color: #999;
}
.small-alert {
  color: #e65d65;
}
.alertbox {
  padding: 10px;
  margin-bottom: 20px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #fde084;
}
.alertbox:before,
.alertbox:after {
  content: " ";
  display: table;
}
.alertbox:after {
  clear: both;
}
.alertbox:before,
.alertbox:after {
  content: " ";
  display: table;
}
.alertbox:after {
  clear: both;
}
.alertbox i.icon.remove {
  text-align: center;
  margin-left: 10px;
  font-weight: bold;
  float: right;
}
.check-it-out {
  font-size: 12px;
  color: #333;
  margin-bottom: 20px;
}
.check-it-out span {
  text-decoration: underline;
}
.blank {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f6f8fa;
  text-align: center;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.new-icon:after {
  content: "NEW";
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 3px;
  background-color: #fac75a;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  margin-left: 5px;
  color: #fff;
  line-height: 140% !important;
}
.updated-icon:after {
  content: "Up!";
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  padding: 1px 3px;
  background-color: #e65d65;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  margin-left: 5px;
  color: #fff;
  line-height: 140% !important;
}
strong.marker {
  background: url(../images/marker.gif) left bottom;
}
i.icon.must {
  font-weight: normal;
  font-size: 12px;
  color: #e65d65;
  margin: 0em 0.25em;
}
.circle-cut {
  border: 3px solid #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 60px;
  height: 60px;
}
.circle-cut img {
  width: 100%;
  height: 100%;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  vertical-align: middle;
}
.or-separator-yoko,
.or-separator-tate {
  position: relative;
}
.or-separator-yoko:after,
.or-separator-tate:after {
  position: absolute;
  content: "OR";
  background-color: #f6f8fa;
  display: block;
  text-align: center;
  line-height: 1em;
}
.or-separator-yoko {
  border-top: 1px solid #e3e4e8;
  margin: 40px auto;
  height: 1px !important;
}
.or-separator-yoko:after {
  left: 50%;
  top: -0.5em;
  margin-left: -1.5em;
  padding: 0 .5em;
}
.or-separator-tate {
  border-left: 1px solid #e3e4e8;
  margin: 0 39px;
  width: 1px !important;
}
.or-separator-tate:after {
  top: 50%;
  left: -0.8em;
  margin-top: -1em;
  padding: .5em 0;
}
.slider-nav__item {
  width: 10px;
  height: 10px;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.cke_skin_kama input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.information {
  background-color: #fac75a;
}
.information .row {
  padding: 5px 0;
  text-align: center;
}
.container {
  padding: 40px 0;
  background-color: #f4f4f4;
}
nav {
  height: 80px;
  overflow: hidden;
}
nav > .row {
  padding: 5px 0 !important;
}
nav .logo {
  display: block;
  background: url(../images/aiaio_logo.png) no-repeat left top;
  background-size: 180px 60px;
  width: 180px;
  height: 60px;
  float: left;
  margin-right: 10px;
}
nav ul li {
  float: left;
}
nav ul li a {
  font-size: 13px;
  line-height: 30px;
  padding: 0 10px;
  display: block;
  font-weight: bold;
}
nav .global-menu {
  float: right;
  margin: 15px 100px;
}
nav .global-menu li a {
  color: #333;
}
nav .navigation {
  float: right;
}
nav .navigation li {
  margin-left: 10px;
}
nav .navigation li a {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
nav .navigation li a i.icon {
  margin: 0;
}
nav .navigation li.login a {
  background-color: #fac75a;
}
nav .navigation li.login a i.icon {
  margin: 0 .25em 0 0;
}
nav .navigation li.twitter a,
nav .navigation li.facebook a {
  width: 30px;
  text-align: center;
  padding: 0;
}
nav .navigation li.twitter a i.icon,
nav .navigation li.facebook a i.icon {
  margin: 0;
  font-size: 13px;
}
nav .navigation li.twitter a {
  background-color: #4fc0e8;
}
nav .navigation li.facebook a {
  background-color: #5d9cec;
}
nav .navigation li.message a {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #edbe56;
}
nav .navigation li.message a i.icon {
  margin: 0 .25em 0 0;
  font-size: 15px;
}
nav .navigation li.contact a {
  background-color: #fac75a;
}
nav .navigation li.contact a img {
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-right: 10px;
}
nav .navigation li.contact.unread {
  margin-left: 0;
}
nav .navigation li.contact.unread a {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
nav .navigation li.logout a {
  background-color: #434a54;
}
nav .navigation li.logout a i.icon {
  margin: 0;
}
.updates-list {
  width: 560px;
  margin-bottom: 40px;
}
.updates-list .title small {
  color: #999;
}
.updates-list .title .only-patron {
  color: #fac75a;
}
.updates-list .title h3 {
  font-size: 1.9em;
  margin-bottom: 20px;
}
.updates-list .title h3 a {
  color: #333;
}
.updates-list .title .share {
  margin-bottom: 20px;
}
.updates-list .thumbnail {
  margin-bottom: 20px;
  text-align: center;
}
.updates-list .thumbnail img {
  max-width: 560px;
}
.updates-list .body {
  margin-bottom: 20px;
  overflow: hidden !important;
  font-size: 15px !important;
  word-wrap: break-word !important;
  color: #555;
}
.updates-list .body img,
.updates-list .body iframe {
  max-width: 560px !important;
}
.updates-list .body h6 {
  font-size: 17px !important;
  margin: 2em 0 1em !important;
  color: #222;
}
.updates-list .body p {
  margin-bottom: 1em !important;
}
.updates-list .body.only-patron {
  padding: 80px 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #f6f8fa;
  text-align: center;
}
.updates-list .add-comment {
  padding: 20px;
  clear: both;
  text-align: center;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.updates-list .add-comment a {
  display: inline-block;
}
.updates-list .edit {
  text-align: right;
  margin-top: 10px;
}
.updates-with-projects {
  width: 715px;
  margin-bottom: 40px;
}
.updates-with-projects .updates-list {
  margin-bottom: 0;
}
.updates-with-projects .project {
  float: left;
  width: 135px;
}
.updates-with-projects .project img {
  width: 100%;
  margin-bottom: 5px;
}
.updates-with-projects .project h2 {
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 5px 0;
  word-wrap: break-word;
}
.updates-with-projects .project a {
  color: #333;
}
.updates-with-projects .updates-list {
  float: right;
  width: 560px;
}
.updates-with-projects .updates-list .headline {
  margin-bottom: 20px;
}
.updates-with-projects .updates-list .headline .circle-cut {
  float: left;
  margin-right: 10px;
  width: 30px;
  height: 30px;
}
.updates-with-projects .updates-list .headline .by {
  float: left;
  line-height: 36px;
}
.updates-with-projects .updates-list .headline .by a {
  margin-right: 5px;
}
.projects-main section {
  margin-bottom: 40px;
}
.projects-main .projects-body {
  overflow: hidden !important;
  font-size: 15px !important;
  word-wrap: break-word !important;
  color: #555;
}
.projects-main .projects-body img,
.projects-main .projects-body iframe {
  max-width: 560px !important;
}
.projects-main .projects-body h6 {
  font-size: 17px !important;
  margin: 2em 0 1em !important;
  color: #222;
}
.projects-main .projects-body p {
  margin-bottom: 1em !important;
}
.projects-main .thumbnail {
  position: relative;
  cursor: pointer;
}
.projects-main .thumbnail img {
  width: 560px;
  height: 373px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.projects-main .thumbnail .button-play {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 10px 30px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -56px;
  margin-top: -40px;
  text-align: center;
}
.projects-main .thumbnail .button-play i.icon {
  color: #fac75a;
  margin: 0;
  font-size: 60px;
  line-height: 1;
}
.projects-main .thumbnail:hover {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.projects-main .thumbnail:hover .button-play {
  background-color: rgba(250, 199, 90, 0.95);
}
.projects-main .thumbnail:hover .button-play i.icon {
  color: #fff;
}
.projects-main .share {
  padding: 10px 10px 5px 10px;
  background-color: #f6f8fa;
  text-align: left;
}
.projects-main .projects-updates-list ul li {
  width: 100%;
  display: table;
  margin-bottom: 20px;
}
.projects-main .projects-updates-list ul li > * {
  display: table-cell;
  vertical-align: middle;
}
.projects-main .projects-updates-list ul li .image {
  padding-right: 20px;
  width: 126px;
}
.projects-main .projects-updates-list ul li .image .circle-cut {
  width: 120px;
  height: 120px;
}
.projects-main .projects-updates-list ul li .body small .only-patron {
  color: #fac75a;
}
.projects-main .projects-updates-list ul li .body h4 {
  margin-bottom: 10px;
}
.projects-main .projects-updates-list ul li .body p {
  margin-bottom: 10px;
  font-size: 13px;
}
.projects-main .projects-updates-list ul li .body p.only-patron {
  padding: 10px 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #f6f8fa;
  text-align: center;
}
.projects-main .recommend .titlebox i.icon {
  margin-right: .5em;
}
.projects-main .recommend .item {
  width: 100%;
  display: table;
  margin-bottom: 20px;
}
.projects-main .recommend .item > * {
  display: table-cell;
  vertical-align: middle;
}
.projects-main .recommend .item .logo {
  width: 64px;
  padding-right: 40px;
}
.projects-main .recommend .item .logo img {
  width: 100px;
  height: 100px;
  border: 2px solid #f6f8fa;
}
.projects-main .recommend .item .comment {
  padding: 20px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  position: relative;
  background: #f6f8fa;
  border: 3px solid #f6f8fa;
  padding: 10px;
}
.projects-main .recommend .item .comment:after,
.projects-main .recommend .item .comment:before {
  right: 100%;
  top: 50%;
  margin-top: -22px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.projects-main .recommend .item .comment:after {
  border-right-color: #f6f8fa;
  border-width: 18px;
  margin-top: -18px;
}
.projects-main .recommend .item .comment:before {
  border-right-color: #f6f8fa;
  border-width: 22px;
  margin-top: -22px;
}
.projects-main .recommend .item .comment .by {
  text-align: right;
  margin-top: 10px;
}
.projects-main .recommend .item:last-child {
  margin-bottom: 0;
}
.aiaio-top .container section,
.projects-curated_top .container section {
  margin-bottom: 40px;
}
.aiaio-top .container .top-updates ul,
.projects-curated_top .container .top-updates ul {
  margin-right: -20px;
  margin-bottom: -20px;
}
.aiaio-top .container .top-updates ul li,
.projects-curated_top .container .top-updates ul li {
  float: left;
  width: 306px;
  height: 180px;
  overflow: hidden;
  margin: 0 20px 20px 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #f6f8fa;
}
.aiaio-top .container .top-updates ul li a,
.projects-curated_top .container .top-updates ul li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.aiaio-top .container .top-updates ul li a .thumbnail,
.projects-curated_top .container .top-updates ul li a .thumbnail {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}
.aiaio-top .container .top-updates ul li a .thumbnail img,
.projects-curated_top .container .top-updates ul li a .thumbnail img {
  width: 100%;
  vertical-align: middle;
}
.aiaio-top .container .top-updates ul li a .body,
.projects-curated_top .container .top-updates ul li a .body {
  width: 100%;
  display: table;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  color: #fff;
}
.aiaio-top .container .top-updates ul li a .body > *,
.projects-curated_top .container .top-updates ul li a .body > * {
  display: table-cell;
  vertical-align: middle;
}
.aiaio-top .container .top-updates ul li a .body .image,
.projects-curated_top .container .top-updates ul li a .body .image {
  padding: 10px 0 10px 10px;
  width: 36px;
}
.aiaio-top .container .top-updates ul li a .body .image .circle-cut,
.projects-curated_top .container .top-updates ul li a .body .image .circle-cut {
  width: 30px;
  height: 30px;
  margin-right: 0;
}
.aiaio-top .container .top-updates ul li a .body .title,
.projects-curated_top .container .top-updates ul li a .body .title {
  padding: 10px;
}
.aiaio-top .container .top-updates ul li a .body .title small span,
.projects-curated_top .container .top-updates ul li a .body .title small span {
  color: #fac75a;
}
.aiaio-top .container .top-updates ul li a:after,
.projects-curated_top .container .top-updates ul li a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.5);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.aiaio-top .container .top-updates ul li a:hover,
.projects-curated_top .container .top-updates ul li a:hover {
  opacity: 1.0;
}
.aiaio-top .container .top-updates ul li a:hover:after,
.projects-curated_top .container .top-updates ul li a:hover:after {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.aiaio-top header {
  background: #434a54 url(../images/title_back01.png) repeat center center;
  background-size: cover;
  -moz-background-size: cover;
  color: #fff;
  overflow: hidden;
}
.aiaio-top header nav {
  background-color: rgba(255, 255, 255, 0.5);
}
.aiaio-top header > .row {
  position: relative;
  height: 650px;
}
.aiaio-top header > .row a {
  color: #fff;
}
.aiaio-top header > .row .catch {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.aiaio-top header > .row .topic {
  width: 100%;
  display: table;
  position: absolute;
  left: 0;
  bottom: 10px;
}
.aiaio-top header > .row .topic > * {
  display: table-cell;
  vertical-align: middle;
}
.aiaio-top header > .row .topic .topic-icon {
  width: 48px;
  height: 48px;
  background: url(../images/favicon.png) no-repeat center center;
  background-size: 48px 48px;
  -moz-background-size: 48px 48px;
}
.aiaio-top header > .row .topic .topic-headline {
  font-size: 12px;
  max-width: 200px;
  padding-left: 10px;
}
.aiaio-top .container .learn-more {
  margin-top: -40px;
  background-color: #fff;
}
.aiaio-top .container .learn-more .row {
  text-align: center;
  padding: 20px 0;
}
.aiaio-top .container .feature {
  background: #fff;
  background-size: cover;
  -moz-background-size: cover;
  padding: 20px 0;
}
.aiaio-top .container .feature ul li {
  float: left;
  padding: 10px;
  width: 300px;
}
.aiaio-top .container .feature ul li a {
  display: block;
}
.aiaio-top .container .feature ul li a img {
  width: 100%;
}
.aiaio-top .container .feature ul li p {
  line-height: 81px;
  background-color: #434a54;
  color: #fff;
  text-align: center;
}
.aiaio-top .container .topics {
  height: 330px;
}
.aiaio-top .container .top_topics {
  width: 650px;
  height: 300px;
  float: left;
  padding: 5px;
}
.aiaio-top .container .Login {
  width: 315px;
  height: 300px;
  float: right;
  border: 1px solid #ccc;
  padding: 10px;
  background: #fff;
}
.aiaio-top .container .Login #LoginForm {
  padding: 10px;
}
.aiaio-top .container .client {
  background-color: #e3e4e8;
  padding: 20px 0;
}
.aiaio-top .container .curation ul li {
  float: left;
  width: 117px;
  height: 117px;
  padding: 10px;
}
.aiaio-top .container .curation ul li a {
  display: block;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e3e4e8;
}
.aiaio-top .container .curation ul li a img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.aiaio-top .container .curation ul li a:hover {
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.aiaio-top .container .grand-status .row {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  text-align: center;
  font-size: 13px;
  font-style: italic;
  padding: 20px 0;
}
.aiaio-top .container .grand-status .row a {
  color: #333;
}
.aiaio-top .container .padec .row {
  height: 400px;
  background: #fff;
  padding: 10px 0;
}
.aiaio-top .container .photo_space .row {
  height: 550px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 0;
  margin-bottom: 20px;
}
.aiaio-top .container .photo_space .row ul {
  text-align: center;
  margin: 10px 10px;
}
.aiaio-top .container .photo_space .row ul.thumbnail li {
  width: 135px;
  display: inline-block;
  padding: 10px;
  float: left;
}
.aiaio-top .container .photo_space .row ul.thumbnail li img {
  border: 1px solid #666;
  box-shadow: 2px 2px 10px #666;
  -moz-box-shadow: 2px 2px 10px #666;
  -webkit-box-shadow: 2px 2px 10px #666;
}
.mypage .container .cardlist .row {
  height: 1280px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 0;
  margin-bottom: 20px;
}
.mypage .container .cardlist .row ul {
  text-align: center;
  margin: 10px 10px;
}
.mypage .container .cardlist .row ul.thumbnail li {
  width: 135px;
  display: inline-block;
  padding: 10px;
  float: left;
}
.mypage .container .cardlist .row ul.thumbnail li img {
  border: 1px solid #666;
  box-shadow: 2px 2px 10px #666;
  -moz-box-shadow: 2px 2px 10px #666;
  -webkit-box-shadow: 2px 2px 10px #666;
}
.layoutpages header .menu {
  height: 60px;
  text-align: center;
  background-color: rgba(40, 144, 255, 0.9);
  color: #fff;
  width: 100%;
}
.layoutpages header .menu ul {
  text-align: center;
  margin: 0 auto;
  width: 1000px;
}
.layoutpages header .menu ul li {
  display: inline-block;
  padding: 10px;
  float: left;
  height: 60px;
  line-height: 60px;
}
.layoutpages header .menu li a {
  color: #fff;
}
.layoutpages .container .photo_space .row {
  height: 550px;
  background: #fff;
  padding: 10px 0;
  margin-bottom: 20px;
}
.layoutpages .container .photo_space .row ul {
  text-align: center;
  margin: 10px 10px;
}
.layoutpages .container .photo_space .row ul.thumbnail li {
  width: 135px;
  display: inline-block;
  padding: 10px;
  float: left;
}
.layoutpages .container .photo_space .row ul.thumbnail li img {
  border: 1px solid #666;
  box-shadow: 2px 2px 10px #666;
  -moz-box-shadow: 2px 2px 10px #666;
  -webkit-box-shadow: 2px 2px 10px #666;
}
.layoutpages .container .paging .row {
  height: 40px;
  background: #F6F7F7;
  padding: 10px 10px;
  margin-bottom: 20px;
}
.layoutpages .container .paging .row ul {
  text-align: center;
  margin: 10px 10px;
}
.layoutpages .container .paging .row ul li {
  display: inline-block;
  padding: 10px;
  float: left;
}
.aiaio-top .container .fb {
  margin-bottom: -40px;
  background: #fff;
}
.aiaio-top .container .fb .row {
  height: 600px;
  padding: 20px 0;
}
.aiaio-top .container .fb .row h3 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 10px;
}
.aiaio-top .container .btnmenu .row {
  height: 135px;
  padding: 0;
}
.aiaio-top .container .btnmenu .row h3 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 10px;
}
.aiaio-top .container .btnmenu .row ul {
  text-align: center;
  margin: 0 auto;
}
.aiaio-top .container .btnmenu .row ul li {
  border: #ccc solid 1px;
  width: 240px;
  display: inline-block;
  padding: 2px;
  float: left;
}
.aiaio-top .container .top-bn {
  margin-bottom: 0;
}
.aiaio-top .container .top-bn .row {
  height: 200px;
  padding: 20px 0;
}
.aiaio-top .container .top-bn .row h3 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 10px;
}
.aiaio-top .container .top-bn .row ul {
  text-align: center;
}
.aiaio-top .container .top-bn .row ul li {
  display: inline-block;
  padding: 10px;
  float: left;
}
.layoutpages .container .article {
  margin-bottom: 0px;
}
.layoutpages .container .article .row {
  padding: 20px 0;
  background: #fff;
}
.layoutpages .container .top-bn {
  margin-bottom: -40px;
}
.layoutpages .container .top-bn .row {
  height: 200px;
  padding: 20px 0;
}
.layoutpages .container .top-bn .row h3 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 10px;
}
.layoutpages .container .top-bn .row ul {
  text-align: center;
}
.layoutpages .container .top-bn .row ul li {
  display: inline-block;
  padding: 10px;
  float: left;
}
.layoutpages .container .goods .row ul {
  text-align: center;
}
.layoutpages .container .goods .row ul li {
  display: inline-block;
  padding: 10px;
  float: left;
}
.users-login .container .row .social-buttons > div {
  float: left;
}
.users-login .container .row .social-buttons > div a {
  display: block;
  color: #fff;
  width: 207px;
  margin-bottom: 10px;
}
.users-login .container .row .social-buttons > div a span,
.users-login .container .row .social-buttons > div a strong {
  display: block;
  line-height: 36px;
  float: left;
}
.users-login .container .row .social-buttons > div a span {
  width: 157px;
  padding-left: 10px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.users-login .container .row .social-buttons > div a strong {
  text-align: center;
  width: 40px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 15px;
}
.users-login .container .row .social-buttons > div a strong i.icon {
  margin: 0;
}
.users-login .container .row .social-buttons .login-facebook-box {
  margin-right: 20px;
}
.users-login .container .row .social-buttons .login-facebook-box span {
  background-color: #5d9cec;
}
.users-login .container .row .social-buttons .login-facebook-box strong {
  background-color: #4b89dc;
}
.users-login .container .row .social-buttons .login-twitter-box span {
  background-color: #4fc0e8;
}
.users-login .container .row .social-buttons .login-twitter-box strong {
  background-color: #3aafda;
}
.users-login .container .row h2 {
  margin-bottom: 20px;
}
.users-login .container .row h5 {
  margin: 0 0 10px 0;
}
.users-login .container .row .login-box {
  float: left;
  width: 434px;
  padding: 20px;
  background-color: #f6f8fa;
  border: 3px solid #e3e4e8;
}
.users-login .container .row .login-box input[type="text"],
.users-login .container .row .login-box input[type="password"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.users-login .container .row .login-box input[type="text"] {
  margin-bottom: 20px;
}
.users-login .container .row .login-box input[type="password"] {
  margin-bottom: 10px;
}
.users-login .container .row .login-box .submit-box {
  margin-top: 20px;
}
.users-login .container .row .login-box .social-buttons {
  margin-bottom: 20px;
}
.users-login .container .row .login-box .saved {
  text-align: center;
}
.users-login .container .row .signup-box {
  float: right;
  width: 434px;
  padding: 23px;
}
.users-login .container .row .signup-box .input-submit input[type="text"] {
  width: 274px;
}
.users-login .container .row .signup-box .or-separator-yoko:after {
  background-color: #f4f4f4;
}
.users-login .container .row .signup-box .social-buttons > div a {
  width: 300px;
}
.users-login .container .row .signup-box .social-buttons > div a span {
  width: 250px;
}
.users-password_mail .container .input-submit input[type="text"] {
  width: 368px;
}
.users-password .container p,
.users-add .container p,
.users-pre_check .container p {
  font-weight: bold;
  margin-bottom: 20px;
  padding: 7px 12px;
  background-color: #e3e4e8;
  display: inline-block;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.users-password .container label,
.users-add .container label,
.users-pre_check .container label {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
.users-password .container label span,
.users-add .container label span,
.users-pre_check .container label span {
  font-weight: normal;
}
.users-password .container input[type="password"],
.users-password .container input[type="text"],
.users-add .container input[type="password"],
.users-add .container input[type="text"],
.users-pre_check .container input[type="password"],
.users-pre_check .container input[type="text"] {
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.users-pre_check_finish .container .check-it-out {
  margin-bottom: 0;
}
.users-registered .container h2,
.users-registered .container p {
  text-align: center;
}
.regists-finish .container h2,
.regists-finish .container p {
  text-align: center;
}
.mypage header {
  color: #333;
}
.mypage header .survey {
  margin-bottom: 20px;
}
.mypage header .title {
  text-align: center;
  padding: 40px 0 60px;
}
.mypage header .title .you-are-patron {
  background-color: #00c4ac;
  color: #fff;
  display: inline-block;
  padding: 1px 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-bottom: 20px;
  font-size: 12px;
}
.mypage header .title h1 {
  padding: 0 20px;
  margin-bottom: 20px;
}
.mypage header .title h1 a {
  color: #333;
}
.mypage header .title .subtitle {
  display: inline-block;
}
.mypage header .title .subtitle ul {
  width: 100%;
  display: table;
}
.mypage header .title .subtitle ul > * {
  display: table-cell;
  vertical-align: middle;
}
.mypage header .title .subtitle ul a {
  display: block;
  color: #999;
  padding: 0 10px;
}
.mypage header .title .subtitle ul .circle-cut {
  width: 30px;
  height: 30px;
}
.mypage header .title .subtitle ul .fav small {
  width: 100%;
  display: table;
}
.mypage header .title .subtitle ul .fav small > * {
  display: table-cell;
  vertical-align: middle;
}
.mypage header .title .subtitle ul .fav small i.icon {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  padding: 3px 5px;
  margin: 0;
}
.mypage header .title .subtitle ul .fav small span {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  padding: 3px 5px;
}
.mypage header .title .subtitle ul .fav.not-followed {
  color: #fff;
}
.mypage header .title .subtitle ul .fav.not-followed small i.icon {
  background-color: #e65d65;
}
.mypage header .title .subtitle ul .fav.not-followed small span {
  background-color: #f38796;
}
.mypage header .title .subtitle ul .fav.not-followed:hover i.icon,
.mypage header .title .subtitle ul .fav.not-followed:hover span {
  background: none;
}
.mypage header .title .subtitle ul .fav.not-followed:hover i.icon {
  color: #d0545c;
}
.mypage header .title .subtitle ul .fav.not-followed:hover span {
  color: #333;
}
.mypage .container {
  background-color: #fff;
}
.mypage .container .bg-success {
  background-color: #a0d468;
  margin-top: -40px;
  margin-bottom: 40px;
}
.mypage .container .bg-success .row {
  padding: 10px;
  text-align: center;
  font-weight: bold;
}
.mypage .container .main {
  width: 560px;
  float: left;
}
.mypage .container .main > section {
  margin-bottom: 40px;
}
.mypage .container .mypage-info {
  height: 400px;
  margin-top: 20px;
  margin-bottom: 25px;
}
.mypage .container .mypage-info section {
  margin-bottom: 40px;
}
.mypage .container .mypage-info .overview {
  padding: 20px;
  background-color: #f6f8fa;
  -webkit-box-shadow: #e3e4e8 0 3px 0;
  box-shadow: #e3e4e8 0 3px 0;
}
.mypage .container .mypage-info .overview > div {
  font-weight: bold;
  font-size: 42px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e3e4e8;
}
.mypage .container .mypage-info .overview > div:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.mypage .container .mypage-info .overview > div h5 {
  margin-bottom: 10px;
}
.mypage .container .mypage-info .overview > div h5 > * {
  float: left;
  line-height: 17px;
}
.mypage .container .mypage-info .overview > div h5 i.icon {
  font-size: 1.5em;
  margin-right: 5px;
}
.mypage .container .mypage-info .overview > div > strong {
  display: block;
  line-height: 1em;
}
.mypage .container .mypage-info .overview > div.total .number,
.mypage .container .mypage-info .overview > div.total .meter {
  margin-bottom: 10px;
}
.mypage .container .mypage-info .overview > div.total .target {
  font-size: 13px;
  text-align: right;
}
.mypage .container .mypage-info .status {
  background-color: #f6f8fa;
}
.mypage .container .mypage-info .status h5,
.mypage .container .mypage-info .status p {
  padding: 10px;
}
.mypage .container .mypage-info .status h5 {
  font-weight: normal;
  font-size: 15px;
  text-align: center;
  background-color: #434a54;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  color: #fff;
}
.mypage .container .mypage-info .status.open h5 {
  background-color: #fac75a;
}
.mypage .container .mypage-info .status.success h5 {
  background-color: #a0d468;
}
.mypage .container .mypage-info .status.unsuccess h5 {
  background-color: #ffce54;
}
.mypage .container .mypage-info .status.close h5 {
  background-color: #98ca69;
}
.mypage .container .mypage-info .status.pre h5 {
  background-color: #d0545c;
}
.mypage .container .mypage-info .link-back {
  text-align: center;
}
.mypage .container .mypage-info .link-back a {
  width: 100%;
  display: table;
  text-align: left;
  width: 280px;
  margin: 0 auto;
  padding: 20px;
  -webkit-transition: none;
  transition: none;
}
.mypage .container .mypage-info .link-back a > * {
  display: table-cell;
  vertical-align: middle;
}
.mypage .container .mypage-info .link-back a strong,
.mypage .container .mypage-info .link-back a small {
  display: block;
  line-height: 1em;
}
.mypage .container .mypage-info .link-back a strong {
  font-size: 18px;
  margin-bottom: 10px;
}
.mypage .container .mypage-info .link-back a i.icon {
  font-size: 32px;
  margin-left: 10px;
}
.mypage .container .mypage-info .link-back.signup a {
  font-size: 14px;
  background-color: #3cbce1;
  border-bottom: 4px solid #1c92b5;
}
.mypage .container .mypage-info .link-back.signup a:active {
  -webkit-box-shadow: inset 0 4px 0 #1c92b5 !important;
  box-shadow: inset 0 4px 0 #1c92b5 !important;
  border-bottom: 4px solid #3cbce1;
}
.mypage .container .mypage-info .profile {
  position: relative;
  background-color: #f6f8fa;
  padding: 60px 20px 20px;
  margin-top: 80px;
}
.mypage .container .mypage-info .profile .circle-cut {
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #f6f8fa;
  border-width: 6px;
  position: absolute;
  left: 50%;
  top: -46px;
  margin-left: -46px;
  width: 80px;
  height: 80px;
}
.mypage .container .mypage-info .profile .circle-cut:hover {
  border-color: #fff;
}
.mypage .container .mypage-info .profile .username {
  text-align: center;
  margin-bottom: 5px;
}
.mypage .container .mypage-info .profile .username a {
  color: #333;
  font-size: 17px;
  font-weight: bold;
}
.mypage .container .mypage-info .profile .pref {
  text-align: center;
  letter-spacing: -0.4em;
  margin-bottom: 10px;
}
.mypage .container .mypage-info .profile .pref li {
  display: inline-block;
  letter-spacing: normal;
}
.mypage .container .mypage-info .profile .urls {
  margin-bottom: 10px;
}
.mypage .container .mypage-info .profile .urls i.icon {
  margin: 0 .5em 0 0;
}
.mypage .container .mypage-info .profile p {
  margin: 0 0 20px 0;
}
.mypage .container .mypage-info .user-profile .user-profile-facebook i.icon {
  color: #5d9cec;
}
.mypage .container .mypage-info .user-profile .user-profile-twitter i.icon {
  color: #4fc0e8;
}
.mypage .container .mypage-info .user-profile .submit-box {
  margin-top: 20px;
}
.mypage .container .mypage-info .user-profile {
  float: left;
  width: 230px;
  height: 400px;
  margin-right: 10px;
}
.mypage .container .mypage-info .user-profile ul {
  width: 230px;
  list-style-type: none;
}
.mypage .container .mypage-info .user-profile ul li {
  width: 230px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  list-style: none;
}
.mypage .container .mypage-info .user-profile ul li .teamname {
  font-weight: bold;
}
.mypage .container .mypage-info .user-profile ul li .username {
  font-weight: bold;
  text-size: 114%;
}
.mypage .container .mypage-info .user-profile .circle-cut {
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #f6f8fa;
  border-width: 6px;
  position: absolute;
  left: 50%;
  top: -46px;
  margin-left: -46px;
  width: 80px;
  height: 80px;
}
.mypage .container .mypage-info .user-profile .circle-cut:hover {
  border-color: #fff;
}
.mypage .container .mypage-info .user-profile .username {
  text-align: center;
  margin-bottom: 5px;
}
.mypage .container .mypage-info .user-profile .username a {
  color: #333;
  font-size: 17px;
  font-weight: bold;
}
.mypage .container .mypage-info .user-profile .pref {
  text-align: center;
  letter-spacing: -0.4em;
  margin-bottom: 10px;
}
.mypage .container .mypage-info .user-profile .pref li {
  display: inline-block;
  letter-spacing: normal;
}
.mypage .container .mypage-info .user-profile .urls {
  margin-bottom: 10px;
}
.mypage .container .mypage-info .user-profile .urls i.icon {
  margin: 0 .5em 0 0;
}
.mypage .container .mypage-info .user-profile p {
  margin: 0 0 20px 0;
}
.mypage .container .mypage-info .user-profile .user-profile-facebook i.icon,
.mypage .container .mypage-info .user-profile .user-profile-twitter i.icon {
  font-size: 26px;
}
.mypage .container .mypage-info .user-profile .user-profile-facebook > *,
.mypage .container .mypage-info .user-profile .user-profile-twitter > * {
  float: left;
  line-height: 26px;
}
.mypage .container .mypage-info .user-profile .user-profile-facebook i.icon {
  color: #5d9cec;
}
.mypage .container .mypage-info .user-profile .user-profile-twitter i.icon {
  color: #4fc0e8;
}
.mypage .container .mypage-info .user-profile .submit-box {
  margin-top: 20px;
}
.mypage .container .mypage-info .center {
  float: left;
  width: 480px;
  height: 400px;
}
.mypage .container .mypage-info .return > a,
.mypage .container .mypage-info .return > div {
  color: #333;
  display: block;
  padding: 20px;
  background-color: #f6f8fa;
  -webkit-box-shadow: #e3e4e8 0 4px 0;
  box-shadow: #e3e4e8 0 4px 0;
  margin-bottom: 20px;
}
.mypage .container .mypage-info .return > a .price,
.mypage .container .mypage-info .return > div .price {
  margin-bottom: 20px;
}
.mypage .container .mypage-info .return > a .price strong,
.mypage .container .mypage-info .return > div .price strong {
  float: left;
  font-size: 18px;
  line-height: 18px;
}
.mypage .container .mypage-info .return > a .price .out-of-stock,
.mypage .container .mypage-info .return > a .price .limited,
.mypage .container .mypage-info .return > div .price .out-of-stock,
.mypage .container .mypage-info .return > div .price .limited {
  float: right;
  line-height: 18px;
  padding: 0 5px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #fff;
}
.mypage .container .mypage-info .return > a .price .limited,
.mypage .container .mypage-info .return > div .price .limited {
  background-color: #fac75a;
}
.mypage .container .mypage-info .return > a .price .out-of-stock,
.mypage .container .mypage-info .return > div .price .out-of-stock {
  background: none;
  color: #e65d65;
}
.mypage .container .mypage-info .return > a p,
.mypage .container .mypage-info .return > div p {
  margin: 0 0 20px 0;
}
.mypage .container .mypage-info .return > a .backed,
.mypage .container .mypage-info .return > div .backed {
  float: left;
}
.mypage .container .mypage-info .return > a .ship,
.mypage .container .mypage-info .return > div .ship {
  float: right;
}
.mypage .container .mypage-info .return > a {
  position: relative;
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
}
.mypage .container .mypage-info .return > a:after,
.mypage .container .mypage-info .return > a:before {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.mypage .container .mypage-info .return > a:active {
  top: 5px;
  box-shadow: none;
}
.mypage .container .mypage-info .return > div {
  cursor: default;
}
.mypage .container .mypage-info .faq {
  padding: 10px;
}
.mypage .container .mypage-info .faq h5 {
  margin: 0 0 5px 0;
}
.mypage .container .mypage-info .faq dl {
  margin: 0 0 5px 0;
}
.mypage .container .mypage-info .faq dl dt {
  color: #3cbce1;
  display: block;
  cursor: pointer;
  margin: 0 0 5px 0;
}
.mypage .container .mypage-info .faq dl dd {
  margin: 0 0 20px 0;
  display: none;
}
.mypage .container .mypage-info .timeline {
  width: 250px;
  height: 480px;
  background: #F5F4F4;
  padding: 10px;
  float: right;
  margin-right: 5px;
}
.mypage .container .mypage-info .timeline .entry {
  width: 250px;
  border-bottom: 1px dotted #ccc;
}
.mypage .container .mypage-info .timeline .entry .user {
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
}
.mypage .container .mypage-info .timeline .entry .user span {
  font-weight: bold;
}
.projects-status .container section {
  margin-bottom: 40px;
}
.projects-status .container .status .show {
  width: 100%;
}
.projects-status .container .status .show th {
  font-weight: normal;
  padding: 5px 15px;
}
.projects-status .container .status .show td {
  font-weight: bold;
}
.projects-status .container .return .show th,
.projects-status .container .return .show td {
  padding: 10px;
}
.projects-status .container .return .show td p {
  font-size: 12px;
}
.projects-status .container .insight ul {
  margin-bottom: 20px;
}
.projects-status .container .insight ul li {
  float: left;
  color: #222;
  display: block;
  padding: 5px 15px;
  border: 1px solid #434a54;
  border-left: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.projects-status .container .insight ul li:hover,
.selected .projects-status .container .insight ul li {
  background-color: #434a54;
  color: #fff;
}
.projects-status .container .insight ul li:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-left: 1px solid #434a54;
}
.projects-status .container .insight ul li:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.projects-status .container .insight #chart-full {
  text-align: center;
}
.projects-status .container .return .show {
  margin-bottom: 20px;
}
.projects-status .container .return .csv {
  text-align: right;
}
.projects-status .container .return .csv a {
  float: right;
  width: 220px;
  display: block;
  padding: 15px;
  text-align: center;
  background-color: #3cbce1;
  color: #fff;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-bottom: 5px;
}
.projects-status .container .return .csv p {
  font-size: 12px;
  clear: right;
}
.projects-status .container .return .message-sent {
  padding: 20px;
  margin-bottom: 20px;
  text-align: center;
  background-color: #f6f8fa;
}
.projects-doreturn .container section {
  margin-bottom: 40px;
}
.projects-doreturn .container .show th,
.projects-doreturn .container .show td {
  padding: 10px;
}
.projects-doreturn .container .message-sent {
  padding: 20px;
  text-align: center;
  background-color: #f6f8fa;
}
.projects-doreturn .container .check-it-out {
  margin: 20px 0 0;
}
.contact .container .main form ol {
  margin-bottom: 40px;
}
.contact .container .main form ol li {
  border-bottom: 2px #e3e4e8 dotted;
}
.contact .container .main form ol li label {
  padding: 30px 20px;
  display: block;
  cursor: pointer;
}
.contact .container .main form ol li label strong {
  display: block;
  float: left;
  width: 150px;
  margin-right: 15px;
  font-size: 15px;
  letter-spacing: 1.5px;
}
.contact .container .main form ol li label strong input[type="radio"] {
  margin: 3px;
  display: block;
  float: left;
}
.contact .container .main form ol li label strong span {
  display: block;
  float: left;
}
.contact .container .main form ol li label strong .out-of-stock {
  font-size: 13px;
  font-weight: normal;
  color: #e65d65;
}
.contact .container .main form ol li label div {
  float: right;
  width: 425px;
}
.contact .container .main form ol li label div span {
  font-weight: bold;
  display: inline-block;
  text-align: right;
  margin-top: 5px;
  background-color: #fac75a;
  color: #fff;
  padding: 1px 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  float: right;
}
.contact .container .main form ol li:hover {
  background-color: #f6f8fa;
}
.contact .container .main form ol li.checked {
  background-color: #f6f8fa;
  position: relative;
}
.contact .container .main form ol li.checked:after {
  display: block;
  position: absolute;
  content: "このリターンを選択中";
  left: 10px;
  top: 0px;
  background-color: #00c4ac;
  padding: 1px 5px;
  font-size: 12px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
}
.contact .container .main form .input-price {
  width: 590px;
  padding: 20px;
  background-color: #f6f8fa;
}
.contact .container .main form .input-price .input {
  margin-bottom: 20px;
}
.contact .container .main form .input-price .input input[type="text"] {
  margin: 0 5px;
  font-size: 17px;
  font-weight: bold;
  width: 160px;
}
.contact .container .main form .input-price .comment {
  margin-bottom: 20px;
}
.contact .container .main form .input-price .comment label {
  display: block;
  margin-bottom: 10px;
}
.contact .container .main form .input-price .comment textarea {
  height: 100px;
}
.contact .container .main form .input-price .submit-box {
  margin-top: 20px;
}
.rules section,
.reorders-input section {
  margin-bottom: 40px;
}
.rules input[type="radio"],
.reorders-input input[type="radio"] {
  margin-right: 5px;
}
.rules table.show th,
.reorders-input table.show th {
  width: 25%;
}
.rules table.show th select,
.reorders-input table.show th select {
  max-width: 90%;
}
.rules table.show td .submit,
.reorders-input table.show td .submit {
  float: right;
}
.rules table.show td .submit input[type="submit"],
.reorders-input table.show td .submit input[type="submit"] {
  color: #3cbce1;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  letter-spacing: 0em;
  -webkit-transition: none;
  transition: none;
  font-size: 13px;
}
.rules table.show td .submit input[type="submit"]:hover,
.reorders-input table.show td .submit input[type="submit"]:hover {
  opacity: 0.7;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background: none;
  -webkit-transition: none;
  transition: none;
}
.rules table.show #check-new-card-box i.icon.lock,
.rules table.show #check-new-address-box i.icon.lock,
.reorders-input table.show #check-new-card-box i.icon.lock,
.reorders-input table.show #check-new-address-box i.icon.lock {
  display: block;
  float: right;
  font-size: 24px;
  margin: -12px 0 0 0;
  color: #222;
  line-height: 44px;
}
.rules table.show #check-new-card-box i.triangle.down.icon,
.rules table.show #check-new-address-box i.triangle.down.icon,
.reorders-input table.show #check-new-card-box i.triangle.down.icon,
.reorders-input table.show #check-new-address-box i.triangle.down.icon {
  margin: 0 5px 0 0;
  font-size: 15px;
}
.rules table.show#new-card,
.rules table.show#new-address,
.reorders-input table.show#new-card,
.reorders-input table.show#new-address {
  margin-top: -1px;
  border-top-width: 0px;
}
.rules .post-proceed p,
.reorders-input .post-proceed p {
  padding: 20px;
  margin-bottom: 10px;
  background-color: #f6f8fa;
}
.rules .post-proceed ul li,
.reorders-input .post-proceed ul li {
  display: inline-block;
  margin-right: 5px;
}
.backers-finish .container .row {
  width: 720px;
}
.backers-finish .container .row .titlebox {
  text-align: center;
}
.backers-finish .container .row .titlebox i.icon {
  color: #98ca69;
}
.backers-finish .container .row .backers-finish-in {
  width: 415px;
  float: left;
}
.backers-finish .container .row .backers-finish-in h3 {
  margin-bottom: 10px;
}
.backers-finish .container .row .backers-finish-in .share {
  margin-bottom: 40px;
}
.backers-finish .container .row .backers-finish-in .attention {
  margin-bottom: 20px;
}
#js-fade {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
}
#js-loader {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
  margin-left: -24px;
  margin-top: -24px;
}
#js-loader i.icon {
  line-height: 1em;
  font-size: 48px;
  color: #333;
}
.reorders-complete .container .row .titlebox {
  text-align: center;
}
.reorders-complete .container .row .titlebox i.icon {
  color: #98ca69;
  font-size: 72px;
  margin: 0 0 20px 0;
}
.updates-add .container h5,
.updates-edit .container h5 {
  margin: 0 0 10px 0;
}
.updates-add .container input[type="text"],
.updates-edit .container input[type="text"] {
  margin-bottom: 20px;
}
.updates-add .container .add-title,
.updates-edit .container .add-title {
  position: relative;
}
.updates-add .container .add-title input[type="text"],
.updates-edit .container .add-title input[type="text"] {
  width: 80%;
}
.updates-add .container .add-title #js-update-sample,
.updates-edit .container .add-title #js-update-sample {
  display: none;
  position: absolute;
  left: 0;
  bottom: -100px;
  z-index: 999;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.updates-add .container .add-title #js-update-sample .fukidashi,
.updates-edit .container .add-title #js-update-sample .fukidashi {
  padding: 20px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  position: relative;
  background: #fff;
  border: 3px solid #3cbce1;
}
.updates-add .container .add-title #js-update-sample .fukidashi:after,
.updates-add .container .add-title #js-update-sample .fukidashi:before,
.updates-edit .container .add-title #js-update-sample .fukidashi:after,
.updates-edit .container .add-title #js-update-sample .fukidashi:before {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.updates-add .container .add-title #js-update-sample .fukidashi:after,
.updates-edit .container .add-title #js-update-sample .fukidashi:after {
  border-bottom-color: #fff;
  border-width: 18px;
  margin-left: -18px;
}
.updates-add .container .add-title #js-update-sample .fukidashi:before,
.updates-edit .container .add-title #js-update-sample .fukidashi:before {
  border-bottom-color: #3cbce1;
  border-width: 22px;
  margin-left: -22px;
}
.updates-add .container .add-thumbnail,
.updates-edit .container .add-thumbnail {
  margin-bottom: 20px;
}
.updates-add .container .add-thumbnail > *,
.updates-edit .container .add-thumbnail > * {
  float: left;
  width: 275px;
}
.updates-add .container .add-thumbnail .or-separator-tate,
.updates-edit .container .add-thumbnail .or-separator-tate {
  height: 110px;
}
.updates-add .container .add-thumbnail .or-separator-tate:after,
.updates-edit .container .add-thumbnail .or-separator-tate:after {
  background-color: #fff;
}
.updates-add .container .add-thumbnail input,
.updates-edit .container .add-thumbnail input {
  margin-bottom: 5px;
}
.updates-add .container .add-thumbnail h5 i.icon,
.updates-add .container .add-thumbnail h5 small,
.updates-edit .container .add-thumbnail h5 i.icon,
.updates-edit .container .add-thumbnail h5 small {
  font-weight: normal;
}
.updates-add .container .add-thumbnail i.icon,
.updates-edit .container .add-thumbnail i.icon {
  font-size: 13px;
}
.updates-add .container .add-thumbnail p,
.updates-edit .container .add-thumbnail p {
  font-size: 12px;
  color: #999;
  margin: 0;
}
.updates-add .container .add-thumbnail p i.icon,
.updates-edit .container .add-thumbnail p i.icon {
  color: #333;
}
.updates-add .container .add-only-patron,
.updates-edit .container .add-only-patron {
  margin-top: 20px;
}
.layouts-proposals .container {
  background-color: #fff;
}
.layouts-proposals .container .show {
  margin-bottom: 20px;
}
.layouts-proposals .container .show th {
  width: 20%;
}
.layouts-proposals .container input[type="file"] {
  display: block;
}
.layouts-proposals .container input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.layouts-proposals .container input#ProposalTargetPrice {
  width: 150px;
}
.layouts-proposals .container textarea {
  height: 150px;
}
.layouts-users header {
  color: #333;
}
.layouts-users header .profile {
  padding: 40px 0;
}
.layouts-users header .profile .image {
  float: left;
}
.layouts-users header .profile .image .circle-cut {
  width: 200px;
  height: 200px;
}
.layouts-users header .profile .body {
  float: right;
  width: 720px;
}
.layouts-users header .profile .body .username {
  margin-bottom: 10px;
  letter-spacing: -0.4em;
}
.layouts-users header .profile .body .username > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  letter-spacing: normal;
}
.layouts-users header .profile .body .username i.icon {
  margin: 0;
  font-size: 24px;
  line-height: 26px;
}
.layouts-users header .profile .body .username i.icon.twitter {
  color: #4fc0e8;
}
.layouts-users header .profile .body .username i.icon.facebook {
  color: #5d9cec;
}
.layouts-users header .profile .body h2 {
  font-size: 13px;
  margin: 0 0 10px 0;
}
.layouts-users header .profile .body ul.pref {
  margin-bottom: 10px;
}
.layouts-users header .profile .body ul.pref li {
  display: inline-block;
  margin-right: 5px;
  font-style: italic;
}
.layouts-users header .profile .body p {
  font-style: italic;
  margin-bottom: 10px;
}
.layouts-users header .tab {
  width: 100%;
}
.layouts-users header .tab .rfloat a {
  background: none;
  border-top-color: #f4f4f4;
}
.layouts-users header .deleted-user {
  width: 440px;
  padding: 16px;
  background-color: #f6f8fa;
  border: 4px solid #e3e4e8;
  text-align: center;
  margin-bottom: 20px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.layouts-users .container {
  background-color: #fff;
}
.layouts-users .container section {
  margin-bottom: 40px;
}
.layouts-users .container .backers-list {
  margin-bottom: 40px;
}
.layouts-users .container .backers-list .circle-cut {
  float: left;
}
.layouts-users .container .backers-list .title {
  float: right;
  width: 880px;
  padding: 10px 0;
}
.layouts-users .container .backers-list .title h3 {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: normal;
}
.layouts-users .container .backers-list .title h3 a {
  font-weight: bold;
}
.users-detail header .profile .body .username .i-am-ownner {
  line-height: 22px;
  font-size: 13px;
  background-color: #e65d65;
  padding: 0 5px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #fff;
}
.layouts-settings .container .sidebar {
  float: left;
  width: 180px;
}
.layouts-settings .container .sidebar ul.menu li a {
  display: block;
  padding: 10px 20px;
  color: #333;
  background-color: #e3e4e8;
}
.layouts-settings .container .sidebar ul.menu li.selected a,
.layouts-settings .container .sidebar ul.menu li a:hover {
  background-color: #00c4ac;
  color: #fff;
}
.layouts-settings .container .main {
  float: right;
  width: 760px;
}
.layouts-settings .container .main table {
  margin-bottom: 40px;
}
.layouts-settings .container .main table th {
  width: 25%;
}
.users-password_edit .container input[type="password"] {
  width: 240px;
}
.layouts-messages .container {
  background-color: #fff;
}
.layouts-messages .container .sidebar {
  float: left;
  width: 200px;
}
.layouts-messages .container .sidebar ul.menu li a {
  display: block;
  padding: 10px 20px;
  color: #333;
  background-color: #e3e4e8;
}
.layouts-messages .container .sidebar ul.menu li.selected a,
.layouts-messages .container .sidebar ul.menu li a:hover {
  background-color: #00c4ac;
  color: #fff;
}
.layouts-messages .container .main {
  float: left;
  width: 760px;
}
.layouts-messages.messages-select .container .main {
  width: 720px;
  padding: 20px;
}
.layouts-messages.messages-select .container .main h3 {
  margin-bottom: 20px;
}
.layouts-messages.messages-select .container .main table {
  border-top: 1px solid #f6f8fa;
}
.layouts-messages.messages-select .container .main table tr {
  border-bottom: 1px solid #f6f8fa;
}
.layouts-messages.messages-select .container .main table tr th,
.layouts-messages.messages-select .container .main table tr td {
  padding: 10px;
}
.layouts-messages.messages-select .container .main table tr th {
  width: 20%;
  text-align: center;
}
.layouts-messages.messages-select .container .main table tr td {
  font-size: 12px;
}
.layouts-pages.pages-about header {
  background-size: cover;
  -moz-background-size: cover;
  margin-bottom: 0;
  position: relative;
  height: 360px;
  overflow: hidden;
}
.layouts-pages.pages-about header #js-screen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: #434a54;
}
.layouts-pages.pages-about header .projects-thumbnail {
  position: absolute;
  top: -20px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
.layouts-pages.pages-about header .projects-thumbnail li {
  float: left;
  width: 10%;
  position: relative;
}
.layouts-pages.pages-about header .projects-thumbnail li img {
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(90%);
  filter: gray;
}
.layouts-pages.pages-about header .projects-thumbnail li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.layouts-pages.pages-about header nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}
.layouts-pages.pages-about header nav .logo {
  background: url(../images/aiaio_logo_white.png) no-repeat left top;
  background-size: 150px 30px;
}
.layouts-pages.pages-about header nav .global-menu a {
  color: #fff;
}
.layouts-pages.pages-about header > .row {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 999;
}
.layouts-pages.pages-about header > .row h1 {
  margin: 0 0 20px 0;
  font-size: 24px;
  color: #fff;
}
.layouts-pages.pages-about header > .row .submit-box .or-circle {
  margin: 0 10px;
  vertical-align: top;
  line-height: 66px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}
.layouts-pages.pages-about header > .row .submit-box a {
  width: 180px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 3px solid #fff;
}
.layouts-pages.pages-about header > .row .submit-box a.lime {
  border: 3px solid #00c4ac;
  color: #00c4ac;
}
.layouts-pages.pages-about header > .row .submit-box a.red {
  border: 3px solid #e65d65;
  color: #e65d65;
}
.layouts-pages.pages-about header > .row .submit-box a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 1.0;
}
.layouts-pages.pages-about .container > section {
  margin-bottom: 40px;
}
.layouts-pages.pages-about .container h2 {
  margin-bottom: 20px;
  text-align: center;
}
.layouts-pages.pages-about .container .stats-global {
  margin-top: -40px;
  padding: 20px 0;
  background-color: #434a54;
  color: #fff;
  margin-bottom: 40px;
}
.layouts-pages.pages-about .container .stats-global .row {
  text-align: center;
}
.layouts-pages.pages-about .container .stats-global .row strong {
  display: inline-block;
  text-align: center;
  font-size: 24px;
  margin: 0 5px;
}
.layouts-pages.pages-about .container .stats-global .row strong i.icon {
  margin: 0;
  display: none;
}
.layouts-pages.pages-about .container .stats-global .row strong span {
  display: inline-block;
  margin: 0 2px;
  text-align: center;
  padding: 0 5px;
  background-color: #38b3d5;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  position: relative;
}
.layouts-pages.pages-about .container .stats-global .row strong span:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px solid #434a54;
}
.layouts-pages.pages-about .container .stats-global .row strong.patrons span {
  background-color: #92c165;
}
.layouts-pages.pages-about .container .stats-global .row strong.price span {
  background-color: #edbe56;
}
.layouts-pages.pages-about .container .function .items {
  margin-right: -30px;
  margin-bottom: 40px;
}
.layouts-pages.pages-about .container .function .items:last-child {
  margin-bottom: 0;
}
.layouts-pages.pages-about .container .function .items .item {
  float: left;
  width: 300px;
  margin-right: 30px;
}
.layouts-pages.pages-about .container .function .items .item img {
  display: block;
  width: 290px;
  margin-bottom: 10px;
  border: 5px solid #e3e4e8;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.layouts-pages.pages-about .container .function .items .item h3 {
  margin: 0 0 15px 0;
}
.layouts-pages.pages-about .container .function .items .item h3 i.icon {
  float: left;
  margin: 0 10px 0 0;
  font-size: 32px;
}
.layouts-pages.pages-about .container .function .items .item h3 strong {
  float: left;
  line-height: 32px;
}
.layouts-pages.pages-about .container .function .items .item i.icon.info {
  color: #3cbce1;
}
.layouts-pages.pages-about .container .function .items .item i.icon.empty.flag {
  color: #00c4ac;
}
.layouts-pages.pages-about .container .function .items .item i.icon.dashboard {
  color: #e65d65;
}
.layouts-pages.pages-about .container .function .items .item i.icon.user {
  color: #fac75a;
}
.layouts-pages.pages-about .container .function .items .item i.icon.gift {
  color: #98ca69;
}
.layouts-pages.pages-about .container .function .items .item i.icon.cut {
  color: #434a54;
}
.layouts-pages.pages-about .container .media .slider {
  padding: 40px 0 50px;
  border-top: 1px solid #434a54;
  border-bottom: 1px solid #434a54;
  height: auto;
}
.layouts-pages.pages-about .container .media .slider ul.slides {
  overflow: visible;
}
.layouts-pages.pages-about .container .media .slider ul.slides li {
  width: 100%;
  display: table;
}
.layouts-pages.pages-about .container .media .slider ul.slides li > * {
  display: table-cell;
  vertical-align: middle;
}
.layouts-pages.pages-about .container .media .slider ul.slides li .image {
  width: 180px;
  padding: 0 10px;
}
.layouts-pages.pages-about .container .media .slider ul.slides li .image img {
  width: 100%;
}
.layouts-pages.pages-about .container .media .slider ul.slides li .body {
  position: relative;
  padding: 0 10px;
}
.layouts-pages.pages-about .container .media .slider ul.slides li .body p {
  padding: 0 40px;
}
.layouts-pages.pages-about .container .media .slider ul.slides li .body i.icon {
  position: absolute;
  font-size: 24px;
  color: #999;
  margin: 0;
}
.layouts-pages.pages-about .container .media .slider ul.slides li .body i.icon.quote.left {
  left: 10px;
  top: -20px;
}
.layouts-pages.pages-about .container .media .slider ul.slides li .body i.icon.quote.right {
  right: 10px;
  bottom: -20px;
}
.layouts-pages.pages-about .container .media .slider-nav {
  bottom: 10px;
}
.layouts-pages.pages-about .container .thanks .row h2 {
  text-align: center;
}
.layouts-pages.pages-about .container .thanks .row h2 span {
  background: url(../images/graphic_wood.png) no-repeat left bottom;
  width: 47px;
  height: 53px;
  display: inline-block;
}
.layouts-pages.pages-about .container .thanks .row .thanks-in {
  text-align: center;
  height: 140px;
}
.layouts-pages.pages-about .container .thanks .row .thanks-in p {
  margin-bottom: 20px;
}
.layouts-pages.pages-about .container .thanks .row .thanks-in .share {
  display: inline-block;
}
.layouts-pages.pages-about .container .thanks:hover h2 span {
  background: url(../images/graphic_fire.png) no-repeat left bottom;
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.layouts-pages:not(.pages-about) .information {
  display: none;
}
.layouts-pages:not(.pages-about) header {
  position: relative;
  color: #fff;
}
.layouts-pages:not(.pages-about) header > .row {
  padding: 80px 0 120px;
}
.layouts-pages:not(.pages-about) header nav {
  background-color: #f4f4f4;
}
.layouts-pages:not(.pages-about) header h2 {
  font-size: 13px;
}
.layouts-pages:not(.pages-about) header .menu {
  height: 40px;
}
.layouts-pages:not(.pages-about) header .menu li {
  float: left;
}
.layouts-pages:not(.pages-about) header .menu li a {
  display: block;
  padding: 0 10px;
  line-height: 40px;
  color: #fff;
}
.layouts-pages:not(.pages-about) header .menu li.selected,
.layouts-pages:not(.pages-about) header .menu li:hover {
  position: relative;
}
.layouts-pages:not(.pages-about) header .menu li.selected:after,
.layouts-pages:not(.pages-about) header .menu li:hover:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  left: 50%;
  bottom: 0;
  margin-left: -6px;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #f4f4f4 transparent;
}
.layouts-pages:not(.pages-about) .container > section {
  margin-bottom: 40px;
}
.layouts-pages:not(.pages-about) .container .titlebox h3 {
  font-size: 1.2em;
}
.layouts-pages:not(.pages-about).layouts-company header {
  background-color: #e65d65;
}
.layouts-pages:not(.pages-about).layouts-company header .on.menu {
  background-color: rgba(250, 128, 128, 0.9);
  z-index: 999;
}
.layouts-pages:not(.pages-about).layouts-company.pages-jobs header .on.menu {
  background-color: rgba(255, 255, 255, 0.8);
}
.layouts-pages:not(.pages-about).layouts-help header,
.layouts-pages:not(.pages-about).layouts-inquiries header {
  background-color: #00c4ac;
}
.layouts-pages:not(.pages-about).layouts-help header .on.menu,
.layouts-pages:not(.pages-about).layouts-inquiries header .on.menu {
  background-color: rgba(72, 207, 173, 0.9);
  z-index: 999;
}
.layouts-pages:not(.pages-about).layouts-crdmaking header {
  background-color: #3cbce1;
}
.layouts-pages:not(.pages-about).layouts-crdmaking header .on.menu {
  background-color: rgba(79, 193, 233, 0.9);
  z-index: 999;
}
.layouts-pages.pages-company .staff .items {
  margin-right: -20px;
}
.layouts-pages.pages-company .staff .items .item {
  float: left;
  width: 225px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.layouts-pages.pages-company .staff .items .item img {
  display: block;
  width: 223px;
  height: 149px;
  margin-bottom: 10px;
  border: 1px solid #e3e4e8;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.layouts-pages.pages-company .staff .items .item img.casual {
  display: none;
}
.layouts-pages.pages-company .staff .items .item .name {
  padding: 0 5px;
}
.layouts-pages.pages-company .staff .items .item .name > * {
  display: block;
  float: left;
  line-height: 18px;
}
.layouts-pages.pages-company .staff .items .item .name strong {
  margin-right: 5px;
  font-size: 13px;
}
.layouts-pages.pages-company .staff .items .item .name span {
  color: #222;
  font-size: 12px;
}
.layouts-pages.pages-company .staff .items .item .name .rfloat {
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 18px;
  text-align: center;
  margin-left: 5px;
}
.layouts-pages.pages-company .staff .items .item .name .rfloat i.icon {
  font-size: 12px;
  color: #fff;
  margin: 0;
}
.layouts-pages.pages-company .staff .items .item .name .rfloat.tumblr {
  background-color: #2c4762;
}
.layouts-pages.pages-company .staff .items .item .name .rfloat.facebook {
  background-color: #5d9cec;
}
.layouts-pages.pages-company .staff .items .item .name .rfloat.twitter {
  background-color: #4fc0e8;
}
.layouts-pages.pages-company .staff .items .item .name .rfloat.instagram {
  background-color: #4d4843;
}
.layouts-pages.pages-company .staff .items .item.join-us {
  height: 151px;
  background-color: #e3e4e8;
}
.layouts-pages.pages-company table.show th {
  width: 195px;
}
.layouts-pages.layouts-crdmaking .container .sidebar {
  float: left;
  padding: 40px 20px 40px 0;
  width: 200px;
}
.layouts-pages.layouts-crdmaking .container .sidebar ul {
  margin-bottom: 20px;
}
.layouts-pages.layouts-crdmaking .container .sidebar ul li {
  margin-bottom: 10px;
}
.layouts-pages.layouts-crdmaking .container .main {
  float: right;
  padding: 40px 0 40px 20px;
  width: 719px;
  border-left: 1px solid #e3e4e8;
}
.layouts-pages.layouts-crdmaking .container .main section p img {
  border: 3px solid #e3e4e8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.layouts-pages.pages-crdmaking .container .sidebar a.tools,
.layouts-pages.pages-project_ignition .container .sidebar a.tools {
  text-align: center;
  display: block;
  background-color: #3cbce1;
  padding: 20px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  margin-bottom: 10px;
}
.layouts-pages.pages-crdmaking .container .sidebar a.tools i.icon,
.layouts-pages.pages-project_ignition .container .sidebar a.tools i.icon {
  font-size: 36px;
}
.layouts-pages.pages-crdmaking .container .sidebar h5,
.layouts-pages.pages-project_ignition .container .sidebar h5 {
  margin: 0 0 10px 0;
}
.layouts-pages.pages-crdmaking .container .main section h3,
.layouts-pages.pages-project_ignition .container .main section h3 {
  margin: 0 0 20px 0;
  font-size: 17px;
}
.layouts-pages.pages-crdmaking .container .main section h3 span,
.layouts-pages.pages-project_ignition .container .main section h3 span {
  padding: 2px 5px;
  margin-right: 5px;
  text-align: center;
  background-color: #3cbce1;
  color: #fff;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.layouts-pages.pages-crdmaking .container .main section h4,
.layouts-pages.pages-crdmaking .container .main section h5,
.layouts-pages.pages-project_ignition .container .main section h4,
.layouts-pages.pages-project_ignition .container .main section h5 {
  margin: 10px 0 10px 0;
}
.layouts-pages.pages-crdmaking .container .main section p,
.layouts-pages.pages-crdmaking .container .main section ul,
.layouts-pages.pages-project_ignition .container .main section p,
.layouts-pages.pages-project_ignition .container .main section ul {
  margin: 0 0 20px 0;
}
.layouts-pages.pages-crdmaking .container .main section ul li i.icon,
.layouts-pages.pages-project_ignition .container .main section ul li i.icon {
  margin: 0 .5em 0 0;
}
.layouts-pages.pages-crdmaking .container .main section .caution,
.layouts-pages.pages-project_ignition .container .main section .caution {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #434a54;
  color: #fff;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.layouts-pages.pages-crdmaking .container .main section .caution h4,
.layouts-pages.pages-project_ignition .container .main section .caution h4 {
  margin: 0 0 10px 0;
  display: inline-block;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.layouts-pages.pages-crdmaking .container .main section .caution h4 i.icon,
.layouts-pages.pages-project_ignition .container .main section .caution h4 i.icon {
  color: #fac75a;
}
.layouts-pages.pages-crdmaking .container .main section .caution p:last-child,
.layouts-pages.pages-crdmaking .container .main section .caution ul:last-child,
.layouts-pages.pages-project_ignition .container .main section .caution p:last-child,
.layouts-pages.pages-project_ignition .container .main section .caution ul:last-child {
  margin: 0;
}
.layouts-pages.pages-guideline section {
  margin-bottom: 20px;
}
.layouts-pages.pages-guideline section h3 {
  margin-bottom: 20px;
}
.layouts-pages.pages-guideline section p {
  margin-bottom: 10px;
}
.layouts-pages.pages-hub .container h3 {
  margin-bottom: 20px;
}
.layouts-pages.pages-hub .container ul {
  margin-bottom: 40px;
}
.layouts-pages.pages-hub .container ul li {
  float: left;
  width: 240px;
}
.layouts-pages.pages-hub .container ul li a {
  padding: 10px;
  display: block;
  text-align: center;
  color: #333;
}
.layouts-pages.pages-hub .container ul li a small {
  display: block;
  text-align: left;
  margin-bottom: 10px;
}
.layouts-pages.pages-hub .container ul li a small i.icon {
  font-size: 12px;
  margin-bottom: 0;
}
.layouts-pages.pages-hub .container ul li a h4 {
  margin-bottom: 10px;
}
.layouts-pages.pages-hub .container ul li a .thumbnail {
  width: 200px;
  height: 200px;
  padding: 10px;
  background-color: #fff;
  margin-bottom: 10px;
}
.layouts-pages.pages-hub .container ul li a .thumbnail i.icon {
  font-size: 120px;
  line-height: 200px;
}
.layouts-pages.pages-hub .container ul li a .discount {
  padding: 10px;
  background-color: #fde084;
  margin-bottom: 10px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.layouts-pages.pages-hub .container ul li a p {
  font-size: 12px;
}
.layouts-pages.pages-hub .container ul li a:hover {
  background-color: #f6f8fa;
  opacity: 1.0;
}
.layouts-pages.pages-hub .container .main {
  float: left;
  width: 600px;
  border: none;
  padding: 0;
}
.layouts-pages.pages-hub .container .sidebar {
  float: right;
  width: 240px;
  padding: 0;
}
.layouts-pages.pages-hub .container .sidebar .thumbnail {
  padding: 20px;
  background-color: #fff;
}
.layouts-pages.pages-privacy .container section,
.layouts-pages.pages-term .container section {
  margin-bottom: 20px;
}
.layouts-pages.pages-privacy .container section h3,
.layouts-pages.pages-term .container section h3 {
  margin-bottom: 10px;
}
.layouts-pages.pages-press .container .main {
  float: left;
  width: 615px;
}
.layouts-pages.pages-press .container .main .items .item i.icon {
  margin: 0 .5em 0 0;
}
.layouts-pages.pages-press .container .main .items .item i.icon.star {
  color: #e4644b;
}
.layouts-pages.pages-press .container .main .items .item .time {
  margin-left: 5px;
  float: right;
}
.layouts-pages.pages-press .container .main .items .item p {
  color: #999;
}
.layouts-pages.pages-press .container .sidebar {
  float: right;
  width: 315px;
}
.layouts-pages.pages-press .container .sidebar .contact {
  display: block;
  text-align: center;
  padding: 30px;
  background-color: #00c4ac;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
}
.layouts-pages.pages-press .container .sidebar .item {
  margin-bottom: 30px;
}
.layouts-pages.pages-press .container .sidebar .item h5 {
  padding: 7px;
  margin: 0 0 15px 0;
  border-top: 1px solid #434a54;
  border-bottom: 1px solid #434a54;
}
.layouts-pages.pages-press .container .sidebar .item p {
  margin: 0;
}
.layouts-pages.pages-press .container .sidebar .item ul li {
  margin-bottom: 15px;
}
.layouts-pages.pages-press .container .sidebar .item ul li img {
  width: 100%;
}
.layouts-pages.pages-press .container .items .item {
  margin-bottom: 30px;
}
.layouts-pages.pages-press .container .items .item .date {
  margin-bottom: 5px;
}
.layouts-pages.pages-press .container .items .item .date > * {
  margin-right: 15px;
}
.layouts-pages.pages-press .container .items .item .date a {
  font-weight: bold;
  color: #333;
}
.layouts-pages.pages-press .container .items .item h4 {
  margin: 0 0 5px 0;
}
.layouts-pages.pages-press .container .items .item p {
  margin: 0;
}
.layouts-pages.pages-media .container .items {
  margin-right: -20px;
  margin-bottom: 40px;
}
.layouts-pages.pages-media .container .items .item {
  float: left;
  width: 220px;
  padding: 10px;
}
.layouts-pages.pages-media .container .items .item .thumbnail {
  width: 218px;
  height: 218px;
  background-color: #f6f8fa;
  margin-bottom: 5px;
  text-align: center;
  border: 1px solid #e3e4e8;
}
.layouts-pages.pages-media .container .items .item .thumbnail i.icon {
  margin: 0;
  color: #999;
  font-size: 48px;
  line-height: 220px;
}
.layouts-pages.pages-media .container .items .item .thumbnail a {
  display: block;
}
.layouts-pages.pages-media .container .items .item .thumbnail a img {
  width: 100%;
}
.layouts-pages.pages-media .container .items .item h4 {
  margin-bottom: 5px;
}
.layouts-pages.pages-media .container .contact {
  background-color: #434a54;
  padding: 20px;
  margin-bottom: -40px;
}
.layouts-pages.pages-media .container .contact .row {
  text-align: center;
}
.layouts-pages.pages-media .container .contact .row p {
  color: #fff;
  margin-bottom: 20px;
}
.layouts-pages.pages-media .container .contact .row .submit-box {
  margin-top: 0;
}
.layouts-pages.layouts-inquiries .container .main {
  float: left;
  width: 720px;
}
.layouts-pages.layouts-inquiries .container .main form {
  padding: 20px;
  background-color: #f6f8fa;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.layouts-pages.layouts-inquiries .container .main form label {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
.layouts-pages.layouts-inquiries .container .main form input[type="text"],
.layouts-pages.layouts-inquiries .container .main form select,
.layouts-pages.layouts-inquiries .container .main form textarea {
  display: block;
  margin-bottom: 20px;
}
.layouts-pages.layouts-inquiries .container .main form input[type="text"]#InquiryEmail {
  width: 40%;
}
.layouts-pages.layouts-inquiries .container .main form input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.layouts-pages.layouts-inquiries .container .main form .submit-box {
  margin-top: 0;
}
.layouts-pages.layouts-inquiries .container .main form p {
  font-weight: bold;
  margin-bottom: 20px;
  padding: 7px 12px;
  background-color: #e3e4e8;
  display: inline-block;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.layouts-pages.layouts-inquiries .container .sidebar {
  float: right;
  width: 200px;
}
.layouts-pages.layouts-inquiries .container .sidebar div {
  margin-bottom: 30px;
}
.layouts-pages.layouts-inquiries .container .sidebar div h5 {
  background-color: #434a54;
  padding: 7.5px 15px;
  color: #fff;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin: 0;
  font-weight: normal;
  text-align: center;
}
.layouts-pages.layouts-inquiries .container .sidebar div h5 i.icon {
  color: #edbe56;
  margin: 0 0.5em 0 0;
}
.layouts-pages.layouts-inquiries .container .sidebar div p {
  background-color: #f6f8fa;
  font-size: 12px;
  padding: 7.5px 15px;
  margin: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.layouts-pages.layouts-inquiries .container .sidebar div.pp h5 {
  background-color: #3cbce1;
}
.layouts-pages.layouts-inquiries .container .sidebar div.pp h5 i.icon {
  color: #38b3d5;
}
.row .page_top {
  height: 40px;
  margin-bottom: 10px;
}
p.pagetop {
  text-align: right;
  padding: 5px;
  clear: both;
  width: 80px;
  height: 30px;
  cursor: pointer;
  float: right;
}
footer {
  text-align: center;
  background: #6599D2;
  color: #fff;
  padding-bottom: 10px;
}
footer > .row {
  position: relative;
}
footer > .row .copyright {
  margin-bottom: 10px;
}
footer > .row > section {
  float: left;
  margin-right: 20px;
  padding: 20px 0;
}
footer > .row > section h6 {
  margin: 0 0 10px 0;
  padding-bottom: 9px;
  border-bottom: 1px solid #fff;
}
footer > .row > section a {
  display: block;
  color: #fff;
}
footer > .row .post {
  width: 160px;
}
footer > .row .post i.icon {
  margin: 0 .5em 0 0;
}
footer > .row .discover {
  width: 320px;
}
footer > .row .discover ul {
  float: left;
  width: 50%;
}
footer > .row .about {
  width: 160px;
}
footer > .row .social {
  margin-right: 10px;
  padding-left: 20px;
  padding-right: 20px;
  width: 180px;
  float: right;
}
footer > .row .social > div {
  margin-bottom: 20px;
}
footer > .row .social > div.newsletter {
  margin-bottom: 0;
}
footer > .row .social > div .button-tumblr {
  display: inline-block;
  padding: 1px 5px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #2c4762;
  color: #fff;
  font-weight: bold;
}
footer > .row .social > div .button-tumblr i.icon {
  margin: 0 5px 0 0;
}
footer > .row .social ul li {
  display: inline-block;
  float: left;
  width: 40px;
  margin-left: 20px;
}
footer > .row .social input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
footer > .row .social input[type="email"] {
  width: 75%;
}
footer > .row .social input[type="submit"] {
  width: 25%;
}
footer > .row .social .logo {
  text-align: center;
}
footer > .row .social .logo a {
  margin: 0 auto 10px;
  display: block;
  width: 225px;
  height: 43px;
}