/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
  z-index: 0; }
.owl-carousel .owl-animated-out {
  z-index: 1; }
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    display: none; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }
.owl-carousel .owl-item img {
  transform-style: preserve-3d; }

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

;
/* 
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      -webkit-transition: opacity 200ms ease;
      -moz-transition: opacity 200ms ease;
      -ms-transition: opacity 200ms ease;
      -o-transition: opacity 200ms ease;
      transition: opacity 200ms ease;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

;
.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999;
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}
;
/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;display:inline-block;}
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

;
.form-control {
    outline: 0;
    border-color: #ECECEC;
    border-style: solid;
    border-width: 1px;
    width: 95%;
    background-color: #ffffff;
    padding: 6px;
    border-radius: 2px;
    margin-bottom: 5px;
    font-size: 14px;
}

.angucomplete-holder {
    position: relative;
}

.angucomplete-dropdown {
    border-color: #ececec;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    width: 250px;
    padding: 6px;
    cursor: pointer;
    z-index: 9999;
    position: absolute;
    /*top: 32px;
    left: 0px;
    */
    margin-top: -6px;
    background-color: #ffffff;
}

.angucomplete-wrapper {
    position: relative;
}

.angucomplete-searching {
    color: #acacac;
    font-size: 14px;
}

.angucomplete-description {
    font-size: 14px;
}

.angucomplete-row {
    padding: 5px;
    color: #000000;
    margin-bottom: 4px;

}

.angucomplete-selected-row, .angucomplete-row:hover {
    background-color: lightblue;
    color: #ffffff;
}

.angucomplete-image-holder {
    padding-top: 2px;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
}

.angucomplete-image {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border-color: #ececec;
    border-style: solid;
    border-width: 1px;
}

.angucomplete-image-default {
    /* Add your own default image here
     background-image: url('/assets/default.png');
    */
    background-position: center;
    background-size: contain;
    height: 34px;
    width: 34px;
}

;
/*

1. omitted-words
2. font-size($size)
3. line-height($size)
4. pxToVw($px, $baseWidth)
5. pxToVh($px, $baseHeight)
6. pxToVmax($px, $baseWidth)
7. font-size-with-percent($px, $isimportant)
 */
/*

1. Centering Mixin

 */
.cupoydraft-content-style .cupoydraft-block, .cupoydraft-content-style .cupoydraft-code-block {
  position: relative;
  display: block;
  line-height: normal;
  margin: 20px 0; }
  .cupoydraft-content-style .cupoydraft-block .cupoydraft-block-wrapper, .cupoydraft-content-style .cupoydraft-code-block .cupoydraft-block-wrapper {
    position: relative;
    display: inline-block;
    border: 2px solid transparent; }
    .cupoydraft-content-style .cupoydraft-block .cupoydraft-block-wrapper.block-full, .cupoydraft-content-style .cupoydraft-code-block .cupoydraft-block-wrapper.block-full {
      width: 100%; }
    .cupoydraft-content-style .cupoydraft-block .cupoydraft-block-wrapper.block-max-full, .cupoydraft-content-style .cupoydraft-code-block .cupoydraft-block-wrapper.block-max-full {
      max-width: 100%; }
    .cupoydraft-content-style .cupoydraft-block .cupoydraft-block-wrapper .cupoydraft-block-caption, .cupoydraft-content-style .cupoydraft-code-block .cupoydraft-block-wrapper .cupoydraft-block-caption {
      display: block;
      min-height: 20px;
      line-height: 20px;
      width: calc(100% - 10px);
      margin: 8px auto 0 auto;
      padding: 0 4px;
      border: none;
      color: #565151;
      font-size: 14px;
      text-align: center;
      resize: none; }
      .cupoydraft-content-style .cupoydraft-block .cupoydraft-block-wrapper .cupoydraft-block-caption::-webkit-input-placeholder, .cupoydraft-content-style .cupoydraft-code-block .cupoydraft-block-wrapper .cupoydraft-block-caption::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #9B9B9B; }
      .cupoydraft-content-style .cupoydraft-block .cupoydraft-block-wrapper .cupoydraft-block-caption::-moz-placeholder, .cupoydraft-content-style .cupoydraft-code-block .cupoydraft-block-wrapper .cupoydraft-block-caption::-moz-placeholder {
        /* Firefox 19+ */
        color: #9B9B9B; }
      .cupoydraft-content-style .cupoydraft-block .cupoydraft-block-wrapper .cupoydraft-block-caption:-ms-input-placeholder, .cupoydraft-content-style .cupoydraft-code-block .cupoydraft-block-wrapper .cupoydraft-block-caption:-ms-input-placeholder {
        /* IE 10+ */
        color: #9B9B9B; }
      .cupoydraft-content-style .cupoydraft-block .cupoydraft-block-wrapper .cupoydraft-block-caption:-moz-placeholder, .cupoydraft-content-style .cupoydraft-code-block .cupoydraft-block-wrapper .cupoydraft-block-caption:-moz-placeholder {
        /* Firefox 18- */
        color: #9B9B9B; }

.cupoydraft-content-style .cupoydraft-image-block {
  display: block;
  position: relative;
  max-width: 100%;
  line-height: 0;
  border: 1px solid #fff; }

.cupoydraft-content-style .cupoydraft-video-block {
  display: block;
  position: relative;
  max-width: 100%; }
  .cupoydraft-content-style .cupoydraft-video-block img, .cupoydraft-content-style .cupoydraft-video-block iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .cupoydraft-content-style .cupoydraft-video-block .cupoydraft-video-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%; }

.cupoydraft-content-style .cupoydraft-webpage-block {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 12px;
  border: 1px solid #CCCCCC;
  text-align: left;
  text-decoration: none;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .cupoydraft-content-style .cupoydraft-webpage-block .webpage-image {
    display: inline-block;
    width: 120px;
    height: 90px;
    margin: 0 12px 0 0;
    padding: 0;
    border: none;
    background-color: #F0EFEE;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .cupoydraft-content-style .cupoydraft-webpage-block .webpage-text-wrapper {
    display: inline-block;
    min-width: 0;
    height: 100%;
    padding: 0;
    font-weight: normal;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .cupoydraft-content-style .cupoydraft-webpage-block .webpage-text-wrapper .webpage-title {
      display: block;
      width: 100%;
      height: 26px;
      margin: 0 0 0 0;
      padding: 0;
      border: 1px solid transparent;
      color: #333030;
      font-size: 18px;
      resize: none;
      overflow: hidden; }
      .cupoydraft-content-style .cupoydraft-webpage-block .webpage-text-wrapper .webpage-title::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: rgba(51, 48, 48, 0.5); }
      .cupoydraft-content-style .cupoydraft-webpage-block .webpage-text-wrapper .webpage-title::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(51, 48, 48, 0.5); }
      .cupoydraft-content-style .cupoydraft-webpage-block .webpage-text-wrapper .webpage-title:-ms-input-placeholder {
        /* IE 10+ */
        color: rgba(51, 48, 48, 0.5); }
      .cupoydraft-content-style .cupoydraft-webpage-block .webpage-text-wrapper .webpage-title:-moz-placeholder {
        /* Firefox 18- */
        color: rgba(51, 48, 48, 0.5); }
    .cupoydraft-content-style .cupoydraft-webpage-block .webpage-text-wrapper .webpage-description {
      display: block;
      width: 100%;
      max-height: 44px;
      line-height: 21px;
      margin: 5px 0 0 0;
      padding: 0;
      border: 1px solid transparent;
      color: #6C6666;
      font-size: 14px;
      resize: none;
      overflow: hidden; }
      .cupoydraft-content-style .cupoydraft-webpage-block .webpage-text-wrapper .webpage-description::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: rgba(108, 102, 102, 0.5); }
      .cupoydraft-content-style .cupoydraft-webpage-block .webpage-text-wrapper .webpage-description::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(108, 102, 102, 0.5); }
      .cupoydraft-content-style .cupoydraft-webpage-block .webpage-text-wrapper .webpage-description:-ms-input-placeholder {
        /* IE 10+ */
        color: rgba(108, 102, 102, 0.5); }
      .cupoydraft-content-style .cupoydraft-webpage-block .webpage-text-wrapper .webpage-description:-moz-placeholder {
        /* Firefox 18- */
        color: rgba(108, 102, 102, 0.5); }
    .cupoydraft-content-style .cupoydraft-webpage-block .webpage-text-wrapper .webpage-from {
      position: absolute;
      right: 5px;
      bottom: 0;
      width: 100%;
      color: #8A807F;
      font-size: 14px;
      user-select: none;
      cursor: default;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: end;
      -moz-box-pack: end;
      box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      -ms-justify-content: flex-end;
      -o-justify-content: flex-end;
      justify-content: flex-end;
      -ms-flex-pack: end; }

.cupoydraft-content-style .cupoydraft-table-block .cupoydraft-table-block-wrapper .cupoy-table-display-wrapper {
  overflow: auto; }

.cupoydraft-content-style .cupoydraft-table-block .cupoydraft-table-block-wrapper .cupoy-table {
  width: 100%;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #ccc;
  border-spacing: 0px; }

.cupoydraft-content-style .cupoydraft-table-block .cupoydraft-table-block-wrapper .cupoy-table-tbody {
  border: none; }

.cupoydraft-content-style .cupoydraft-table-block .cupoydraft-table-block-wrapper .cupoy-table-trgroup {
  border: none;
  text-align: left; }
  .cupoydraft-content-style .cupoydraft-table-block .cupoydraft-table-block-wrapper .cupoy-table-trgroup.cupoy-table-trgroup-header {
    background-color: #F5F5F5; }

.cupoydraft-content-style .cupoydraft-table-block .cupoydraft-table-block-wrapper .cupoy-table-td {
  position: relative;
  line-height: 20px;
  min-height: 36px;
  margin: 0;
  padding: 8px 12px;
  border-top: none;
  border-left: none;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  font-weight: normal;
  font-size: 14px;
  white-space: pre-wrap;
  word-break: break-all; }

.cupoydraft-content-style .cupoydraft-album-block {
  display: block;
  position: relative;
  max-width: 100%;
  line-height: 0;
  border: 1px solid #fff; }
  .cupoydraft-content-style .cupoydraft-album-block .album-image-list-wrapper {
    margin: -5px;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .cupoydraft-content-style .cupoydraft-album-block .album-image-list-wrapper .album-image-wrapper {
      position: relative;
      height: 200px;
      margin: 5px;
      cursor: pointer;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      flex-grow: 1;
      -ms-flex-positive: 1; }
      .cupoydraft-content-style .cupoydraft-album-block .album-image-list-wrapper .album-image-wrapper img.album-image {
        min-width: 100%;
        max-width: 100%;
        height: 200px;
        vertical-align: bottom;
        object-fit: cover; }
      .cupoydraft-content-style .cupoydraft-album-block .album-image-list-wrapper .album-image-wrapper .album-hint-overlay {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 20px;
        color: #FFFFFF;
        letter-spacing: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; }

.cupoydraft-content-style .cupoydraft-hashtag-inline {
  color: #B81C1F;
  cursor: pointer; }
  .cupoydraft-content-style .cupoydraft-hashtag-inline:hover {
    text-decoration: underline; }

.cupoydraft-content-style .cupoydraft-annotation-inline {
  margin-left: 4px;
  font-size: 15px;
  color: #E62427;
  text-decoration: none;
  vertical-align: text-bottom;
  cursor: pointer; }

.cupoydraft-content-style .cupoydraft-summary-block {
  position: relative;
  width: 100%;
  height: auto; }
  .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    padding: 55px 30px 30px 30px;
    border: 1px solid #CCCCCC;
    background-color: #fff; }
    .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper:before {
      content: '';
      display: none;
      position: absolute;
      top: 0;
      left: -11px;
      width: 5px;
      height: 100%;
      background-color: inherit;
      border: inherit; }
    .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper.summary-title-none {
      padding: 30px; }
      .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper.summary-title-none:before {
        display: block; }
      .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper.summary-title-none.summary-no-border {
        border: none; }
      .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper.summary-title-none .summary-title {
        display: none; }
    .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper.summary-title-center .summary-title {
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
    .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper.summary-title-bg-outline .summary-title {
      border: 1px solid #E8E8E8;
      background-color: #FFFFFF;
      color: #565151; }
      .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper.summary-title-bg-outline .summary-title:after {
        display: none; }
      .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper.summary-title-bg-outline .summary-title .summary-title-input > input {
        color: #565151; }
        .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper.summary-title-bg-outline .summary-title .summary-title-input > input::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          color: rgba(86, 81, 81, 0.5); }
        .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper.summary-title-bg-outline .summary-title .summary-title-input > input::-moz-placeholder {
          /* Firefox 19+ */
          color: rgba(86, 81, 81, 0.5); }
        .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper.summary-title-bg-outline .summary-title .summary-title-input > input:-ms-input-placeholder {
          /* IE 10+ */
          color: rgba(86, 81, 81, 0.5); }
        .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper.summary-title-bg-outline .summary-title .summary-title-input > input:-moz-placeholder {
          /* Firefox 18- */
          color: rgba(86, 81, 81, 0.5); }
    .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper .summary-title {
      position: absolute;
      display: inline-block;
      top: -10px;
      left: 20px;
      height: 44px;
      line-height: 44px;
      margin: 0;
      padding: 0 12px;
      border: 1px solid #565151;
      background-color: #565151;
      color: #fff; }
      .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper .summary-title:after {
        content: '';
        position: absolute;
        top: -1px;
        right: -11px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 0 10px;
        border-color: transparent transparent transparent #565151; }
      .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper .summary-title .summary-title-input {
        height: 100%; }
        .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper .summary-title .summary-title-input > input {
          height: 100%;
          line-height: normal;
          margin: 0;
          padding: 0;
          border: none;
          font-size: 18px;
          color: #fff;
          background-color: transparent; }
          .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper .summary-title .summary-title-input > input::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: rgba(255, 255, 255, 0.5); }
          .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper .summary-title .summary-title-input > input::-moz-placeholder {
            /* Firefox 19+ */
            color: rgba(255, 255, 255, 0.5); }
          .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper .summary-title .summary-title-input > input:-ms-input-placeholder {
            /* IE 10+ */
            color: rgba(255, 255, 255, 0.5); }
          .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper .summary-title .summary-title-input > input:-moz-placeholder {
            /* Firefox 18- */
            color: rgba(255, 255, 255, 0.5); }
    .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper .summary-description {
      display: block;
      width: 100%;
      line-height: 30px;
      margin: 0;
      padding: 0;
      border: none;
      color: #333030;
      font-size: 18px;
      resize: none;
      background-color: transparent;
      white-space: pre-wrap; }
      .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper .summary-description::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: rgba(51, 48, 48, 0.5); }
      .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper .summary-description::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(51, 48, 48, 0.5); }
      .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper .summary-description:-ms-input-placeholder {
        /* IE 10+ */
        color: rgba(51, 48, 48, 0.5); }
      .cupoydraft-content-style .cupoydraft-summary-block .cupoydraft-summary-block-wrapper .summary-description:-moz-placeholder {
        /* Firefox 18- */
        color: rgba(51, 48, 48, 0.5); }

.cupoydraft-content-style .cupoy-note-block-quote {
  color: #fa6d00;
  font-style: italic; }

.cupoydraft-title-style {
  color: #565151;
  font-size: 36px; }

.cupoydraft-content-style * {
  text-align: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .cupoydraft-content-style *:focus {
    outline: none; }

.cupoydraft-content-style img, .cupoydraft-content-style iframe {
  display: block;
  max-width: 100%;
  padding: 0;
  border: 0; }

.cupoydraft-content-style a {
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer; }
  .cupoydraft-content-style a:hover {
    color: #E62427; }
    .cupoydraft-content-style a:hover * {
      color: #E62427; }

.cupoydraft-content-style ul, .cupoydraft-content-style ol {
  margin: 0;
  margin-left: 1.5em;
  padding-left: 0; }

.cupoydraft-content-style ol {
  list-style: decimal; }
  .cupoydraft-content-style ol > li {
    line-height: 1.75em;
    list-style: inherit; }

.cupoydraft-content-style ul {
  list-style: disc; }
  .cupoydraft-content-style ul > li {
    line-height: 1.75em;
    list-style: inherit; }

.cupoydraft-content-style p {
  margin: 0; }

.cupoydraft-content-style blockquote {
  position: relative;
  margin: 30px 0;
  padding: 30px 20px;
  font-style: normal;
  -webkit-box-shadow: inset 0 -1px 0 0 #CCCCCC, inset 0 1px 0 0 #CCCCCC;
  -moz-box-shadow: inset 0 -1px 0 0 #CCCCCC, inset 0 1px 0 0 #CCCCCC;
  box-shadow: inset 0 -1px 0 0 #CCCCCC, inset 0 1px 0 0 #CCCCCC; }
  .cupoydraft-content-style blockquote:before {
    content: '';
    position: absolute;
    top: -25px;
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #E62427;
    background-color: #FFFFFF;
    text-align: center;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.86 7.633c0 .957-.338 1.758-1.013 2.402-.676.643-1.474.965-2.394.965-.921 0-1.727-.322-2.417-.965C.346 9.39 0 8.62 0 7.722c0-.898.414-1.99 1.243-3.277L4.005 0h2.67L4.972 4.67c1.258.568 1.887 1.556 1.887 2.963zm8.14 0c0 .957-.338 1.758-1.013 2.402-.675.643-1.473.965-2.394.965-.92 0-1.726-.322-2.417-.965-.69-.644-1.035-1.415-1.035-2.313 0-.898.414-1.99 1.243-3.277L12.146 0h2.67l-1.703 4.67C14.37 5.237 15 6.225 15 7.632z' fill='%23E62427' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 35%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

.cupoydraft-content-style blockquote p, .cupoydraft-content-style blockquote div, .cupoydraft-content-style blockquote span {
  margin: 0; }

.cupoydraft-content-style table {
  border-color: #333; }

.cupoydraft-content-style th {
  font-weight: 600;
  color: #333;
  border: 1px solid #333;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: left;
  padding: 6px 6px 6px 12px; }

.cupoydraft-content-style tr {
  border: 1px solid #333;
  background: #fff; }

.cupoydraft-content-style td {
  border: 1px solid #333;
  background: #fff;
  padding: 6px 6px 6px 12px;
  color: #333; }
  .cupoydraft-content-style td.alt {
    background: #F5FAFA;
    color: #B4AA9D; }

.cupoydraft-content-style h1 {
  margin: 30px 0 10px 0;
  font-size: 32px;
  font-weight: 600; }

.cupoydraft-content-style h2 {
  margin: 30px 0 10px 0;
  font-size: 28px;
  font-weight: 600; }

.cupoydraft-content-style h3 {
  margin: 30px 0 10px 0;
  font-size: 24px;
  font-weight: 600; }

.cupoydraft-content-style h4 {
  margin: 30px 0 10px 0;
  font-size: 20px;
  font-weight: 600; }

.cupoydraft-content-style h5 {
  margin: 30px 0 10px 0;
  font-size: 18px;
  font-weight: 600; }

.cupoydraft-content-style h6 {
  margin: 30px 0 10px 0;
  font-size: 16px;
  font-weight: 600; }

.cupoydraft-content-style b, .cupoydraft-content-style strong {
  font-weight: 600; }

.cupoydraft-content-style q:after, .cupoydraft-content-style q:before {
  content: ''; }

.cupoydraft-content-style hr {
  border: none;
  border-bottom: 1px solid #ccc; }

.cupoydraft-content-style .cupoy-note-block-single-line-height {
  line-height: 1.2 !important; }
  .cupoydraft-content-style .cupoy-note-block-single-line-height .cupoydraft-block {
    line-height: 1.2; }

.cupoydraft-content-style .cupoy-note-block-singlequarter-line-height {
  line-height: 1.4 !important; }
  .cupoydraft-content-style .cupoy-note-block-singlequarter-line-height .cupoydraft-block {
    line-height: 1.4; }

.cupoydraft-content-style .cupoy-note-block-singlehalf-line-height {
  line-height: 1.6 !important; }
  .cupoydraft-content-style .cupoy-note-block-singlehalf-line-height .cupoydraft-block {
    line-height: 1.6; }

.cupoydraft-content-style .cupoy-note-block-threequarters-line-height {
  line-height: 1.8 !important; }
  .cupoydraft-content-style .cupoy-note-block-threequarters-line-height .cupoydraft-block {
    line-height: 1.8; }

.cupoydraft-content-style .cupoy-note-block-double-line-height {
  line-height: 2 !important; }
  .cupoydraft-content-style .cupoy-note-block-double-line-height .cupoydraft-block {
    line-height: 2; }

.cupoydraft-content-style .cupoy-note-block-left-aligned {
  text-align: left !important; }
  .cupoydraft-content-style .cupoy-note-block-left-aligned .cupoydraft-block {
    text-align: left; }

.cupoydraft-content-style .cupoy-note-block-right-aligned {
  text-align: right !important; }
  .cupoydraft-content-style .cupoy-note-block-right-aligned .cupoydraft-block {
    text-align: right; }

.cupoydraft-content-style .cupoy-note-block-center-aligned {
  text-align: center !important; }
  .cupoydraft-content-style .cupoy-note-block-center-aligned .cupoydraft-block {
    text-align: center; }

.cupoydraft-content-style .cupoy-note-block-justify-aligned {
  text-align: justify !important; }

.cupoydraft-content-style .cupoydraft-code-block i.lineNumber {
  min-height: 1em;
  font-style: normal; }
  .cupoydraft-content-style .cupoydraft-code-block i.lineNumber + i.lineNumber::before {
    content: "\a" attr(data-line-number);
    display: block;
    position: absolute;
    left: -59px;
    width: 38px;
    padding-right: 10px;
    color: #333030;
    text-align: right;
    box-sizing: border-box; }
  .cupoydraft-content-style .cupoydraft-code-block i.lineNumber::before {
    content: attr(data-line-number);
    display: block;
    position: absolute;
    left: -59px;
    width: 38px;
    padding-right: 10px;
    color: #333030;
    text-align: right;
    box-sizing: border-box; }
  .cupoydraft-content-style .cupoydraft-code-block i.lineNumber.secondLineNumberForFirstLineNewLine::before {
    content: "\a" attr(data-line-number);
    display: block;
    position: absolute;
    left: -59px;
    width: 38px;
    padding-right: 10px;
    color: #333030;
    text-align: right;
    box-sizing: border-box; }

.cupoydraft-content-style {
  word-wrap: break-word; }
  .cupoydraft-content-style:after {
    content: '';
    display: block;
    height: 0;
    clear: both; }

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

;
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, -webkit-transform 0s 0.15s;
  transition: background 0.15s ease-out, transform 0s 0.15s;
  -webkit-backface-visibility: hidden;
}
/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out;
}
@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-height: 33.875em) {
  .picker__wrap {
    display: block;
  }
}
/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}
@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em;
  }
}
@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px;
  }
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}

;
/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0;
}
/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: .75em 1.25em;
}
@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em;
  }
}
/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10;
}
/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10;
}
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #ffffff;
  z-index: 10;
}
/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto;
}
/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}
.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none;
}
.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}
.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
  border-color: #ffffff;
}

/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
/**
 * The frame the bounds the time picker.
 */
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px;
}
/**
 * The picker box.
 */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0;
}
@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em;
  }
}

;
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}
.picker__day--outfocus {
  color: #dddddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--highlighted {
  border-color: #0089ec;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */

;
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,300italic,400italic,600italic,700,700italic,800,800italic);
.orange-text {
  color: #ee7c68;
}

.blue-text {
  color: #0071C5;
}

.green-text {
  color: #388d81;
}

.red-text {
  color: #FF2C22;
}

.purple-text {
  color: #905bdf;
}

.transparent-text {
  opacity: 0;
  user-select: none;
}

.text-light {
  font-weight: 300;
}

.text-normal {
  font-weight: 400;
}

.text-semi-bold {
  font-weight: 600;
}

.text-bold {
  font-weight: 700;
}

.text-extra-bold {
  font-weight: 800;
}

.text-underline {
  text-decoration: underline;
}

.dropdown ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Resets */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

html, button, input, select, textarea {
  font-family: sans-serif;
}

body, form, fieldset, legend, input, select, textarea, button {
  margin: 0;
}

html {
  font-size: 100%;
}

.no-selection {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

/* Clearfix */
.clear:before, .clear:after {
  content: "";
  display: table;
}

.clear:after {
  clear: both;
}

.clear {
  zoom: 1;
}

/* Floats */
.left, .checkbox input[type=checkbox],
.checkbox input[type=radio] {
  float: left;
}

.right {
  float: right;
}

/* Display */
.block, .checkbox {
  display: block;
}

.inline {
  display: inline;
}

.inline-block, .inline-list li, .inline-list, audio, canvas, video {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.none, audio:not([controls]),
[hidden],
.no-desktop {
  display: none;
}

/* Font Weights */
.heavy {
  font-weight: 900;
}

.strong, b, strong {
  font-weight: 700;
}

.normal, input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
textarea, legend, table caption, table thead th,
table tfoot th, dt, cite {
  font-weight: normal;
}

.thin {
  font-weight: 300;
}

.italic, q, blockquote, dfn, i, em, .em {
  font-style: italic;
}

/* Font Styles */
.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

/* Text Position */
.left-text, table caption {
  text-align: left;
}

.right-text {
  text-align: right;
}

.center-text {
  text-align: center;
}

/* Accessibility (offscreen text for screen readers) */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  left: -9999em;
}

.visuallyvisible {
  clip: auto;
  width: auto;
  height: auto;
  overflow: visible;
  left: 0;
}

/* Margin and Padding Reset */
.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.no-overflow {
  overflow: hidden;
}

.has-overflow {
  overflow: auto;
}

.vis-overflow {
  overflow: visible !important;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

/* ==========================================================================
/* 1.0 - Document Setup (typography, links, paragraph, etc)
   ========================================================================== */
/* Body */
body {
  font-family: sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #434343;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* Strong and Italic */
/* Links */
a {
  color: #ee7c68;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active, a:hover {
  outline: 0;
  text-decoration: none;
}

/* Paragraph and Small */
p {
  margin: 0 0 1.6em 0;
}

pre {
  margin: 1em 0;
}

ul + p, ul + pre, ol + p, ol + pre {
  margin-top: 0;
}

small {
  font-size: 80%;
}

/* Abbreviations */
abbr[title] {
  border-bottom: 1px dotted;
}

/* Audio */
audio:not([controls]) {
  height: 0;
}

/* Small,
Sub and Sup */
small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Definition */
/* Images */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

.image-left {
  margin-right: 20px;
}

.image-right {
  margin-left: 20px;
}

/* 1.1 Headings - h1, h2, h3, h4, h5, h6 & other (if any)
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  margin: 0 0 0.33em 0;
  -webkit-font-smoothing: antialiased;
}

h1, .h1 {
  font-size: 40px;
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 32px;
  font-size: 2rem;
}

h3, .h3 {
  font-size: 26px;
  font-size: 1.625rem;
}

h4, .h4 {
  font-size: 20px;
  font-size: 1.25rem;
}

h5, .h5 {
  font-size: 18px;
  font-size: 1.125rem;
}

h6, .h6 {
  font-size: 16px;
  font-size: 1rem;
}

/* Reset Heading */
.no-style-heading {
  margin: 0;
  font-size: 100%;
}

/* Horizontal Rule */
hr {
  border: 0;
  background: none;
  outline: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 1px;
}

/* 1.2 Quotes and Code - block quotes, quotes, code, pre, etc
   ========================================================================== */
/* Block Quotes and Quotes */
blockquote {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 32px;
  line-height: 2rem;
  color: #434343;
  margin: 1em 0;
}
blockquote p {
  margin: 1em 0;
}

cite {
  color: #434343;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: normal;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

/* Mark */
mark {
  background: #FFF8B4;
  color: #111;
}

/* Code */
code, kbd, pre, samp {
  word-wrap: break-word;
  font-family: "courier new", monospace, serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: normal;
  background-color: #f1f1f1;
  padding: 10px;
}

code {
  color: #111;
}

.red {
  color: #FF2C22;
}

.blue {
  color: #0071C5;
}

/* 1.3 Lists
   ========================================================================== */
dl, menu, ol, ul {
  margin: 1em 0;
}

dd,
ul ul,
ol ol,
ul ol,
ol ul {
  margin: 0;
}

dd {
  margin-bottom: 1em;
}

menu, ol, ul {
  padding: 0;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
}

ul li {
  list-style: none;
}

/* Remove Styling from List */
.unstyled-list, .inline-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.unstyled-list li, .inline-list li {
  margin-top: 0;
  margin-bottom: 0;
}

/* 1.4 Tables
   ========================================================================== */
table {
  width: 100%;
  margin: 1em 0;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  *white-space: normal;
}

table th,
table td {
  padding: 8px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}

table thead th,
table tfoot th {
  vertical-align: bottom;
  background-color: #f1f1f1;
  color: #333;
}

table caption {
  padding: 8px;
  font-weight: normal;
  font-style: normal;
  border-bottom: 0;
}

/* 1.5 Forms, Labels and Inputs
   ========================================================================== */
fieldset {
  border: 0;
  padding: 0;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

label {
  margin: 0;
  cursor: pointer;
}

button, input, select, textarea {
  font-size: 100%;
  vertical-align: baseline;
  *vertical-align: middle;
}

input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
textarea {
  padding: 5px;
  line-height: normal;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #111;
}

input[type=checkbox],
input[type=radio] {
  cursor: pointer;
  box-sizing: border-box;
  line-height: normal;
  margin: 0;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

.checkbox {
  margin: 0.2em 0;
}
.checkbox input[type=checkbox],
.checkbox input[type=radio] {
  margin-top: 0.05em;
}
.checkbox label {
  padding-left: 5px;
  overflow: hidden;
  display: table;
  *zoom: 1;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

/* Buttons */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: none;
}

textarea:focus {
  outline: none;
}

@media print {
  * {
    background: transparent;
  }
  a, a:visited {
    text-decoration: underline;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100%;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}
button, input, select, textarea {
  font-size: 100%;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

/* Buttons */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

.button {
  vertical-align: middle;
  display: inline-block;
  margin: 2px 4px 2px 0;
  padding: 0 20px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #eee;
  background-color: #eee;
  color: #6a6a6a;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 250ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 250ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 250ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 250ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
}

.button.dark {
  background-color: #292929;
  border-color: #292929;
  color: white;
}
.button.dark:hover, .button.dark:active {
  text-decoration: none;
  background-color: #434343;
  border-color: #434343;
  color: white;
}
.button.dark.button-outline {
  border-color: #292929;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #292929;
}
.button.dark.button-outline:hover, .button.dark.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #434343;
  border-color: #434343;
}
.button.dark.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.dark.button-outline.large {
  line-height: 48px;
}
.button.dark.button-outline.small {
  line-height: 34px;
}
.button.dark.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #292929;
}
.button.dark.button-clear:hover, .button.dark.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #434343;
  border-color: #434343;
}
.button.dark.button-clear.large {
  line-height: 48px;
}
.button.dark.button-clear.small {
  line-height: 34px;
}
.button.gray {
  background-color: #ddd;
  border-color: #ddd;
  color: #9b9b9b;
}
.button.gray:hover, .button.gray:active {
  text-decoration: none;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  color: #9b9b9b;
}
.button.gray.button-outline {
  border-color: #aaa;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #6a6a6a;
}
.button.gray.button-outline:hover, .button.gray.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #848484;
  border-color: #c4c4c4;
}
.button.gray.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.gray.button-outline.large {
  line-height: 48px;
}
.button.gray.button-outline.small {
  line-height: 34px;
}
.button.gray.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #6a6a6a;
}
.button.gray.button-clear:hover, .button.gray.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #848484;
  border-color: #848484;
}
.button.gray.button-clear.large {
  line-height: 48px;
}
.button.gray.button-clear.small {
  line-height: 34px;
}
.button.white {
  background-color: #FFF;
  border-color: #FFF;
  color: #333333;
}
.button.white:hover, .button.white:active {
  text-decoration: none;
  background-color: white;
  border-color: white;
  color: #333333;
}
.button.white.button-outline {
  border-color: #FFF;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #FFF;
}
.button.white.button-outline:hover, .button.white.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: white;
  border-color: white;
}
.button.white.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.white.button-outline.large {
  line-height: 48px;
}
.button.white.button-outline.small {
  line-height: 34px;
}
.button.white.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #FFF;
}
.button.white.button-clear:hover, .button.white.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: white;
  border-color: white;
}
.button.white.button-clear.large {
  line-height: 48px;
}
.button.white.button-clear.small {
  line-height: 34px;
}
.button.blue-light {
  background-color: #14A5FF;
  border-color: #14A5FF;
  color: white;
}
.button.blue-light:hover, .button.blue-light:active {
  text-decoration: none;
  background-color: #2eafff;
  border-color: #2eafff;
  color: white;
}
.button.blue-light.button-outline {
  border-color: #14A5FF;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #14A5FF;
}
.button.blue-light.button-outline:hover, .button.blue-light.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #47b9ff;
  border-color: #47b9ff;
}
.button.blue-light.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.blue-light.button-outline.large {
  line-height: 48px;
}
.button.blue-light.button-outline.small {
  line-height: 34px;
}
.button.blue-light.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #14A5FF;
}
.button.blue-light.button-clear:hover, .button.blue-light.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #47b9ff;
  border-color: #47b9ff;
}
.button.blue-light.button-clear.large {
  line-height: 48px;
}
.button.blue-light.button-clear.small {
  line-height: 34px;
}
.button.blue {
  background-color: #0071C5;
  border-color: #0071C5;
  color: white;
}
.button.blue:hover, .button.blue:active {
  text-decoration: none;
  background-color: #0080df;
  border-color: #0080df;
  color: white;
}
.button.blue.button-outline {
  border-color: #0071C5;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #0071C5;
}
.button.blue.button-outline:hover, .button.blue.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #008ef8;
  border-color: #008ef8;
}
.button.blue.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.blue.button-outline.large {
  line-height: 48px;
}
.button.blue.button-outline.small {
  line-height: 34px;
}
.button.blue.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #0071C5;
}
.button.blue.button-clear:hover, .button.blue.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #008ef8;
  border-color: #008ef8;
}
.button.blue.button-clear.large {
  line-height: 48px;
}
.button.blue.button-clear.small {
  line-height: 34px;
}
.button.green {
  background-color: #388d81;
  border-color: #388d81;
  color: white;
}
.button.green:hover, .button.green:active {
  text-decoration: none;
  background-color: #3f9f92;
  border-color: #3f9f92;
  color: white;
}
.button.green.button-outline {
  border-color: #388d81;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #388d81;
}
.button.green.button-outline:hover, .button.green.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #46b2a2;
  border-color: #46b2a2;
}
.button.green.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.green.button-outline.large {
  line-height: 48px;
}
.button.green.button-outline.small {
  line-height: 34px;
}
.button.green.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #388d81;
}
.button.green.button-clear:hover, .button.green.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #46b2a2;
  border-color: #46b2a2;
}
.button.green.button-clear.large {
  line-height: 48px;
}
.button.green.button-clear.small {
  line-height: 34px;
}
.button.red {
  background-color: #FF2C22;
  border-color: #FF2C22;
  color: white;
}
.button.red:hover, .button.red:active {
  text-decoration: none;
  background-color: #ff443c;
  border-color: #ff443c;
  color: white;
}
.button.red.button-outline {
  border-color: #FF2C22;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #FF2C22;
}
.button.red.button-outline:hover, .button.red.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #ff5d55;
  border-color: #ff5d55;
}
.button.red.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.red.button-outline.large {
  line-height: 48px;
}
.button.red.button-outline.small {
  line-height: 34px;
}
.button.red.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #FF2C22;
}
.button.red.button-clear:hover, .button.red.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #ff5d55;
  border-color: #ff5d55;
}
.button.red.button-clear.large {
  line-height: 48px;
}
.button.red.button-clear.small {
  line-height: 34px;
}
.button.orange {
  background-color: #ee7c68;
  border-color: #ee7c68;
  color: white;
}
.button.orange:hover, .button.orange:active {
  text-decoration: none;
  background-color: #f1907f;
  border-color: #f1907f;
  color: white;
}
.button.orange.button-outline {
  border-color: #ee7c68;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #ee7c68;
}
.button.orange.button-outline:hover, .button.orange.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #f3a496;
  border-color: #f3a496;
}
.button.orange.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.orange.button-outline.large {
  line-height: 48px;
}
.button.orange.button-outline.small {
  line-height: 34px;
}
.button.orange.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #ee7c68;
}
.button.orange.button-clear:hover, .button.orange.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #f3a496;
  border-color: #f3a496;
}
.button.orange.button-clear.large {
  line-height: 48px;
}
.button.orange.button-clear.small {
  line-height: 34px;
}
.button.error {
  background-color: #FF2C22;
  border-color: #FF2C22;
  color: white;
}
.button.error:hover, .button.error:active {
  text-decoration: none;
  background-color: #ff443c;
  border-color: #ff443c;
  color: white;
}
.button.error.button-outline {
  border-color: #FF2C22;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #FF2C22;
}
.button.error.button-outline:hover, .button.error.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #ff5d55;
  border-color: #ff5d55;
}
.button.error.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.error.button-outline.large {
  line-height: 48px;
}
.button.error.button-outline.small {
  line-height: 34px;
}
.button.error.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #FF2C22;
}
.button.error.button-clear:hover, .button.error.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #ff5d55;
  border-color: #ff5d55;
}
.button.error.button-clear.large {
  line-height: 48px;
}
.button.error.button-clear.small {
  line-height: 34px;
}
.button.facebook {
  background-color: #3667BC;
  border-color: #3667BC;
  color: white;
}
.button.facebook:hover, .button.facebook:active {
  text-decoration: none;
  background-color: #4374c9;
  border-color: #4374c9;
  color: white;
}
.button.facebook.button-outline {
  border-color: #3667BC;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #3667BC;
}
.button.facebook.button-outline:hover, .button.facebook.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #5682cf;
  border-color: #5682cf;
}
.button.facebook.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.facebook.button-outline.large {
  line-height: 48px;
}
.button.facebook.button-outline.small {
  line-height: 34px;
}
.button.facebook.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #3667BC;
}
.button.facebook.button-clear:hover, .button.facebook.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #5682cf;
  border-color: #5682cf;
}
.button.facebook.button-clear.large {
  line-height: 48px;
}
.button.facebook.button-clear.small {
  line-height: 34px;
}
.button.twitter {
  background-color: #55ACEE;
  border-color: #55ACEE;
  color: white;
}
.button.twitter:hover, .button.twitter:active {
  text-decoration: none;
  background-color: #6cb7f0;
  border-color: #6cb7f0;
  color: white;
}
.button.twitter.button-outline {
  border-color: #55ACEE;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #55ACEE;
}
.button.twitter.button-outline:hover, .button.twitter.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #83c3f3;
  border-color: #83c3f3;
}
.button.twitter.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.twitter.button-outline.large {
  line-height: 48px;
}
.button.twitter.button-outline.small {
  line-height: 34px;
}
.button.twitter.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #55ACEE;
}
.button.twitter.button-clear:hover, .button.twitter.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #83c3f3;
  border-color: #83c3f3;
}
.button.twitter.button-clear.large {
  line-height: 48px;
}
.button.twitter.button-clear.small {
  line-height: 34px;
}
.button.google-plus {
  background-color: #D54135;
  border-color: #D54135;
  color: white;
}
.button.google-plus:hover, .button.google-plus:active {
  text-decoration: none;
  background-color: #d9554a;
  border-color: #d9554a;
  color: white;
}
.button.google-plus.button-outline {
  border-color: #D54135;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #D54135;
}
.button.google-plus.button-outline:hover, .button.google-plus.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #de695f;
  border-color: #de695f;
}
.button.google-plus.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.google-plus.button-outline.large {
  line-height: 48px;
}
.button.google-plus.button-outline.small {
  line-height: 34px;
}
.button.google-plus.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #D54135;
}
.button.google-plus.button-clear:hover, .button.google-plus.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #de695f;
  border-color: #de695f;
}
.button.google-plus.button-clear.large {
  line-height: 48px;
}
.button.google-plus.button-clear.small {
  line-height: 34px;
}
.button.dark-outline.button-outline {
  border-color: #292929;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #292929;
}
.button.dark-outline.button-outline:hover, .button.dark-outline.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #434343;
  border-color: #434343;
}
.button.dark-outline.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.dark-outline.button-outline.large {
  line-height: 48px;
}
.button.dark-outline.button-outline.small {
  line-height: 34px;
}
.button.dark-outline.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #292929;
}
.button.dark-outline.button-clear:hover, .button.dark-outline.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #434343;
  border-color: #434343;
}
.button.dark-outline.button-clear.large {
  line-height: 48px;
}
.button.dark-outline.button-clear.small {
  line-height: 34px;
}
.button.gray-outline.button-outline {
  border-color: #aaa;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #6a6a6a;
}
.button.gray-outline.button-outline:hover, .button.gray-outline.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #848484;
  border-color: #c4c4c4;
}
.button.gray-outline.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.gray-outline.button-outline.large {
  line-height: 48px;
}
.button.gray-outline.button-outline.small {
  line-height: 34px;
}
.button.gray-outline.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #6a6a6a;
}
.button.gray-outline.button-clear:hover, .button.gray-outline.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #848484;
  border-color: #848484;
}
.button.gray-outline.button-clear.large {
  line-height: 48px;
}
.button.gray-outline.button-clear.small {
  line-height: 34px;
}
.button.white-outline.button-outline {
  border-color: #eee;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #eee;
}
.button.white-outline.button-outline:hover, .button.white-outline.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: white;
  border-color: white;
}
.button.white-outline.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.white-outline.button-outline.large {
  line-height: 48px;
}
.button.white-outline.button-outline.small {
  line-height: 34px;
}
.button.white-outline.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #eee;
}
.button.white-outline.button-clear:hover, .button.white-outline.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: white;
  border-color: white;
}
.button.white-outline.button-clear.large {
  line-height: 48px;
}
.button.white-outline.button-clear.small {
  line-height: 34px;
}
.button.blue-light-outline.button-outline {
  border-color: #14A5FF;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #14A5FF;
}
.button.blue-light-outline.button-outline:hover, .button.blue-light-outline.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #47b9ff;
  border-color: #47b9ff;
}
.button.blue-light-outline.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.blue-light-outline.button-outline.large {
  line-height: 48px;
}
.button.blue-light-outline.button-outline.small {
  line-height: 34px;
}
.button.blue-light-outline.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #14A5FF;
}
.button.blue-light-outline.button-clear:hover, .button.blue-light-outline.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #47b9ff;
  border-color: #47b9ff;
}
.button.blue-light-outline.button-clear.large {
  line-height: 48px;
}
.button.blue-light-outline.button-clear.small {
  line-height: 34px;
}
.button.blue-outline.button-outline {
  border-color: #0071C5;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #0071C5;
}
.button.blue-outline.button-outline:hover, .button.blue-outline.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #008ef8;
  border-color: #008ef8;
}
.button.blue-outline.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.blue-outline.button-outline.large {
  line-height: 48px;
}
.button.blue-outline.button-outline.small {
  line-height: 34px;
}
.button.blue-outline.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #0071C5;
}
.button.blue-outline.button-clear:hover, .button.blue-outline.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #008ef8;
  border-color: #008ef8;
}
.button.blue-outline.button-clear.large {
  line-height: 48px;
}
.button.blue-outline.button-clear.small {
  line-height: 34px;
}
.button.green-outline.button-outline {
  border-color: #388d81;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #388d81;
}
.button.green-outline.button-outline:hover, .button.green-outline.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #46b2a2;
  border-color: #46b2a2;
}
.button.green-outline.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.green-outline.button-outline.large {
  line-height: 48px;
}
.button.green-outline.button-outline.small {
  line-height: 34px;
}
.button.green-outline.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #388d81;
}
.button.green-outline.button-clear:hover, .button.green-outline.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #46b2a2;
  border-color: #46b2a2;
}
.button.green-outline.button-clear.large {
  line-height: 48px;
}
.button.green-outline.button-clear.small {
  line-height: 34px;
}
.button.red-outline.button-outline {
  border-color: #FF2C22;
  background: transparent;
  line-height: 42px;
  -webkit-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: all 350ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  color: #FF2C22;
}
.button.red-outline.button-outline:hover, .button.red-outline.button-outline:active {
  background: transparent;
  box-shadow: none;
  color: #ff5d55;
  border-color: #ff5d55;
}
.button.red-outline.button-outline.thick {
  border-width: 2px;
  line-height: 40px;
}
.button.red-outline.button-outline.large {
  line-height: 48px;
}
.button.red-outline.button-outline.small {
  line-height: 34px;
}
.button.red-outline.button-clear {
  background-color: transparent;
  border-color: transparent;
  line-height: 42px;
  color: #FF2C22;
}
.button.red-outline.button-clear:hover, .button.red-outline.button-clear:active {
  background: transparent;
  box-shadow: none;
  color: #ff5d55;
  border-color: #ff5d55;
}
.button.red-outline.button-clear.large {
  line-height: 48px;
}
.button.red-outline.button-clear.small {
  line-height: 34px;
}
.button i {
  margin: 0 0 0 0;
}
.button i:before {
  vertical-align: initial;
}
.button i.no-margin {
  margin: 0;
}
.button:hover {
  color: #000;
  background-color: #ddd;
}
.button.disable {
  opacity: 0.5;
  cursor: default;
}
.button.button-block {
  display: block;
  width: 100%;
  text-align: center;
  margin: 5px 0;
  padding: 0;
}
.button.small {
  padding: 0 8px;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
}
.button.large {
  height: 50px;
  line-height: 50px;
  padding: 0 40px;
  font-size: 14px;
}
.button.largest {
  padding: 0 40px;
  font-size: 16px;
  height: 56px;
  line-height: 56px;
}
.button.rounded {
  padding: 0 24px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.button.rounded.small {
  padding: 0 12px;
}
.button.rounded.large {
  padding: 0 44px;
}
.button.rounded.largest {
  padding: 0 44px;
}
.button.long {
  padding: 0 60px;
}
.button.full {
  width: 100%;
  margin: 6px 0;
}

.button-bar {
  margin: 3px 3px 3px 0;
  display: inline-block;
  vertical-align: middle;
}
.button-bar.block, .button-bar.checkbox {
  display: block;
}
.button-bar .button {
  margin: 0 !important;
  padding: 0 16px;
  float: left;
  border-radius: 0;
  border-width: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.button-bar .button.active {
  color: #333;
  background-color: #ddd;
}
.button-bar .button.button-outline {
  border-width: 1px 0px 1px 1px;
  border-color: #aaa;
  background-color: #FFF;
}
.button-bar .button.button-outline:hover {
  color: #333;
  background-color: #f3f4f5;
}
.button-bar .button.button-outline.active {
  color: #ee7c68;
}
.button-bar .button:first-child {
  border-radius: 3px 0px 0px 3px;
}
.button-bar .button:last-child {
  border-right-width: 1px;
  border-radius: 0px 3px 3px 0px;
}
.button-bar .button.all-radius {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.button-bar .button i {
  margin: 0;
}

.loading-content {
  padding: 20px 0;
  text-align: center;
}

.spin {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  border-top: 2px solid transparent;
  border-bottom: 2px solid #fff;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  opacity: 1;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  display: -webkit-inline-flex;
  display: inline-flex;
  -moz-animation: rotate 0.6s linear infinite;
  -webkit-animation: rotate 0.6s linear infinite;
  animation: rotate 0.6s linear infinite;
}
.spin.large {
  width: 40px;
  height: 40px;
}
.spin.medium {
  width: 30px;
  height: 30px;
}
.spin.small {
  width: 12px;
  height: 12px;
}
.spin.blue {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #0071C5;
  border-left: 1px solid transparent;
  border-right: 1px solid #0071C5;
}
.spin.orange {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #ee7c68;
  border-left: 1px solid transparent;
  border-right: 1px solid #ee7c68;
}
.spin.red {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #FF2C22;
  border-left: 1px solid transparent;
  border-right: 1px solid #FF2C22;
}
.spin.green {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #388d81;
  border-left: 1px solid transparent;
  border-right: 1px solid #388d81;
}
@-webkit-keyframes rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@-ms-keyframes rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@keyframes rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}

.animate-spinner {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  -moz-animation: spin-rotate 2s infinite linear;
  -webkit-animation: spin-rotate 2s infinite linear;
  animation: spin-rotate 2s infinite linear;
}

@-webkit-keyframes spin-rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@-moz-keyframes spin-rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@-ms-keyframes spin-rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@keyframes spin-rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
.loading-state {
  height: 100px;
  min-height: 100px;
  display: -webkit-flex;
  display: flex;
}
.loading-state.inline {
  display: -webkit-inline-flex;
  display: inline-flex;
}

.sk-three-bounce {
  margin: auto;
  width: 80px;
  text-align: center;
}

.sk-three-bounce .sk-child {
  width: 20px;
  height: 20px;
  background-color: rgba(0, 113, 197, 0.4);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#announcement-modal .md-content .action-group .checkbox-form, #confirm-paid-refund-modal .md-content .form-item .checkbox-form, #edit-delivery-modal .content .confidential-item .checkbox-form, #confirm-payment-modal .invoice-select-form .invoice-select-row .checkbox-form, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-row .checkbox-form, #profile .content .invoice-select-form .invoice-select-row .checkbox-form, #cart .invoice-select-form .invoice-select-row .checkbox-form, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item .checkbox-form, #confirm-payment-modal .info-wrapper .info-content .info-item .checkbox-form, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .checkbox-form, #payment-spgatewaycvs .info-wrapper .info-content .info-item .checkbox-form, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item .checkbox-form, #payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form, #payment-atm .info-wrapper .info-content .info-item .checkbox-form, #extrafee-payment-atm .info-wrapper .info-content .info-item .checkbox-form, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item .checkbox-form, #cart .info-wrapper .info-content .info-item .checkbox-form, #order .info-wrapper .info-content .info-item .checkbox-form {
  display: inline-block;
  color: #484848;
  cursor: default;
  font-size: 14px;
  font-size: 0.875rem;
}
#announcement-modal .md-content .action-group .checked.checkbox-form .checkbox i, #confirm-paid-refund-modal .md-content .form-item .checked.checkbox-form .checkbox i, #edit-delivery-modal .content .confidential-item .checked.checkbox-form .checkbox i, #confirm-payment-modal .invoice-select-form .invoice-select-row .checked.checkbox-form .checkbox i, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-row .checked.checkbox-form .checkbox i, #profile .content .invoice-select-form .invoice-select-row .checked.checkbox-form .checkbox i, #cart .invoice-select-form .invoice-select-row .checked.checkbox-form .checkbox i, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i, #confirm-payment-modal .info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i, #payment-spgatewaycvs .info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i, #payment-outwardremittance .info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i, #payment-atm .info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i, #extrafee-payment-atm .info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i, #cart .info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i, #order .info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i {
  visibility: visible;
}
#announcement-modal .md-content .action-group .checkbox-form .checkbox, #confirm-paid-refund-modal .md-content .form-item .checkbox-form .checkbox, #edit-delivery-modal .content .confidential-item .checkbox-form .checkbox, #confirm-payment-modal .invoice-select-form .invoice-select-row .checkbox-form .checkbox, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-row .checkbox-form .checkbox, #profile .content .invoice-select-form .invoice-select-row .checkbox-form .checkbox, #cart .invoice-select-form .invoice-select-row .checkbox-form .checkbox, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item .checkbox-form .checkbox, #confirm-payment-modal .info-wrapper .info-content .info-item .checkbox-form .checkbox, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .checkbox-form .checkbox, #payment-spgatewaycvs .info-wrapper .info-content .info-item .checkbox-form .checkbox, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item .checkbox-form .checkbox, #payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form .checkbox, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form .checkbox, #payment-atm .info-wrapper .info-content .info-item .checkbox-form .checkbox, #extrafee-payment-atm .info-wrapper .info-content .info-item .checkbox-form .checkbox, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item .checkbox-form .checkbox, #cart .info-wrapper .info-content .info-item .checkbox-form .checkbox, #order .info-wrapper .info-content .info-item .checkbox-form .checkbox {
  width: 20px;
  height: 20px;
  margin: 0 7px 0 0;
  border: 1px solid #bbb;
  color: #ee7c68;
  vertical-align: text-bottom;
  font-size: 18px;
  font-size: 1.125rem;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  display: -webkit-inline-flex;
  display: inline-flex;
}
#announcement-modal .md-content .action-group .checkbox-form .checkbox i, #confirm-paid-refund-modal .md-content .form-item .checkbox-form .checkbox i, #edit-delivery-modal .content .confidential-item .checkbox-form .checkbox i, #confirm-payment-modal .invoice-select-form .invoice-select-row .checkbox-form .checkbox i, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-row .checkbox-form .checkbox i, #profile .content .invoice-select-form .invoice-select-row .checkbox-form .checkbox i, #cart .invoice-select-form .invoice-select-row .checkbox-form .checkbox i, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item .checkbox-form .checkbox i, #confirm-payment-modal .info-wrapper .info-content .info-item .checkbox-form .checkbox i, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .checkbox-form .checkbox i, #payment-spgatewaycvs .info-wrapper .info-content .info-item .checkbox-form .checkbox i, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item .checkbox-form .checkbox i, #payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form .checkbox i, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form .checkbox i, #payment-atm .info-wrapper .info-content .info-item .checkbox-form .checkbox i, #extrafee-payment-atm .info-wrapper .info-content .info-item .checkbox-form .checkbox i, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item .checkbox-form .checkbox i, #cart .info-wrapper .info-content .info-item .checkbox-form .checkbox i, #order .info-wrapper .info-content .info-item .checkbox-form .checkbox i {
  margin: auto;
  visibility: hidden;
}

#confirm-extrafee-refund-modal .content .input-form, #confirm-refund-modal .content .input-form {
  position: relative;
  width: 100%;
}
#confirm-extrafee-refund-modal .content .input-form label, #confirm-refund-modal .content .input-form label {
  display: inline-block;
  margin-bottom: 10px;
  color: #2A2A2A;
  cursor: auto;
  font-size: 14px;
  font-size: 0.875rem;
}
#confirm-extrafee-refund-modal .content .input-form input, #confirm-refund-modal .content .input-form input {
  display: block;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #ccc;
  color: #2A2A2A;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#confirm-extrafee-refund-modal .content .input-form input:focus, #confirm-refund-modal .content .input-form input:focus {
  border-color: #2A2A2A;
}
#confirm-extrafee-refund-modal .content .input-form input.error, #confirm-refund-modal .content .input-form input.error {
  border: 1px solid #FF2C22;
}
#confirm-extrafee-refund-modal .content .input-form textarea, #confirm-refund-modal .content .input-form textarea {
  display: block;
  width: 100%;
  height: 100px;
  line-height: 18px;
  margin: 0;
  padding: 12px;
  border: 1px solid #ccc;
  color: #2A2A2A;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#confirm-extrafee-refund-modal .content .input-form textarea:focus, #confirm-refund-modal .content .input-form textarea:focus {
  border-color: #2A2A2A;
}
#confirm-extrafee-refund-modal .content .input-form textarea.error, #confirm-refund-modal .content .input-form textarea.error {
  border: 1px solid #FF2C22;
}
#confirm-extrafee-refund-modal .content .input-form span.error, #confirm-refund-modal .content .input-form span.error {
  font-size: 12px;
  color: #FF2C22;
}

#reset-business-pw-modal .content .input-form, #resend-invitation-modal .md-content .input-form, #forgot-password-modal .md-content .input-form, #reset-pw-modal .content .input-form, #register-modal .content .input-form, #login-modal .content .input-form {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#reset-business-pw-modal .content .input-form label, #resend-invitation-modal .md-content .input-form label, #forgot-password-modal .md-content .input-form label, #reset-pw-modal .content .input-form label, #register-modal .content .input-form label, #login-modal .content .input-form label {
  display: inline-block;
  margin-right: 20px;
  color: #2A2A2A;
  white-space: nowrap;
  cursor: auto;
  font-size: 14px;
  font-size: 0.875rem;
}
#reset-business-pw-modal .content .input-form input, #resend-invitation-modal .md-content .input-form input, #forgot-password-modal .md-content .input-form input, #reset-pw-modal .content .input-form input, #register-modal .content .input-form input, #login-modal .content .input-form input {
  display: inline-block;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #ccc;
  color: #2A2A2A;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#reset-business-pw-modal .content .input-form input:focus, #resend-invitation-modal .md-content .input-form input:focus, #forgot-password-modal .md-content .input-form input:focus, #reset-pw-modal .content .input-form input:focus, #register-modal .content .input-form input:focus, #login-modal .content .input-form input:focus {
  border-color: #2A2A2A;
}
#reset-business-pw-modal .content .input-form input.error, #resend-invitation-modal .md-content .input-form input.error, #forgot-password-modal .md-content .input-form input.error, #reset-pw-modal .content .input-form input.error, #register-modal .content .input-form input.error, #login-modal .content .input-form input.error {
  border: 1px solid #FF2C22;
}
#reset-business-pw-modal .content .input-form textarea, #resend-invitation-modal .md-content .input-form textarea, #forgot-password-modal .md-content .input-form textarea, #reset-pw-modal .content .input-form textarea, #register-modal .content .input-form textarea, #login-modal .content .input-form textarea {
  display: inline-block;
  width: 100%;
  height: 100px;
  line-height: 18px;
  margin: 0;
  padding: 12px;
  border: 1px solid #ccc;
  color: #2A2A2A;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#reset-business-pw-modal .content .input-form textarea:focus, #resend-invitation-modal .md-content .input-form textarea:focus, #forgot-password-modal .md-content .input-form textarea:focus, #reset-pw-modal .content .input-form textarea:focus, #register-modal .content .input-form textarea:focus, #login-modal .content .input-form textarea:focus {
  border-color: #2A2A2A;
}
#reset-business-pw-modal .content .input-form textarea.error, #resend-invitation-modal .md-content .input-form textarea.error, #forgot-password-modal .md-content .input-form textarea.error, #reset-pw-modal .content .input-form textarea.error, #register-modal .content .input-form textarea.error, #login-modal .content .input-form textarea.error {
  border: 1px solid #FF2C22;
}

.topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 58px;
  background-color: #ee7c68;
  z-index: 12;
  -moz-box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
}
.topbar.has-sub {
  height: 94px;
}
.topbar.no-login {
  height: 89px;
}
.topbar.relative {
  position: relative;
}
.topbar .subbar {
  height: 36px;
}
.topbar .bar-wrapper {
  height: 58px;
  display: -webkit-flex;
  display: flex;
}
.topbar .title {
  position: absolute;
  top: 0;
  left: 44px;
  right: 44px;
  display: block;
  height: 58px;
  line-height: 58px;
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
  font-size: 16px;
  font-size: 1rem;
  -webkit-flex: 1;
  flex: 1;
}
.topbar .logo {
  position: relative;
  height: 100%;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-flex;
  display: flex;
}
.topbar .logo .search-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 58px;
  margin: 0;
  padding: 0 16px;
  border: none;
  color: #fff;
  background-color: transparent;
  z-index: 2;
  font-size: 18px;
  font-size: 1.125rem;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.topbar .logo .message-button {
  position: absolute;
  top: 0;
  left: 0;
  height: 58px;
  margin: 0;
  padding: 0 16px;
  border: none;
  color: #fff;
  background-color: transparent;
  z-index: 2;
  font-size: 18px;
  font-size: 1.125rem;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.topbar .logo .message-button .count-tip {
  position: absolute;
  top: 5px;
  right: 5px;
  line-height: 12px;
  padding: 2px 4px;
  color: #fff;
  background-color: #FF5722;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.topbar .button {
  position: relative;
  height: 58px;
  margin: 0;
  padding: 0 16px;
  border: none;
  color: #fff;
  background-color: transparent;
  z-index: 2;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.topbar .button.pull-right {
  margin: 0 0 0 auto;
}
.topbar .button.pull-left {
  margin: 0 auto 0 0;
}
.topbar .button.hidden {
  opacity: 0;
  cursor: default;
}
.topbar .button i {
  margin: 0;
  font-size: 24px;
  font-size: 1.5rem;
}
.topbar .button i[class^=icomoon-] {
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
}
.topbar .button .count-tip {
  position: absolute;
  top: 5px;
  right: 5px;
  line-height: 12px;
  padding: 2px 4px;
  color: #fff;
  background-color: #FF5722;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.topbar .search-bar {
  position: relative;
  width: 100%;
  height: 58px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.topbar .search-bar.slide-right {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ee7c68;
  z-index: 2;
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.topbar .search-bar.slide-right.show {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.topbar .search-bar .input-wrapper {
  position: relative;
  height: 28px;
  margin: 0 16px;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex: 1;
  flex: 1;
}
.topbar .search-bar .input-wrapper.has-left-icon {
  margin-left: 0;
}
.topbar .search-bar .input-wrapper.has-right-icon {
  margin-right: 0;
}
.topbar .search-bar .input-wrapper.placeholder-center input, .topbar .search-bar .input-wrapper.placeholder-center .search-icon {
  -moz-transform: translateX(50%) translateX(-60px);
  -ms-transform: translateX(50%) translateX(-60px);
  -webkit-transform: translateX(50%) translateX(-60px);
  transform: translateX(50%) translateX(-60px);
}
.topbar .search-bar .input-wrapper input {
  position: relative;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 10px 0 30px;
  border: none;
  background-color: transparent;
  color: #fff;
  z-index: 2;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.topbar .search-bar .input-wrapper input::-webkit-input-placeholder {
  color: #FFFFFF;
  opacity: 0.8;
}
.topbar .search-bar .input-wrapper input:-moz-placeholder { /* Firefox 18- */
  color: #FFFFFF;
  opacity: 0.8;
}
.topbar .search-bar .input-wrapper input::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
  opacity: 0.8;
}
.topbar .search-bar .input-wrapper input:-ms-input-placeholder {
  color: #FFFFFF;
  opacity: 0.8;
}
.topbar .search-bar .input-wrapper .search-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  opacity: 0.8;
  font-size: 16px;
  font-size: 1rem;
  display: -webkit-inline-flex;
  display: inline-flex;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.topbar .search-bar .input-wrapper .search-icon i {
  margin: auto auto auto 10px;
}
.topbar .search-bar .button {
  z-index: 2;
}

#newTopbar {
  position: fixed;
  z-index: 11;
  width: 100%;
  height: 58px;
  background-color: #fff;
  padding: 10px 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-shadow: 0 -2px 0 0 #E5E5E5, 0 2px 0 0 #E5E5E5;
  -webkit-box-shadow: 0 -2px 0 0 #E5E5E5, 0 2px 0 0 #E5E5E5;
  box-shadow: 0 -2px 0 0 #E5E5E5, 0 2px 0 0 #E5E5E5;
}
#newTopbar .logo {
  display: block;
  width: 42px;
  margin: 0 20px 0 0;
  line-height: 0;
}
#newTopbar .logo img {
  width: 100%;
}
#newTopbar .button-group {
  max-width: 200px;
  visibility: visible;
  opacity: 1;
  overflow: hidden;
  white-space: nowrap;
  transition-delay: 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#newTopbar .button-group .button {
  height: 28px;
  line-height: 26px;
  margin: 0 16px 0 0;
  padding: 0 18px;
  font-size: 12px;
}
#newTopbar .button-group.hide {
  max-width: 0;
  visibility: hidden;
  opacity: 0;
  transition-delay: 0;
}
#newTopbar .urgent-btn {
  width: 69px;
  height: 28px;
  overflow: hidden;
  transition: 0.3s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  background-color: #F17C67;
}
#newTopbar .urgent-btn:after {
  content: "急件";
}
#newTopbar .urgent-btn.hide {
  width: 0;
}
#newTopbar .urgent-btn.hide:after {
  content: "";
}
#newTopbar .search-area {
  width: 0;
  overflow: hidden;
  transition: 0.3s;
}
#newTopbar .search-area.show {
  width: calc(100% - 62px);
}
#newTopbar .search-area input {
  border: 1px solid #2A2A2A;
  background-color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  caret-color: #F17C67;
}
#newTopbar .search {
  position: absolute;
  width: 40px;
  height: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  right: 10px;
  top: 9px;
}
#newTopbar .search > i {
  font-size: 22px;
  color: #737373;
}

.container {
  position: relative;
  padding-bottom: 50px;
  z-index: 9;
  background-color: #fff;
}
.container .view-content {
  position: relative;
  min-height: calc(100vh - 50px);
  margin: 0;
  overflow: hidden;
}
.container .view-content.has-topbar {
  min-height: calc(100vh - 50px);
  padding-top: 58px;
}
.container .view-content.has-topsubbar {
  min-height: calc(100vh - 50px);
  padding-top: 94px;
}
.container .view-content.no-login {
  min-height: calc(100vh - 139px);
}
.container.full {
  padding-bottom: 0;
  z-index: 11;
}
.container.full .view-content {
  min-height: 100vh;
}
.container.full .view-content.has-topbar {
  min-height: calc(100vh - 58px);
}
.container.full .view-content.has-topsubbar {
  min-height: calc(100vh - 94px);
}
.container.full .view-content.no-login {
  min-height: calc(100vh - 89px);
}

.scroll-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scroll-content.has-topbar {
  top: 58px;
}
.scroll-content.has-topsubbar {
  top: 94px;
}
.scroll-content.no-login {
  top: 89px;
}

.loading-content {
  padding: 20px 0;
  text-align: center;
}

.spin {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  border-top: 2px solid transparent;
  border-bottom: 2px solid #fff;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  opacity: 1;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  display: -webkit-inline-flex;
  display: inline-flex;
  -moz-animation: rotate 0.6s linear infinite;
  -webkit-animation: rotate 0.6s linear infinite;
  animation: rotate 0.6s linear infinite;
}
.spin.large {
  width: 40px;
  height: 40px;
}
.spin.medium {
  width: 30px;
  height: 30px;
}
.spin.small {
  width: 12px;
  height: 12px;
}
.spin.blue {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #0071C5;
  border-left: 1px solid transparent;
  border-right: 1px solid #0071C5;
}
.spin.orange {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #ee7c68;
  border-left: 1px solid transparent;
  border-right: 1px solid #ee7c68;
}
.spin.red {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #FF2C22;
  border-left: 1px solid transparent;
  border-right: 1px solid #FF2C22;
}
.spin.green {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #388d81;
  border-left: 1px solid transparent;
  border-right: 1px solid #388d81;
}
@-webkit-keyframes rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@-ms-keyframes rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@keyframes rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}

.animate-spinner {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  -moz-animation: spin-rotate 2s infinite linear;
  -webkit-animation: spin-rotate 2s infinite linear;
  animation: spin-rotate 2s infinite linear;
}

@-webkit-keyframes spin-rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@-moz-keyframes spin-rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@-ms-keyframes spin-rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@keyframes spin-rotate {
  0% {
    -moz-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
.loading-state {
  height: 100px;
  min-height: 100px;
  display: -webkit-flex;
  display: flex;
}
.loading-state.inline {
  display: -webkit-inline-flex;
  display: inline-flex;
}

.sk-three-bounce {
  margin: auto;
  width: 80px;
  text-align: center;
}

.sk-three-bounce .sk-child {
  width: 20px;
  height: 20px;
  background-color: rgba(0, 113, 197, 0.4);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.recommend-tip, .hot-tip, .new-tip, .free-shipping-tip, .emergency-tip {
  display: inline-block;
  margin-left: 6px;
  padding: 0 3px;
  color: #fff;
  line-height: 1.6em;
  font-size: 13px;
  font-size: 0.8125rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.recommend-tip {
  background-color: #ee7c68;
}

.hot-tip {
  background-color: #FF2C22;
}

.new-tip {
  background-color: #0071C5;
}

.free-shipping-tip {
  background-color: #388d81;
}

.emergency-tip {
  background-color: #905bdf;
}

#search-product .product-list, #product-list .product-list {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#search-product .product-list .product-wrapper, #product-list .product-list .product-wrapper {
  position: relative;
  width: 50%;
  height: auto;
}
#search-product .product-list .product-wrapper .product, #product-list .product-list .product-wrapper .product {
  position: relative;
  margin: 3px;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
#search-product .product-list .product-wrapper .product-image, #product-list .product-list .product-wrapper .product-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#search-product .product-list .product-wrapper .product-image.new.show-tip .new-tip, #product-list .product-list .product-wrapper .product-image.new.show-tip .new-tip {
  display: inline-block;
}
#search-product .product-list .product-wrapper .product-image.recommend.show-tip .recommend-tip, #product-list .product-list .product-wrapper .product-image.recommend.show-tip .recommend-tip {
  display: inline-block;
}
#search-product .product-list .product-wrapper .product-image.hot.show-tip .hot-tip, #product-list .product-list .product-wrapper .product-image.hot.show-tip .hot-tip {
  display: inline-block;
}
#search-product .product-list .product-wrapper .product-image.free-shipping.show-tip .free-shipping-tip, #product-list .product-list .product-wrapper .product-image.free-shipping.show-tip .free-shipping-tip {
  display: inline-block;
}
#search-product .product-list .product-wrapper .product-image.emergency.show-tip .emergency-tip, #product-list .product-list .product-wrapper .product-image.emergency.show-tip .emergency-tip {
  display: inline-block;
}
#search-product .product-list .product-wrapper .product-image .recommend-tip, #product-list .product-list .product-wrapper .product-image .recommend-tip, #search-product .product-list .product-wrapper .product-image .hot-tip, #product-list .product-list .product-wrapper .product-image .hot-tip, #search-product .product-list .product-wrapper .product-image .new-tip, #product-list .product-list .product-wrapper .product-image .new-tip, #search-product .product-list .product-wrapper .product-image .free-shipping-tip, #product-list .product-list .product-wrapper .product-image .free-shipping-tip, #search-product .product-list .product-wrapper .product-image .emergency-tip, #product-list .product-list .product-wrapper .product-image .emergency-tip {
  display: none;
  position: absolute;
  top: 8px;
  left: 8px;
  margin: 0;
  padding: 0 8px;
  color: #fff;
  line-height: 1.6em;
  font-size: 12px;
  font-size: 0.75rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#search-product .product-list .product-wrapper .text-wrapper, #product-list .product-list .product-wrapper .text-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#search-product .product-list .product-wrapper .text-wrapper .product-title, #product-list .product-list .product-wrapper .text-wrapper .product-title {
  margin: 0 0 5px 0;
  color: #595A59;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
}
#search-product .product-list .product-wrapper .text-wrapper .product-info .count, #product-list .product-list .product-wrapper .text-wrapper .product-info .count {
  color: #808180;
  letter-spacing: 0px;
  font-size: 11px;
  font-size: 0.6875rem;
}
#search-product .product-list .product-wrapper .text-wrapper .product-info .price, #product-list .product-list .product-wrapper .text-wrapper .product-info .price {
  color: #FF5722;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
}

#reupload-orderitem-file-modal .info-wrapper, #confirm-payment-modal .info-wrapper, #confirm-extrafee-payment-modal .info-wrapper, #payment-spgatewaycvs .info-wrapper, #extrafee-payment-spgatewaycvs .info-wrapper, #payment-outwardremittance .info-wrapper, #extrafee-payment-outwardremittance .info-wrapper, #payment-atm .info-wrapper, #extrafee-payment-atm .info-wrapper, .beginners_guide .view-content .content-block.info-wrapper, #cart .info-wrapper, #order .info-wrapper {
  background-color: #fff;
  -moz-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}
#reupload-orderitem-file-modal .error.info-wrapper, #confirm-payment-modal .error.info-wrapper, #confirm-extrafee-payment-modal .error.info-wrapper, #payment-spgatewaycvs .error.info-wrapper, #extrafee-payment-spgatewaycvs .error.info-wrapper, #payment-outwardremittance .error.info-wrapper, #extrafee-payment-outwardremittance .error.info-wrapper, #payment-atm .error.info-wrapper, #extrafee-payment-atm .error.info-wrapper, .beginners_guide .view-content .error.content-block.info-wrapper, #cart .error.info-wrapper, #order .error.info-wrapper {
  border: 1px solid #FF2C22;
}
#reupload-orderitem-file-modal .info-wrapper .info-title, #confirm-payment-modal .info-wrapper .info-title, #confirm-extrafee-payment-modal .info-wrapper .info-title, #payment-spgatewaycvs .info-wrapper .info-title, #extrafee-payment-spgatewaycvs .info-wrapper .info-title, #payment-outwardremittance .info-wrapper .info-title, #extrafee-payment-outwardremittance .info-wrapper .info-title, #payment-atm .info-wrapper .info-title, #extrafee-payment-atm .info-wrapper .info-title, .beginners_guide .view-content .content-block.info-wrapper .info-title, #cart .info-wrapper .info-title, #order .info-wrapper .info-title {
  height: 50px;
  margin: 0;
  padding: 0 0 0 15px;
  color: #484848;
  letter-spacing: 0px;
  font-size: 16px;
  font-size: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}
#reupload-orderitem-file-modal .info-wrapper .info-title .left-info, #confirm-payment-modal .info-wrapper .info-title .left-info, #confirm-extrafee-payment-modal .info-wrapper .info-title .left-info, #payment-spgatewaycvs .info-wrapper .info-title .left-info, #extrafee-payment-spgatewaycvs .info-wrapper .info-title .left-info, #payment-outwardremittance .info-wrapper .info-title .left-info, #extrafee-payment-outwardremittance .info-wrapper .info-title .left-info, #payment-atm .info-wrapper .info-title .left-info, #extrafee-payment-atm .info-wrapper .info-title .left-info, .beginners_guide .view-content .content-block.info-wrapper .info-title .left-info, #cart .info-wrapper .info-title .left-info, #order .info-wrapper .info-title .left-info {
  white-space: nowrap;
}
#reupload-orderitem-file-modal .info-wrapper .info-title .error-msg, #confirm-payment-modal .info-wrapper .info-title .error-msg, #confirm-extrafee-payment-modal .info-wrapper .info-title .error-msg, #payment-spgatewaycvs .info-wrapper .info-title .error-msg, #extrafee-payment-spgatewaycvs .info-wrapper .info-title .error-msg, #payment-outwardremittance .info-wrapper .info-title .error-msg, #extrafee-payment-outwardremittance .info-wrapper .info-title .error-msg, #payment-atm .info-wrapper .info-title .error-msg, #extrafee-payment-atm .info-wrapper .info-title .error-msg, .beginners_guide .view-content .content-block.info-wrapper .info-title .error-msg, #cart .info-wrapper .info-title .error-msg, #order .info-wrapper .info-title .error-msg {
  margin: 0 0 0 8px;
  color: #FF2C22;
  font-size: 12px;
  font-size: 0.75rem;
}
#reupload-orderitem-file-modal .info-wrapper .info-title .right-action, #confirm-payment-modal .info-wrapper .info-title .right-action, #confirm-extrafee-payment-modal .info-wrapper .info-title .right-action, #payment-spgatewaycvs .info-wrapper .info-title .right-action, #extrafee-payment-spgatewaycvs .info-wrapper .info-title .right-action, #payment-outwardremittance .info-wrapper .info-title .right-action, #extrafee-payment-outwardremittance .info-wrapper .info-title .right-action, #payment-atm .info-wrapper .info-title .right-action, #extrafee-payment-atm .info-wrapper .info-title .right-action, .beginners_guide .view-content .content-block.info-wrapper .info-title .right-action, #cart .info-wrapper .info-title .right-action, #order .info-wrapper .info-title .right-action {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  margin-left: auto;
  padding: 0 15px;
}
#reupload-orderitem-file-modal .info-wrapper .info-title .right-action .text, #confirm-payment-modal .info-wrapper .info-title .right-action .text, #confirm-extrafee-payment-modal .info-wrapper .info-title .right-action .text, #payment-spgatewaycvs .info-wrapper .info-title .right-action .text, #extrafee-payment-spgatewaycvs .info-wrapper .info-title .right-action .text, #payment-outwardremittance .info-wrapper .info-title .right-action .text, #extrafee-payment-outwardremittance .info-wrapper .info-title .right-action .text, #payment-atm .info-wrapper .info-title .right-action .text, #extrafee-payment-atm .info-wrapper .info-title .right-action .text, .beginners_guide .view-content .content-block.info-wrapper .info-title .right-action .text, #cart .info-wrapper .info-title .right-action .text, #order .info-wrapper .info-title .right-action .text {
  display: inline-block;
  margin: 0 8px 0 0;
  color: #484848;
  float: left;
  font-size: 12px;
  font-size: 0.75rem;
}
#reupload-orderitem-file-modal .info-wrapper .info-title .right-action .arrow, #confirm-payment-modal .info-wrapper .info-title .right-action .arrow, #confirm-extrafee-payment-modal .info-wrapper .info-title .right-action .arrow, #payment-spgatewaycvs .info-wrapper .info-title .right-action .arrow, #extrafee-payment-spgatewaycvs .info-wrapper .info-title .right-action .arrow, #payment-outwardremittance .info-wrapper .info-title .right-action .arrow, #extrafee-payment-outwardremittance .info-wrapper .info-title .right-action .arrow, #payment-atm .info-wrapper .info-title .right-action .arrow, #extrafee-payment-atm .info-wrapper .info-title .right-action .arrow, .beginners_guide .view-content .content-block.info-wrapper .info-title .right-action .arrow, #cart .info-wrapper .info-title .right-action .arrow, #order .info-wrapper .info-title .right-action .arrow {
  display: inline-block;
  color: #C6BDBC;
  font-size: 20px;
  font-size: 1.25rem;
}
#reupload-orderitem-file-modal .info-wrapper .info-content, #confirm-payment-modal .info-wrapper .info-content, #confirm-extrafee-payment-modal .info-wrapper .info-content, #payment-spgatewaycvs .info-wrapper .info-content, #extrafee-payment-spgatewaycvs .info-wrapper .info-content, #payment-outwardremittance .info-wrapper .info-content, #extrafee-payment-outwardremittance .info-wrapper .info-content, #payment-atm .info-wrapper .info-content, #extrafee-payment-atm .info-wrapper .info-content, .beginners_guide .view-content .content-block.info-wrapper .info-content, #cart .info-wrapper .info-content, #order .info-wrapper .info-content {
  padding: 15px;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item, #confirm-payment-modal .info-wrapper .info-content .info-item, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item, #payment-spgatewaycvs .info-wrapper .info-content .info-item, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item, #payment-outwardremittance .info-wrapper .info-content .info-item, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item, #payment-atm .info-wrapper .info-content .info-item, #extrafee-payment-atm .info-wrapper .info-content .info-item, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item, #cart .info-wrapper .info-content .info-item, #order .info-wrapper .info-content .info-item {
  margin: 0 0 10px 0;
  color: #737373;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item:last-child, #confirm-payment-modal .info-wrapper .info-content .info-item:last-child, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item:last-child, #payment-spgatewaycvs .info-wrapper .info-content .info-item:last-child, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item:last-child, #payment-outwardremittance .info-wrapper .info-content .info-item:last-child, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item:last-child, #payment-atm .info-wrapper .info-content .info-item:last-child, #extrafee-payment-atm .info-wrapper .info-content .info-item:last-child, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item:last-child, #cart .info-wrapper .info-content .info-item:last-child, #order .info-wrapper .info-content .info-item:last-child {
  margin: 0;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item.has-invoice, #confirm-payment-modal .info-wrapper .info-content .info-item.has-invoice, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item.has-invoice, #payment-spgatewaycvs .info-wrapper .info-content .info-item.has-invoice, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item.has-invoice, #payment-outwardremittance .info-wrapper .info-content .info-item.has-invoice, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item.has-invoice, #payment-atm .info-wrapper .info-content .info-item.has-invoice, #extrafee-payment-atm .info-wrapper .info-content .info-item.has-invoice, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item.has-invoice, #cart .info-wrapper .info-content .info-item.has-invoice, #order .info-wrapper .info-content .info-item.has-invoice {
  margin: 0 0 20px 0;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item.text-bold, #confirm-payment-modal .info-wrapper .info-content .info-item.text-bold, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item.text-bold, #payment-spgatewaycvs .info-wrapper .info-content .info-item.text-bold, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item.text-bold, #payment-outwardremittance .info-wrapper .info-content .info-item.text-bold, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item.text-bold, #payment-atm .info-wrapper .info-content .info-item.text-bold, #extrafee-payment-atm .info-wrapper .info-content .info-item.text-bold, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item.text-bold, #cart .info-wrapper .info-content .info-item.text-bold, #order .info-wrapper .info-content .info-item.text-bold {
  color: #484848;
  font-weight: 600;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item.text-warning, #confirm-payment-modal .info-wrapper .info-content .info-item.text-warning, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item.text-warning, #payment-spgatewaycvs .info-wrapper .info-content .info-item.text-warning, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item.text-warning, #payment-outwardremittance .info-wrapper .info-content .info-item.text-warning, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item.text-warning, #payment-atm .info-wrapper .info-content .info-item.text-warning, #extrafee-payment-atm .info-wrapper .info-content .info-item.text-warning, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item.text-warning, #cart .info-wrapper .info-content .info-item.text-warning, #order .info-wrapper .info-content .info-item.text-warning {
  color: #FF2C22;
  font-weight: 600;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item.text-small, #confirm-payment-modal .info-wrapper .info-content .info-item.text-small, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item.text-small, #payment-spgatewaycvs .info-wrapper .info-content .info-item.text-small, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item.text-small, #payment-outwardremittance .info-wrapper .info-content .info-item.text-small, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item.text-small, #payment-atm .info-wrapper .info-content .info-item.text-small, #extrafee-payment-atm .info-wrapper .info-content .info-item.text-small, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item.text-small, #cart .info-wrapper .info-content .info-item.text-small, #order .info-wrapper .info-content .info-item.text-small {
  font-size: 12px;
  font-size: 0.75rem;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item.text-large, #confirm-payment-modal .info-wrapper .info-content .info-item.text-large, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item.text-large, #payment-spgatewaycvs .info-wrapper .info-content .info-item.text-large, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item.text-large, #payment-outwardremittance .info-wrapper .info-content .info-item.text-large, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item.text-large, #payment-atm .info-wrapper .info-content .info-item.text-large, #extrafee-payment-atm .info-wrapper .info-content .info-item.text-large, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item.text-large, #cart .info-wrapper .info-content .info-item.text-large, #order .info-wrapper .info-content .info-item.text-large {
  font-size: 18px;
  font-size: 1.125rem;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item .info-select, #confirm-payment-modal .info-wrapper .info-content .info-item .info-select, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .info-select, #payment-spgatewaycvs .info-wrapper .info-content .info-item .info-select, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item .info-select, #payment-outwardremittance .info-wrapper .info-content .info-item .info-select, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item .info-select, #payment-atm .info-wrapper .info-content .info-item .info-select, #extrafee-payment-atm .info-wrapper .info-content .info-item .info-select, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item .info-select, #cart .info-wrapper .info-content .info-item .info-select, #order .info-wrapper .info-content .info-item .info-select {
  display: inline-block;
  width: 100px;
  height: 36px;
  line-height: 36px;
  margin: 0 10px 0 0;
  padding: 0;
  border: 1px solid #484848;
  text-align: center;
  color: #484848;
  opacity: 0.5;
  font-size: 12px;
  font-size: 0.75rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item .info-select.active, #confirm-payment-modal .info-wrapper .info-content .info-item .info-select.active, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .info-select.active, #payment-spgatewaycvs .info-wrapper .info-content .info-item .info-select.active, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item .info-select.active, #payment-outwardremittance .info-wrapper .info-content .info-item .info-select.active, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item .info-select.active, #payment-atm .info-wrapper .info-content .info-item .info-select.active, #extrafee-payment-atm .info-wrapper .info-content .info-item .info-select.active, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item .info-select.active, #cart .info-wrapper .info-content .info-item .info-select.active, #order .info-wrapper .info-content .info-item .info-select.active {
  border: 1px solid #2285CA;
  color: #2285CA;
  opacity: 1;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item .info-input, #confirm-payment-modal .info-wrapper .info-content .info-item .info-input, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .info-input, #payment-spgatewaycvs .info-wrapper .info-content .info-item .info-input, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item .info-input, #payment-outwardremittance .info-wrapper .info-content .info-item .info-input, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item .info-input, #payment-atm .info-wrapper .info-content .info-item .info-input, #extrafee-payment-atm .info-wrapper .info-content .info-item .info-input, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item .info-input, #cart .info-wrapper .info-content .info-item .info-input, #order .info-wrapper .info-content .info-item .info-input {
  width: 100%;
  height: 36px;
  border: 1px solid #DDDDDD;
  padding: 0 10px;
  color: #484848;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item .info-input.erro, #confirm-payment-modal .info-wrapper .info-content .info-item .info-input.erro, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .info-input.erro, #payment-spgatewaycvs .info-wrapper .info-content .info-item .info-input.erro, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item .info-input.erro, #payment-outwardremittance .info-wrapper .info-content .info-item .info-input.erro, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item .info-input.erro, #payment-atm .info-wrapper .info-content .info-item .info-input.erro, #extrafee-payment-atm .info-wrapper .info-content .info-item .info-input.erro, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item .info-input.erro, #cart .info-wrapper .info-content .info-item .info-input.erro, #order .info-wrapper .info-content .info-item .info-input.erro {
  border: 1px solid #FF2C22;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item .checkbox-form, #confirm-payment-modal .info-wrapper .info-content .info-item .checkbox-form, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .checkbox-form, #payment-spgatewaycvs .info-wrapper .info-content .info-item .checkbox-form, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item .checkbox-form, #payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form, #payment-atm .info-wrapper .info-content .info-item .checkbox-form, #extrafee-payment-atm .info-wrapper .info-content .info-item .checkbox-form, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item .checkbox-form, #cart .info-wrapper .info-content .info-item .checkbox-form, #order .info-wrapper .info-content .info-item .checkbox-form {
  display: block;
  margin: 0 0 10px 0;
  opacity: 0.6;
  cursor: pointer;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item .checkbox-form.checked, #confirm-payment-modal .info-wrapper .info-content .info-item .checkbox-form.checked, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .checkbox-form.checked, #payment-spgatewaycvs .info-wrapper .info-content .info-item .checkbox-form.checked, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item .checkbox-form.checked, #payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form.checked, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form.checked, #payment-atm .info-wrapper .info-content .info-item .checkbox-form.checked, #extrafee-payment-atm .info-wrapper .info-content .info-item .checkbox-form.checked, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item .checkbox-form.checked, #cart .info-wrapper .info-content .info-item .checkbox-form.checked, #order .info-wrapper .info-content .info-item .checkbox-form.checked {
  opacity: 1;
}
#reupload-orderitem-file-modal .info-wrapper .info-content .info-item .hint-text, #confirm-payment-modal .info-wrapper .info-content .info-item .hint-text, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .hint-text, #payment-spgatewaycvs .info-wrapper .info-content .info-item .hint-text, #extrafee-payment-spgatewaycvs .info-wrapper .info-content .info-item .hint-text, #payment-outwardremittance .info-wrapper .info-content .info-item .hint-text, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item .hint-text, #payment-atm .info-wrapper .info-content .info-item .hint-text, #extrafee-payment-atm .info-wrapper .info-content .info-item .hint-text, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item .hint-text, #cart .info-wrapper .info-content .info-item .hint-text, #order .info-wrapper .info-content .info-item .hint-text {
  margin: 0 0 0 10px;
  color: #919191;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list, #confirm-payment-modal .info-wrapper .orderitem-list, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list, #payment-spgatewaycvs .info-wrapper .orderitem-list, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list, #payment-outwardremittance .info-wrapper .orderitem-list, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list, #payment-atm .info-wrapper .orderitem-list, #extrafee-payment-atm .info-wrapper .orderitem-list, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list, #cart .info-wrapper .orderitem-list, #order .info-wrapper .orderitem-list {
  -moz-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem, #payment-atm .info-wrapper .orderitem-list .orderitem, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem, #cart .info-wrapper .orderitem-list .orderitem, #order .info-wrapper .orderitem-list .orderitem {
  position: relative;
  padding: 10px 15px;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper, #payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .item-wrapper, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper, #order .info-wrapper .orderitem-list .orderitem .item-wrapper {
  width: 100%;
  height: auto;
  margin: 0 0 8px 0;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .image, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .image, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .image, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .image, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .image, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .image, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .image, #payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .image, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .image, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .item-wrapper .image, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .image, #order .info-wrapper .orderitem-list .orderitem .item-wrapper .image {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 80px;
  height: 80px;
  float: left;
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, #payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, #order .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info {
  display: inline-block;
  -webkit-flex: 1;
  flex: 1;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title, #payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title, #order .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title {
  margin: 0 0 5px 0;
  color: #333030;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, #payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, #order .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, #reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price, #payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price, #order .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price {
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 1.4em;
  color: #777777;
  letter-spacing: 0px;
  white-space: normal;
  font-size: 12px;
  font-size: 0.75rem;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price .price, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price .price, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price .price, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price .price, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price .price, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price .price, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price .price, #payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price .price, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price .price, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price .price, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price .price, #order .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price .price, #reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price .price, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price .price, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price .price, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price .price, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price .price, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price .price, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price .price, #payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price .price, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price .price, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price .price, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price .price, #order .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price .price {
  color: #0071C5;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, #payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, #order .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info {
  margin: 0 0 0 15px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action, #payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action, #order .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action {
  margin: 0 0 auto 0;
  color: #484848;
  letter-spacing: 0px;
  font-size: 12px;
  font-size: 0.75rem;
  display: -webkit-inline-flex;
  display: inline-flex;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action i, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action i, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action i, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action i, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action i, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action i, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action i, #payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action i, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action i, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action i, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action i, #order .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action i {
  margin: auto 0 auto 8px;
  color: #C6BDBC;
  font-size: 18px;
  font-size: 1.125rem;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count, #payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count, #order .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count {
  color: #777777;
  letter-spacing: 0px;
  font-size: 12px;
  font-size: 0.75rem;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price, #payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price, #order .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price {
  color: #0071C5;
  font-size: 13px;
  font-size: 0.8125rem;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .price-wrapper, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .price-wrapper, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .price-wrapper, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .price-wrapper, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .price-wrapper, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .price-wrapper, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .price-wrapper, #payment-atm .info-wrapper .orderitem-list .orderitem .price-wrapper, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .price-wrapper, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .price-wrapper, #cart .info-wrapper .orderitem-list .orderitem .price-wrapper, #order .info-wrapper .orderitem-list .orderitem .price-wrapper {
  margin: 0 0 8px 0;
  letter-spacing: 0px;
  text-align: right;
  font-size: 13px;
  font-size: 0.8125rem;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .price-wrapper .price, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .price-wrapper .price, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .price-wrapper .price, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .price-wrapper .price, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .price-wrapper .price, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .price-wrapper .price, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .price-wrapper .price, #payment-atm .info-wrapper .orderitem-list .orderitem .price-wrapper .price, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .price-wrapper .price, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .price-wrapper .price, #cart .info-wrapper .orderitem-list .orderitem .price-wrapper .price, #order .info-wrapper .orderitem-list .orderitem .price-wrapper .price {
  color: #0071C5;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .button.file, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .button.file, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .button.file, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .button.file, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .button.file, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .button.file, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .button.file, #payment-atm .info-wrapper .orderitem-list .orderitem .button.file, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .button.file, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .button.file, #cart .info-wrapper .orderitem-list .orderitem .button.file, #order .info-wrapper .orderitem-list .orderitem .button.file {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
  border: 1px solid #0071C5;
  background-color: #0071C5;
  text-align: center;
  color: #fff;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .button.file.success, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .button.file.success, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .button.file.success, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .button.file.success, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .button.file.success, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .button.file.success, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .button.file.success, #payment-atm .info-wrapper .orderitem-list .orderitem .button.file.success, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .button.file.success, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .button.file.success, #cart .info-wrapper .orderitem-list .orderitem .button.file.success, #order .info-wrapper .orderitem-list .orderitem .button.file.success {
  background-color: #fff;
  color: #0071C5;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .button.file.error, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .button.file.error, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .button.file.error, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .button.file.error, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .button.file.error, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .button.file.error, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .button.file.error, #payment-atm .info-wrapper .orderitem-list .orderitem .button.file.error, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .button.file.error, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .button.file.error, #cart .info-wrapper .orderitem-list .orderitem .button.file.error, #order .info-wrapper .orderitem-list .orderitem .button.file.error {
  border: 1px solid #FF2C22;
  background-color: transparent;
  color: #FF2C22;
}
#reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .button.file i, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .button.file i, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .button.file i, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .button.file i, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem .button.file i, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .button.file i, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem .button.file i, #payment-atm .info-wrapper .orderitem-list .orderitem .button.file i, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem .button.file i, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem .button.file i, #cart .info-wrapper .orderitem-list .orderitem .button.file i, #order .info-wrapper .orderitem-list .orderitem .button.file i {
  margin: 0 12px 0 0;
  font-size: 18px;
  font-size: 1.125rem;
}
#reupload-orderitem-file-modal .info-wrapper .total-result .subtotal-wrapper, #confirm-payment-modal .info-wrapper .total-result .subtotal-wrapper, #confirm-extrafee-payment-modal .info-wrapper .total-result .subtotal-wrapper, #payment-spgatewaycvs .info-wrapper .total-result .subtotal-wrapper, #extrafee-payment-spgatewaycvs .info-wrapper .total-result .subtotal-wrapper, #payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper, #extrafee-payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper, #payment-atm .info-wrapper .total-result .subtotal-wrapper, #extrafee-payment-atm .info-wrapper .total-result .subtotal-wrapper, .beginners_guide .view-content .content-block.info-wrapper .total-result .subtotal-wrapper, #cart .info-wrapper .total-result .subtotal-wrapper, #order .info-wrapper .total-result .subtotal-wrapper {
  padding: 15px;
  -moz-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}
#reupload-orderitem-file-modal .info-wrapper .total-result .subtotal-wrapper .subtotal, #confirm-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal, #confirm-extrafee-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal, #payment-spgatewaycvs .info-wrapper .total-result .subtotal-wrapper .subtotal, #extrafee-payment-spgatewaycvs .info-wrapper .total-result .subtotal-wrapper .subtotal, #payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal, #extrafee-payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal, #payment-atm .info-wrapper .total-result .subtotal-wrapper .subtotal, #extrafee-payment-atm .info-wrapper .total-result .subtotal-wrapper .subtotal, .beginners_guide .view-content .content-block.info-wrapper .total-result .subtotal-wrapper .subtotal, #cart .info-wrapper .total-result .subtotal-wrapper .subtotal, #order .info-wrapper .total-result .subtotal-wrapper .subtotal {
  display: block;
  margin: 0 0 10px 0;
  color: #737373;
  letter-spacing: 0px;
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
}
#reupload-orderitem-file-modal .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, #confirm-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, #confirm-extrafee-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, #payment-spgatewaycvs .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, #extrafee-payment-spgatewaycvs .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, #payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, #extrafee-payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, #payment-atm .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, #extrafee-payment-atm .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, .beginners_guide .view-content .content-block.info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, #cart .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, #order .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child {
  margin: 0;
}
#reupload-orderitem-file-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .label, #confirm-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .label, #confirm-extrafee-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .label, #payment-spgatewaycvs .info-wrapper .total-result .subtotal-wrapper .subtotal .label, #extrafee-payment-spgatewaycvs .info-wrapper .total-result .subtotal-wrapper .subtotal .label, #payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal .label, #extrafee-payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal .label, #payment-atm .info-wrapper .total-result .subtotal-wrapper .subtotal .label, #extrafee-payment-atm .info-wrapper .total-result .subtotal-wrapper .subtotal .label, .beginners_guide .view-content .content-block.info-wrapper .total-result .subtotal-wrapper .subtotal .label, #cart .info-wrapper .total-result .subtotal-wrapper .subtotal .label, #order .info-wrapper .total-result .subtotal-wrapper .subtotal .label {
  display: inline-block;
}
#reupload-orderitem-file-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .price, #confirm-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .price, #confirm-extrafee-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .price, #payment-spgatewaycvs .info-wrapper .total-result .subtotal-wrapper .subtotal .price, #extrafee-payment-spgatewaycvs .info-wrapper .total-result .subtotal-wrapper .subtotal .price, #payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal .price, #extrafee-payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal .price, #payment-atm .info-wrapper .total-result .subtotal-wrapper .subtotal .price, #extrafee-payment-atm .info-wrapper .total-result .subtotal-wrapper .subtotal .price, .beginners_guide .view-content .content-block.info-wrapper .total-result .subtotal-wrapper .subtotal .price, #cart .info-wrapper .total-result .subtotal-wrapper .subtotal .price, #order .info-wrapper .total-result .subtotal-wrapper .subtotal .price {
  display: inline-block;
  float: right;
}
#reupload-orderitem-file-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, #confirm-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, #confirm-extrafee-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, #payment-spgatewaycvs .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, #extrafee-payment-spgatewaycvs .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, #payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, #extrafee-payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, #payment-atm .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, #extrafee-payment-atm .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, .beginners_guide .view-content .content-block.info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, #cart .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, #order .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge {
  color: #0071C5;
  text-decoration: underline;
}
#reupload-orderitem-file-modal .info-wrapper .total-result .total-wrapper, #confirm-payment-modal .info-wrapper .total-result .total-wrapper, #confirm-extrafee-payment-modal .info-wrapper .total-result .total-wrapper, #payment-spgatewaycvs .info-wrapper .total-result .total-wrapper, #extrafee-payment-spgatewaycvs .info-wrapper .total-result .total-wrapper, #payment-outwardremittance .info-wrapper .total-result .total-wrapper, #extrafee-payment-outwardremittance .info-wrapper .total-result .total-wrapper, #payment-atm .info-wrapper .total-result .total-wrapper, #extrafee-payment-atm .info-wrapper .total-result .total-wrapper, .beginners_guide .view-content .content-block.info-wrapper .total-result .total-wrapper, #cart .info-wrapper .total-result .total-wrapper, #order .info-wrapper .total-result .total-wrapper {
  display: block;
  padding: 15px;
  letter-spacing: 0px;
  overflow: hidden;
  font-size: 16px;
  font-size: 1rem;
}
#reupload-orderitem-file-modal .info-wrapper .total-result .total-wrapper .label, #confirm-payment-modal .info-wrapper .total-result .total-wrapper .label, #confirm-extrafee-payment-modal .info-wrapper .total-result .total-wrapper .label, #payment-spgatewaycvs .info-wrapper .total-result .total-wrapper .label, #extrafee-payment-spgatewaycvs .info-wrapper .total-result .total-wrapper .label, #payment-outwardremittance .info-wrapper .total-result .total-wrapper .label, #extrafee-payment-outwardremittance .info-wrapper .total-result .total-wrapper .label, #payment-atm .info-wrapper .total-result .total-wrapper .label, #extrafee-payment-atm .info-wrapper .total-result .total-wrapper .label, .beginners_guide .view-content .content-block.info-wrapper .total-result .total-wrapper .label, #cart .info-wrapper .total-result .total-wrapper .label, #order .info-wrapper .total-result .total-wrapper .label {
  display: inline-block;
  color: #484848;
}
#reupload-orderitem-file-modal .info-wrapper .total-result .total-wrapper .price, #confirm-payment-modal .info-wrapper .total-result .total-wrapper .price, #confirm-extrafee-payment-modal .info-wrapper .total-result .total-wrapper .price, #payment-spgatewaycvs .info-wrapper .total-result .total-wrapper .price, #extrafee-payment-spgatewaycvs .info-wrapper .total-result .total-wrapper .price, #payment-outwardremittance .info-wrapper .total-result .total-wrapper .price, #extrafee-payment-outwardremittance .info-wrapper .total-result .total-wrapper .price, #payment-atm .info-wrapper .total-result .total-wrapper .price, #extrafee-payment-atm .info-wrapper .total-result .total-wrapper .price, .beginners_guide .view-content .content-block.info-wrapper .total-result .total-wrapper .price, #cart .info-wrapper .total-result .total-wrapper .price, #order .info-wrapper .total-result .total-wrapper .price {
  display: inline-block;
  color: #0071C5;
  float: right;
}
#reupload-orderitem-file-modal .info-wrapper .product-content, #confirm-payment-modal .info-wrapper .product-content, #confirm-extrafee-payment-modal .info-wrapper .product-content, #payment-spgatewaycvs .info-wrapper .product-content, #extrafee-payment-spgatewaycvs .info-wrapper .product-content, #payment-outwardremittance .info-wrapper .product-content, #extrafee-payment-outwardremittance .info-wrapper .product-content, #payment-atm .info-wrapper .product-content, #extrafee-payment-atm .info-wrapper .product-content, .beginners_guide .view-content .content-block.info-wrapper .product-content, #cart .info-wrapper .product-content, #order .info-wrapper .product-content {
  padding: 15px;
}

#edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper, #profile .content .form-item .input-wrapper .twzipcode-wrapper, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper {
  width: 100%;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .select-wrapper, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .select-wrapper, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .select-wrapper, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .select-wrapper, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .select-wrapper, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .select-wrapper, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .select-wrapper, #profile .content .form-item .input-wrapper .twzipcode-wrapper .select-wrapper, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .select-wrapper, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .select-wrapper, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .select-wrapper, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .select-wrapper {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .address-wrapper, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .address-wrapper, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .address-wrapper, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .address-wrapper, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .address-wrapper, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .address-wrapper, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .address-wrapper, #profile .content .form-item .input-wrapper .twzipcode-wrapper .address-wrapper, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address-wrapper, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address-wrapper, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address-wrapper, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .city-select, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #profile .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select, #edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .dist-select, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .dist-select, #profile .content .form-item .input-wrapper .twzipcode-wrapper .dist-select, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .dist-select, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .dist-select, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .dist-select, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .dist-select {
  display: inline-block;
  width: auto;
  min-width: 0;
  height: 36px;
  margin-left: 10px;
  padding: 0 12px;
  border: 1px solid #ccc;
  color: #484848;
  background-color: #fff;
  outline: none;
  -webkit-flex: 1;
  flex: 1;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select:focus, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select:focus, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select:focus, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select:focus, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select:focus, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .city-select:focus, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .city-select:focus, #profile .content .form-item .input-wrapper .twzipcode-wrapper .city-select:focus, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select:focus, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select:focus, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select:focus, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select:focus, #edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select:focus, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select:focus, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select:focus, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select:focus, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select:focus, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .dist-select:focus, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .dist-select:focus, #profile .content .form-item .input-wrapper .twzipcode-wrapper .dist-select:focus, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .dist-select:focus, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .dist-select:focus, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .dist-select:focus, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .dist-select:focus {
  border-color: #2A2A2A;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select.error, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select.error, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select.error, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select.error, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select.error, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .city-select.error, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .city-select.error, #profile .content .form-item .input-wrapper .twzipcode-wrapper .city-select.error, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select.error, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select.error, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select.error, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select.error, #edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select.error, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select.error, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select.error, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select.error, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select.error, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .dist-select.error, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .dist-select.error, #profile .content .form-item .input-wrapper .twzipcode-wrapper .dist-select.error, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .dist-select.error, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .dist-select.error, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .dist-select.error, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .dist-select.error {
  border: 1px solid #FF2C22;
  color: #FF2C22;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .city-select, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #profile .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .city-select {
  margin-left: 0;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .zipcode, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .zipcode, #profile .content .form-item .input-wrapper .twzipcode-wrapper .zipcode, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .zipcode, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .zipcode, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .zipcode, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .zipcode {
  display: inline-block;
  width: 80px;
  min-width: 80px;
  height: 36px;
  margin-left: 10px;
  padding: 0 12px;
  border: 1px solid #ccc;
  color: #484848;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus, #profile .content .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .zipcode:focus, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .zipcode:focus, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .zipcode:focus, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .zipcode:focus {
  border-color: #2A2A2A;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode.error, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode.error, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode.error, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode.error, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode.error, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .zipcode.error, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .zipcode.error, #profile .content .form-item .input-wrapper .twzipcode-wrapper .zipcode.error, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .zipcode.error, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .zipcode.error, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .zipcode.error, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .zipcode.error {
  border: 1px solid #FF2C22;
  color: #FF2C22;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .address, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .address, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .address, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .address, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .address, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .address, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .address, #profile .content .form-item .input-wrapper .twzipcode-wrapper .address, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address {
  display: inline-block;
  width: auto;
  min-width: 0;
  height: 36px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #ccc;
  color: #484848;
  -webkit-flex: 1;
  flex: 1;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .address:focus, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .address:focus, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .address:focus, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .address:focus, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .address:focus, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .address:focus, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .address:focus, #profile .content .form-item .input-wrapper .twzipcode-wrapper .address:focus, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address:focus, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address:focus, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address:focus, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address:focus {
  border-color: #2A2A2A;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .address.error, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .address.error, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .address.error, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .address.error, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .address.error, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper .address.error, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper .address.error, #profile .content .form-item .input-wrapper .twzipcode-wrapper .address.error, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address.error, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address.error, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address.error, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .twzipcode-wrapper .address.error {
  border: 1px solid #FF2C22;
  color: #FF2C22;
}

#edit-remittance-info-modal .content .form-item, #edit-userremark-modal .content .form-item, #edit-address-modal .content .form-item, #edit-member-modal .content .form-item, #edit-delivery-modal .content .form-item, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item, #change-pwd .content .form-item, #profile .content .form-item, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form {
  position: relative;
}
#edit-remittance-info-modal .content .form-item .form-label, #edit-userremark-modal .content .form-item .form-label, #edit-address-modal .content .form-item .form-label, #edit-member-modal .content .form-item .form-label, #edit-delivery-modal .content .form-item .form-label, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .form-label, #change-pwd .content .form-item .form-label, #profile .content .form-item .form-label, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label {
  margin: 0 0 10px 0;
  color: #484848;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#edit-remittance-info-modal .content .form-item .form-label .error-msg, #edit-userremark-modal .content .form-item .form-label .error-msg, #edit-address-modal .content .form-item .form-label .error-msg, #edit-member-modal .content .form-item .form-label .error-msg, #edit-delivery-modal .content .form-item .form-label .error-msg, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .form-label .error-msg, #change-pwd .content .form-item .form-label .error-msg, #profile .content .form-item .form-label .error-msg, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .error-msg, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .error-msg, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .error-msg, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .error-msg {
  display: inline-block;
  margin: 0 0 0 4px;
  color: #FF2C22;
  font-size: 12px;
  font-size: 0.75rem;
}
#edit-remittance-info-modal .content .form-item .form-label .focus-msg, #edit-userremark-modal .content .form-item .form-label .focus-msg, #edit-address-modal .content .form-item .form-label .focus-msg, #edit-member-modal .content .form-item .form-label .focus-msg, #edit-delivery-modal .content .form-item .form-label .focus-msg, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .form-label .focus-msg, #change-pwd .content .form-item .form-label .focus-msg, #profile .content .form-item .form-label .focus-msg, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .focus-msg, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .focus-msg, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .focus-msg, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .focus-msg {
  display: inline-block;
  margin: 0 0 0 4px;
  color: #0071C5;
  font-size: 12px;
  font-size: 0.75rem;
}
#edit-remittance-info-modal .content .form-item .form-label .right-action, #edit-userremark-modal .content .form-item .form-label .right-action, #edit-address-modal .content .form-item .form-label .right-action, #edit-member-modal .content .form-item .form-label .right-action, #edit-delivery-modal .content .form-item .form-label .right-action, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .form-label .right-action, #change-pwd .content .form-item .form-label .right-action, #profile .content .form-item .form-label .right-action, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action {
  margin: 0 0 0 auto;
  color: #777777;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
#edit-remittance-info-modal .content .form-item .form-label .right-action .link, #edit-userremark-modal .content .form-item .form-label .right-action .link, #edit-address-modal .content .form-item .form-label .right-action .link, #edit-member-modal .content .form-item .form-label .right-action .link, #edit-delivery-modal .content .form-item .form-label .right-action .link, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .form-label .right-action .link, #change-pwd .content .form-item .form-label .right-action .link, #profile .content .form-item .form-label .right-action .link, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .link, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .link, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .link, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .link {
  color: #ee7c68;
  text-decoration: underline;
}
#edit-remittance-info-modal .content .form-item .form-label .right-action .checkbox, #edit-userremark-modal .content .form-item .form-label .right-action .checkbox, #edit-address-modal .content .form-item .form-label .right-action .checkbox, #edit-member-modal .content .form-item .form-label .right-action .checkbox, #edit-delivery-modal .content .form-item .form-label .right-action .checkbox, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .form-label .right-action .checkbox, #change-pwd .content .form-item .form-label .right-action .checkbox, #profile .content .form-item .form-label .right-action .checkbox, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .checkbox, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .checkbox, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .checkbox, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .checkbox {
  width: 20px;
  height: 20px;
  margin: 0 7px 0 0;
  color: #fff;
  background-color: #777777;
  font-size: 16px;
  font-size: 1rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-inline-flex;
  display: inline-flex;
}
#edit-remittance-info-modal .content .form-item .form-label .right-action .checkbox.active, #edit-userremark-modal .content .form-item .form-label .right-action .checkbox.active, #edit-address-modal .content .form-item .form-label .right-action .checkbox.active, #edit-member-modal .content .form-item .form-label .right-action .checkbox.active, #edit-delivery-modal .content .form-item .form-label .right-action .checkbox.active, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .form-label .right-action .checkbox.active, #change-pwd .content .form-item .form-label .right-action .checkbox.active, #profile .content .form-item .form-label .right-action .checkbox.active, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .checkbox.active, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .checkbox.active, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .checkbox.active, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .checkbox.active {
  background-color: #ee7c68;
}
#edit-remittance-info-modal .content .form-item .form-label .right-action .checkbox i, #edit-userremark-modal .content .form-item .form-label .right-action .checkbox i, #edit-address-modal .content .form-item .form-label .right-action .checkbox i, #edit-member-modal .content .form-item .form-label .right-action .checkbox i, #edit-delivery-modal .content .form-item .form-label .right-action .checkbox i, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .form-label .right-action .checkbox i, #change-pwd .content .form-item .form-label .right-action .checkbox i, #profile .content .form-item .form-label .right-action .checkbox i, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .checkbox i, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .checkbox i, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .checkbox i, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .form-label .right-action .checkbox i {
  margin: auto;
}
#edit-remittance-info-modal .content .form-item .input-wrapper, #edit-userremark-modal .content .form-item .input-wrapper, #edit-address-modal .content .form-item .input-wrapper, #edit-member-modal .content .form-item .input-wrapper, #edit-delivery-modal .content .form-item .input-wrapper, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper, #change-pwd .content .form-item .input-wrapper, #profile .content .form-item .input-wrapper, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper {
  position: relative;
  display: -webkit-flex;
  display: flex;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .form-description, #edit-userremark-modal .content .form-item .input-wrapper .form-description, #edit-address-modal .content .form-item .input-wrapper .form-description, #edit-member-modal .content .form-item .input-wrapper .form-description, #edit-delivery-modal .content .form-item .input-wrapper .form-description, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .form-description, #change-pwd .content .form-item .input-wrapper .form-description, #profile .content .form-item .input-wrapper .form-description, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-description, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-description, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-description, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-description {
  width: 100%;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
  color: #484848;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-flex: 1;
  flex: 1;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .form-input, #edit-userremark-modal .content .form-item .input-wrapper .form-input, #edit-address-modal .content .form-item .input-wrapper .form-input, #edit-member-modal .content .form-item .input-wrapper .form-input, #edit-delivery-modal .content .form-item .input-wrapper .form-input, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .form-input, #change-pwd .content .form-item .input-wrapper .form-input, #profile .content .form-item .input-wrapper .form-input, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input {
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #ccc;
  color: #484848;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-flex: 1;
  flex: 1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .form-input:focus, #edit-userremark-modal .content .form-item .input-wrapper .form-input:focus, #edit-address-modal .content .form-item .input-wrapper .form-input:focus, #edit-member-modal .content .form-item .input-wrapper .form-input:focus, #edit-delivery-modal .content .form-item .input-wrapper .form-input:focus, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .form-input:focus, #change-pwd .content .form-item .input-wrapper .form-input:focus, #profile .content .form-item .input-wrapper .form-input:focus, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input:focus, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input:focus, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input:focus, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input:focus {
  border-color: #2A2A2A;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .form-input.postal, #edit-userremark-modal .content .form-item .input-wrapper .form-input.postal, #edit-address-modal .content .form-item .input-wrapper .form-input.postal, #edit-member-modal .content .form-item .input-wrapper .form-input.postal, #edit-delivery-modal .content .form-item .input-wrapper .form-input.postal, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .form-input.postal, #change-pwd .content .form-item .input-wrapper .form-input.postal, #profile .content .form-item .input-wrapper .form-input.postal, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input.postal, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input.postal, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input.postal, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input.postal {
  width: 64px;
  margin: 0 10px 0 0;
  -webkit-flex: none;
  flex: none;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .form-input.error, #edit-userremark-modal .content .form-item .input-wrapper .form-input.error, #edit-address-modal .content .form-item .input-wrapper .form-input.error, #edit-member-modal .content .form-item .input-wrapper .form-input.error, #edit-delivery-modal .content .form-item .input-wrapper .form-input.error, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .form-input.error, #change-pwd .content .form-item .input-wrapper .form-input.error, #profile .content .form-item .input-wrapper .form-input.error, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input.error, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input.error, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input.error, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-input.error {
  border: 1px solid #FF2C22;
  color: #FF2C22;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .form-textarea, #edit-userremark-modal .content .form-item .input-wrapper .form-textarea, #edit-address-modal .content .form-item .input-wrapper .form-textarea, #edit-member-modal .content .form-item .input-wrapper .form-textarea, #edit-delivery-modal .content .form-item .input-wrapper .form-textarea, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .form-textarea, #change-pwd .content .form-item .input-wrapper .form-textarea, #profile .content .form-item .input-wrapper .form-textarea, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-textarea, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-textarea, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-textarea, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-textarea {
  width: 100%;
  height: 108px;
  margin: 0;
  padding: 10px;
  border: 1px solid #ccc;
  color: #484848;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-flex: 1;
  flex: 1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .form-textarea:focus, #edit-userremark-modal .content .form-item .input-wrapper .form-textarea:focus, #edit-address-modal .content .form-item .input-wrapper .form-textarea:focus, #edit-member-modal .content .form-item .input-wrapper .form-textarea:focus, #edit-delivery-modal .content .form-item .input-wrapper .form-textarea:focus, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .form-textarea:focus, #change-pwd .content .form-item .input-wrapper .form-textarea:focus, #profile .content .form-item .input-wrapper .form-textarea:focus, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-textarea:focus, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-textarea:focus, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-textarea:focus, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-textarea:focus {
  border-color: #2A2A2A;
}
#edit-remittance-info-modal .content .form-item .input-wrapper .form-textarea.error, #edit-userremark-modal .content .form-item .input-wrapper .form-textarea.error, #edit-address-modal .content .form-item .input-wrapper .form-textarea.error, #edit-member-modal .content .form-item .input-wrapper .form-textarea.error, #edit-delivery-modal .content .form-item .input-wrapper .form-textarea.error, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .form-textarea.error, #change-pwd .content .form-item .input-wrapper .form-textarea.error, #profile .content .form-item .input-wrapper .form-textarea.error, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-textarea.error, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-textarea.error, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-textarea.error, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form .input-wrapper .form-textarea.error {
  border: 1px solid #FF2C22;
  color: #FF2C22;
}
#change-orderitem-spec-modal .product-spec .spec-item, #product .wrapper .block-wrapper .product-spec .spec-item {
  margin: 0 0 20px 0;
}
#change-orderitem-spec-modal .product-spec .spec-item:last-child, #product .wrapper .block-wrapper .product-spec .spec-item:last-child {
  margin: 0;
}
#change-orderitem-spec-modal .product-spec .spec-item .label, #product .wrapper .block-wrapper .product-spec .spec-item .label {
  font-size: 12px;
  color: #000;
  letter-spacing: 0px;
  font-weight: bold;
  display: -webkit-flex;
  display: flex;
}
#change-orderitem-spec-modal .product-spec .spec-item .label .hint, #product .wrapper .block-wrapper .product-spec .spec-item .label .hint {
  display: inline-block;
  margin: 0 0 0 auto;
  color: #000;
  font-size: 12px;
}
#change-orderitem-spec-modal .product-spec .spec-item .label .error, #product .wrapper .block-wrapper .product-spec .spec-item .label .error {
  display: inline-block;
  margin: 0 0 0 auto;
  color: #FF2C22;
  font-size: 12px;
}
#change-orderitem-spec-modal .product-spec .spec-item .label .value-text, #product .wrapper .block-wrapper .product-spec .spec-item .label .value-text {
  margin: 0 0 0 16px;
  font-weight: normal;
}
#change-orderitem-spec-modal .product-spec .spec-item .transparent-tip, #product .wrapper .block-wrapper .product-spec .spec-item .transparent-tip {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto 5px;
  border: 1px solid #000;
  background-color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#change-orderitem-spec-modal .product-spec .spec-item .spec-select, #product .wrapper .block-wrapper .product-spec .spec-item .spec-select {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin: 12px 10px 0 0;
  padding: 0 16px;
  border: 1px solid #CDCDCD;
  color: #000;
  text-align: center;
  font-size: 12px;
  background-color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#change-orderitem-spec-modal .product-spec .spec-item .spec-select.active, #product .wrapper .block-wrapper .product-spec .spec-item .spec-select.active {
  border: 1px solid #ee7c68;
  color: #ee7c68;
}
#change-orderitem-spec-modal .product-spec .spec-item .spec-select.custom, #product .wrapper .block-wrapper .product-spec .spec-item .spec-select.custom {
  min-width: 120px;
}
#change-orderitem-spec-modal .product-spec .spec-item .spec-select.single, #product .wrapper .block-wrapper .product-spec .spec-item .spec-select.single {
  padding: 0;
  border: none;
  color: #000;
}
#change-orderitem-spec-modal .product-spec .spec-item .spec-select.full, #product .wrapper .block-wrapper .product-spec .spec-item .spec-select.full {
  width: 100%;
  margin: 12px 0 0 0;
}
#change-orderitem-spec-modal .product-spec .spec-item .spec-select.error, #product .wrapper .block-wrapper .product-spec .spec-item .spec-select.error {
  border: 1px solid #FF2C22;
  color: #FF2C22;
}
#change-orderitem-spec-modal .product-spec .spec-item .color-option, #product .wrapper .block-wrapper .product-spec .spec-item .color-option {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-flex;
  display: flex;
}
#change-orderitem-spec-modal .product-spec .spec-item .color-option .color, #product .wrapper .block-wrapper .product-spec .spec-item .color-option .color {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#change-orderitem-spec-modal .product-spec .spec-item .spec-color-option, #product .wrapper .block-wrapper .product-spec .spec-item .spec-color-option {
  position: relative;
  width: 36px;
  height: 36px;
  border: 2px solid #DDD;
  display: inline-block;
  margin: 10px 10px 0 0;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#change-orderitem-spec-modal .product-spec .spec-item .spec-color-option.active, #product .wrapper .block-wrapper .product-spec .spec-item .spec-color-option.active {
  border-color: #ee7c68;
  color: #ee7c68;
}
#change-orderitem-spec-modal .product-spec .spec-item .spec-color-option .spec-color, #product .wrapper .block-wrapper .product-spec .spec-item .spec-color-option .spec-color {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#change-orderitem-spec-modal .product-spec .spec-item .spec-color-option .spec-color .transparent-tip, #product .wrapper .block-wrapper .product-spec .spec-item .spec-color-option .spec-color .transparent-tip {
  position: absolute;
  top: 2px;
  right: 2px;
  margin: 0;
}
#change-orderitem-spec-modal .product-spec .spec-item .process-list, #product .wrapper .block-wrapper .product-spec .spec-item .process-list {
  margin: 10px 0 0 0;
}
#change-orderitem-spec-modal .product-spec .spec-item .process-list:first-child, #product .wrapper .block-wrapper .product-spec .spec-item .process-list:first-child {
  margin: 0;
}
#change-orderitem-spec-modal .product-spec .spec-item .process-remark, #product .wrapper .block-wrapper .product-spec .spec-item .process-remark {
  width: 100%;
  height: 80px;
  margin: 10px 0 0 0;
  padding: 10px;
  border: 1px solid #CDCDCD;
  color: #000;
  font-size: 12px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#change-orderitem-spec-modal .product-spec .spec-item .spec-input, #product .wrapper .block-wrapper .product-spec .spec-item .spec-input {
  width: 100%;
  height: 36px;
  margin: 10px 0 0 0;
  padding: 0 10px;
  border: 1px solid #CDCDCD;
  color: #000;
  font-size: 12px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#change-orderitem-spec-modal .product-spec .spec-item .accessory-item, #product .wrapper .block-wrapper .product-spec .spec-item .accessory-item {
  margin-top: 10px;
  font-size: 12px;
}
#change-orderitem-spec-modal .product-spec .spec-item .accessory-item .accessory-label, #product .wrapper .block-wrapper .product-spec .spec-item .accessory-item .accessory-label {
  font-weight: 600;
}
#change-orderitem-spec-modal .product-spec .spec-item .custom-size-wrapper, #product .wrapper .block-wrapper .product-spec .spec-item .custom-size-wrapper {
  margin: 12px 0 0 0;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#change-orderitem-spec-modal .product-spec .spec-item .custom-size-wrapper .custom-size-text, #product .wrapper .block-wrapper .product-spec .spec-item .custom-size-wrapper .custom-size-text {
  margin: 0 6px 0 0;
  font-size: 12px;
  -webkit-align-self: center;
  align-self: center;
}
#change-orderitem-spec-modal .product-spec .spec-item .custom-size-wrapper .custom-size-text.fixed-width, #product .wrapper .block-wrapper .product-spec .spec-item .custom-size-wrapper .custom-size-text.fixed-width {
  min-width: 40px;
}
#change-orderitem-spec-modal .product-spec .spec-item .custom-size-wrapper .custom-input, #product .wrapper .block-wrapper .product-spec .spec-item .custom-size-wrapper .custom-input {
  display: block;
  width: 60px;
  height: 28px;
  margin: 0 6px 0 0;
  padding: 0;
  border: 1px solid #CDCDCD;
  text-align: center;
  float: left;
}
#change-orderitem-spec-modal .product-spec .spec-item .custom-size-wrapper .custom-hint-text, #product .wrapper .block-wrapper .product-spec .spec-item .custom-size-wrapper .custom-hint-text {
  margin: 4px 0 0 0;
  font-size: 12px;
}
#change-orderitem-spec-modal .product-spec .show-more-spec, #product .wrapper .block-wrapper .product-spec .show-more-spec {
  position: relative;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background-color: #fff;
  border: 1px solid #CDCDCD;
  margin-top: 12px;
  text-align: center;
  color: #000;
  font-size: 12px;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#change-orderitem-spec-modal .product-spec .show-more-spec .right-action, #product .wrapper .block-wrapper .product-spec .show-more-spec .right-action {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-left: auto;
  padding: 0 10px;
  color: #CDCDCD;
  font-size: 20px;
}

#favorite-address .mobile-dropdown, #cart .mobile-dropdown, #order .mobile-dropdown {
  width: 160px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px -1px 12px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px -1px 12px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -1px 12px 0px rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
}
#favorite-address .mobile-dropdown:before, #cart .mobile-dropdown:before, #order .mobile-dropdown:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
}
#favorite-address .mobile-dropdown:after, #cart .mobile-dropdown:after, #order .mobile-dropdown:after {
  content: "";
  position: absolute;
  top: -8px;
  right: 16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ffffff transparent;
}
#favorite-address .mobile-dropdown .dropdown-item, #cart .mobile-dropdown .dropdown-item, #order .mobile-dropdown .dropdown-item {
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 20px;
  border: none;
  color: #484848;
  letter-spacing: 0px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-box-shadow: inset 0px 1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px 1px 0px 0px #EEEEEE;
  box-shadow: inset 0px 1px 0px 0px #EEEEEE;
}
#favorite-address .mobile-dropdown .dropdown-item:first-child, #cart .mobile-dropdown .dropdown-item:first-child, #order .mobile-dropdown .dropdown-item:first-child {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#favorite-address .mobile-dropdown .dropdown-item.warning, #cart .mobile-dropdown .dropdown-item.warning, #order .mobile-dropdown .dropdown-item.warning {
  color: #FF2C22;
}
#favorite-address .mobile-dropdown .dropdown-item .icon, #cart .mobile-dropdown .dropdown-item .icon, #order .mobile-dropdown .dropdown-item .icon {
  display: inline-block;
  width: 14px;
  margin-right: 20px;
  float: left;
  font-size: 16px;
  font-size: 1rem;
}

#select-address-modal .address-item, #favorite-address .address-item {
  display: block;
  position: relative;
  padding: 10px 15px;
  background-color: #FFFFFF;
  -moz-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}
#select-address-modal .has-action.address-item, #favorite-address .has-action.address-item {
  padding: 10px 50px 10px 15px;
}
#select-address-modal .address-item .address-name, #favorite-address .address-item .address-name {
  margin: 0 0 4px 0;
  color: #333030;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
}
#select-address-modal .address-item .address-info, #favorite-address .address-item .address-info {
  color: #777777;
  letter-spacing: 0px;
  font-size: 12px;
  font-size: 0.75rem;
}
#select-address-modal .address-item .address-info .phone, #favorite-address .address-item .address-info .phone {
  margin: 0 0 0 15px;
}
#select-address-modal .address-item .address-action, #favorite-address .address-item .address-action {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 15px;
  color: #AFB5B9;
  font-size: 18px;
  font-size: 1.125rem;
  display: -webkit-flex;
  display: flex;
}
#select-address-modal .address-item .address-action i, #favorite-address .address-item .address-action i {
  margin: auto;
}

.status-message {
  position: relative;
  display: block;
  width: 280px;
  margin: auto;
  text-align: center;
  top: 0;
  left: 0;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.status-message.position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.status-message img {
  margin-bottom: 10px;
}
.status-message .status-icon {
  margin-bottom: 10px;
  color: #777;
}
.status-message .status-icon i {
  font-size: 40px;
  font-size: 2.5rem;
}
.status-message .status-title {
  margin: 0 auto 10px auto;
  letter-spacing: 0px;
  color: #777;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
}
.status-message .status-desc {
  line-height: 20px;
  margin: 0 auto 20px auto;
  color: #919191;
  line-height: 1.6em;
  font-size: 14px;
  font-size: 0.875rem;
}
.status-message .status-action {
  width: auto;
  margin: auto;
}
.status-message .status-action .button {
  height: 40px;
  line-height: 40px;
  margin: 0 6px;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
}
.status-message .status-action .button:first-child {
  margin: 0 6px;
}
.status-message .status-action .button a {
  color: inherit;
}
.status-message .error {
  color: #FF2C22;
}

.orderitem-spec .orderitem-spec-row {
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 1.4em;
  color: #777777;
  letter-spacing: 0px;
  white-space: normal;
  font-size: 12px;
  font-size: 0.75rem;
}
.orderitem-spec .orderitem-spec-row .process:after {
  content: "、";
}
.orderitem-spec .orderitem-spec-row .process:last-child:after {
  content: "";
}
.orderitem-spec .orderitem-spec-row .color {
  display: inline-block;
  vertical-align: text-bottom;
  width: 24px;
  height: 1.3em;
  border: 1px solid #CCC;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.orderitem-spec .orderitem-spec-row .clothing-label {
  display: inline-block;
  min-width: 16px;
}

#project-post .bread-crumbs, #designer .bread-crumbs, #blog-post .bread-crumbs {
  height: 40px;
  padding: 0 20px;
  border-bottom: 1px solid #DDD;
  background-color: #fff;
  overflow: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#project-post .bread-crumbs .crumb-item, #designer .bread-crumbs .crumb-item, #blog-post .bread-crumbs .crumb-item {
  display: inline-block;
  line-height: 20px;
  font-size: 13px;
  font-size: 0.8125rem;
}
#project-post .bread-crumbs .crumb-item.active a, #designer .bread-crumbs .crumb-item.active a, #blog-post .bread-crumbs .crumb-item.active a {
  color: #484848;
}
#project-post .bread-crumbs .crumb-item.active a:hover, #designer .bread-crumbs .crumb-item.active a:hover, #blog-post .bread-crumbs .crumb-item.active a:hover {
  text-decoration: none;
}
#project-post .bread-crumbs .crumb-item a, #designer .bread-crumbs .crumb-item a, #blog-post .bread-crumbs .crumb-item a {
  color: #0071C5;
  text-decoration: none;
}
#project-post .bread-crumbs .crumb-item a:hover, #designer .bread-crumbs .crumb-item a:hover, #blog-post .bread-crumbs .crumb-item a:hover {
  text-decoration: underline;
}
#project-post .bread-crumbs .crumb-arrow, #designer .bread-crumbs .crumb-arrow, #blog-post .bread-crumbs .crumb-arrow {
  display: inline-block;
  margin: 0 16px;
  color: #737373;
}

#project-list .nav-bar, #designer-list .nav-bar, #resource-list .nav-bar, #blog-list .nav-bar {
  padding: 0;
  border: none;
  border-bottom: 1px solid #DDDDDD;
  display: -webkit-flex;
  display: flex;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  border-radius: none;
}
#project-list .nav-bar .select-bar, #designer-list .nav-bar .select-bar, #resource-list .nav-bar .select-bar, #blog-list .nav-bar .select-bar {
  height: 40px;
  padding: 0;
  border-right: 1px solid #DDDDDD;
  cursor: pointer;
  font-size: 13px;
  font-size: 0.8125rem;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#project-list .nav-bar .select-bar:last-child, #designer-list .nav-bar .select-bar:last-child, #resource-list .nav-bar .select-bar:last-child, #blog-list .nav-bar .select-bar:last-child {
  border-right: none;
}
#project-list .nav-bar .select-bar .mobile-label, #designer-list .nav-bar .select-bar .mobile-label, #resource-list .nav-bar .select-bar .mobile-label, #blog-list .nav-bar .select-bar .mobile-label {
  display: inline-block;
  color: #484848;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#project-list .nav-bar .select-bar .mobile-label i, #designer-list .nav-bar .select-bar .mobile-label i, #resource-list .nav-bar .select-bar .mobile-label i, #blog-list .nav-bar .select-bar .mobile-label i {
  margin: 0 0 0 10px;
  vertical-align: text-bottom;
  font-size: 18px;
  font-size: 1.125rem;
}
#project-list .nav-bar .select-bar .select-list, #designer-list .nav-bar .select-bar .select-list, #resource-list .nav-bar .select-bar .select-list, #blog-list .nav-bar .select-bar .select-list {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  max-height: calc(100vh - 184px);
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  background-color: #fff;
  overflow: auto;
  z-index: 2;
  -webkit-flex: none;
  flex: none;
}
#project-list .nav-bar .select-bar .select-list.show, #designer-list .nav-bar .select-bar .select-list.show, #resource-list .nav-bar .select-bar .select-list.show, #blog-list .nav-bar .select-bar .select-list.show {
  display: block;
}
#project-list .nav-bar .select-bar .select-list .select-item, #designer-list .nav-bar .select-bar .select-list .select-item, #resource-list .nav-bar .select-bar .select-list .select-item, #blog-list .nav-bar .select-bar .select-list .select-item {
  height: 44px;
  margin: 0;
  padding: 0 24px;
  background-color: #fff;
  color: #737373;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}
#project-list .nav-bar .select-bar .select-list .select-item.active, #designer-list .nav-bar .select-bar .select-list .select-item.active, #resource-list .nav-bar .select-bar .select-list .select-item.active, #blog-list .nav-bar .select-bar .select-list .select-item.active {
  color: #0071C5;
}
#project-list .nav-bar .select-bar .select-list .select-item.active .selected-icon, #designer-list .nav-bar .select-bar .select-list .select-item.active .selected-icon, #resource-list .nav-bar .select-bar .select-list .select-item.active .selected-icon, #blog-list .nav-bar .select-bar .select-list .select-item.active .selected-icon {
  display: inline-block;
}
#project-list .nav-bar .select-bar .select-list .select-item .selected-icon, #designer-list .nav-bar .select-bar .select-list .select-item .selected-icon, #resource-list .nav-bar .select-bar .select-list .select-item .selected-icon, #blog-list .nav-bar .select-bar .select-list .select-item .selected-icon {
  display: none;
  margin: 0 0 0 auto;
  font-size: 18px;
  font-size: 1.125rem;
}
#project-list .nav-bar .select-bar .select-list .select-item .count, #designer-list .nav-bar .select-bar .select-list .select-item .count, #resource-list .nav-bar .select-bar .select-list .select-item .count, #blog-list .nav-bar .select-bar .select-list .select-item .count {
  margin-left: 5px;
}

#blog-list .grid-wrapper {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
}
#blog-list .grid-wrapper .grid-item {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  float: none;
}
#blog-list .grid-wrapper .grid-item .item-wrapper {
  padding: 10px;
  border: none;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
#blog-list .grid-wrapper .grid-item .item-wrapper .image {
  position: relative;
  width: 80px;
  min-width: 80px;
  height: 80px;
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#blog-list .grid-wrapper .grid-item .item-wrapper .image .recommend {
  position: absolute;
  top: 4px;
  right: -35px;
  height: 20px;
  width: 100px;
  line-height: 20px;
  color: #FFFFFF;
  letter-spacing: 0px;
  background-color: #388d81;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#blog-list .grid-wrapper .grid-item .item-wrapper .item-info {
  display: inline-block;
  position: relative;
  height: auto;
  padding: 0 0 0 16px;
  overflow: hidden;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#blog-list .grid-wrapper .grid-item .item-wrapper .item-info .title {
  width: 100%;
  max-height: 44px;
  line-height: 22px;
  margin: 0 0 4px 0;
  color: #2A2A2A;
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
#blog-list .grid-wrapper .grid-item .item-wrapper .item-info .description {
  display: none;
}
#blog-list .grid-wrapper .grid-item .item-wrapper .item-info .category-text {
  color: #484848;
  font-size: 13px;
  font-size: 0.8125rem;
}
#blog-list .grid-wrapper .grid-item .item-wrapper .item-info .category-text:last-child:after {
  display: none;
}
#blog-list .grid-wrapper .grid-item .item-wrapper .item-info .category-text:after {
  display: inline-block;
  content: "、";
}
#blog-list .grid-wrapper .grid-item .item-wrapper .item-info .meta {
  max-height: 18px;
  line-height: 18px;
  margin: auto 0 0 0;
  color: #484848;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-size: 0.8125rem;
}

#project-list .page-controller, #designer .page-controller, #designer-list .page-controller, #resource-list .page-controller, #blog-list .page-controller {
  text-align: center;
  overflow: hidden;
}
#project-list .page-controller .page-item, #designer .page-controller .page-item, #designer-list .page-controller .page-item, #resource-list .page-controller .page-item, #blog-list .page-controller .page-item {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 2px;
  color: #7D8995;
  background-color: #FFFFFF;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#project-list .page-controller .page-item.active, #designer .page-controller .page-item.active, #designer-list .page-controller .page-item.active, #resource-list .page-controller .page-item.active, #blog-list .page-controller .page-item.active {
  color: #fff;
  background-color: #0071C5;
}
#project-list .page-controller .page-item i, #designer .page-controller .page-item i, #designer-list .page-controller .page-item i, #resource-list .page-controller .page-item i, #blog-list .page-controller .page-item i {
  font-size: 16px;
  font-size: 1rem;
}

#project-post .content-wrapper .main-wrapper, #designer .content-wrapper .main-wrapper, #blog-post .content-wrapper .main-wrapper {
  display: block;
  margin: 0;
}
#project-post .content-wrapper .main-wrapper .post-wrapper, #designer .content-wrapper .main-wrapper .post-wrapper, #blog-post .content-wrapper .main-wrapper .post-wrapper {
  margin: 0;
  padding: 20px 24px;
  border: none;
  background-color: #fff;
}
#project-post .content-wrapper .main-wrapper .post-wrapper .title, #designer .content-wrapper .main-wrapper .post-wrapper .title, #blog-post .content-wrapper .main-wrapper .post-wrapper .title {
  line-height: 1.5em;
  margin: 0 0 8px 0;
  font-weight: 600;
  color: #2A2A2A;
  font-size: 24px;
  font-size: 1.5rem;
}
#project-post .content-wrapper .main-wrapper .post-wrapper .meta, #designer .content-wrapper .main-wrapper .post-wrapper .meta, #blog-post .content-wrapper .main-wrapper .post-wrapper .meta {
  line-height: 22px;
  margin: 0 0 20px 0;
  padding: 0 0 16px 0;
  border-bottom: 1px solid #DDDDDD;
  color: #737373;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
}
#project-post .content-wrapper .main-wrapper .post-wrapper .meta .category-text, #designer .content-wrapper .main-wrapper .post-wrapper .meta .category-text, #blog-post .content-wrapper .main-wrapper .post-wrapper .meta .category-text {
  color: #737373;
}
#project-post .content-wrapper .main-wrapper .post-wrapper .meta .category-text:last-child:after, #designer .content-wrapper .main-wrapper .post-wrapper .meta .category-text:last-child:after, #blog-post .content-wrapper .main-wrapper .post-wrapper .meta .category-text:last-child:after {
  display: none;
}
#project-post .content-wrapper .main-wrapper .post-wrapper .meta .category-text:after, #designer .content-wrapper .main-wrapper .post-wrapper .meta .category-text:after, #blog-post .content-wrapper .main-wrapper .post-wrapper .meta .category-text:after {
  display: inline-block;
  content: "、";
}
#project-post .content-wrapper .main-wrapper .post-wrapper .post-content, #designer .content-wrapper .main-wrapper .post-wrapper .post-content, #blog-post .content-wrapper .main-wrapper .post-wrapper .post-content {
  line-height: 1.75em;
  font-size: 16px;
  font-size: 1rem;
}
#project-post .content-wrapper .main-wrapper .post-wrapper .post-content p, #designer .content-wrapper .main-wrapper .post-wrapper .post-content p, #blog-post .content-wrapper .main-wrapper .post-wrapper .post-content p {
  margin: 0;
}
#project-post .content-wrapper .main-wrapper .mobile-designer-info, #designer .content-wrapper .main-wrapper .mobile-designer-info, #blog-post .content-wrapper .main-wrapper .mobile-designer-info {
  padding: 24px;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  background-color: #fff;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  display: flex;
}
#project-post .content-wrapper .main-wrapper .mobile-designer-info .avatar, #designer .content-wrapper .main-wrapper .mobile-designer-info .avatar, #blog-post .content-wrapper .main-wrapper .mobile-designer-info .avatar {
  display: inline-block;
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin: 0 12px 0 0;
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#project-post .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper, #designer .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper, #blog-post .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper {
  display: inline-block;
  min-height: 60px;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-inline-flex;
  display: inline-flex;
}
#project-post .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper .title, #designer .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper .title, #blog-post .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper .title {
  display: block;
  margin: 0 0 4px 0;
  color: #2A2A2A;
  font-size: 16px;
  font-size: 1rem;
}
#project-post .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper .description, #designer .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper .description, #blog-post .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper .description {
  display: block;
  line-height: 1.4em;
  color: #737373;
  font-size: 13px;
  font-size: 0.8125rem;
}
#project-post .content-wrapper .main-wrapper .mobile-recommend-wrapper, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper, #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper {
  display: block;
  margin: 24px 0 0 0;
}
#project-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .title, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper .title, #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .title {
  margin: 0 0 12px 0;
  padding: 0 24px;
  font-weight: 600;
  color: #2A2A2A;
  font-size: 16px;
  font-size: 1rem;
}
#project-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper, #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper {
  margin-bottom: 20px;
  padding: 0 12px 0 24px;
  overflow: auto;
  -webkit-font-smoothing: antialiased;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-flex;
  display: flex;
}
#project-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item, #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item {
  display: inline-block;
}
#project-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper, #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper {
  display: block;
  width: 190px;
  min-width: 190px;
  margin: 0 12px 0 0;
  border: 1px solid #DDDDDD;
  background-color: #fff;
}
#project-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .image, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .image, #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .image {
  position: relative;
  height: 100px;
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
#project-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .image .recommend, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .image .recommend, #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .image .recommend {
  position: absolute;
  top: 6px;
  right: -30px;
  height: 28px;
  width: 100px;
  line-height: 28px;
  color: #FFFFFF;
  letter-spacing: 0px;
  background-color: #388d81;
  text-align: center;
  font-size: 15px;
  font-size: 0.9375rem;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#project-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .item-info, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .item-info, #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .item-info {
  height: 130px;
  padding: 16px;
}
#project-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .item-info .title, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .item-info .title, #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .item-info .title {
  width: 100%;
  max-height: 40px;
  line-height: 20px;
  margin: 0 0 12px 0;
  padding: 0;
  color: #2A2A2A;
  overflow: hidden;
  white-space: normal;
  font-size: 16px;
  font-size: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
#project-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .item-info .description, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .item-info .description, #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .item-info .description {
  margin: 0;
  color: #919191;
  max-height: 40px;
  line-height: 20px;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
  font-size: 13px;
  font-size: 0.8125rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
#project-post .content-wrapper .main-wrapper .signature, #designer .content-wrapper .main-wrapper .signature, #blog-post .content-wrapper .main-wrapper .signature {
  position: relative;
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 20px auto 0 auto;
  text-align: center;
  cursor: pointer;
}
#project-post .content-wrapper .main-wrapper .signature .description, #designer .content-wrapper .main-wrapper .signature .description, #blog-post .content-wrapper .main-wrapper .signature .description {
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 2px solid #0071C5;
  color: #484848;
  font-size: 14px;
  font-size: 0.875rem;
}
#project-post .content-wrapper .sideber-wrapper, #designer .content-wrapper .sideber-wrapper, #blog-post .content-wrapper .sideber-wrapper {
  display: block;
  width: 100%;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content, #designer .content-wrapper .sideber-wrapper .sidebar-content, #blog-post .content-wrapper .sideber-wrapper .sidebar-content {
  display: block;
  margin: 0;
  padding: 24px;
  background-color: #fff;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content.designer, #designer .content-wrapper .sideber-wrapper .sidebar-content.designer, #blog-post .content-wrapper .sideber-wrapper .sidebar-content.designer {
  padding: 24px 36px;
  text-align: center;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content.designer .title, #designer .content-wrapper .sideber-wrapper .sidebar-content.designer .title, #blog-post .content-wrapper .sideber-wrapper .sidebar-content.designer .title {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-size: 1rem;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content.designer .description, #designer .content-wrapper .sideber-wrapper .sidebar-content.designer .description, #blog-post .content-wrapper .sideber-wrapper .sidebar-content.designer .description {
  text-decoration: underline;
  cursor: pointer;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content.designer .description.mobiletype, #designer .content-wrapper .sideber-wrapper .sidebar-content.designer .description.mobiletype, #blog-post .content-wrapper .sideber-wrapper .sidebar-content.designer .description.mobiletype {
  display: block;
  text-decoration: none;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content .avatar, #designer .content-wrapper .sideber-wrapper .sidebar-content .avatar, #blog-post .content-wrapper .sideber-wrapper .sidebar-content .avatar {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 16px auto;
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content .title, #designer .content-wrapper .sideber-wrapper .sidebar-content .title, #blog-post .content-wrapper .sideber-wrapper .sidebar-content .title {
  display: block;
  margin: 0 0 10px 0;
  color: #2A2A2A;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content .description, #designer .content-wrapper .sideber-wrapper .sidebar-content .description, #blog-post .content-wrapper .sideber-wrapper .sidebar-content .description {
  display: block;
  color: #737373;
  letter-spacing: 0px;
  line-height: 21px;
  font-size: 13px;
  font-size: 0.8125rem;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content .description.mobiletype, #designer .content-wrapper .sideber-wrapper .sidebar-content .description.mobiletype, #blog-post .content-wrapper .sideber-wrapper .sidebar-content .description.mobiletype {
  display: none;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content .description .category-text, #designer .content-wrapper .sideber-wrapper .sidebar-content .description .category-text, #blog-post .content-wrapper .sideber-wrapper .sidebar-content .description .category-text {
  color: #737373;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content .description .category-text:last-child:after, #designer .content-wrapper .sideber-wrapper .sidebar-content .description .category-text:last-child:after, #blog-post .content-wrapper .sideber-wrapper .sidebar-content .description .category-text:last-child:after {
  display: none;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content .description .category-text:after, #designer .content-wrapper .sideber-wrapper .sidebar-content .description .category-text:after, #blog-post .content-wrapper .sideber-wrapper .sidebar-content .description .category-text:after {
  display: inline-block;
  content: "、";
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content .html-content p, #designer .content-wrapper .sideber-wrapper .sidebar-content .html-content p, #blog-post .content-wrapper .sideber-wrapper .sidebar-content .html-content p {
  margin: 0 !important;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content .html-content *, #designer .content-wrapper .sideber-wrapper .sidebar-content .html-content *, #blog-post .content-wrapper .sideber-wrapper .sidebar-content .html-content * {
  color: #737373 !important;
  letter-spacing: 0px !important;
  line-height: 21px !important;
  font-size: 13px !important;
}
#project-post .content-wrapper .sideber-wrapper .sidebar-content .html-content a, #designer .content-wrapper .sideber-wrapper .sidebar-content .html-content a, #blog-post .content-wrapper .sideber-wrapper .sidebar-content .html-content a {
  color: #0071C5 !important;
}
#project-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar, #designer .content-wrapper .sideber-wrapper .mobile-designer-label-bar, #blog-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar {
  margin: 0 0 10px 0;
  background-color: #fff;
  display: -webkit-flex;
  display: flex;
}
#project-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item, #designer .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item, #blog-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item {
  height: 40px;
  color: #484848;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  font-size: 13px;
  font-size: 0.8125rem;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#project-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item:last-child, #designer .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item:last-child, #blog-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item:last-child {
  border-right: none;
}
#project-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item.active, #designer .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item.active, #blog-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item.active {
  border-bottom: 1px solid #0071C5;
  color: #0071C5;
}

#confirm-payment-modal .invoice-select-form, #confirm-extrafee-payment-modal .invoice-select-form, #profile .content .invoice-select-form, #cart .invoice-select-form {
  position: relative;
}
#confirm-payment-modal .invoice-select-form .invoice-select-row, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-row, #profile .content .invoice-select-form .invoice-select-row, #cart .invoice-select-form .invoice-select-row {
  margin: 0 0 10px 0;
  line-height: 2em;
}
#confirm-payment-modal .invoice-select-form .invoice-select-row .checkbox-form, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-row .checkbox-form, #profile .content .invoice-select-form .invoice-select-row .checkbox-form, #cart .invoice-select-form .invoice-select-row .checkbox-form {
  margin-right: 10px;
  font-size: 14px;
  cursor: pointer;
}
#confirm-payment-modal .invoice-select-form .invoice-select-row .checkbox-form.checked, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-row .checkbox-form.checked, #profile .content .invoice-select-form .invoice-select-row .checkbox-form.checked, #cart .invoice-select-form .invoice-select-row .checkbox-form.checked {
  font-weight: 600;
}
#confirm-payment-modal .invoice-select-form .invoice-select-row .checkbox-form .checkbox, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-row .checkbox-form .checkbox, #profile .content .invoice-select-form .invoice-select-row .checkbox-form .checkbox, #cart .invoice-select-form .invoice-select-row .checkbox-form .checkbox {
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  font-size: 14px;
}
#confirm-payment-modal .invoice-select-form .invoice-select-wrapper, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper, #profile .content .invoice-select-form .invoice-select-wrapper, #cart .invoice-select-form .invoice-select-wrapper {
  position: relative;
}
#confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-sub-select-wrapper, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-sub-select-wrapper, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-sub-select-wrapper, #cart .invoice-select-form .invoice-select-wrapper .invoice-sub-select-wrapper {
  padding: 0 0 0 20px;
}
#confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form {
  margin: 0 0 10px 0;
}
#confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form:last-child, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-input-form:last-child, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form:last-child, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form:last-child {
  margin: 0;
}
#confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-custom, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-custom, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-custom, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-custom {
  padding: 0 0 8px 0;
}
#confirm-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-custom .invoice-select-custom-text, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper .invoice-select-custom .invoice-select-custom-text, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-custom .invoice-select-custom-text, #cart .invoice-select-form .invoice-select-wrapper .invoice-select-custom .invoice-select-custom-text {
  margin: 0 0 4px 0;
}
#confirm-payment-modal .invoice-select-form .invoice-select-dropdown, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-dropdown, #profile .content .invoice-select-form .invoice-select-dropdown, #cart .invoice-select-form .invoice-select-dropdown {
  display: inline-block;
  width: 100%;
  min-width: 100%;
  height: 36px;
  padding: 0 4px;
  border: 1px solid #ccc;
  color: #2A2A2A;
  background-color: #fff;
  outline: none;
  font-size: 12px;
  font-size: 0.75rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#confirm-payment-modal .invoice-select-form .invoice-select-dropdown:focus, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-dropdown:focus, #profile .content .invoice-select-form .invoice-select-dropdown:focus, #cart .invoice-select-form .invoice-select-dropdown:focus {
  border-color: #2A2A2A;
}
#confirm-payment-modal .invoice-select-form .invoice-select-dropdown.error, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-dropdown.error, #profile .content .invoice-select-form .invoice-select-dropdown.error, #cart .invoice-select-form .invoice-select-dropdown.error {
  border: 1px solid #FF2C22;
  color: #FF2C22;
}

.md-modal {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  -moz-transition: z-index 0.3s 0.3s;
  -o-transition: z-index 0.3s 0.3s;
  -webkit-transition: z-index 0.3s 0.3s;
  transition: z-index 0.3s 0.3s;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.md-modal.mobile-full .md-wrapper {
  position: fixed;
}
.md-modal.mobile-full .md-wrapper:before {
  display: none;
}
.md-modal.mobile-full .md-content {
  position: fixed;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  margin: auto;
  color: #737373;
  background-color: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.md-modal .scroll-content {
  display: none !important;
}
.md-modal .md-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  display: -webkit-flex;
  display: flex;
}
.md-modal .md-wrapper:before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #2A2A2A;
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.md-modal .md-wrapper[close-modal]:before {
  cursor: pointer;
}
.md-modal .md-content {
  z-index: 2;
  position: relative;
  width: 50%;
  min-width: 480px;
  max-width: 480px;
  height: auto;
  margin: auto;
  color: #737373;
  background-color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transform: translateX(0%) translateY(0%);
  -ms-transform: translateX(0%) translateY(0%);
  -webkit-transform: translateX(0%) translateY(0%);
  transform: translateX(0%) translateY(0%);
}
.md-modal .md-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #737373;
  z-index: 1;
  font-size: 24px;
  font-size: 1.5rem;
}
.md-modal .md-close:hover {
  color: #000;
  cursor: pointer;
}
.md-modal .md-close .icon-cancel {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 13px;
  font-size: 0.8125rem;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.md-modal .md-header {
  position: relative;
  height: 60px;
  line-height: 60px;
  margin: 0;
  background-color: #fff;
  color: #000;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
.md-modal .md-footer {
  position: relative;
  background-color: #fff;
  padding: 16px 25px;
  text-align: center;
  -moz-box-shadow: inset 0px 1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px 1px 0px 0px #DDDDDD;
  box-shadow: inset 0px 1px 0px 0px #DDDDDD;
}
.md-modal .notification-message {
  position: fixed;
  top: 20px;
  left: 50%;
  height: auto;
  min-height: 40px;
  padding: 0 20px;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.md-modal .notification-message.success {
  background-color: #000;
}
.md-modal .notification-message.error {
  background-color: #FF2C22;
}
.md-modal .notification-message i {
  margin: auto 10px auto 0;
  font-size: 16px;
  font-size: 1rem;
}
.md-modal .notification-message .success-icon {
  color: #CDDC39;
}
.md-modal .notification-message .close-icon {
  margin: auto 0 auto 20px;
  color: #737373;
  cursor: pointer;
}
.md-modal .notification-message .close-icon:hover {
  color: #fff;
}
.md-modal .notification-message .message, .md-modal .notification-message .notification-title {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.md-modal .notification-message .goto {
  margin-left: 4px;
  text-decoration: underline;
  cursor: pointer;
}
.md-modal .notification-message.ng-enter {
  -webkit-animation-duration: 0.1s;
  -moz-animation-duration: 0.1s;
  -ms-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-name: notification-show;
  -moz-animation-name: notification-show;
  -ms-animation-name: notification-show;
  animation-name: notification-show;
}
.md-modal .notification-message.ng-leave {
  -webkit-animation-duration: 0.1s;
  -moz-animation-duration: 0.1s;
  -ms-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-name: notification-hide;
  -moz-animation-name: notification-hide;
  -ms-animation-name: notification-hide;
  animation-name: notification-hide;
}
.md-modal .notification-message.ng-enter.ng-enter-active, .md-modal .notification-message.ng-leave {
  opacity: 1;
}
.md-modal .notification-message.ng-leave.ng-leave-active, .md-modal .notification-message.ng-enter {
  opacity: 0;
}
@-webkit-keyframes notification-show {
  0% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
  }
  80% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(5%);
    -ms-transform: translateX(-50%) translateY(5%);
    -webkit-transform: translateX(-50%) translateY(5%);
    transform: translateX(-50%) translateY(5%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
  }
}
@-moz-keyframes notification-show {
  0% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
  }
  80% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(5%);
    -ms-transform: translateX(-50%) translateY(5%);
    -webkit-transform: translateX(-50%) translateY(5%);
    transform: translateX(-50%) translateY(5%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
  }
}
@-ms-keyframes notification-show {
  0% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
  }
  80% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(5%);
    -ms-transform: translateX(-50%) translateY(5%);
    -webkit-transform: translateX(-50%) translateY(5%);
    transform: translateX(-50%) translateY(5%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
  }
}
@keyframes notification-show {
  0% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
  }
  80% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(5%);
    -ms-transform: translateX(-50%) translateY(5%);
    -webkit-transform: translateX(-50%) translateY(5%);
    transform: translateX(-50%) translateY(5%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
  }
}
@-webkit-keyframes notification-hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes notification-hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes notification-hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes notification-hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.md-noblock {
  display: none;
}

.md-block {
  display: block;
}

.md-show {
  z-index: 1000000;
  visibility: visible;
  -moz-transition: z-index 0s 0s;
  -o-transition: z-index 0s 0s;
  -webkit-transition: z-index 0s 0s;
  transition: z-index 0s 0s;
}
.md-show .scroll-content {
  display: block !important;
}

.md-show .md-wrapper:before {
  content: "";
  opacity: 0.6;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.md-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.md-overlay.gray {
  background: #EEE;
}
.md-overlay.dark {
  background-color: #313945;
}
.md-overlay.white {
  background-color: #FFF;
}
.md-overlay[close-modal] {
  cursor: pointer;
}

.md-show .md-overlay {
  opacity: 1;
  visibility: visible;
}

/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.md-effect-fade-in-scale .md-content {
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(0%) translateY(0%) translateZ(0) scale(0.9);
  -ms-transform: translateX(0%) translateY(0%) translateZ(0) scale(0.9);
  -webkit-transform: translateX(0%) translateY(0%) translateZ(0) scale(0.9);
  transform: translateX(0%) translateY(0%) translateZ(0) scale(0.9);
}

.md-show.md-effect-fade-in-scale .md-content {
  opacity: 1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(0%) translateY(0%) translateZ(0) scale(1);
  -ms-transform: translateX(0%) translateY(0%) translateZ(0) scale(1);
  -webkit-transform: translateX(0%) translateY(0%) translateZ(0) scale(1);
  transform: translateX(0%) translateY(0%) translateZ(0) scale(1);
}

/* Effect 2: Slide from the right */
.md-effect-slide-right-to-left .md-content {
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -moz-transform: translateX(20%) translateY(0%);
  -ms-transform: translateX(20%) translateY(0%);
  -webkit-transform: translateX(20%) translateY(0%);
  transform: translateX(20%) translateY(0%);
}

.md-show.md-effect-slide-right-to-left .md-content {
  opacity: 1;
  -moz-transform: translateX(0%) translateY(0%);
  -ms-transform: translateX(0%) translateY(0%);
  -webkit-transform: translateX(0%) translateY(0%);
  transform: translateX(0%) translateY(0%);
}

/* Effect 3: Slide from the bottom */
.md-effect-slide-down-to-top .md-content {
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(0%) translateY(20%);
  -ms-transform: translateX(0%) translateY(20%);
  -webkit-transform: translateX(0%) translateY(20%);
  transform: translateX(0%) translateY(20%);
}

.md-show.md-effect-slide-down-to-top .md-content {
  opacity: 1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(0%) translateY(0%);
  -ms-transform: translateX(0%) translateY(0%);
  -webkit-transform: translateX(0%) translateY(0%);
  transform: translateX(0%) translateY(0%);
}

/* Effect 4: Newspaper */
.md-effect-rotation-in .md-content {
  -moz-transform: translateX(0%) translateY(0%) scale(0) rotate(720deg);
  -ms-transform: translateX(0%) translateY(0%) scale(0) rotate(720deg);
  -webkit-transform: translateX(0%) translateY(0%) scale(0) rotate(720deg);
  transform: translateX(0%) translateY(0%) scale(0) rotate(720deg);
  opacity: 0;
}

.md-show.md-effect-rotation-in .md-content {
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -moz-transform: translateX(0%) translateY(0%) scale(1) rotate(0deg);
  -ms-transform: translateX(0%) translateY(0%) scale(1) rotate(0deg);
  -webkit-transform: translateX(0%) translateY(0%) scale(1) rotate(0deg);
  transform: translateX(0%) translateY(0%) scale(1) rotate(0deg);
  opacity: 1;
}

/* Effect 5: fall */
.md-effect-fly-in.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-fly-in .md-content {
  -moz-transform: translateX(0%) translateY(0%) translateZ(600px) rotateX(20deg);
  -ms-transform: translateX(0%) translateY(0%) translateZ(600px) rotateX(20deg);
  -webkit-transform: translateX(0%) translateY(0%) translateZ(600px) rotateX(20deg);
  transform: translateX(0%) translateY(0%) translateZ(600px) rotateX(20deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 0;
}

.md-show.md-effect-fly-in .md-content {
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -moz-transform: translateX(0%) translateY(0%) translateZ(0px) rotateX(0deg);
  -ms-transform: translateX(0%) translateY(0%) translateZ(0px) rotateX(0deg);
  -webkit-transform: translateX(0%) translateY(0%) translateZ(0px) rotateX(0deg);
  transform: translateX(0%) translateY(0%) translateZ(0px) rotateX(0deg);
  opacity: 1;
}

/* Effect 6: side fall */
.md-effect-fly-in-and-right-to-left.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-fly-in-and-right-to-left .md-content {
  -moz-transform: translateX(30%) translateY(30%) translateZ(600px) rotate(10deg);
  -ms-transform: translateX(30%) translateY(30%) translateZ(600px) rotate(10deg);
  -webkit-transform: translateX(30%) translateY(30%) translateZ(600px) rotate(10deg);
  transform: translateX(30%) translateY(30%) translateZ(600px) rotate(10deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 0;
}

.md-show.md-effect-fly-in-and-right-to-left .md-content {
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -moz-transform: translateX(0%) translateY(0%) translateZ(0) rotate(0deg);
  -ms-transform: translateX(0%) translateY(0%) translateZ(0) rotate(0deg);
  -webkit-transform: translateX(0%) translateY(0%) translateZ(0) rotate(0deg);
  transform: translateX(0%) translateY(0%) translateZ(0) rotate(0deg);
  opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-slide-and-fixed-center-top .md-content {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(0%) translateY(-200%);
  -ms-transform: translateX(0%) translateY(-200%);
  -webkit-transform: translateX(0%) translateY(-200%);
  transform: translateX(0%) translateY(-200%);
  opacity: 0;
}

.md-show.md-effect-slide-and-fixed-center-top .md-content {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(0%) translateY(0%);
  -ms-transform: translateX(0%) translateY(0%);
  -webkit-transform: translateX(0%) translateY(0%);
  transform: translateX(0%) translateY(0%);
  border-radius: 0 0 3px 3px;
  opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-flip-in-horizontal.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-flip-in-horizontal .md-content {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(0%) translateY(0%) rotateY(-70deg);
  -ms-transform: translateX(0%) translateY(0%) rotateY(-70deg);
  -webkit-transform: translateX(0%) translateY(0%) rotateY(-70deg);
  transform: translateX(0%) translateY(0%) rotateY(-70deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 0;
}

.md-show.md-effect-flip-in-horizontal .md-content {
  -moz-transform: translateX(0%) translateY(0%) rotateY(0deg);
  -ms-transform: translateX(0%) translateY(0%) rotateY(0deg);
  -webkit-transform: translateX(0%) translateY(0%) rotateY(0deg);
  transform: translateX(0%) translateY(0%) rotateY(0deg);
  opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-flip-in-vertical.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-flip-in-vertical .md-content {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(0%) translateY(0%) rotateX(-70deg);
  -ms-transform: translateX(0%) translateY(0%) rotateX(-70deg);
  -webkit-transform: translateX(0%) translateY(0%) rotateX(-70deg);
  transform: translateX(0%) translateY(0%) rotateX(-70deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 0;
}

.md-show.md-effect-flip-in-vertical .md-content {
  -moz-transform: translateX(0%) translateY(0%) rotateX(0deg);
  -ms-transform: translateX(0%) translateY(0%) rotateX(0deg);
  -webkit-transform: translateX(0%) translateY(0%) rotateX(0deg);
  transform: translateX(0%) translateY(0%) rotateX(0deg);
  opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-flip-in-top-to-down.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-flip-in-top-to-down .md-content {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(0%) translateY(0%) rotateX(-60deg);
  -ms-transform: translateX(0%) translateY(0%) rotateX(-60deg);
  -webkit-transform: translateX(0%) translateY(0%) rotateX(-60deg);
  transform: translateX(0%) translateY(0%) rotateX(-60deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  opacity: 0;
}

.md-show.md-effect-flip-in-top-to-down .md-content {
  -moz-transform: translateX(0%) translateY(0%) rotateX(0deg);
  -ms-transform: translateX(0%) translateY(0%) rotateX(0deg);
  -webkit-transform: translateX(0%) translateY(0%) rotateX(0deg);
  transform: translateX(0%) translateY(0%) rotateX(0deg);
  opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-13 .md-content {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(0%) translateY(0%) translateZ(-3000px) rotateY(90deg);
  -ms-transform: translateX(0%) translateY(0%) translateZ(-3000px) rotateY(90deg);
  -webkit-transform: translateX(0%) translateY(0%) translateZ(-3000px) rotateY(90deg);
  transform: translateX(0%) translateY(0%) translateZ(-3000px) rotateY(90deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 0;
}

.md-show.md-effect-13 .md-content {
  -webkit-animation: slit 0.7s forwards ease-out;
  -moz-animation: slit 0.7s forwards ease-out;
  animation: slit 0.7s forwards ease-out;
}

@-webkit-keyframes slit {
  50% {
    -moz-transform: translateX(0%) translateY(0%) translateZ(-250px) rotateY(89deg);
    -ms-transform: translateX(0%) translateY(0%) translateZ(-250px) rotateY(89deg);
    -webkit-transform: translateX(0%) translateY(0%) translateZ(-250px) rotateY(89deg);
    transform: translateX(0%) translateY(0%) translateZ(-250px) rotateY(89deg);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -moz-transform: translateX(0%) translateY(0%) translateZ(0) rotateY(0deg);
    -ms-transform: translateX(0%) translateY(0%) translateZ(0) rotateY(0deg);
    -webkit-transform: translateX(0%) translateY(0%) translateZ(0) rotateY(0deg);
    transform: translateX(0%) translateY(0%) translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes slit {
  50% {
    -moz-transform: translateX(0%) translateY(0%) translateZ(-250px) rotateY(89deg);
    -ms-transform: translateX(0%) translateY(0%) translateZ(-250px) rotateY(89deg);
    -webkit-transform: translateX(0%) translateY(0%) translateZ(-250px) rotateY(89deg);
    transform: translateX(0%) translateY(0%) translateZ(-250px) rotateY(89deg);
    opacity: 0.5;
    -moz-animation-timing-function: ease-out;
  }
  100% {
    -moz-transform: translateX(0%) translateY(0%) translateZ(0) rotateY(0deg);
    -ms-transform: translateX(0%) translateY(0%) translateZ(0) rotateY(0deg);
    -webkit-transform: translateX(0%) translateY(0%) translateZ(0) rotateY(0deg);
    transform: translateX(0%) translateY(0%) translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes slit {
  50% {
    -moz-transform: translateX(0%) translateY(0%) translateZ(-250px) rotateY(89deg);
    -ms-transform: translateX(0%) translateY(0%) translateZ(-250px) rotateY(89deg);
    -webkit-transform: translateX(0%) translateY(0%) translateZ(-250px) rotateY(89deg);
    transform: translateX(0%) translateY(0%) translateZ(-250px) rotateY(89deg);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: translateX(0%) translateY(0%) translateZ(0) rotateY(0deg);
    -ms-transform: translateX(0%) translateY(0%) translateZ(0) rotateY(0deg);
    -webkit-transform: translateX(0%) translateY(0%) translateZ(0) rotateY(0deg);
    transform: translateX(0%) translateY(0%) translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}
/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-14 .md-content {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -moz-transform: translateX(0%) translateY(100%) rotateX(90deg);
  -ms-transform: translateX(0%) translateY(100%) rotateX(90deg);
  -webkit-transform: translateX(0%) translateY(100%) rotateX(90deg);
  transform: translateX(0%) translateY(100%) rotateX(90deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
}

.md-show.md-effect-14 .md-content {
  -moz-transform: translateX(0%) translateY(0%) rotateX(0deg);
  -ms-transform: translateX(0%) translateY(0%) rotateX(0deg);
  -webkit-transform: translateX(0%) translateY(0%) rotateX(0deg);
  transform: translateX(0%) translateY(0%) rotateX(0deg);
  opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-15 .md-content {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(-30%) translateY(0%) translateZ(100px) rotateY(90deg);
  -ms-transform: translateX(-30%) translateY(0%) translateZ(100px) rotateY(90deg);
  -webkit-transform: translateX(-30%) translateY(0%) translateZ(100px) rotateY(90deg);
  transform: translateX(-30%) translateY(0%) translateZ(100px) rotateY(90deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
}

.md-show.md-effect-15 .md-content {
  -moz-transform: translateX(0%) translateY(0%) translateZ(0px) rotateY(0deg);
  -ms-transform: translateX(0%) translateY(0%) translateZ(0px) rotateY(0deg);
  -webkit-transform: translateX(0%) translateY(0%) translateZ(0px) rotateY(0deg);
  transform: translateX(0%) translateY(0%) translateZ(0px) rotateY(0deg);
  opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
  background: rgba(180, 46, 32, 0.5);
}

.md-show.md-effect-16 ~ .container {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  filter: blur(3px);
}

.md-effect-16 .md-content {
  -moz-transform: translateX(0%) translateY(-5%);
  -ms-transform: translateX(0%) translateY(-5%);
  -webkit-transform: translateX(0%) translateY(-5%);
  transform: translateX(0%) translateY(-5%);
  opacity: 0;
}

.md-show.md-effect-16 .md-content {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateX(0%) translateY(0%);
  -ms-transform: translateX(0%) translateY(0%);
  -webkit-transform: translateX(0%) translateY(0%);
  transform: translateX(0%) translateY(0%);
  opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
  height: 100%;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.md-effect-17 .md-content {
  -moz-transform: translateX(0%) translateY(200%);
  -ms-transform: translateX(0%) translateY(200%);
  -webkit-transform: translateX(0%) translateY(200%);
  transform: translateX(0%) translateY(200%);
  opacity: 0;
}

.md-show.md-effect-17 .md-content {
  -moz-transition: all 0.3s 0.2s;
  -o-transition: all 0.3s 0.2s;
  -webkit-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
  -moz-transform: translateX(0%) translateY(0%);
  -ms-transform: translateX(0%) translateY(0%);
  -webkit-transform: translateX(0%) translateY(0%);
  transform: translateX(0%) translateY(0%);
  opacity: 1;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
  height: 100%;
  overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
  background: rgba(143, 27, 15, 0.8);
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
  -moz-transform-style: preserve-3d;
  -moz-transform-origin: 0% 50%;
  -moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
  transform-style: preserve-3d;
  transform-origin: 0% 50%;
  animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
  50% {
    -moz-transform: translateX(0%) translateY(0%) translateZ(-50px) rotateY(5deg);
    -ms-transform: translateX(0%) translateY(0%) translateZ(-50px) rotateY(5deg);
    -webkit-transform: translateX(0%) translateY(0%) translateZ(-50px) rotateY(5deg);
    transform: translateX(0%) translateY(0%) translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -moz-transform: translateX(0%) translateY(0%) translateZ(-200px);
    -ms-transform: translateX(0%) translateY(0%) translateZ(-200px);
    -webkit-transform: translateX(0%) translateY(0%) translateZ(-200px);
    transform: translateX(0%) translateY(0%) translateZ(-200px);
  }
}
@-moz-keyframes rotateRightSideFirst {
  50% {
    -moz-transform: translateX(0%) translateY(0%) translateZ(-50px) rotateY(5deg);
    -ms-transform: translateX(0%) translateY(0%) translateZ(-50px) rotateY(5deg);
    -webkit-transform: translateX(0%) translateY(0%) translateZ(-50px) rotateY(5deg);
    transform: translateX(0%) translateY(0%) translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -moz-transform: translateX(0%) translateY(0%) translateZ(-200px);
    -ms-transform: translateX(0%) translateY(0%) translateZ(-200px);
    -webkit-transform: translateX(0%) translateY(0%) translateZ(-200px);
    transform: translateX(0%) translateY(0%) translateZ(-200px);
  }
}
@keyframes rotateRightSideFirst {
  50% {
    -moz-transform: translateX(0%) translateY(0%) translateZ(-50px) rotateY(5deg);
    -ms-transform: translateX(0%) translateY(0%) translateZ(-50px) rotateY(5deg);
    -webkit-transform: translateX(0%) translateY(0%) translateZ(-50px) rotateY(5deg);
    transform: translateX(0%) translateY(0%) translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -moz-transform: translateX(0%) translateY(0%) translateZ(-200px);
    -ms-transform: translateX(0%) translateY(0%) translateZ(-200px);
    -webkit-transform: translateX(0%) translateY(0%) translateZ(-200px);
    transform: translateX(0%) translateY(0%) translateZ(-200px);
  }
}
.md-effect-18 .md-content {
  -moz-transform: translateX(200%) translateY(0%);
  -ms-transform: translateX(200%) translateY(0%);
  -webkit-transform: translateX(200%) translateY(0%);
  transform: translateX(200%) translateY(0%);
  opacity: 0;
}

.md-show.md-effect-18 .md-content {
  -moz-transition: all 0.5s 0.1s;
  -o-transition: all 0.5s 0.1s;
  -webkit-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
  -moz-transform: translateX(0%) translateY(0%);
  -ms-transform: translateX(0%) translateY(0%);
  -webkit-transform: translateX(0%) translateY(0%);
  transform: translateX(0%) translateY(0%);
  opacity: 1;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
  height: 100%;
  overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 50% 100%;
  -webkit-animation: OpenTop 0.5s forwards ease-in;
  -moz-transform-style: preserve-3d;
  -moz-transform-origin: 50% 100%;
  -moz-animation: OpenTop 0.5s forwards ease-in;
  transform-style: preserve-3d;
  transform-origin: 50% 100%;
  animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
  50% {
    -moz-transform: translateX(200%) translateY(0%) rotateX(10deg);
    -ms-transform: translateX(200%) translateY(0%) rotateX(10deg);
    -webkit-transform: translateX(200%) translateY(0%) rotateX(10deg);
    transform: translateX(200%) translateY(0%) rotateX(10deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@-moz-keyframes OpenTop {
  50% {
    -moz-transform: translateX(200%) translateY(0%) rotateX(10deg);
    -ms-transform: translateX(200%) translateY(0%) rotateX(10deg);
    -webkit-transform: translateX(200%) translateY(0%) rotateX(10deg);
    transform: translateX(200%) translateY(0%) rotateX(10deg);
    -moz-animation-timing-function: ease-out;
  }
}
@keyframes OpenTop {
  50% {
    -moz-transform: translateX(200%) translateY(0%) rotateX(10deg);
    -ms-transform: translateX(200%) translateY(0%) rotateX(10deg);
    -webkit-transform: translateX(200%) translateY(0%) rotateX(10deg);
    transform: translateX(200%) translateY(0%) rotateX(10deg);
    animation-timing-function: ease-out;
  }
}
.md-effect-19 .md-content {
  -moz-transform: translateX(0%) translateY(-200%);
  -ms-transform: translateX(0%) translateY(-200%);
  -webkit-transform: translateX(0%) translateY(-200%);
  transform: translateX(0%) translateY(-200%);
  opacity: 0;
}

.md-show.md-effect-19 .md-content {
  -moz-transition: all 0.5s 0.1s;
  -o-transition: all 0.5s 0.1s;
  -webkit-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
  -moz-transform: translateX(0%) translateY(0%);
  -ms-transform: translateX(0%) translateY(0%);
  -webkit-transform: translateX(0%) translateY(0%);
  transform: translateX(0%) translateY(0%);
  opacity: 1;
}

/* Effect 20: Slide from the right */
.md-effect-mobile-slide-right-to-left .md-content {
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -moz-transform: translateX(100%) translateY(0%);
  -ms-transform: translateX(100%) translateY(0%);
  -webkit-transform: translateX(100%) translateY(0%);
  transform: translateX(100%) translateY(0%);
}

.md-show.md-effect-mobile-slide-right-to-left .md-content {
  -moz-transform: translateX(0%) translateY(0%);
  -ms-transform: translateX(0%) translateY(0%);
  -webkit-transform: translateX(0%) translateY(0%);
  transform: translateX(0%) translateY(0%);
}

@media screen and (max-width: 32em) {
  body {
    font-size: 75%;
  }
}
.dropdown {
  z-index: -1;
  position: absolute;
  width: 180px;
  background-color: #FFF;
  visibility: hidden;
  display: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.dropdown.open {
  display: block;
  visibility: visible;
  z-index: 9;
}
.dropdown .dropdown-header {
  color: #6A6A6A;
}
.dropdown .dropdown-header h6 {
  text-align: center;
  border-bottom: 1px solid #CCC;
  line-height: 40px;
  line-height: 40px;
}
.dropdown .dropdown-footer {
  border-top: 1px solid #CCC;
  color: #9B9B9B;
}
.dropdown .dropdown-footer p {
  padding: 10px 25px;
  margin: 0;
  line-height: 1.6em;
}
.dropdown ul {
  width: 100%;
  margin: 0;
  padding: 5px 0;
}
.dropdown ul li {
  list-style: none;
  padding: 0 25px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-size: 0.875rem;
}
.dropdown ul li i {
  margin-right: 8px;
}
.dropdown ul li a {
  display: block;
  color: #777;
  text-align: left;
}
.dropdown ul li:hover, .dropdown ul li:hover a, .dropdown ul li.active, .dropdown ul li.active a {
  color: #0071C5;
  cursor: pointer;
}
.dropdown ul hr {
  background-color: #ddd;
  margin: 5px 0;
}
.dropdown ul.fix-height {
  height: 300px;
}
.dropdown-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
}

.popup.dropdown.open {
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-name: popupMenu;
  -moz-animation-name: popupMenu;
  -ms-animation-name: popupMenu;
  animation-name: popupMenu;
}

/* Generated with Bounce.js. Edit at http://goo.gl/tR6n8A */
@-webkit-keyframes popupMenu {
  0% {
    -webkit-transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.333333% {
    -webkit-transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.666667% {
    -webkit-transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10% {
    -webkit-transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.333333% {
    -webkit-transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20% {
    -webkit-transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.333333% {
    -webkit-transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.666667% {
    -webkit-transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30% {
    -webkit-transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.666667% {
    -webkit-transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40% {
    -webkit-transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.333333% {
    -webkit-transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.666667% {
    -webkit-transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.333333% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.666667% {
    -webkit-transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60% {
    -webkit-transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.333333% {
    -webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70% {
    -webkit-transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.333333% {
    -webkit-transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.666667% {
    -webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80% {
    -webkit-transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  86.666667% {
    -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90% {
    -webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.333333% {
    -webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  96.666667% {
    -webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-moz-keyframes popupMenu {
  0% {
    -webkit-transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.333333% {
    -webkit-transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.666667% {
    -webkit-transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10% {
    -webkit-transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.333333% {
    -webkit-transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20% {
    -webkit-transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.333333% {
    -webkit-transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.666667% {
    -webkit-transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30% {
    -webkit-transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.666667% {
    -webkit-transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40% {
    -webkit-transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.333333% {
    -webkit-transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.666667% {
    -webkit-transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.333333% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.666667% {
    -webkit-transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60% {
    -webkit-transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.333333% {
    -webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70% {
    -webkit-transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.333333% {
    -webkit-transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.666667% {
    -webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80% {
    -webkit-transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  86.666667% {
    -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90% {
    -webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.333333% {
    -webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  96.666667% {
    -webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-ms-keyframes popupMenu {
  0% {
    -webkit-transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.333333% {
    -webkit-transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.666667% {
    -webkit-transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10% {
    -webkit-transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.333333% {
    -webkit-transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20% {
    -webkit-transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.333333% {
    -webkit-transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.666667% {
    -webkit-transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30% {
    -webkit-transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.666667% {
    -webkit-transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40% {
    -webkit-transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.333333% {
    -webkit-transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.666667% {
    -webkit-transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.333333% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.666667% {
    -webkit-transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60% {
    -webkit-transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.333333% {
    -webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70% {
    -webkit-transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.333333% {
    -webkit-transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.666667% {
    -webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80% {
    -webkit-transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  86.666667% {
    -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90% {
    -webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.333333% {
    -webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  96.666667% {
    -webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes popupMenu {
  0% {
    -webkit-transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.333333% {
    -webkit-transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96454, 0, 0, 0, 0, 0.9686, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.666667% {
    -webkit-transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97984, 0, 0, 0, 0, 0.99069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10% {
    -webkit-transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99277, 0, 0, 0, 0, 1.00723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.333333% {
    -webkit-transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0019, 0, 0, 0, 0, 1.01468, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00704, 0, 0, 0, 0, 1.01409, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20% {
    -webkit-transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00885, 0, 0, 0, 0, 1.00885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.333333% {
    -webkit-transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0083, 0, 0, 0, 0, 1.00262, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.666667% {
    -webkit-transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00644, 0, 0, 0, 0, 0.99796, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30% {
    -webkit-transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00414, 0, 0, 0, 0, 0.99586, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.666667% {
    -webkit-transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00032, 0, 0, 0, 0, 0.99751, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40% {
    -webkit-transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.333333% {
    -webkit-transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99876, 0, 0, 0, 0, 1.00057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.666667% {
    -webkit-transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99868, 0, 0, 0, 0, 1.00117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99888, 0, 0, 0, 0, 1.00112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.333333% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 1.0007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.666667% {
    -webkit-transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99955, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60% {
    -webkit-transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99984, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.333333% {
    -webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00004, 0, 0, 0, 0, 0.99967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00016, 0, 0, 0, 0, 0.99968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70% {
    -webkit-transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0002, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.333333% {
    -webkit-transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00019, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.666667% {
    -webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80% {
    -webkit-transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00009, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00004, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  86.666667% {
    -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90% {
    -webkit-transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99998, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.333333% {
    -webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  96.666667% {
    -webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes slideDown {
  0% {
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-ms-keyframes slideDown {
  0% {
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes slideDown {
  0% {
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.slide-down.dropdown.open {
  -webkit-animation-duration: 150ms;
  -moz-animation-duration: 150ms;
  -ms-animation-duration: 150ms;
  animation-duration: 150ms;
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  -ms-animation-name: slideDown;
  animation-name: slideDown;
}

@-webkit-keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in-out.dropdown.open {
  -webkit-animation-duration: 300ms;
  -moz-animation-duration: 300ms;
  -ms-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-name: fade-in-out;
  -moz-animation-name: fade-in-out;
  -ms-animation-name: fade-in-out;
  animation-name: fade-in-out;
}

#home {
  width: 100%;
  background-color: #fff;
}
#home .wrapper {
  min-height: 100vh;
  padding: 78px 20px 20px 20px;
}
#home .wrapper > div:last-child {
  margin-bottom: 0;
}
#home .wrapper .category-wrapper {
  width: 100%;
  background-color: #fff;
  margin-bottom: 30px;
}
#home .wrapper .category-wrapper > div:last-child {
  margin-bottom: 0;
}
#home .wrapper .category-wrapper .gray-area {
  display: block;
  width: 100%;
  position: relative;
}
#home .wrapper .category-wrapper .gray-area:last-of-type {
  margin-bottom: 0;
}
#home .wrapper .category-wrapper .gray-area .adblock-image {
  padding-bottom: 55.147%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#home .wrapper .category-wrapper .gray-area .banner-wrapper {
  display: block;
  white-space: nowrap;
  padding-bottom: 46.1538%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #F2F2F2;
  background-position: center center;
}
#home .wrapper .category-wrapper .gray-area .banner-wrapper .banner {
  position: absolute;
  width: 100%;
  height: 100%;
}
#home .wrapper .category-wrapper .gray-area .owl-controls {
  position: absolute;
  visibility: hidden;
}
#home .wrapper .category-wrapper .gray-area .dot-content {
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 100%;
  z-index: 2;
  overflow: hidden;
  text-align: center;
}
#home .wrapper .category-wrapper .gray-area .dot-content .dot-button {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 3px;
  background-color: #fff;
  opacity: 0.5;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#home .wrapper .category-wrapper .gray-area .dot-content .dot-button.active {
  opacity: 1;
}
#home .wrapper .category-wrapper .gray-area .image {
  display: block;
  padding-bottom: 46.15%;
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#home .wrapper .category-wrapper .white-area {
  display: block;
  width: 100%;
  background-color: #f2f2f2;
  padding: 10px;
  position: relative;
}
#home .wrapper .category-wrapper .white-area:last-child {
  margin-bottom: 0;
}
#home .wrapper .category-wrapper .title-area {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 30px;
}
#home .wrapper .category-wrapper .title-area .title-word {
  font-size: 20px;
  font-weight: normal;
  color: #000;
  height: 42px;
  margin: auto;
  display: block;
  position: relative;
}
#home .wrapper .category-wrapper .title-area .title-word:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #DADADA;
}
#home .wrapper .category-wrapper .arrow-wrapper {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#home .wrapper .category-wrapper .arrow-wrapper > i {
  color: #CDCDCD;
  font-size: 20px;
}
#home .wrapper .category-wrapper .topic {
  color: #000;
}
#home .wrapper .category-wrapper .topic-all {
  font-size: 20px;
  font-weight: bold;
}
#home .wrapper .category-wrapper .topic-all-category {
  font-size: 15px;
  font-weight: normal;
}
#home .wrapper .category-wrapper .topic-category {
  font-size: 18px;
  font-weight: bold;
}
#home .wrapper .category-wrapper .radius {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#home .wrapper .category-wrapper .category-list-text {
  font-size: 12px;
  color: #737373;
  line-height: 25px;
  width: calc(100% - 28px);
  margin: 13px 0 0 0;
}
#home .wrapper .category-wrapper .product-list-area {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#home .wrapper .category-wrapper .product-list-area .product {
  display: block;
  width: calc(50% - 6px);
  margin-right: 12px;
  margin-top: 20px;
  background-color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
#home .wrapper .category-wrapper .product-list-area .product:nth-child(2n) {
  margin-right: 0;
}
#home .wrapper .category-wrapper .product-list-area .product:nth-child(2n):last-child {
  background-color: #fff;
  padding: 40px 0;
}
#home .wrapper .category-wrapper .product-list-area .product .pic {
  position: relative;
  padding-bottom: 100%;
  width: 100%;
  text-align: center;
}
#home .wrapper .category-wrapper .product-list-area .product .pic > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
#home .wrapper .category-wrapper .product-list-area .product .view-more-pic {
  height: 68px;
}
#home .wrapper .category-wrapper .product-list-area .product .view-more-pic > img {
  height: 100%;
}
#home .wrapper .category-wrapper .product-list-area .product .content {
  margin-top: 12px;
}
#home .wrapper .category-wrapper .product-list-area .product .content .product-name {
  margin: 0 0 8px 0;
  color: #000;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
}
#home .wrapper .category-wrapper .product-list-area .product .content .product-price {
  font-size: 12px;
  color: #737373;
  margin: 0;
  text-align: center;
}
#home .wrapper .category-wrapper .product-list-area .product .content .product-price .pink {
  color: #F17C67;
}
#home .wrapper .category-wrapper .product-list-area .product .content .product-price .highlight {
  color: #000000;
  font-weight: normal;
  font-size: 15px;
}
#home .wrapper .category-wrapper .product-list-area .product .content .view-more-highlight {
  font-size: 15px;
  color: #F17C67;
  font-weight: normal;
  margin: 0 0 8px 0;
  text-align: center;
}
#home .wrapper .category-wrapper .product-list-area .product .content .view-more-detail {
  font-size: 12px;
  color: #737373;
  margin: 0;
  text-align: center;
}
#home .wrapper .category-wrapper .product-list-area .product .content .view-more-detail > i {
  font-size: 12px;
  color: #737373;
}
#home .wrapper .category-wrapper .product-list-area .view-more-area {
  width: 100%;
  border: 1px solid #CDCDCD;
  margin-top: 30px;
  height: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  font-weight: normal;
  font-size: 15px;
  color: #919191;
}
#home .wrapper .category-wrapper .product-list-area .view-more-area .highlight {
  font-size: 15px;
  color: #2A2A2A;
  font-weight: bold;
}

#order .order-status {
  margin: 0 0 15px 0;
  padding: 20px;
  background-color: #fff;
  display: -webkit-flex;
  display: flex;
}
#order .order-status.blue {
  color: #0071C5;
}
#order .order-status.orange {
  color: #ee7c68;
}
#order .order-status.green {
  color: #388d81;
}
#order .order-status.red {
  color: #FF2C22;
}
#order .order-status .order-status-message {
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#order .order-status .order-status-message .icon-wrapper {
  margin: 0 20px 0 0;
  font-size: 36px;
  font-size: 2.25rem;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
#order .order-status .order-status-message .text-wrapper {
  position: relative;
  display: inline-block;
}
#order .order-status .order-status-message .text-wrapper .title {
  margin: 0 0 8px 0;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0px;
  font-size: 20px;
  font-size: 1.25rem;
}
#order .order-status .order-status-message .text-wrapper .description {
  line-height: 19.5px;
  letter-spacing: 0px;
  font-size: 13px;
  font-size: 0.8125rem;
}
#order .order-status .status-action {
  margin: 0 0 0 10px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
#order .order-status .status-action .button {
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0 10px;
  border: none;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#order .step-block {
  position: relative;
  height: 74px;
  margin: 0 0 15px 0;
  background-color: #fff;
}
#order .step-block.blue .step-list-wrapper .step-list .step-item.active .title {
  color: #0071C5;
}
#order .step-block.blue .step-list-wrapper .step-list .step-item.active:before {
  background-color: #0071C5;
}
#order .step-block.blue .step-list-wrapper .step-list .step-item.active:after {
  background-color: #0071C5;
}
#order .step-block.orange .step-list-wrapper .step-list .step-item.active .title {
  color: #ee7c68;
}
#order .step-block.orange .step-list-wrapper .step-list .step-item.active:before {
  background-color: #ee7c68;
}
#order .step-block.orange .step-list-wrapper .step-list .step-item.active:after {
  background-color: #ee7c68;
}
#order .step-block.green .step-list-wrapper .step-list .step-item.active .title {
  color: #388d81;
}
#order .step-block.green .step-list-wrapper .step-list .step-item.active:before {
  background-color: #388d81;
}
#order .step-block.green .step-list-wrapper .step-list .step-item.active:after {
  background-color: #388d81;
}
#order .step-block.red .step-list-wrapper .step-list .step-item.active .title {
  color: #FF2C22;
}
#order .step-block.red .step-list-wrapper .step-list .step-item.active:before {
  background-color: #FF2C22;
}
#order .step-block.red .step-list-wrapper .step-list .step-item.active:after {
  background-color: #FF2C22;
}
#order .step-block .path-line {
  position: absolute;
  top: 15px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #CCCCCC;
}
#order .step-block .path-line.path-line-finish {
  background-color: transparent;
}
#order .step-block .step-list-wrapper {
  position: absolute;
  width: 100%;
  height: 74px;
  top: 0;
  left: 0;
  overflow-y: scroll;
  overflow-x: auto;
}
#order .step-block .step-list-wrapper .step-list {
  position: absolute;
  top: 0;
  left: 0;
  height: 74px;
  font-size: 0px;
  font-size: 0rem;
  display: -webkit-flex;
  display: flex;
}
#order .step-block .step-list-wrapper .step-list .step-item {
  position: relative;
  height: 54px;
  width: 160px;
  -webkit-flex: 1;
  flex: 1;
}
@media screen and (max-width: 480px) {
  #order .step-block .step-list-wrapper .step-list .step-item {
    width: 160px;
  }
}
@media screen and (max-width: 414px) {
  #order .step-block .step-list-wrapper .step-list .step-item {
    width: 138px;
  }
}
@media screen and (max-width: 375px) {
  #order .step-block .step-list-wrapper .step-list .step-item {
    width: 122px;
  }
}
@media screen and (max-width: 360px) {
  #order .step-block .step-list-wrapper .step-list .step-item {
    width: 120px;
  }
}
@media screen and (max-width: 320px) {
  #order .step-block .step-list-wrapper .step-list .step-item {
    width: 106px;
  }
}
#order .step-block .step-list-wrapper .step-list .step-item:before {
  content: " ";
  display: block;
  position: absolute;
  top: 15px;
  left: -50%;
  width: 100%;
  height: 1px;
  vertical-align: middle;
  background-color: trasparent;
}
#order .step-block .step-list-wrapper .step-list .step-item:after {
  content: " ";
  display: block;
  position: absolute;
  top: 15px;
  left: 50%;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  color: #dfe1e2;
  background-color: #ccc;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#order .step-block .step-list-wrapper .step-list .step-item .title {
  position: absolute;
  display: block;
  top: 29px;
  width: 100%;
  color: #ccc;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 13px;
  font-size: 0.8125rem;
}
#order .step-block .step-list-wrapper .step-list .step-item .time {
  position: absolute;
  display: block;
  top: 51px;
  width: 100%;
  color: #919191;
  letter-spacing: 0px;
  text-align: center;
  font-size: 10px;
  font-size: 0.625rem;
}
#order .info-wrapper {
  margin: 0 0 15px 0;
}
#order .mobile-dropdown {
  margin-top: 15px;
  margin-left: -15px;
}
#order .dropdown-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(42, 42, 42, 0.6);
  z-index: 3;
}

#other .login-bar {
  position: relative;
  width: 100%;
  height: 89px;
  background-color: #ee7c68;
  position: fixed;
  top: 58px;
  left: 0;
  z-index: 11;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#other .login-bar .login-title {
  margin: 0 0 15px 0;
  color: #FFFFFF;
  letter-spacing: 0px;
  line-height: 19.5px;
  font-size: 13px;
  font-size: 0.8125rem;
}
#other .login-bar .button-group {
  position: relative;
  width: 100%;
  text-align: center;
}
#other .login-bar .button-group .button {
  display: inline-block;
  width: 33%;
  max-width: 126px;
  height: 36px;
  line-height: 36px;
  margin: 0 5px;
  padding: 0;
  border: 1px solid #fff;
  font-size: 14px;
  font-size: 0.875rem;
}
#other .login-bar .button-group .button.login {
  background-color: #fff;
  color: #ee7c68;
}
#other .login-bar .button-group .button.register {
  background-color: transparent;
  color: #fff;
}
#other .nav-wrapper {
  min-height: calc(100vh - 108px);
  margin: 0;
  background-color: #fff;
  padding-top: 20px;
}
#other .nav-wrapper.no-login {
  padding-top: 109px;
}
#other .nav-wrapper .wrapper {
  width: 100%;
  padding: 0 20px 20px 20px;
}
#other .nav-wrapper .wrapper > div:last-child {
  margin-bottom: 0;
}
#other .nav-wrapper .wrapper .block-wrapper {
  width: 100%;
  background-color: #fff;
  margin-bottom: 20px;
}
#other .nav-wrapper .wrapper .block-wrapper .white-area {
  display: block;
  width: 100%;
  background-color: #f2f2f2;
  margin-bottom: 12px;
  padding: 13px;
  position: relative;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#other .nav-wrapper .wrapper .block-wrapper .white-area .icon-wrapper {
  height: 19px;
  width: 19px;
  margin-right: 18px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#other .nav-wrapper .wrapper .block-wrapper .white-area .icon-wrapper > i {
  color: #F17C67;
  font-size: 19px;
}
#other .nav-wrapper .wrapper .block-wrapper .white-area:last-child {
  margin-bottom: 0;
}
#other .nav-wrapper .wrapper .block-wrapper .count-tip {
  height: 16px;
  position: absolute;
  padding: 0 6px;
  font-weight: bold;
  color: #fff;
  background-color: #FF5722;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 12px;
  right: 40px;
  top: calc(50% - 8px);
}
#other .nav-wrapper .wrapper .block-wrapper .arrow-wrapper {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#other .nav-wrapper .wrapper .block-wrapper .arrow-wrapper > i {
  color: #CDCDCD;
  font-size: 20px;
}
#other .nav-wrapper .nav-item {
  height: 44px;
  padding: 0 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}
#other .nav-wrapper .nav-item .icon-wrapper {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 15px 0 0;
  text-align: center;
  background-color: #9E9E9E;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 13px;
  font-size: 0.8125rem;
}
#other .nav-wrapper .nav-item .icon-wrapper.orange {
  background-color: #FF9800;
}
#other .nav-wrapper .nav-item .icon-wrapper.red {
  background-color: #FC7373;
}
#other .nav-wrapper .nav-item .icon-wrapper.blue {
  background-color: #5097EC;
}
#other .nav-wrapper .nav-item .icon-wrapper.lightblue {
  background-color: #0CBEF0;
}
#other .nav-wrapper .nav-item .icon-wrapper.green {
  background-color: #29BABD;
}
#other .nav-wrapper .nav-item .text {
  display: inline-block;
  color: #6C6666;
  -webkit-flex: 1;
  flex: 1;
  font-size: 14px;
  font-size: 0.875rem;
}
#other .nav-wrapper .nav-item .count-tip {
  margin: 0 15px 0 auto;
  color: #919191;
  line-height: 12px;
  padding: 2px 6px;
  color: #fff;
  background-color: #FF5722;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#other .nav-wrapper .nav-item .arrow-right {
  margin: 0 0 0 auto;
  color: #919191;
  font-size: 20px;
  font-size: 1.25rem;
}

#all-product {
  width: 100%;
  background-color: #fff;
}
#all-product .wrapper {
  min-height: 100vh;
  padding: 78px 20px 20px 20px;
}
#all-product .wrapper > div:last-child {
  margin-bottom: 0;
}
#all-product .wrapper .title-area {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 30px;
}
#all-product .wrapper .title-area .title-word {
  font-size: 20px;
  font-weight: normal;
  color: #000;
  height: 42px;
  margin: auto;
  display: block;
  position: relative;
}
#all-product .wrapper .title-area .title-word:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #DADADA;
}
#all-product .wrapper .block-wrapper {
  width: 100%;
  background-color: #F2F2F2;
  margin-bottom: 20px;
}
#all-product .wrapper .block-wrapper.white {
  background-color: #fff;
}
#all-product .wrapper .block-wrapper .white-area {
  display: block;
  width: 100%;
  margin-bottom: 3px;
  padding: 10px;
  position: relative;
}
#all-product .wrapper .block-wrapper .white-area:last-child {
  margin-bottom: 0;
}
#all-product .wrapper .block-wrapper .white-area:after {
  content: "";
  display: block;
  clear: both;
}
#all-product .wrapper .block-wrapper .topic {
  color: #000;
}
#all-product .wrapper .block-wrapper .topic-category {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
}
#all-product .wrapper .block-wrapper .topic-sub-category {
  font-size: 15px;
  font-weight: normal;
  margin: 0 0 10px 0;
}
#all-product .wrapper .block-wrapper .tag {
  margin-right: 20px;
  color: #737373;
  font-size: 12px;
  line-height: 22px;
  float: left;
  margin-top: 5px;
}
#all-product .wrapper .block-wrapper .tag-active {
  color: #F17C67;
}
#all-product .wrapper .block-wrapper .product-list-area {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#all-product .wrapper .block-wrapper .product-list-area .product {
  display: block;
  width: calc(50% - 6px);
  margin-right: 12px;
  margin-top: 20px;
  background-color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
#all-product .wrapper .block-wrapper .product-list-area .product:nth-child(2n) {
  margin-right: 0;
}
#all-product .wrapper .block-wrapper .product-list-area .product .pic {
  position: relative;
  padding-bottom: 100%;
  width: 100%;
  text-align: center;
}
#all-product .wrapper .block-wrapper .product-list-area .product .pic > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
#all-product .wrapper .block-wrapper .product-list-area .product .view-more-pic {
  height: 68px;
}
#all-product .wrapper .block-wrapper .product-list-area .product .view-more-pic > img {
  height: 100%;
}
#all-product .wrapper .block-wrapper .product-list-area .product .content {
  margin-top: 12px;
}
#all-product .wrapper .block-wrapper .product-list-area .product .content .product-name {
  margin: 0 0 8px 0;
  color: #000;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
}
#all-product .wrapper .block-wrapper .product-list-area .product .content .product-price {
  font-size: 12px;
  color: #737373;
  margin: 0;
  text-align: center;
}
#all-product .wrapper .block-wrapper .product-list-area .product .content .product-price .pink {
  color: #F17C67;
}
#all-product .wrapper .block-wrapper .product-list-area .product .content .product-price .highlight {
  color: #000000;
  font-weight: normal;
  font-size: 15px;
}
#all-product .wrapper .block-wrapper .product-list-area .product .content .view-more-highlight {
  font-size: 15px;
  color: #F17C67;
  font-weight: normal;
  margin: 0 0 8px 0;
  text-align: center;
}
#all-product .wrapper .block-wrapper .product-list-area .product .content .view-more-detail {
  font-size: 12px;
  color: #737373;
  margin: 0;
  text-align: center;
}
#all-product .wrapper .block-wrapper .product-list-area .product .content .view-more-detail > i {
  font-size: 12px;
  color: #737373;
}
#all-product .wrapper .block-wrapper .product-list-area .empty {
  background-color: #fff;
  height: 223px;
  margin-right: -3px;
  margin-bottom: -3px;
  -moz-box-shadow: 3px 3px 0 0 #fff, 0 -3px 0 0 #fff;
  -webkit-box-shadow: 3px 3px 0 0 #fff, 0 -3px 0 0 #fff;
  box-shadow: 3px 3px 0 0 #fff, 0 -3px 0 0 #fff;
}
#all-product .wrapper .block-wrapper .product-list-area .last {
  background-color: #fff;
  width: calc(50% + 1.5px);
  height: 223px;
  margin-right: -3px !important;
  margin-bottom: -3px;
}

#product-list .product-list {
  padding: 3px;
}

#product .view-content {
  margin-bottom: 60px;
}
#product .wrapper {
  min-height: calc(100vh - 50px);
  padding: 20px;
  background-color: #fff;
}
#product .wrapper > div:last-child {
  margin-bottom: 0;
}
#product .wrapper .block-wrapper {
  width: 100%;
  margin-bottom: 20px;
}
#product .wrapper .block-wrapper.small-margin-bottom {
  margin-bottom: 12px;
}
#product .wrapper .block-wrapper .gray-area {
  position: relative;
  display: block;
  width: 100%;
  padding: 12px;
  background-color: #F2F2F2;
}
#product .wrapper .block-wrapper .topic {
  color: #000;
  font-weight: bold;
  font-size: 20px;
}
#product .wrapper .block-wrapper .topic.topic-title {
  margin: 0 0 20px 0;
}
#product .wrapper .block-wrapper .banner-area {
  position: relative;
  width: 100%;
}
#product .wrapper .block-wrapper .banner-area .image-wrapper {
  position: relative;
  padding-bottom: 100%;
}
#product .wrapper .block-wrapper .banner-area .image-wrapper .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#product .wrapper .block-wrapper .small-preview-area {
  width: 100%;
  overflow-x: scroll;
  margin-top: 8px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#product .wrapper .block-wrapper .small-preview-area .small-preview-item {
  position: relative;
  width: calc(16.66666% - 8.33333px);
  min-width: calc(16.66666% - 8.33333px);
  padding-bottom: calc(16.66666% - 8.33333px);
  margin-right: 10px;
  background-color: #fff;
  margin-top: 2px;
}
#product .wrapper .block-wrapper .small-preview-area .small-preview-item .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#product .wrapper .block-wrapper .small-preview-area .small-preview-item.active {
  -moz-box-shadow: 0 -2px 0 0 #F17C67;
  -webkit-box-shadow: 0 -2px 0 0 #F17C67;
  box-shadow: 0 -2px 0 0 #F17C67;
}
#product .wrapper .block-wrapper .small-preview-area .small-preview-item:last-child {
  margin-right: 0;
}
#product .wrapper .block-wrapper .arrow-wrapper {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#product .wrapper .block-wrapper .arrow-wrapper > i {
  color: #CDCDCD;
  font-size: 20px;
}
#product .wrapper .block-wrapper .intro-content {
  margin-top: 20px;
  width: 100%;
  margin-bottom: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
#product .wrapper .block-wrapper .intro-content .intro-text-area .intro-text {
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  color: #737373;
}
#product .wrapper .block-wrapper .intro-content .price-area {
  font-size: 12px;
  text-align: right;
}
#product .wrapper .block-wrapper .intro-content .price-area .price {
  font-size: 15px;
}
#product .wrapper .block-wrapper .h-line {
  width: 100%;
  height: 1px;
  margin: 0 0 20px 0;
  background-color: #CDCDCD;
}
#product .product-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  padding: 0 15px;
  background-color: #fff;
  color: #484848;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.05);
}
#product .product-footer .info {
  margin: 0 10px 0 0;
}
#product .product-footer .info .price {
  color: #F17C67;
}
#product .product-footer .button.submit {
  max-width: 180px;
  height: 44px;
  line-height: 44px;
  margin: 0 0 0 auto;
  padding: 0;
  border: none;
  background-color: #F17C67;
  color: #fff;
  -webkit-flex: 1;
  flex: 1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#search-product .product-list {
  padding: 3px;
}

#cart .view-content {
  margin-bottom: 50px;
}
#cart .info-wrapper {
  margin: 0 0 10px 0;
}
#cart .select-bar {
  position: relative;
  height: 56px;
  line-height: 56px;
  padding: 0 15px;
  border-bottom: 1px solid #eee;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#cart .select-bar .select-wrapper {
  display: block;
  width: 100%;
  height: 26px;
  border: 1px solid #ee7c68;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
#cart .select-bar .select-wrapper .select-button {
  display: block;
  height: 24px;
  line-height: 24px;
  color: #ee7c68;
  background-color: #fff;
  text-align: center;
  float: left;
  border-right: 1px solid #ee7c68;
  font-size: 13px;
  font-size: 0.8125rem;
  -webkit-flex: 1;
  flex: 1;
}
#cart .select-bar .select-wrapper .select-button.active {
  color: #fff;
  background-color: #ee7c68;
}
#cart .select-bar .select-wrapper .select-button:last-child {
  border-right: none;
}
#cart .cart-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 50px;
  height: 50px;
  padding: 0 15px;
  background-color: #fff;
  color: #484848;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.05);
}
#cart .cart-footer .info {
  margin: 0 10px 0 0;
}
#cart .cart-footer .info .price {
  color: #0071C5;
}
#cart .cart-footer .button.submit {
  max-width: 180px;
  height: 36px;
  line-height: 36px;
  margin: 0 0 0 auto;
  padding: 0;
  border: none;
  background-color: #ee7c68;
  color: #fff;
  -webkit-flex: 1;
  flex: 1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#cart .mobile-dropdown {
  margin-top: 15px;
  margin-left: -15px;
}
#cart .dropdown-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(42, 42, 42, 0.6);
  z-index: 3;
}

#faq .topbar .search-bar {
  height: 36px;
}
#faq .wrapper {
  padding: 20px;
  min-height: calc(100vh - 50px);
  background-color: #fff;
}
#faq .wrapper .main-topic {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin: 0 0 20px 0;
}
#faq .wrapper .block-wrapper {
  width: 100%;
  margin-bottom: 30px;
}
#faq .wrapper .block-wrapper:last-child {
  margin-bottom: 0;
}
#faq .wrapper .block-wrapper .main-faq-topic {
  color: #F17C67;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 12px 0;
}
#faq .wrapper .block-wrapper .block .white-area, #faq .wrapper .block-wrapper .checkbox .white-area {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 12px;
}
#faq .wrapper .block-wrapper .block .white-area:last-child, #faq .wrapper .block-wrapper .checkbox .white-area:last-child {
  margin-bottom: 0;
}
#faq .wrapper .block-wrapper .block .white-area .topic-area, #faq .wrapper .block-wrapper .checkbox .white-area .topic-area {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 15px;
  background-color: #F2F2F2;
  padding: 12px;
  color: #000;
  font-weight: bold;
}
#faq .wrapper .block-wrapper .block .white-area .topic-area > i, #faq .wrapper .block-wrapper .checkbox .white-area .topic-area > i {
  color: #424242;
  font-size: 20px;
}
#faq .wrapper .block-wrapper .block .white-area .topic-area > i.zmdi-minus-circle-outline, #faq .wrapper .block-wrapper .checkbox .white-area .topic-area > i.zmdi-minus-circle-outline {
  color: #F17C67;
}
#faq .wrapper .block-wrapper .block .white-area .content, #faq .wrapper .block-wrapper .checkbox .white-area .content {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 12px;
  background-color: #fff;
  padding: 10px;
  color: #000;
  font-weight: normal;
}
#faq .wrapper .block-wrapper .block .white-area .content > i, #faq .wrapper .block-wrapper .checkbox .white-area .content > i {
  color: #CDCDCD;
  font-size: 20px;
}
#faq .wrapper .block-wrapper .block .white-area .content > i.zmdi-chevron-up, #faq .wrapper .block-wrapper .checkbox .white-area .content > i.zmdi-chevron-up {
  color: #F17C67;
}
#faq .wrapper .block-wrapper .block .white-area .content:nth-child(2), #faq .wrapper .block-wrapper .checkbox .white-area .content:nth-child(2) {
  margin-top: 10px;
}
#faq .wrapper .block-wrapper .block .white-area .content:last-child, #faq .wrapper .block-wrapper .checkbox .white-area .content:last-child {
  margin-bottom: 10px;
}
#faq .mainfaq-item .mainfaq-title {
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  background-color: #F3F3F3;
  color: #808180;
  font-size: 12px;
  font-size: 0.75rem;
}
#faq .mainfaq-item .subfaq-item {
  background-color: #fff;
}
#faq .mainfaq-item .subfaq-item .subfaq-title {
  height: 45px;
  padding: 0 15px;
  color: #333030;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}
#faq .mainfaq-item .subfaq-item .subfaq-title .menu-icon {
  margin: 0 15px 0 0;
  font-size: 16px;
  font-size: 1rem;
  display: -webkit-inline-flex;
  display: inline-flex;
}
#faq .mainfaq-item .subfaq-item .subfaq-title .menu-icon i {
  margin: auto;
}
#faq .mainfaq-item .subfaq-item .subfaq-title .fold-button {
  margin: 0 0 0 auto;
  letter-spacing: 0px;
  color: #0071C5;
  font-size: 12px;
  font-size: 0.75rem;
}
#faq .mainfaq-item .subfaq-item .faq-list {
  padding: 0 0 0 19px;
}
#faq .mainfaq-item .subfaq-item .faq-list .faq-item {
  min-height: 45px;
  padding: 0 15px 0 18px;
  border-left: 1px dashed #ddd;
  color: #333030;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#faq .mainfaq-item .subfaq-item .faq-list .faq-item .arrow-right {
  margin: 0 0 0 auto;
  padding: 0 0 0 10px;
  color: #919191;
  font-size: 20px;
  font-size: 1.25rem;
}

#system_message .message-item {
  padding: 10px;
  background-color: #fff;
  overflow: hidden;
  -moz-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}
#system_message .message-item .image {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
  background-color: #eee;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#system_message .message-item .text-wrapper {
  display: inline-block;
  width: calc(100% - 50px);
}
#system_message .message-item .text-wrapper .title {
  margin: 0 0 5px 0;
  display: -webkit-flex;
  display: flex;
}
#system_message .message-item .text-wrapper .title .title-text {
  display: inline-block;
  color: #333030;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-flex: 1;
  flex: 1;
}
#system_message .message-item .text-wrapper .title .title-time {
  display: inline-block;
  margin: 0 0 0 auto;
  color: #919191;
  letter-spacing: 0px;
  font-size: 12px;
  font-size: 0.75rem;
}
#system_message .message-item .text-wrapper .description {
  color: #737373;
  letter-spacing: 0px;
  line-height: 17px;
  font-size: 12px;
  font-size: 0.75rem;
}

#favorite-address .wrapper {
  min-height: calc(100vh - 108px);
  background-color: #fff;
}
#favorite-address .mobile-dropdown {
  margin-top: -25px;
  margin-left: -10px;
}
#favorite-address .mobile-dropdown:before {
  right: 5px;
}
#favorite-address .mobile-dropdown:after {
  right: 5px;
}
#favorite-address .dropdown-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(42, 42, 42, 0.6);
  z-index: 3;
  cursor: pointer;
}

#profile .view-content {
  background-color: #fff;
}
#profile .content {
  padding: 15px;
}
#profile .content .form-item {
  margin: 0 0 15px 0;
}
#profile .content .invoice-title {
  margin: 0 0 10px 0;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  color: #2A2A2A;
  font-size: 18px;
  font-weight: 600;
}

#change-pwd .view-content {
  background-color: #fff;
}
#change-pwd .content {
  padding: 15px;
}
#change-pwd .content .form-item {
  margin: 0 0 15px 0;
}

#about .view-content {
  background-color: #fff;
}
#about .content {
  padding: 15px;
}
#about .content .title {
  margin: 0 0 10px 0;
  color: #484848;
  font-size: 16px;
  font-size: 1rem;
}
#about .content .sub-title {
  line-height: 22px;
  margin: 0 0 10px 0;
  color: #484848;
  text-decoration: underline;
  font-size: 14px;
  font-size: 0.875rem;
}
#about .content .paragraph {
  line-height: 22px;
  margin: 0 0 20px 0;
  color: #484848;
  font-size: 14px;
  font-size: 0.875rem;
}

#contact .view-content {
  background-color: #fff;
}
#contact .content {
  padding: 15px;
}
#contact .content .form-item {
  margin: 0 0 10px 0;
  color: #737373;
  letter-spacing: 0px;
  font-size: 14pxpx;
  font-size: 0.875pxrem;
}
#contact .content .form-item.flex-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#contact .content .form-item .opacity-label {
  opacity: 0;
}
#contact .content .form-item .link {
  color: #0071C5;
  text-decoration: underline;
}
#contact .content .form-item .social {
  display: inline-block;
  margin: 0 8px 0 0;
  width: 30px;
  height: 30px;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  display: -webkit-inline-flex;
  display: inline-flex;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#contact .content .form-item .social.facebook {
  background-color: #3667BC;
}
#contact .content .form-item .social.line {
  background-color: #32cd32;
}
#contact .content .form-item .social i {
  margin: auto;
}
#contact .wrapper {
  padding: 78px 20px 20px 20px;
  min-height: calc(100vh - 50px);
  background-color: #fff;
}
#contact .wrapper .topic {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin: 0 0 20px 0;
}
#contact .wrapper .text {
  color: #2A2A2A;
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 20px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#contact .wrapper .text .icon {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-left: 15px;
}
#contact .wrapper .text .icon.fb {
  background-image: url("../../../images/icons/fb_icon.png");
}
#contact .wrapper .text .icon.ig {
  background-image: url("../../../images/icons/ig_icon.png");
}
#contact .wrapper .text .icon.line {
  background-image: url("../../../images/icons/line_icon.png");
}
#contact .wrapper .text-with-icon {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 20px 0;
  color: #000;
  font-weight: normal;
  font-size: 12px;
}
#contact .wrapper .text-with-icon .icon-wrapper {
  height: 19px;
  width: 19px;
  margin-right: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#contact .wrapper .text-with-icon .icon-wrapper > i {
  color: #F17C67;
  font-size: 19px;
}
#contact .wrapper .text-with-icon > p {
  margin: 0;
  color: #F17C67;
}

.beginners_guide .view-content {
  background: #fff;
}
.beginners_guide .view-content .content-block {
  color: inherit;
  padding: 20px;
  color: #4A4A4A;
}
.beginners_guide .view-content .content-block .process {
  color: inherit;
  margin-bottom: 20px;
}
.beginners_guide .view-content .content-block .process .title {
  color: inherit;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.beginners_guide .view-content .content-block .process .desc {
  margin-top: 6px;
  color: inherit;
  font-size: 14px;
  line-height: 22px;
}
.beginners_guide .view-content .content-block .image-wrapper {
  width: 100%;
}
.beginners_guide .view-content .content-block .image-wrapper .widget-image {
  width: 100%;
  margin: 0 auto 20px auto;
  font-size: 16px;
  line-height: 22px;
  display: block;
}
.beginners_guide .view-content .content-block.info-wrapper {
  margin: 0 0 10px 0;
}
.beginners_guide .view-content .content-block.info-wrapper .info-content {
  padding: 0;
}

#order-list .subbar {
  padding: 0 15px;
  display: -webkit-flex;
  display: flex;
}
#order-list .segmented-control {
  position: relative;
  width: 100%;
  height: 26px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  display: -webkit-flex;
  display: flex;
}
#order-list .segmented-control .control-item {
  height: 26px;
  line-height: 26px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  background-color: transparent;
  color: #FFFFFF;
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  -webkit-flex: 1;
  flex: 1;
}
#order-list .segmented-control .control-item:last-child {
  border-right: none;
}
#order-list .segmented-control .control-item.active {
  background-color: rgba(255, 255, 255, 0.2);
}
#order-list .wrapper {
  min-height: calc(100vh - 144px);
  background-color: #fff;
}
#order-list .wrapper .list-wrapper .order-item-wrapper {
  padding: 10px;
  background-color: #FFFFFF;
  -moz-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .order-item {
  display: -webkit-flex;
  display: flex;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .order-item .image {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0 10px 0 0;
  background-color: #eee;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .order-item .text-wrapper {
  display: inline-block;
  margin: 0 8px 0 0;
  -webkit-flex: 1;
  flex: 1;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .order-item .text-wrapper .title {
  line-height: 1.4em;
  margin: 0 0 5px 0;
  color: #333030;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .order-item .text-wrapper .description {
  line-height: 1.4em;
  margin: 0 0 3px 0;
  color: #777777;
  letter-spacing: 0px;
  font-size: 12px;
  font-size: 0.75rem;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .order-item .text-wrapper .description .space {
  display: inline-block;
  width: 3px;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .order-item .action-wrapper {
  position: relative;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-inline-flex;
  display: inline-flex;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .order-item .action-wrapper .arrow-right {
  margin: 15px 0 0 0;
  color: #919191;
  font-size: 20px;
  font-size: 1.25rem;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .order-item .action-wrapper .order-status {
  margin: auto 0 0 0;
  color: #484848;
  font-size: 12px;
  font-size: 0.75rem;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .order-item .action-wrapper .order-status.orange {
  color: #ee7c68;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .order-item .action-wrapper .order-status.blue {
  color: #0071C5;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .order-item .action-wrapper .order-status.red {
  color: #FF2C22;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .order-item .action-wrapper .order-status.green {
  color: #388d81;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .shipment-search-button {
  position: relative;
  display: block;
  width: 100%;
  height: 32px;
  line-height: 30px;
  margin: 10px 0 0 0;
  padding: 0;
  border: 1px solid #388d81;
  color: #388d81;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  font-weight: 600;
}
#order-list .wrapper .list-wrapper .order-item-wrapper .shipment-search-button i {
  position: absolute;
  top: 50%;
  left: 10px;
  font-size: 16px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#faq-content .note-content {
  padding: 20px;
}

#search-faq .subfaq-item .subfaq-title {
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  background-color: #F3F3F3;
  color: #808180;
  font-size: 12px;
  font-size: 0.75rem;
}
#search-faq .subfaq-item .faq-item {
  min-height: 45px;
  padding: 0 15px;
  border-left: 1px dashed #ddd;
  color: #333030;
  letter-spacing: 0px;
  background-color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}
#search-faq .subfaq-item .faq-item .arrow-right {
  margin: 0 0 0 auto;
  padding: 0 0 0 10px;
  color: #919191;
  font-size: 20px;
  font-size: 1.25rem;
}

#order-history .order-item {
  padding: 10px;
  background-color: #FFFFFF;
  display: -webkit-flex;
  display: flex;
  -moz-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}
#order-history .order-item .image {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0 10px 0 0;
  background-color: #eee;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#order-history .order-item .text-wrapper {
  display: inline-block;
  margin: 0 8px 0 0;
  -webkit-flex: 1;
  flex: 1;
}
#order-history .order-item .text-wrapper .title {
  line-height: 1.4em;
  margin: 0 0 5px 0;
  color: #333030;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
}
#order-history .order-item .text-wrapper .description {
  line-height: 1.4em;
  margin: 0 0 3px 0;
  color: #777777;
  letter-spacing: 0px;
  font-size: 12px;
  font-size: 0.75rem;
}
#order-history .order-item .text-wrapper .description .space {
  display: inline-block;
  width: 3px;
}
#order-history .order-item .action-wrapper {
  position: relative;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-inline-flex;
  display: inline-flex;
}
#order-history .order-item .action-wrapper .button.reorder {
  height: 32px;
  line-height: 32px;
  margin: auto;
  padding: 0 10px;
  border: 1px solid #ee7c68;
  color: #ee7c68;
  background-color: transparent;
  font-size: 12px;
  font-size: 0.75rem;
}

#payment-atm .info-wrapper, #extrafee-payment-atm .info-wrapper {
  margin: 0 0 10px 0;
}

#payment-outwardremittance .info-wrapper, #extrafee-payment-outwardremittance .info-wrapper {
  margin: 0 0 10px 0;
}

#payment-spgatewaycvs .info-wrapper, #extrafee-payment-spgatewaycvs .info-wrapper {
  margin: 0 0 10px 0;
}

#design .subbar {
  padding: 0 15px;
  display: -webkit-flex;
  display: flex;
}
#design .segmented-control {
  position: relative;
  width: 100%;
  height: 26px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  display: -webkit-flex;
  display: flex;
}
#design .segmented-control .control-item {
  height: 26px;
  line-height: 26px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  background-color: transparent;
  color: #FFFFFF;
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  -webkit-flex: 1;
  flex: 1;
}
#design .segmented-control .control-item:last-child {
  border-right: none;
}
#design .segmented-control .control-item.active {
  background-color: rgba(255, 255, 255, 0.2);
}

#blog-list .grid-wrapper {
  margin: 0 0 20px 0;
}
#blog-list .page-controller {
  margin: 0 0 20px 0;
}

#resource-list .grid-wrapper {
  position: relative;
  width: calc(100% - 6px);
  margin: 3px 3px 20px 3px;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
}
#resource-list .grid-wrapper .grid-sizer {
  width: 50%;
}
#resource-list .grid-wrapper .grid-item {
  display: inline-block;
  position: relative;
  width: 50%;
  height: auto;
  padding: 3px;
}
#resource-list .grid-wrapper .grid-item .item-wrapper {
  display: block;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#resource-list .grid-wrapper .grid-item .item-wrapper .image {
  position: relative;
  height: 0;
  padding-bottom: 55%;
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
#resource-list .grid-wrapper .grid-item .item-wrapper .image .recommend {
  position: absolute;
  top: 6px;
  right: -30px;
  height: 32px;
  width: 100px;
  line-height: 32px;
  color: #FFFFFF;
  letter-spacing: 0px;
  background-color: #388d81;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#resource-list .grid-wrapper .grid-item .item-wrapper .item-info {
  position: relative;
  min-height: 80px;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#resource-list .grid-wrapper .grid-item .item-wrapper .item-info .title {
  width: 100%;
  max-height: 36px;
  line-height: 18px;
  margin: 0 0 6px 0;
  color: #2A2A2A;
  overflow: hidden;
  font-size: 13px;
  font-size: 0.8125rem;
}
#resource-list .grid-wrapper .grid-item .item-wrapper .item-info .description {
  margin: 0 0 12px 0;
  color: #484848;
  line-height: 20px;
  overflow: hidden;
  word-break: break-word;
  font-size: 13px;
  font-size: 0.8125rem;
}
#resource-list .grid-wrapper .grid-item .item-wrapper .item-info .meta {
  max-height: 18px;
  line-height: 18px;
  margin: auto 0 0 0;
  color: #484848;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-size: 0.75rem;
}
#resource-list .page-controller {
  margin: 0 0 20px 0;
}

#designer-list .designer-wrapper {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
}
#designer-list .designer-wrapper .grid-item {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  float: none;
}
#designer-list .designer-wrapper .grid-item .item-wrapper .designer {
  padding: 12px;
  border: none;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  border-radius: none;
}
#designer-list .designer-wrapper .grid-item .item-wrapper .designer .avatar {
  display: inline-block;
  position: relative;
  width: 60px;
  min-width: 60px;
  height: 60px;
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#designer-list .designer-wrapper .grid-item .item-wrapper .designer .text-wrapper {
  display: inline-block;
  position: relative;
  height: auto;
  padding: 0 10px;
  overflow: hidden;
  -webkit-flex: 1;
  flex: 1;
}
#designer-list .designer-wrapper .grid-item .item-wrapper .designer .text-wrapper .title {
  margin: 0 0 6px 0;
  color: #2A2A2A;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-size: 0.875rem;
}
#designer-list .designer-wrapper .grid-item .item-wrapper .designer .text-wrapper .description {
  color: #737373;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-size: 0.8125rem;
}
#designer-list .designer-wrapper .grid-item .item-wrapper .designer .text-wrapper .description .category-text {
  color: #9E9E9E;
  font-size: 13px;
  font-size: 0.8125rem;
}
#designer-list .designer-wrapper .grid-item .item-wrapper .designer .text-wrapper .description .category-text:last-child:after {
  display: none;
}
#designer-list .designer-wrapper .grid-item .item-wrapper .designer .text-wrapper .description .category-text:after {
  display: inline-block;
  content: "、";
}
#designer-list .designer-wrapper .grid-item .item-wrapper .designer .button.more {
  display: inline-block;
  width: 120px;
  height: 44px;
  line-height: 44px;
  margin: 0 0 0 auto;
  background-color: #EEEEEE;
  color: #484848;
  letter-spacing: 0px;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#designer-list .designer-wrapper .grid-item .item-wrapper .designer .button.more:hover {
  background-color: #EEEEEE;
  color: #484848;
}
#designer-list .designer-wrapper .grid-item .item-wrapper .designer .arrow-icon {
  margin: 0 0 0 auto;
  color: #737373;
  font-size: 20px;
  font-size: 1.25rem;
}
#designer-list .page-controller {
  margin: 0 0 20px 0;
}

#designer .content-wrapper .main-wrapper {
  display: none;
  margin: 0;
}
#designer .content-wrapper .main-wrapper.mobile-show {
  display: block;
}
#designer .content-wrapper .main-wrapper .mobile-project-wrapper {
  position: relative;
  overflow: hidden;
}
#designer .content-wrapper .main-wrapper .mobile-project-wrapper .grid-item {
  position: relative;
  width: calc(50% - 12px);
  height: auto;
  margin: 6px;
  float: left;
}
#designer .content-wrapper .main-wrapper .mobile-project-wrapper .grid-item .item-wrapper {
  display: block;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#designer .content-wrapper .main-wrapper .mobile-project-wrapper .grid-item .item-wrapper .image {
  position: relative;
  height: 100px;
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
#designer .content-wrapper .main-wrapper .mobile-project-wrapper .grid-item .item-wrapper .image .recommend {
  position: absolute;
  top: 6px;
  right: -30px;
  height: 32px;
  width: 100px;
  line-height: 32px;
  color: #FFFFFF;
  letter-spacing: 0px;
  background-color: #388d81;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#designer .content-wrapper .main-wrapper .mobile-project-wrapper .grid-item .item-wrapper .item-info {
  position: relative;
  min-height: 80px;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#designer .content-wrapper .main-wrapper .mobile-project-wrapper .grid-item .item-wrapper .item-info .title {
  width: 100%;
  max-height: 36px;
  line-height: 18px;
  margin: 0 0 6px 0;
  color: #2A2A2A;
  overflow: hidden;
  font-size: 13px;
  font-size: 0.8125rem;
}
#designer .content-wrapper .main-wrapper .mobile-project-wrapper .grid-item .item-wrapper .item-info .meta {
  max-height: 18px;
  line-height: 18px;
  margin: auto 0 0 0;
  color: #919191;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-size: 0.75rem;
}
#designer .content-wrapper .sideber-wrapper .sidebar-content {
  display: none;
}
#designer .content-wrapper .sideber-wrapper .sidebar-content.designer, #designer .content-wrapper .sideber-wrapper .sidebar-content.mobile-show {
  display: block;
}
#project-list .mobile-project-wrapper {
  display: block;
  position: relative;
  margin: 0 0 20px 0;
  padding: 3px;
  overflow: hidden;
}
#project-list .mobile-project-wrapper .grid-item {
  position: relative;
  width: calc(50% - 6px);
  height: auto;
  margin: 3px;
  float: left;
}
#project-list .mobile-project-wrapper .grid-item .item-wrapper {
  display: block;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#project-list .mobile-project-wrapper .grid-item .item-wrapper .image {
  position: relative;
  height: 120px;
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
#project-list .mobile-project-wrapper .grid-item .item-wrapper .image .recommend {
  position: absolute;
  top: 6px;
  right: -30px;
  height: 32px;
  width: 100px;
  line-height: 32px;
  color: #FFFFFF;
  letter-spacing: 0px;
  background-color: #388d81;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#project-list .mobile-project-wrapper .grid-item .item-wrapper .item-info {
  position: relative;
  min-height: 80px;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#project-list .mobile-project-wrapper .grid-item .item-wrapper .item-info .title {
  width: 100%;
  max-height: 36px;
  line-height: 18px;
  margin: 0 0 6px 0;
  color: #2A2A2A;
  overflow: hidden;
  font-size: 13px;
  font-size: 0.8125rem;
}
#project-list .mobile-project-wrapper .grid-item .item-wrapper .item-info .meta {
  max-height: 18px;
  line-height: 18px;
  margin: auto 0 0 0;
  color: #919191;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-size: 0.75rem;
}
#project-list .page-controller {
  margin: 0 0 20px 0;
}

#enterprise-signup .view-content {
  background-color: #fff;
}
#enterprise-signup .banner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#enterprise-signup .banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
#enterprise-signup .banner .banner-back {
  position: relative;
  height: 44px;
  padding: 0 16px;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#enterprise-signup .banner .banner-back i {
  margin-right: 6px;
  font-size: 20px;
  font-size: 1.25rem;
}
#enterprise-signup .banner .banner-wrapper {
  position: relative;
  width: 100%;
  max-width: 1060px;
  height: 340px;
  padding: 0 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#enterprise-signup .banner .banner-wrapper .text-wrapper {
  line-height: normal;
}
#enterprise-signup .banner .banner-wrapper .text-wrapper .title {
  margin: 0 0 12px 0;
  color: #FFFFFF;
  font-size: 26px;
  font-size: 1.625rem;
}
#enterprise-signup .banner .banner-wrapper .text-wrapper .description {
  line-height: 28px;
  margin: 0 0 16px 0;
  opacity: 0.9;
  color: #FFFFFF;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
}
#enterprise-signup .banner .banner-wrapper .text-wrapper .button-group {
  text-align: center;
}
#enterprise-signup .banner .banner-wrapper .text-wrapper .button-group .button.join {
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 40px;
  border: none;
  background-color: #0C82CE;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0;
  opacity: 0.9;
  font-size: 16px;
  font-size: 1rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#enterprise-signup .banner .banner-wrapper .text-wrapper .button-group .button.join:hover {
  background-color: #0C82CE;
}
#enterprise-signup .activity-banner {
  position: relative;
  background-color: #2A2A2A;
}
#enterprise-signup .activity-banner .banner-wrapper {
  position: relative;
  padding: 30px;
}
#enterprise-signup .activity-banner .banner-wrapper .title {
  margin: 0 0 10px 0;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  display: -webkit-flex;
  display: flex;
}
#enterprise-signup .activity-banner .banner-wrapper .title .tool-tip {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin: 0 0 0 8px;
  padding: 0 12px;
  background-color: #FF9800;
  text-align: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0;
  white-space: nowrap;
  font-size: 13px;
  font-size: 0.8125rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#enterprise-signup .activity-banner .banner-wrapper .description {
  line-height: 24px;
  color: #FFFFFF;
  font-size: 14px;
  font-size: 0.875rem;
}
#enterprise-signup .content-block {
  position: relative;
  line-height: normal;
  padding: 30px 20px;
  background-color: #fff;
}
#enterprise-signup .content-block.gray-content {
  background-color: #fafafa;
}
#enterprise-signup .content-block.black-content {
  background-color: #484848;
}
#enterprise-signup .content-block .content-wrapper .title {
  margin: 0 0 12px 0;
  color: #484848;
  letter-spacing: 0;
  font-size: 26px;
  font-size: 1.625rem;
}
#enterprise-signup .content-block .content-wrapper .description {
  line-height: 28px;
  color: #737373;
  font-size: 14px;
  font-size: 0.875rem;
}
#enterprise-signup .content-block .content-wrapper .invitation-wrapper {
  margin: 20px 0 0 0;
}
#enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper {
  position: relative;
  padding-bottom: 15px;
}
#enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-title {
  margin-bottom: 15px;
  color: #484848;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
}
#enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item {
  margin: 0 0 15px 0;
}
#enterprise-signup .content-block .content-wrapper .invitation-wrapper .button-group {
  padding: 20px 10px 0 10px;
  display: -webkit-flex;
  display: flex;
}
#enterprise-signup .content-block .content-wrapper .invitation-wrapper .button-group .button {
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0;
  border: none;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
}
#enterprise-signup .content-block .content-wrapper .invitation-wrapper .button-group .button.submit {
  margin: 0 20px 0 0;
  background-color: #0071C5;
  font-weight: 600;
  -webkit-flex: 1;
  flex: 1;
}
#enterprise-signup .content-block .content-wrapper .invitation-wrapper .button-group .button.submit:hover {
  background-color: #0071C5;
}
#enterprise-signup .content-block .content-wrapper .invitation-wrapper .button-group .button.cancel {
  min-width: 100px;
  background-color: #919191;
}
#enterprise-signup .content-block .content-wrapper .invitation-wrapper .button-group .button.cancel:hover {
  background-color: #919191;
}
#enterprise-signup .content-block .content-wrapper .invitation-wrapper .success-message {
  padding: 20px 0 0 0;
  color: #388d81;
  text-align: center;
}
#enterprise-signup .content-block .content-wrapper .invitation-wrapper .error-message {
  padding: 20px 0 0 0;
  color: #FF2C22;
  text-align: center;
}
#enterprise-signup .content-block .image-content-wrapper .title {
  margin: 0 0 12px 0;
  color: #484848;
  letter-spacing: 0;
  font-size: 26px;
  font-size: 1.625rem;
}
#enterprise-signup .content-block .image-content-wrapper .description {
  line-height: 28px;
  margin: 0 0 40px 0;
  color: #737373;
  opacity: 0.9;
  font-size: 14px;
  font-size: 0.875rem;
}
#enterprise-signup .content-block .image-content-wrapper .image {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
#enterprise-signup .content-block .join-content-wrapper {
  text-align: center;
}
#enterprise-signup .content-block .join-content-wrapper .title {
  margin: 0 0 12px 0;
  color: #fff;
  font-size: 26px;
  font-size: 1.625rem;
}
#enterprise-signup .content-block .join-content-wrapper .description {
  line-height: 28px;
  margin: 0 0 16px 0;
  color: #fff;
  opacity: 0.9;
  font-size: 16px;
  font-size: 1rem;
}
#enterprise-signup .content-block .join-content-wrapper .button-group {
  text-align: center;
}
#enterprise-signup .content-block .join-content-wrapper .button-group .button.join {
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 40px;
  border: none;
  background-color: #0C82CE;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0;
  opacity: 0.9;
  font-size: 16px;
  font-size: 1rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#enterprise-signup .content-block .join-content-wrapper .button-group .button.join:hover {
  background-color: #0C82CE;
}
#enterprise-signup .content-block .company-wrapper .title {
  margin: 0 0 12px 0;
  color: #484848;
  letter-spacing: 0;
  font-size: 26px;
  font-size: 1.625rem;
}
#enterprise-signup .content-block .company-wrapper .company-list {
  position: relative;
  text-align: center;
}
#enterprise-signup .content-block .company-wrapper .company-list .company {
  position: relative;
  display: inline-block;
  padding: 5px;
}
#enterprise-signup .content-block .company-wrapper .company-list .company:hover .company-name {
  visibility: visible;
  opacity: 1;
  -moz-transform: translateX(-50%) translateY(100%);
  -ms-transform: translateX(-50%) translateY(100%);
  -webkit-transform: translateX(-50%) translateY(100%);
  transform: translateX(-50%) translateY(100%);
}
#enterprise-signup .content-block .company-wrapper .company-list .company:hover img {
  -moz-box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.25);
}
#enterprise-signup .content-block .company-wrapper .company-list .company img {
  max-height: 60px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
#enterprise-signup .content-block .company-wrapper .company-list .company .company-name {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 180px;
  padding: 10px;
  border: 1px solid #ddd;
  text-align: center;
  background-color: #fff;
  z-index: 2;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transform: translateX(-50%) translateY(100%) translateY(-10px);
  -ms-transform: translateX(-50%) translateY(100%) translateY(-10px);
  -webkit-transform: translateX(-50%) translateY(100%) translateY(-10px);
  transform: translateX(-50%) translateY(100%) translateY(-10px);
}
#enterprise-signup .content-block .company-wrapper .company-list .company .company-name:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  background-color: #fff;
  -moz-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}
#enterprise-signup .content-block .company-wrapper .company-list .company .company-name:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  width: 18px;
  height: 9px;
  background-color: #fff;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#points-monthly-introduction {
  position: relative;
  background-color: #fff;
}
#points-monthly-introduction .banner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 1;
}
#points-monthly-introduction .banner .banner-image {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100px;
  z-index: 1;
  user-select: none;
  pointer-events: none;
}
#points-monthly-introduction .banner .banner-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  line-height: normal;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#points-monthly-introduction .banner .banner-info .banner-notebook {
  position: absolute;
  left: 3%;
  top: 10%;
  width: 26%;
  height: auto;
  z-index: 2;
  user-select: none;
  pointer-events: none;
}
#points-monthly-introduction .banner .banner-info .text-wrapper {
  position: absolute;
  top: 20%;
  right: 7%;
  width: 60%;
  padding: 10px;
  border: 3px solid #fff;
  z-index: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#points-monthly-introduction .banner .banner-info .text-wrapper .title {
  margin: 0;
  font-weight: 600;
  color: #535353;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
}
#points-monthly-introduction .banner .banner-info .text-wrapper .title .hightline-text {
  color: #20517A;
}
#points-monthly-introduction .banner .banner-info .text-wrapper .description {
  margin: 0;
  color: #5E6262;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}
#points-monthly-introduction .monthly-content {
  position: relative;
  line-height: normal;
  margin: -40px 0 0 0;
  text-align: center;
  z-index: 2;
  overflow: auto;
}
#points-monthly-introduction .monthly-content .provide-wrapper {
  display: block;
  width: calc(100% - 40px);
  max-width: 1120px;
  margin: 0 auto 20px auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
#points-monthly-introduction .monthly-content .provide-wrapper .provide-block {
  width: 130px;
  height: 130px;
  padding: 10px;
  background-color: #4286A2;
  float: left;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#points-monthly-introduction .monthly-content .provide-wrapper .provide-block.left-block {
  margin: 0 6px 0 0;
}
#points-monthly-introduction .monthly-content .provide-wrapper .provide-block.right-block {
  margin: 0 0 0 6px;
}
#points-monthly-introduction .monthly-content .provide-wrapper .provide-block .title {
  margin: 0 0 12px 0;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
}
#points-monthly-introduction .monthly-content .provide-wrapper .provide-block .image {
  display: block;
  height: 70px;
  user-select: none;
  pointer-events: none;
}
#points-monthly-introduction .monthly-content .application-title {
  width: calc(100% - 40px);
  max-width: 1120px;
  margin: 0 auto 10px auto;
  color: #484848;
  font-weight: 600;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
}
#points-monthly-introduction .monthly-content .application-description {
  width: calc(100% - 40px);
  max-width: 1120px;
  line-height: 1.6em;
  margin: 0 auto 60px auto;
  color: #4E4E4E;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}
#points-monthly-introduction .monthly-content .divide {
  position: relative;
  height: 1px;
  margin: 20px auto;
  background-color: #DBDBDB;
}
#points-monthly-introduction .monthly-content .divide .divide-text {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 10px;
  background-color: #fff;
  color: #484848;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
#points-monthly-introduction .monthly-content .application-process {
  display: block;
  width: calc(100% - 20px);
  max-width: 1120px;
  margin: 0 auto;
  user-select: none;
  pointer-events: none;
}
#points-monthly-introduction .monthly-content .concat-wrapper {
  position: relative;
  width: calc(100% - 40px);
  max-width: 1120px;
  margin: 0 auto;
  padding: 10px 0 40px 0;
}
#points-monthly-introduction .monthly-content .concat-wrapper .image {
  display: block;
  width: 50%;
  height: auto;
  margin: 0 auto 20px auto;
  user-select: none;
  pointer-events: none;
}
#points-monthly-introduction .monthly-content .concat-wrapper .text-wrapper .title {
  color: #595959;
  font-size: 18px;
  font-size: 1.125rem;
}
#points-monthly-introduction .monthly-content .concat-wrapper .text-wrapper .phone {
  color: #58A89E;
  font-weight: 600;
  letter-spacing: 4px;
  font-size: 20px;
  font-size: 1.25rem;
}
#points-monthly-introduction .monthly-content .concat-wrapper .text-wrapper .online-application {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 12px 0 0 0;
  padding: 0 30px;
  color: #fff;
  background-color: #2b6d8a;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

#login_success .view-content {
  background-color: #fff;
  width: 100%;
  height: 100%;
  height: -moz-available;
  height: -webkit-fill-available;
  height: fill-available;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#login_success .content {
  padding: 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}
#login_success .content .loading {
  margin-bottom: 30px;
  font-size: 28px;
  font-size: 1.75rem;
}

#footer-tab {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  overflow: hidden;
  background-color: #FFFFFF;
  z-index: 10;
  display: -webkit-flex;
  display: flex;
  -moz-box-shadow: inset 0px 1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px 1px 0px 0px #DDDDDD;
  box-shadow: inset 0px 1px 0px 0px #DDDDDD;
}
#footer-tab .tab {
  display: inline-block;
  cursor: pointer;
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-inline-flex;
  display: inline-flex;
}
#footer-tab .tab.active .tab-icon, #footer-tab .tab.active .tab-text {
  color: #ee7c68;
}
#footer-tab .tab .tab-icon {
  position: relative;
  height: 16px;
  margin: 0 0 8px 0;
  color: #484848;
  font-size: 16px;
  font-size: 1rem;
  display: -webkit-flex;
  display: flex;
}
#footer-tab .tab .tab-icon i {
  margin: auto;
}
#footer-tab .tab .tab-text {
  color: #484848;
  line-height: 12px;
  font-size: 10px;
  font-size: 0.625rem;
}
#footer-tab .tab .hint {
  position: absolute;
  top: -3px;
  right: -4px;
  width: 8px;
  height: 8px;
  background-color: #ee7c68;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#edit-delivery-modal .select-bar {
  position: relative;
  height: 56px;
  line-height: 56px;
  padding: 0 15px;
  border-bottom: 1px solid #eee;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#edit-delivery-modal .select-bar .select-wrapper {
  display: block;
  width: 100%;
  height: 26px;
  border: 1px solid #ee7c68;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
#edit-delivery-modal .select-bar .select-wrapper .select-button {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  color: #ee7c68;
  background-color: #fff;
  text-align: center;
  float: left;
  border-right: 1px solid #ee7c68;
  font-size: 13px;
  font-size: 0.8125rem;
  -webkit-flex: 1;
  flex: 1;
}
#edit-delivery-modal .select-bar .select-wrapper .select-button.active {
  color: #fff;
  background-color: #ee7c68;
}
#edit-delivery-modal .select-bar .select-wrapper .select-button:last-child {
  border-right: none;
}
#edit-delivery-modal .content {
  padding: 15px;
}
#edit-delivery-modal .content .form-item {
  margin: 0 0 15px 0;
}
#edit-delivery-modal .content .pickup-title, #edit-delivery-modal .content .pickup-description {
  line-height: 24px;
  color: #737373;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
}
#edit-delivery-modal .content .pickup-title {
  margin: 0 0 15px 0;
}
#edit-delivery-modal .content .pickup-description {
  margin: 0 0 10px 0;
}
#edit-delivery-modal .content .confidential-item {
  margin: 0 0 15px 0;
  padding: 15px 0 0 0;
  border-top: 2px dashed #ddd;
}
#edit-delivery-modal .content .confidential-item .confidential-description {
  margin: 10px 0 0 0;
  color: #737373;
  font-size: 12px;
  font-size: 0.75rem;
}

#edit-member-modal .content {
  padding: 15px;
}
#edit-member-modal .content .form-item {
  margin: 0 0 15px 0;
}

#upload-orderitem-file-modal .scroll-content {
  background-color: #eee;
}
#upload-orderitem-file-modal .message-content {
  position: relative;
  width: 100%;
  height: calc(100% + 1px);
}
#upload-orderitem-file-modal .message-wrapper {
  position: relative;
  margin: 0 0 5px 0;
  padding: 15px;
}
#upload-orderitem-file-modal .message-wrapper.file {
  background-color: #fff;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
#upload-orderitem-file-modal .message-wrapper.file .title {
  font-size: 16px;
  font-size: 1rem;
}
#upload-orderitem-file-modal .message-wrapper .title {
  margin: 0 0 10px 0;
  color: #484848;
  font-size: 14px;
  font-size: 0.875rem;
}
#upload-orderitem-file-modal .message-wrapper .error-msg {
  color: #FF2C22;
}
#upload-orderitem-file-modal .message-wrapper .list {
  padding-left: 20px;
  color: #737373;
  letter-spacing: 0px;
  line-height: 20px;
}
#upload-orderitem-file-modal .message-wrapper .list.decimal li {
  list-style-type: decimal;
}
#upload-orderitem-file-modal .message-wrapper .list li {
  list-style-type: disc;
}
#upload-orderitem-file-modal .message-wrapper .description {
  color: #737373;
  letter-spacing: 0px;
  line-height: 20px;
  font-size: 12px;
  font-size: 0.75rem;
}
#upload-orderitem-file-modal .message-wrapper .description .icon-hint {
  margin: 0 5px;
  vertical-align: text-bottom;
  font-size: 16px;
  font-size: 1rem;
}
#upload-orderitem-file-modal .message-wrapper .description .dropbox-icon-hint {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  border: 1px solid #737373;
  text-align: center;
  vertical-align: text-bottom;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#upload-orderitem-file-modal .message-wrapper .description .link {
  color: #484848;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
#upload-orderitem-file-modal .message-wrapper .upload-input {
  width: 100%;
  height: 44px;
  margin: 0 0 10px 0;
  padding: 0 10px;
  border: 1px solid #ddd;
  background-color: #FAFAFA;
  color: #484848;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

#edit-address-modal .scroll-content {
  background-color: #fff;
}
#edit-address-modal .content {
  padding: 15px;
}
#edit-address-modal .content .form-item {
  margin: 0 0 15px 0;
}

#confirm-modal .md-content {
  width: calc(100% - 40px);
  min-width: 0;
  max-width: 320px;
  height: auto;
  padding: 20px;
}
#confirm-modal .md-content .title {
  color: #2A2A2A;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
}
#confirm-modal .md-content .description {
  margin: 0 0 10px 0;
  color: #737373;
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
}
#confirm-modal .md-content .button-group {
  display: -webkit-flex;
  display: flex;
}
#confirm-modal .md-content .button-group .button {
  height: 36px;
  line-height: 36px;
}
#confirm-modal .md-content .button-group .button.submit {
  margin-right: 8px;
  -webkit-flex: 1;
  flex: 1;
}
#confirm-modal .md-content .error {
  text-align: center;
  color: #FF2C22;
}

#login-modal .md-close {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-size: 1.25rem;
}
#login-modal .header {
  position: relative;
  height: 60px;
  line-height: 60px;
  margin: 0;
  background-color: #FAFAFA;
  color: #323133;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
#login-modal .content {
  padding: 20px;
}
#login-modal .content .button {
  position: relative;
  display: block;
  height: 44px;
  line-height: 44px;
  padding: 0;
  border: none;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
}
#login-modal .content .button.facebook {
  margin: 0;
  background-color: #3667BC;
}
#login-modal .content .button.facebook:hover {
  background-color: #3667BC;
}
#login-modal .content .button.login {
  margin: 0 0 12px 0;
  background-color: #ee7c68;
}
#login-modal .content .button.login:hover {
  background-color: #ee7c68;
}
#login-modal .content .button .facebook-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  font-size: 24px;
  font-size: 1.5rem;
}
#login-modal .content .button .facebook-icon i {
  margin: 0;
}
#login-modal .content .divide {
  position: relative;
  width: 100%;
  height: 1px;
  margin: 32px auto;
  background-color: #C6BDBC;
  white-space: nowrap;
}
#login-modal .content .divide .msg {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0 34px;
  background-color: #fff;
  color: #8A807F;
  letter-spacing: 0.29px;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
#login-modal .content .input-form {
  margin: 0 0 12px 0;
}
#login-modal .content .input-form.password input {
  padding: 0 52px 0 12px;
}
#login-modal .content .input-form.error.password input {
  padding: 0px 70px 0 12px;
}
#login-modal .content .input-form.error.password .show-hide-btn {
  -moz-transform: translateX(-80%);
  -ms-transform: translateX(-80%);
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
}
#login-modal .content .input-form.error input {
  border: 1px solid #FF2C22;
  padding: 0 30px 0 12px;
  color: #FF2C22;
}
#login-modal .content .input-form.error i {
  display: block;
}
#login-modal .content .input-form input {
  height: 44px;
  border: 1px solid #ddd;
  color: #2A2A2A;
}
#login-modal .content .input-form .error-icon {
  display: none;
  position: absolute;
  top: 50%;
  right: 12px;
  color: #FF2C22;
  font-size: 18px;
  font-size: 1.125rem;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#login-modal .content .error-msg {
  display: block;
  margin: 0 0 12px 0;
  padding: 0 10px;
  text-align: center;
  color: #FF2C22;
  font-size: 13px;
  font-size: 0.8125rem;
}
#login-modal .content .forget-pwd {
  display: block;
  text-align: right;
}
#login-modal .content .forget-pwd .link {
  cursor: pointer;
  color: #737373;
  font-size: 13px;
  font-size: 0.8125rem;
}
#login-modal .content .forget-pwd .link:hover {
  color: #2A2A2A;
  text-decoration: underline;
}
#login-modal .footer {
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #7D7D7D;
  font-size: 13px;
  font-size: 0.8125rem;
}
#login-modal .footer .link {
  color: #ee7c68;
  cursor: pointer;
}
#login-modal .footer .link:hover {
  text-decoration: underline;
}

#register-modal .md-close {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-size: 1.25rem;
}
#register-modal .md-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #737373;
  z-index: 1;
  font-size: 20px;
  font-size: 1.25rem;
}
#register-modal .md-prev:hover {
  color: #000;
  cursor: pointer;
}
#register-modal .header {
  position: relative;
  height: 60px;
  line-height: 60px;
  margin: 0;
  background-color: #FAFAFA;
  color: #323133;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
#register-modal .content {
  padding: 20px;
  overflow: hidden;
}
#register-modal .content.success {
  padding: 40px;
}
#register-modal .content .input-wrapper {
  display: inline-block;
  width: 50%;
  padding-right: 20px;
  float: left;
}
#register-modal .content .button {
  position: relative;
  display: block;
  height: 44px;
  line-height: 44px;
  padding: 0;
  border: none;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
}
#register-modal .content .button.facebook {
  margin: 0;
  background-color: #3667BC;
}
#register-modal .content .button.facebook:hover {
  background-color: #3667BC;
}
#register-modal .content .button.login {
  margin: 0 0 12px 0;
  background-color: #ee7c68;
  clear: left;
}
#register-modal .content .button.login:hover {
  background-color: #ee7c68;
}
#register-modal .content .button .facebook-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  font-size: 24px;
  font-size: 1.5rem;
}
#register-modal .content .button .facebook-icon i {
  margin: 0;
}
#register-modal .content .divide {
  position: relative;
  width: 100%;
  height: 1px;
  margin: 32px auto;
  background-color: #C6BDBC;
  white-space: nowrap;
}
#register-modal .content .divide .msg {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0 34px;
  background-color: #fff;
  color: #8A807F;
  letter-spacing: 0.29px;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
#register-modal .content .label {
  display: block;
  line-height: 20px;
  margin: 0 0 7px 0;
  font-weight: 600;
  color: #2A2A2A;
  font-size: 13px;
  font-size: 0.8125rem;
}
#register-modal .content .label .tip {
  font-weight: 400;
  color: #737373;
}
#register-modal .content .input-form {
  margin: 0 0 12px 0;
}
#register-modal .content .input-form.password input {
  padding: 0 52px 0 12px;
}
#register-modal .content .input-form.error.password input {
  padding: 0px 70px 0 12px;
}
#register-modal .content .input-form.error.password .show-hide-btn {
  -moz-transform: translateX(-80%);
  -ms-transform: translateX(-80%);
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
}
#register-modal .content .input-form.error input {
  border: 1px solid #FF2C22;
  padding: 0 30px 0 12px;
  color: #FF2C22;
}
#register-modal .content .input-form.error i {
  display: block;
}
#register-modal .content .input-form input {
  height: 44px;
  border: 1px solid #ddd;
  color: #2A2A2A;
}
#register-modal .content .input-form .error-icon {
  display: none;
  position: absolute;
  top: 50%;
  right: 12px;
  color: #FF2C22;
  font-size: 18px;
  font-size: 1.125rem;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#register-modal .content .image {
  display: block;
  margin: 0 auto 20px auto;
}
#register-modal .content .title {
  line-height: 25px;
  margin: 0 0 12px 0;
  font-weight: 600;
  color: #565151;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
}
#register-modal .content .description {
  line-height: 19.5px;
  margin: 0;
  color: #2A2A2A;
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
}
#register-modal .content .error-msg {
  display: block;
  margin: 0 0 12px 0;
  padding: 0 10px;
  text-align: center;
  color: #FF2C22;
  font-size: 13px;
  font-size: 0.8125rem;
}
#register-modal .content .resend-invitation {
  display: block;
  text-align: right;
}
#register-modal .content .resend-invitation .link {
  cursor: pointer;
  color: #737373;
  font-size: 13px;
  font-size: 0.8125rem;
}
#register-modal .content .resend-invitation .link:hover {
  color: #2A2A2A;
  text-decoration: underline;
}
#register-modal .footer {
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #7D7D7D;
  font-size: 13px;
  font-size: 0.8125rem;
}
#register-modal .footer .link {
  color: #ee7c68;
  cursor: pointer;
}
#register-modal .footer .link:hover {
  text-decoration: underline;
}

#reset-pw-modal .md-close {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  font-size: 1.25rem;
}
#reset-pw-modal .md-content {
  position: relative;
  width: calc(100% - 36px);
  min-width: calc(100% - 36px);
  max-width: calc(100% - 36px);
  padding: 0;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#reset-pw-modal .header {
  position: relative;
  height: 70px;
  line-height: 70px;
  margin: 0;
  background-color: #FAFAFA;
  color: #323133;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
#reset-pw-modal .content {
  padding: 20px;
}
#reset-pw-modal .content .button {
  position: relative;
  display: inline-block;
  height: 50px;
  width: calc(100% - 120px);
  margin: 0;
  margin-right: 10px;
  line-height: 50px;
  padding: 0;
  border: none;
  color: #FFF;
  background-color: #ee7c68;
  font-size: 16px;
  font-size: 1rem;
}
#reset-pw-modal .content .button.cancel {
  margin-right: 0;
  width: 100px;
  background-color: #737373;
}
#reset-pw-modal .content .input-form {
  margin: 0 0 12px 0;
}
#reset-pw-modal .content .input-form.password input {
  padding: 0 52px 0 12px;
}
#reset-pw-modal .content .input-form.error.password input {
  padding: 0px 70px 0 12px;
}
#reset-pw-modal .content .input-form.error.password .show-hide-btn {
  -moz-transform: translateX(-80%);
  -ms-transform: translateX(-80%);
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
}
#reset-pw-modal .content .input-form.error input {
  border: 1px solid #FF2C22;
  padding: 0 30px 0 12px;
  color: #FF2C22;
}
#reset-pw-modal .content .input-form.error i {
  display: block;
}
#reset-pw-modal .content .input-form input {
  height: 50px;
  line-height: 48px;
  border: 1px solid #ddd;
  color: #2A2A2A;
}
#reset-pw-modal .content .input-form .error-icon {
  display: none;
  position: absolute;
  top: 50%;
  right: 12px;
  color: #FF2C22;
  font-size: 18px;
  font-size: 1.125rem;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#forgot-password-modal .md-close {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  font-size: 1.25rem;
}
#forgot-password-modal .md-content {
  position: relative;
  width: calc(100% - 36px);
  min-width: calc(100% - 36px);
  max-width: calc(100% - 36px);
  padding: 0;
  text-align: center;
}
#forgot-password-modal .md-content .header {
  position: relative;
  height: 70px;
  line-height: 70px;
  margin: 0;
  background-color: #FAFAFA;
  color: #323133;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
#forgot-password-modal .md-content .content {
  padding: 20px;
}
#forgot-password-modal .md-content .description {
  color: #8A807F;
  letter-spacing: 0px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}
#forgot-password-modal .md-content .input-form {
  margin: 0 0 10px 0;
}
#forgot-password-modal .md-content .input-form.password input {
  padding: 0 52px 0 12px;
}
#forgot-password-modal .md-content .input-form.error.password input {
  padding: 0px 70px 0 12px;
}
#forgot-password-modal .md-content .input-form.error.password .show-hide-btn {
  -moz-transform: translateX(-80%);
  -ms-transform: translateX(-80%);
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
}
#forgot-password-modal .md-content .input-form.error input {
  border: 1px solid #FF2C22;
  padding: 0 30px 0 12px;
  color: #FF2C22;
}
#forgot-password-modal .md-content .input-form.error i {
  display: block;
}
#forgot-password-modal .md-content .input-form input {
  height: 50px;
  line-height: 48px;
  border: 1px solid #ddd;
  color: #2A2A2A;
}
#forgot-password-modal .md-content .input-form .error-icon {
  display: none;
  position: absolute;
  top: 50%;
  right: 12px;
  color: #FF2C22;
  font-size: 18px;
  font-size: 1.125rem;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#forgot-password-modal .md-content .button {
  width: 100%;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
}
#forgot-password-modal .md-content .button.submit {
  color: #FFFFFF;
  background-color: #ee7c68;
  font-size: 14px;
  font-size: 0.875rem;
}

#resend-invitation-modal .md-close {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  font-size: 1.25rem;
}
#resend-invitation-modal .md-content {
  position: relative;
  width: calc(100% - 36px);
  min-width: calc(100% - 36px);
  max-width: calc(100% - 36px);
  padding: 0;
  text-align: center;
}
#resend-invitation-modal .md-content .header {
  position: relative;
  height: 70px;
  line-height: 70px;
  margin: 0;
  background-color: #FAFAFA;
  color: #323133;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
#resend-invitation-modal .md-content .content {
  padding: 20px;
}
#resend-invitation-modal .md-content .description {
  color: #8A807F;
  letter-spacing: 0px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}
#resend-invitation-modal .md-content .input-form {
  margin: 0 0 12px 0;
}
#resend-invitation-modal .md-content .input-form.password input {
  padding: 0 52px 0 12px;
}
#resend-invitation-modal .md-content .input-form.error.password input {
  padding: 0px 70px 0 12px;
}
#resend-invitation-modal .md-content .input-form.error.password .show-hide-btn {
  -moz-transform: translateX(-80%);
  -ms-transform: translateX(-80%);
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
}
#resend-invitation-modal .md-content .input-form.error input {
  border: 1px solid #FF2C22;
  padding: 0 30px 0 12px;
  color: #FF2C22;
}
#resend-invitation-modal .md-content .input-form.error i {
  display: block;
}
#resend-invitation-modal .md-content .input-form input {
  height: 50px;
  line-height: 48px;
  border: 1px solid #ddd;
  color: #2A2A2A;
}
#resend-invitation-modal .md-content .input-form .error-icon {
  display: none;
  position: absolute;
  top: 50%;
  right: 12px;
  color: #FF2C22;
  font-size: 18px;
  font-size: 1.125rem;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#resend-invitation-modal .md-content .button {
  width: 100%;
  height: 44px;
  line-height: 44px;
  margin: 10px 0 0 0;
  padding: 0;
}
#resend-invitation-modal .md-content .button.submit {
  color: #FFFFFF;
  background-color: #ee7c68;
  font-size: 14px;
  font-size: 0.875rem;
}

#select-more-options-modal .md-content {
  width: calc(100% - 60px);
  min-width: calc(100% - 60px);
  max-width: calc(100% - 60px);
  max-height: calc(100% - 100px);
  overflow: auto;
}
#select-more-options-modal .md-content .option-item {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #737373;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  -moz-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}
#select-more-options-modal .md-content .option-item.active {
  color: #ee7c68;
}
#select-more-options-modal .md-content .option-item .color-option {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-flex;
  display: flex;
}
#select-more-options-modal .md-content .option-item .color-option .color {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#loading-modal .md-content {
  width: 140px;
  min-width: 140px;
  max-width: 140px;
  min-height: 140px;
  background-color: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#loading-modal .md-content .icon {
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 42px;
  font-size: 2.625rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#loading-modal .md-content .title {
  margin: 10px 0 0 0;
  padding: 0 10px;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}

#edit-userremark-modal .content {
  padding: 15px;
}
#edit-userremark-modal .content .form-item {
  margin: 0 0 15px 0;
}

#no-email-notification .md-wrapper {
  height: 100vh;
  width: 100vw;
}
#no-email-notification .md-content {
  width: calc(100% - 20px);
  min-width: 0;
  max-width: 320px;
  height: auto;
  padding: 30px;
}
#no-email-notification .md-content .title {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
}
#no-email-notification .md-content .description {
  color: #2A2A2A;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}
#no-email-notification .md-content .button-group {
  text-align: center;
}
#no-email-notification .md-content .button-group .button {
  width: 120px;
}

#logout-alert .md-close {
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #A79E9D;
  font-size: 24px;
  font-size: 1.5rem;
}
#logout-alert .md-content {
  position: relative;
  width: calc(100% - 36px);
  min-width: calc(100% - 36px);
  max-width: calc(100% - 36px);
  padding: 40px;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#logout-alert .status-message {
  width: auto;
}

#message-box .md-close {
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #A79E9D;
  font-size: 24px;
  font-size: 1.5rem;
}
#message-box .md-content {
  position: relative;
  width: calc(100% - 40px);
  min-width: 0;
  max-width: 320px;
  padding: 0;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#message-box .content {
  padding: 20px;
  text-align: center;
}
#message-box .content img {
  margin-bottom: 20px;
}
#message-box .content .msg-title {
  height: 25px;
  line-height: 25px;
  margin-bottom: 12px;
  font-size: 18px;
  color: #565151;
  font-weight: bold;
}
#message-box .content .msg-desc {
  line-height: 20px;
  font-size: 13px;
  color: #4A4A4A;
}
#message-box .content i {
  display: block;
  width: 100px;
  color: #ee7c68;
  font-size: 80px;
  margin: 0 auto 10px;
}
#message-box .content i.error {
  color: #FF2C22;
}
#message-box .content .msg-button {
  display: block;
  margin-top: 10px;
  height: 40px;
  padding: 0;
  line-height: 40px;
  cursor: pointer;
}
#message-box .content .msg-button.start {
  color: #FFF;
  background-color: #ee7c68;
}
#message-box .content .msg-button.error {
  color: #FFF;
  background-color: #FF2C22;
}

#confirm-refund-modal .md-close {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  font-size: 1.25rem;
}
#confirm-refund-modal .md-content {
  position: relative;
  width: calc(100% - 100px);
  min-width: 300px;
  max-width: calc(100% - 100px);
  padding: 0;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#confirm-refund-modal .header {
  position: relative;
  height: 70px;
  line-height: 70px;
  margin: 0;
  background-color: #FAFAFA;
  color: #323133;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
#confirm-refund-modal .content {
  padding: 20px;
  overflow: hidden;
}
#confirm-refund-modal .content .input-form.error input, #confirm-refund-modal .content .input-form.error textarea {
  border: 1px solid #FF2C22;
  color: #FF2C22;
}
#confirm-refund-modal .content .input-form input {
  height: 40px;
  line-height: 38px;
  border: 1px solid #CCCCCC;
  color: #6C6666;
  font-size: 13px;
  font-size: 0.8125rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#confirm-refund-modal .content .input-form textarea {
  margin-bottom: 10px;
  border: 1px solid #CCCCCC;
  color: #6C6666;
  font-size: 13px;
  font-size: 0.8125rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#confirm-refund-modal .content .upload-wrapper .button.upload {
  position: relative;
  height: 30px;
  line-height: 30px;
  margin: 0 10px 0 0;
  background-color: #388d81;
  color: #FFF;
}
#confirm-refund-modal .content .upload-wrapper .button.upload:hover {
  background-color: #388d81;
}
#confirm-refund-modal .content .upload-wrapper .button.upload input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
}
#confirm-refund-modal .content .upload-wrapper .file {
  display: inline-block;
  max-width: 250px;
  margin: 0 10px 0 0;
  color: #2A2A2A;
}
#confirm-refund-modal .content .upload-wrapper .remove {
  color: #0071C5;
  text-decoration: underline;
  cursor: pointer;
}
#confirm-refund-modal .footer {
  width: 100%;
  height: 70px;
  background-color: #FAFAFA;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-box-shadow: inset 0px 1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px 1px 0px 0px #DDDDDD;
  box-shadow: inset 0px 1px 0px 0px #DDDDDD;
}
#confirm-refund-modal .footer .button {
  height: 44px;
  line-height: 44px;
  margin: 0 5px;
  border: none;
  font-weight: 600;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#confirm-refund-modal .footer .button.submit {
  padding: 0 50px;
  background-color: #FF2C22;
  color: #fff;
}
#confirm-refund-modal .footer .button.submit:hover {
  background-color: #FF2C22;
}
#confirm-refund-modal .footer .button.cancel {
  padding: 0 30px;
  background-color: #E4E4E4;
  color: #6C6666;
}
#confirm-refund-modal .footer .button.cancel:hover {
  background-color: #E4E4E4;
}

#confirm-payment-modal .wrapper, #confirm-extrafee-payment-modal .wrapper {
  min-height: calc(100vh - 50px);
  background-color: #fff;
}
#confirm-payment-modal .md-content, #confirm-extrafee-payment-modal .md-content {
  background-color: #fff;
}
#confirm-payment-modal .scroll-content, #confirm-extrafee-payment-modal .scroll-content {
  bottom: 60px;
}
#confirm-payment-modal .payment-confirm, #confirm-extrafee-payment-modal .payment-confirm {
  margin: 0 0 15px 0;
  padding: 20px;
  background-color: #fff;
  color: #2A2A2A;
  display: -webkit-flex;
  display: flex;
}
#confirm-payment-modal .payment-confirm .payment-confirm-message, #confirm-extrafee-payment-modal .payment-confirm .payment-confirm-message {
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#confirm-payment-modal .payment-confirm .payment-confirm-message .text-wrapper, #confirm-extrafee-payment-modal .payment-confirm .payment-confirm-message .text-wrapper {
  position: relative;
  display: inline-block;
}
#confirm-payment-modal .payment-confirm .payment-confirm-message .text-wrapper .title, #confirm-extrafee-payment-modal .payment-confirm .payment-confirm-message .text-wrapper .title {
  margin: 0 0 8px 0;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0px;
  font-size: 20px;
  font-size: 1.25rem;
}
#confirm-payment-modal .payment-confirm .payment-confirm-message .text-wrapper .description, #confirm-extrafee-payment-modal .payment-confirm .payment-confirm-message .text-wrapper .description {
  line-height: 19.5px;
  letter-spacing: 0px;
  font-size: 13px;
  font-size: 0.8125rem;
}
#confirm-payment-modal .payment-confirm .status-action, #confirm-extrafee-payment-modal .payment-confirm .status-action {
  margin: 0 0 0 10px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
#confirm-payment-modal .payment-confirm .status-action .button, #confirm-extrafee-payment-modal .payment-confirm .status-action .button {
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0 10px;
  border: none;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#confirm-payment-modal .info-wrapper, #confirm-extrafee-payment-modal .info-wrapper {
  margin: 0 0 10px 0;
}
#confirm-payment-modal .payment-method, #confirm-extrafee-payment-modal .payment-method {
  min-height: 100%;
  padding: 10px;
  background-color: #fff;
}
#confirm-payment-modal .method, #confirm-extrafee-payment-modal .method {
  position: relative;
  height: 60px;
  margin: 0 0 10px 0;
  padding: 0 10px;
  border: 2px solid #D9D9D9;
  background-color: #FFFFFF;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#confirm-payment-modal .method.selected, #confirm-extrafee-payment-modal .method.selected {
  border: 2px solid #ee7c68;
}
#confirm-payment-modal .method.selected .checkbox, #confirm-extrafee-payment-modal .method.selected .checkbox {
  border: 1px solid #ee7c68;
  background-color: #ee7c68;
}
#confirm-payment-modal .method.selected .checkbox i, #confirm-extrafee-payment-modal .method.selected .checkbox i {
  visibility: visible;
  font-size: 18px;
  font-size: 1.125rem;
}
#confirm-payment-modal .method.selected .method-info, #confirm-extrafee-payment-modal .method.selected .method-info {
  opacity: 1;
}
#confirm-payment-modal .method .checkbox, #confirm-extrafee-payment-modal .method .checkbox {
  width: 25px;
  height: 25px;
  margin: 0 20px 0 0;
  border: 1px solid #D9D9D9;
  color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
}
#confirm-payment-modal .method .checkbox i, #confirm-extrafee-payment-modal .method .checkbox i {
  margin: auto;
  visibility: hidden;
}
#confirm-payment-modal .method .method-info, #confirm-extrafee-payment-modal .method .method-info {
  opacity: 0.5;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
#confirm-payment-modal .method .method-info .image, #confirm-extrafee-payment-modal .method .method-info .image {
  height: 40px;
  margin: 0 10px 0 0;
}
#confirm-payment-modal .method .method-info .title, #confirm-extrafee-payment-modal .method .method-info .title {
  font-weight: 600;
  color: #4A4A4A;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
}
#confirm-payment-modal .method .button.pay, #confirm-extrafee-payment-modal .method .button.pay {
  top: calc(100% + 8px);
  left: 50%;
  position: absolute;
  display: block;
  width: 240px;
  height: 44px;
  line-height: 44px;
  margin: 0 0;
  padding: 0;
  border: none;
  background-color: #ee7c68;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#confirm-payment-modal .explanation .ssl-lock, #confirm-extrafee-payment-modal .explanation .ssl-lock {
  display: inline-block;
  margin-right: 4px;
  color: #ee7c68;
}
#confirm-payment-modal .explanation .title, #confirm-extrafee-payment-modal .explanation .title {
  line-height: 20px;
  margin: 0 0 12px 0;
  font-weight: 600;
  color: #2A2A2A;
  word-wrap: break-word;
  font-size: 14px;
  font-size: 0.875rem;
}
#confirm-payment-modal .explanation .description, #confirm-extrafee-payment-modal .explanation .description {
  line-height: 26px;
  margin: 0;
  color: #484848;
  word-wrap: break-word;
  font-size: 14px;
  font-size: 0.875rem;
}
#confirm-payment-modal .explanation .description.red, #confirm-extrafee-payment-modal .explanation .description.red {
  color: #FF2C22;
}
#confirm-payment-modal .footer, #confirm-extrafee-payment-modal .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  padding: 0 16px;
  background-color: #FAFAFA;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-box-shadow: inset 0px 1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px 1px 0px 0px #DDDDDD;
  box-shadow: inset 0px 1px 0px 0px #DDDDDD;
}
#confirm-payment-modal .footer .button, #confirm-extrafee-payment-modal .footer .button {
  height: 36px;
  line-height: 36px;
  margin: 0;
  border: none;
  font-weight: 600;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#confirm-payment-modal .footer .button.submit, #confirm-extrafee-payment-modal .footer .button.submit {
  background-color: #ee7c68;
  color: #fff;
  -webkit-flex: 1;
  flex: 1;
}
#confirm-payment-modal .footer .button.submit:hover, #confirm-extrafee-payment-modal .footer .button.submit:hover {
  background-color: #ee7c68;
}
#confirm-payment-modal .footer .button.cancel, #confirm-extrafee-payment-modal .footer .button.cancel {
  width: 100px;
  margin: 0 0 0 10px;
  background-color: #E4E4E4;
  color: #6C6666;
}
#confirm-payment-modal .footer .button.cancel:hover, #confirm-extrafee-payment-modal .footer .button.cancel:hover {
  background-color: #E4E4E4;
}
#edit-remittance-info-modal .select-bar {
  position: relative;
  height: 56px;
  line-height: 56px;
  padding: 0 15px;
  border-bottom: 1px solid #eee;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#edit-remittance-info-modal .select-bar .select-wrapper {
  display: block;
  width: 100%;
  height: 26px;
  border: 1px solid #ee7c68;
  overflow: hidden;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
#edit-remittance-info-modal .select-bar .select-wrapper .select-button {
  display: inline-block;
  width: 50%;
  height: 24px;
  line-height: 24px;
  color: #ee7c68;
  background-color: #fff;
  text-align: center;
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
}
#edit-remittance-info-modal .select-bar .select-wrapper .select-button.active {
  color: #fff;
  background-color: #ee7c68;
}
#edit-remittance-info-modal .content {
  padding: 15px;
}
#edit-remittance-info-modal .content .form-item {
  margin: 0 0 15px 0;
}
#edit-remittance-info-modal .content .pickup-title, #edit-remittance-info-modal .content .pickup-description {
  line-height: 24px;
  color: #737373;
  letter-spacing: 0px;
  font-size: 14px;
  font-size: 0.875rem;
}
#edit-remittance-info-modal .content .pickup-title {
  margin: 0 0 15px 0;
}
#edit-remittance-info-modal .content .pickup-description {
  margin: 0 0 10px 0;
}

#add-cart-result-modal .md-content {
  width: calc(100% - 40px);
  min-width: 0;
  max-width: 320px;
  height: auto;
  padding: 20px;
}
#add-cart-result-modal .md-content .result-msg {
  margin: 0 0 20px 0;
  color: #2A2A2A;
  font-size: 18px;
  font-size: 1.125rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#add-cart-result-modal .md-content .result-msg i {
  margin-right: 10px;
  color: #ee7c68;
  font-size: 30px;
  font-size: 1.875rem;
}
#add-cart-result-modal .md-content .button-group {
  display: -webkit-flex;
  display: flex;
}
#add-cart-result-modal .md-content .button-group .button {
  height: 30px;
  line-height: 30px;
  margin: 0 10px 0 0;
  border: none;
}
#add-cart-result-modal .md-content .button-group .button.orange {
  background-color: #ee7c68;
  color: #FFF;
  -webkit-flex: 1;
  flex: 1;
}
#add-cart-result-modal .md-content .button-group .button.orange:hover {
  background-color: #ee7c68;
}
#add-cart-result-modal .md-content .button-group .button.gray {
  background-color: #9b9b9b;
  color: #FFF;
}
#add-cart-result-modal .md-content .button-group .button.gray:hover {
  background-color: #9b9b9b;
}

#guide-image-player-modal .md-close {
  color: #fff;
  z-index: 9;
}
#guide-image-player-modal .md-content {
  width: calc(100% - 40px);
  min-width: 0;
  max-width: 100%;
  background-color: transparent;
}
#guide-image-player-modal .md-content .image-wrapper {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#guide-image-player-modal .md-content .image-wrapper img {
  width: 100%;
}

#order-extrafee-list .pool-row {
  position: relative;
  padding: 10px 15px;
  display: -webkit-flex;
  display: flex;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
#order-extrafee-list .pool-row .left-col {
  min-width: 0;
  -webkit-flex: 1;
  flex: 1;
}
#order-extrafee-list .pool-row .right-col {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#order-extrafee-list .pool-row .right-col .button {
  width: auto;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 10px;
  border: none;
  font-size: 12px;
  font-size: 0.75rem;
}

#confirm-extrafee-refund-modal .md-close {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  font-size: 1.25rem;
}
#confirm-extrafee-refund-modal .md-content {
  position: relative;
  width: calc(100% - 100px);
  min-width: 300px;
  max-width: calc(100% - 100px);
  padding: 0;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#confirm-extrafee-refund-modal .header {
  position: relative;
  height: 70px;
  line-height: 70px;
  margin: 0;
  background-color: #FAFAFA;
  color: #323133;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
#confirm-extrafee-refund-modal .content {
  padding: 20px;
  overflow: hidden;
}
#confirm-extrafee-refund-modal .content .input-form.error input, #confirm-extrafee-refund-modal .content .input-form.error textarea {
  border: 1px solid #FF2C22;
  color: #FF2C22;
}
#confirm-extrafee-refund-modal .content .input-form input {
  height: 40px;
  line-height: 38px;
  border: 1px solid #CCCCCC;
  color: #6C6666;
  font-size: 13px;
  font-size: 0.8125rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#confirm-extrafee-refund-modal .content .input-form textarea {
  margin-bottom: 10px;
  border: 1px solid #CCCCCC;
  color: #6C6666;
  font-size: 13px;
  font-size: 0.8125rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#confirm-extrafee-refund-modal .footer {
  width: 100%;
  height: 70px;
  background-color: #FAFAFA;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-box-shadow: inset 0px 1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px 1px 0px 0px #DDDDDD;
  box-shadow: inset 0px 1px 0px 0px #DDDDDD;
}
#confirm-extrafee-refund-modal .footer .button {
  height: 44px;
  line-height: 44px;
  margin: 0 5px;
  border: none;
  font-weight: 600;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#confirm-extrafee-refund-modal .footer .button.submit {
  padding: 0 50px;
  background-color: #FF2C22;
  color: #fff;
}
#confirm-extrafee-refund-modal .footer .button.submit:hover {
  background-color: #FF2C22;
}
#confirm-extrafee-refund-modal .footer .button.cancel {
  padding: 0 30px;
  background-color: #E4E4E4;
  color: #6C6666;
}
#confirm-extrafee-refund-modal .footer .button.cancel:hover {
  background-color: #E4E4E4;
}

#reset-business-pw-modal .md-close {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  font-size: 1.25rem;
}
#reset-business-pw-modal .md-content {
  position: relative;
  width: calc(100% - 36px);
  min-width: calc(100% - 36px);
  max-width: calc(100% - 36px);
  padding: 0;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#reset-business-pw-modal .header {
  position: relative;
  height: 70px;
  line-height: 70px;
  margin: 0;
  background-color: #FAFAFA;
  color: #323133;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
#reset-business-pw-modal .content {
  padding: 20px;
}
#reset-business-pw-modal .content .button {
  position: relative;
  display: inline-block;
  height: 50px;
  width: calc(100% - 120px);
  margin: 0;
  margin-right: 10px;
  line-height: 50px;
  padding: 0;
  border: none;
  color: #FFF;
  background-color: #0071C5;
  font-size: 16px;
  font-size: 1rem;
}
#reset-business-pw-modal .content .button.cancel {
  margin-right: 0;
  width: 100px;
  background-color: #737373;
}
#reset-business-pw-modal .content .input-form {
  margin: 0 0 12px 0;
}
#reset-business-pw-modal .content .input-form.password input {
  padding: 0 52px 0 12px;
}
#reset-business-pw-modal .content .input-form.error.password input {
  padding: 0px 70px 0 12px;
}
#reset-business-pw-modal .content .input-form.error.password .show-hide-btn {
  -moz-transform: translateX(-80%);
  -ms-transform: translateX(-80%);
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
}
#reset-business-pw-modal .content .input-form.error input {
  border: 1px solid #FF2C22;
  padding: 0 30px 0 12px;
  color: #FF2C22;
}
#reset-business-pw-modal .content .input-form.error i {
  display: block;
}
#reset-business-pw-modal .content .input-form input {
  height: 50px;
  line-height: 48px;
  border: 1px solid #ddd;
  color: #2A2A2A;
}
#reset-business-pw-modal .content .input-form .error-icon {
  display: none;
  position: absolute;
  top: 50%;
  right: 12px;
  color: #FF2C22;
  font-size: 18px;
  font-size: 1.125rem;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#confirm-paid-refund-modal .md-content {
  width: calc(100% - 40px);
  min-width: 0;
  max-width: 400px;
  height: auto;
  padding: 20px;
}
#confirm-paid-refund-modal .md-content .title {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
}
#confirm-paid-refund-modal .md-content .form-item {
  position: relative;
  margin: 10px 0 0 0;
  border-top: 1px solid #ddd;
}
#confirm-paid-refund-modal .md-content .form-item .form-title {
  margin: 10px 0 0 0;
  color: #4A4A4A;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
}
#confirm-paid-refund-modal .md-content .form-item .form-title .form-hint {
  margin-left: 4px;
  color: #0071C5;
  font-weight: 400;
  text-decoration: underline;
  font-size: 12px;
  font-size: 0.75rem;
}
#confirm-paid-refund-modal .md-content .form-item .form-description {
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: #484848;
  line-height: 1.8em;
  white-space: normal;
  font-size: 13px;
  font-size: 0.8125rem;
}
#confirm-paid-refund-modal .md-content .form-item .form-description .link {
  color: #484848;
  text-decoration: underline;
  cursor: pointer;
}
#confirm-paid-refund-modal .md-content .form-item .checkbox-form {
  display: block;
  margin: 0 0 10px 0;
  opacity: 0.6;
  cursor: pointer;
}
#confirm-paid-refund-modal .md-content .form-item .checkbox-form.checked {
  opacity: 1;
}
#confirm-paid-refund-modal .md-content .form-item input {
  width: 100%;
  height: 40px;
  margin: 10px 0 0 0;
  padding: 10px;
  border: 1px solid #CCCCCC;
  color: #4A4A4A;
  background-color: transparent;
  font-size: 13px;
  font-size: 0.8125rem;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#confirm-paid-refund-modal .md-content .form-item input.error {
  border: 1px solid #FF2C22;
  color: #FF2C22;
  text-align: left;
}
#confirm-paid-refund-modal .md-content .form-item .disable-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
#confirm-paid-refund-modal .md-content .button-group {
  margin: 20px 0 0 0;
  display: -webkit-flex;
  display: flex;
}
#confirm-paid-refund-modal .md-content .button-group .button {
  border: none;
}
#confirm-paid-refund-modal .md-content .button-group .button.submit {
  margin-right: 8px;
  -webkit-flex: 1;
  flex: 1;
}
#confirm-paid-refund-modal .md-content .button-group .button.blue {
  color: #fff;
  background-color: #0071C5;
}
#confirm-paid-refund-modal .md-content .button-group .button.blue:hover {
  background-color: #0071C5;
}
#confirm-paid-refund-modal .md-content .button-group .button.red {
  color: #fff;
  background-color: #FF2C22;
}
#confirm-paid-refund-modal .md-content .button-group .button.red:hover {
  background-color: #FF2C22;
}
#confirm-paid-refund-modal .md-content .button-group .button.gray {
  color: #fff;
  background-color: #AAAAAA;
}
#confirm-paid-refund-modal .md-content .button-group .button.gray:hover {
  background-color: #AAAAAA;
}
#confirm-paid-refund-modal .md-content .error {
  text-align: center;
  color: #FF2C22;
}

#order-refund-log-list .pool-row {
  position: relative;
  padding: 10px 15px;
  display: -webkit-flex;
  display: flex;
  -moz-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  -webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD;
  box-shadow: inset 0px -1px 0px 0px #DDDDDD;
}
#order-refund-log-list .pool-row .left-col {
  min-width: 0;
  -webkit-flex: 1;
  flex: 1;
}
#order-refund-log-list .pool-row .right-col {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#order-refund-log-list .pool-row .right-col .button {
  width: auto;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 10px;
  border: none;
  font-size: 12px;
  font-size: 0.75rem;
}

#announcement-modal .md-content {
  width: calc(100% - 40px);
  min-width: 0;
  max-width: 500px;
  height: auto;
  padding: 30px;
}
#announcement-modal .md-content.only-image {
  width: calc(100% - 10px);
  padding: 0;
}
#announcement-modal .md-content .announcement-image {
  width: 100%;
}
#announcement-modal .md-content .title {
  margin: 0 0 8px 0;
  color: #484848;
  font-size: 16px;
  font-size: 1rem;
}
#announcement-modal .md-content .description {
  line-height: 1.75em;
  margin: 0 0 30px 0;
  padding: 0 0 0 12px;
  color: #737373;
  font-size: 15px;
  font-size: 0.9375rem;
}
#announcement-modal .md-content .action-group {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#announcement-modal .md-content .action-group .button {
  height: 36px;
  line-height: 36px;
  margin: 0 0 0 auto;
}

#select-accessory-spec-modal .scroll-content {
  background-color: #fff;
}
#select-accessory-spec-modal .banner {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 76%;
  background-color: #eee;
}
#select-accessory-spec-modal .banner .image-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#select-accessory-spec-modal .content {
  padding: 15px;
}
#select-accessory-spec-modal .content .spec-item {
  margin: 0 0 20px 0;
}
#select-accessory-spec-modal .content .spec-item:last-child {
  margin: 0;
}
#select-accessory-spec-modal .content .spec-item .label {
  font-size: 12px;
  color: #000;
  letter-spacing: 0px;
  font-weight: bold;
  display: -webkit-flex;
  display: flex;
}
#select-accessory-spec-modal .content .spec-item .label .hint {
  display: inline-block;
  margin: 0 0 0 auto;
  color: #000;
  font-size: 12px;
}
#select-accessory-spec-modal .content .spec-item .label .error {
  display: inline-block;
  margin: 0 0 0 auto;
  color: #FF2C22;
  font-size: 12px;
}
#select-accessory-spec-modal .content .spec-item .label .value-text {
  margin: 0 0 0 16px;
  font-weight: normal;
}
#select-accessory-spec-modal .content .spec-item .spec-select {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin: 12px 10px 0 0;
  padding: 0 16px;
  border: 1px solid #CDCDCD;
  color: #000;
  text-align: center;
  font-size: 12px;
  background-color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#select-accessory-spec-modal .content .spec-item .spec-select.active {
  border: 1px solid #ee7c68;
  color: #ee7c68;
}
#select-accessory-spec-modal .content .spec-item .spec-select.custom {
  min-width: 120px;
}
#select-accessory-spec-modal .content .spec-item .spec-select.single {
  padding: 0;
  border: none;
  color: #000;
}
#select-accessory-spec-modal .content .spec-item .spec-select.full {
  width: 100%;
  margin: 12px 0 0 0;
}
#select-accessory-spec-modal .content .spec-item .spec-select.error {
  border: 1px solid #FF2C22;
  color: #FF2C22;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", "Lato", "Helvetica Neue", Helvetica, Arial, "PingFang TC", "PingFang SC", "STHeiti", "微軟正黑體", "Microsoft Yahei", sans-serif;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
}
body h1, body h2, body h3, body h4, body h5, body h6, body .headline {
  font-family: "Open Sans", "Lato", "Helvetica Neue", Helvetica, Arial, "PingFang TC", "PingFang SC", "STHeiti", "微軟正黑體", "Microsoft Yahei", sans-serif;
}
body h1 > *, body h2 > *, body h3 > *, body h4 > *, body h5 > *, body h6 > *, body .headline > * {
  font-family: "Open Sans", "Lato", "Helvetica Neue", Helvetica, Arial, "PingFang TC", "PingFang SC", "STHeiti", "微軟正黑體", "Microsoft Yahei", sans-serif;
}

ul {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

input, textarea {
  border: 1px solid #D9D9D9;
  color: #2A2A2A;
  font-family: "Open Sans", "Lato", "Helvetica Neue", Helvetica, Arial, "PingFang TC", "PingFang SC", "STHeiti", "微軟正黑體", "Microsoft Yahei", sans-serif;
  -webkit-appearance: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: box-shadow border-color 333ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition: box-shadow border-color 333ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition: box-shadow border-color 333ms cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition: box-shadow border-color 333ms cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -moz-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  -o-transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04);
  transition-timing-function: cubic-bezier(0.26, 0.094, 0.795, 1.04); /* custom */
}
input:focus, textarea:focus {
  outline: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ps-scrollbar-always-show > .ps-scrollbar-x-rail,
.ps-scrollbar-always-show > .ps-scrollbar-y-rail {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.button, .md-close, a, label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input, textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.picker__holder {
  outline: none !important;
}