/* 
 *  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, audio, canvas, video, .inline-list, .inline-list li {
  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, cite, dt, table thead th,
table tfoot th, table caption, legend, input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
textarea {
  font-weight: normal; }

.thin {
  font-weight: 300; }

.italic, i, em, .em, dfn, blockquote, q {
  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: -.5em; }

sub {
  bottom: -.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 .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: .2em 0; }
  .checkbox input[type=checkbox],
  .checkbox input[type=radio] {
    margin-top: .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); } }
#order .info-wrapper .info-content .info-item .checkbox-form, #cart .info-wrapper .info-content .info-item .checkbox-form, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .info-content .info-item .checkbox-form, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .checkbox-form, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item .checkbox-form, #cart .invoice-select-form .invoice-select-row .checkbox-form, #profile .content .invoice-select-form .invoice-select-row .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, #edit-delivery-modal .content .confidential-item .checkbox-form, #confirm-paid-refund-modal .md-content .form-item .checkbox-form, #announcement-modal .md-content .action-group .checkbox-form {
  display: inline-block;
  color: #484848;
  cursor: default;
  font-size: 14px;
  font-size: 0.875rem; }
  #order .info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i, #cart .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, #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, #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-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, #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, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item .checked.checkbox-form .checkbox i, #cart .invoice-select-form .invoice-select-row .checked.checkbox-form .checkbox i, #profile .content .invoice-select-form .invoice-select-row .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, #edit-delivery-modal .content .confidential-item .checked.checkbox-form .checkbox i, #confirm-paid-refund-modal .md-content .form-item .checked.checkbox-form .checkbox i, #announcement-modal .md-content .action-group .checked.checkbox-form .checkbox i {
    visibility: visible; }
  #order .info-wrapper .info-content .info-item .checkbox-form .checkbox, #cart .info-wrapper .info-content .info-item .checkbox-form .checkbox, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form .checkbox, #extrafee-payment-outwardremittance .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, #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, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item .checkbox-form .checkbox, #cart .invoice-select-form .invoice-select-row .checkbox-form .checkbox, #profile .content .invoice-select-form .invoice-select-row .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, #edit-delivery-modal .content .confidential-item .checkbox-form .checkbox, #confirm-paid-refund-modal .md-content .form-item .checkbox-form .checkbox, #announcement-modal .md-content .action-group .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; }
    #order .info-wrapper .info-content .info-item .checkbox-form .checkbox i, #cart .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, #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, #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-spgatewaycvs .info-wrapper .info-content .info-item .checkbox-form .checkbox i, #extrafee-payment-spgatewaycvs .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, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item .checkbox-form .checkbox i, #cart .invoice-select-form .invoice-select-row .checkbox-form .checkbox i, #profile .content .invoice-select-form .invoice-select-row .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, #edit-delivery-modal .content .confidential-item .checkbox-form .checkbox i, #confirm-paid-refund-modal .md-content .form-item .checkbox-form .checkbox i, #announcement-modal .md-content .action-group .checkbox-form .checkbox i {
      margin: auto;
      visibility: hidden; }

#confirm-refund-modal .content .input-form, #confirm-extrafee-refund-modal .content .input-form {
  position: relative;
  width: 100%; }
  #confirm-refund-modal .content .input-form label, #confirm-extrafee-refund-modal .content .input-form label {
    display: inline-block;
    margin-bottom: 10px;
    color: #2A2A2A;
    cursor: auto;
    font-size: 14px;
    font-size: 0.875rem; }
  #confirm-refund-modal .content .input-form input, #confirm-extrafee-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-refund-modal .content .input-form input:focus, #confirm-extrafee-refund-modal .content .input-form input:focus {
      border-color: #2A2A2A; }
    #confirm-refund-modal .content .input-form input.error, #confirm-extrafee-refund-modal .content .input-form input.error {
      border: 1px solid #FF2C22; }
  #confirm-refund-modal .content .input-form textarea, #confirm-extrafee-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-refund-modal .content .input-form textarea:focus, #confirm-extrafee-refund-modal .content .input-form textarea:focus {
      border-color: #2A2A2A; }
    #confirm-refund-modal .content .input-form textarea.error, #confirm-extrafee-refund-modal .content .input-form textarea.error {
      border: 1px solid #FF2C22; }
  #confirm-refund-modal .content .input-form span.error, #confirm-extrafee-refund-modal .content .input-form span.error {
    font-size: 12px;
    color: #FF2C22; }

#login-modal .content .input-form, #register-modal .content .input-form, #reset-pw-modal .content .input-form, #forgot-password-modal .md-content .input-form, #resend-invitation-modal .md-content .input-form, #reset-business-pw-modal .content .input-form {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }
  #login-modal .content .input-form label, #register-modal .content .input-form label, #reset-pw-modal .content .input-form label, #forgot-password-modal .md-content .input-form label, #resend-invitation-modal .md-content .input-form label, #reset-business-pw-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; }
  #login-modal .content .input-form input, #register-modal .content .input-form input, #reset-pw-modal .content .input-form input, #forgot-password-modal .md-content .input-form input, #resend-invitation-modal .md-content .input-form input, #reset-business-pw-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; }
    #login-modal .content .input-form input:focus, #register-modal .content .input-form input:focus, #reset-pw-modal .content .input-form input:focus, #forgot-password-modal .md-content .input-form input:focus, #resend-invitation-modal .md-content .input-form input:focus, #reset-business-pw-modal .content .input-form input:focus {
      border-color: #2A2A2A; }
    #login-modal .content .input-form input.error, #register-modal .content .input-form input.error, #reset-pw-modal .content .input-form input.error, #forgot-password-modal .md-content .input-form input.error, #resend-invitation-modal .md-content .input-form input.error, #reset-business-pw-modal .content .input-form input.error {
      border: 1px solid #FF2C22; }
  #login-modal .content .input-form textarea, #register-modal .content .input-form textarea, #reset-pw-modal .content .input-form textarea, #forgot-password-modal .md-content .input-form textarea, #resend-invitation-modal .md-content .input-form textarea, #reset-business-pw-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; }
    #login-modal .content .input-form textarea:focus, #register-modal .content .input-form textarea:focus, #reset-pw-modal .content .input-form textarea:focus, #forgot-password-modal .md-content .input-form textarea:focus, #resend-invitation-modal .md-content .input-form textarea:focus, #reset-business-pw-modal .content .input-form textarea:focus {
      border-color: #2A2A2A; }
    #login-modal .content .input-form textarea.error, #register-modal .content .input-form textarea.error, #reset-pw-modal .content .input-form textarea.error, #forgot-password-modal .md-content .input-form textarea.error, #resend-invitation-modal .md-content .input-form textarea.error, #reset-business-pw-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: .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: .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: .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; }

#product-list .product-list, #search-product .product-list {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  #product-list .product-list .product-wrapper, #search-product .product-list .product-wrapper {
    position: relative;
    width: 50%;
    height: auto; }
    #product-list .product-list .product-wrapper .product, #search-product .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); }
    #product-list .product-list .product-wrapper .product-image, #search-product .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; }
      #product-list .product-list .product-wrapper .product-image.new.show-tip .new-tip, #search-product .product-list .product-wrapper .product-image.new.show-tip .new-tip {
        display: inline-block; }
      #product-list .product-list .product-wrapper .product-image.recommend.show-tip .recommend-tip, #search-product .product-list .product-wrapper .product-image.recommend.show-tip .recommend-tip {
        display: inline-block; }
      #product-list .product-list .product-wrapper .product-image.hot.show-tip .hot-tip, #search-product .product-list .product-wrapper .product-image.hot.show-tip .hot-tip {
        display: inline-block; }
      #product-list .product-list .product-wrapper .product-image.free-shipping.show-tip .free-shipping-tip, #search-product .product-list .product-wrapper .product-image.free-shipping.show-tip .free-shipping-tip {
        display: inline-block; }
      #product-list .product-list .product-wrapper .product-image.emergency.show-tip .emergency-tip, #search-product .product-list .product-wrapper .product-image.emergency.show-tip .emergency-tip {
        display: inline-block; }
      #product-list .product-list .product-wrapper .product-image .recommend-tip, #search-product .product-list .product-wrapper .product-image .recommend-tip, #product-list .product-list .product-wrapper .product-image .hot-tip, #search-product .product-list .product-wrapper .product-image .hot-tip, #product-list .product-list .product-wrapper .product-image .new-tip, #search-product .product-list .product-wrapper .product-image .new-tip, #product-list .product-list .product-wrapper .product-image .free-shipping-tip, #search-product .product-list .product-wrapper .product-image .free-shipping-tip, #product-list .product-list .product-wrapper .product-image .emergency-tip, #search-product .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; }
    #product-list .product-list .product-wrapper .text-wrapper, #search-product .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; }
      #product-list .product-list .product-wrapper .text-wrapper .product-title, #search-product .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; }
      #product-list .product-list .product-wrapper .text-wrapper .product-info .count, #search-product .product-list .product-wrapper .text-wrapper .product-info .count {
        color: #808180;
        letter-spacing: 0px;
        font-size: 11px;
        font-size: 0.6875rem; }
      #product-list .product-list .product-wrapper .text-wrapper .product-info .price, #search-product .product-list .product-wrapper .text-wrapper .product-info .price {
        color: #FF5722;
        letter-spacing: 0px;
        font-size: 14px;
        font-size: 0.875rem; }

#order .info-wrapper, #cart .info-wrapper, .beginners_guide .view-content .content-block.info-wrapper, #payment-atm .info-wrapper, #extrafee-payment-atm .info-wrapper, #payment-outwardremittance .info-wrapper, #extrafee-payment-outwardremittance .info-wrapper, #payment-spgatewaycvs .info-wrapper, #extrafee-payment-spgatewaycvs .info-wrapper, #confirm-payment-modal .info-wrapper, #confirm-extrafee-payment-modal .info-wrapper, #reupload-orderitem-file-modal .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; }
  #order .error.info-wrapper, #cart .error.info-wrapper, .beginners_guide .view-content .error.content-block.info-wrapper, #payment-atm .error.info-wrapper, #extrafee-payment-atm .error.info-wrapper, #payment-outwardremittance .error.info-wrapper, #extrafee-payment-outwardremittance .error.info-wrapper, #payment-spgatewaycvs .error.info-wrapper, #extrafee-payment-spgatewaycvs .error.info-wrapper, #confirm-payment-modal .error.info-wrapper, #confirm-extrafee-payment-modal .error.info-wrapper, #reupload-orderitem-file-modal .error.info-wrapper {
    border: 1px solid #FF2C22; }
  #order .info-wrapper .info-title, #cart .info-wrapper .info-title, .beginners_guide .view-content .content-block.info-wrapper .info-title, #payment-atm .info-wrapper .info-title, #extrafee-payment-atm .info-wrapper .info-title, #payment-outwardremittance .info-wrapper .info-title, #extrafee-payment-outwardremittance .info-wrapper .info-title, #payment-spgatewaycvs .info-wrapper .info-title, #extrafee-payment-spgatewaycvs .info-wrapper .info-title, #confirm-payment-modal .info-wrapper .info-title, #confirm-extrafee-payment-modal .info-wrapper .info-title, #reupload-orderitem-file-modal .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; }
    #order .info-wrapper .info-title .left-info, #cart .info-wrapper .info-title .left-info, .beginners_guide .view-content .content-block.info-wrapper .info-title .left-info, #payment-atm .info-wrapper .info-title .left-info, #extrafee-payment-atm .info-wrapper .info-title .left-info, #payment-outwardremittance .info-wrapper .info-title .left-info, #extrafee-payment-outwardremittance .info-wrapper .info-title .left-info, #payment-spgatewaycvs .info-wrapper .info-title .left-info, #extrafee-payment-spgatewaycvs .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, #reupload-orderitem-file-modal .info-wrapper .info-title .left-info {
      white-space: nowrap; }
    #order .info-wrapper .info-title .error-msg, #cart .info-wrapper .info-title .error-msg, .beginners_guide .view-content .content-block.info-wrapper .info-title .error-msg, #payment-atm .info-wrapper .info-title .error-msg, #extrafee-payment-atm .info-wrapper .info-title .error-msg, #payment-outwardremittance .info-wrapper .info-title .error-msg, #extrafee-payment-outwardremittance .info-wrapper .info-title .error-msg, #payment-spgatewaycvs .info-wrapper .info-title .error-msg, #extrafee-payment-spgatewaycvs .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, #reupload-orderitem-file-modal .info-wrapper .info-title .error-msg {
      margin: 0 0 0 8px;
      color: #FF2C22;
      font-size: 12px;
      font-size: 0.75rem; }
    #order .info-wrapper .info-title .right-action, #cart .info-wrapper .info-title .right-action, .beginners_guide .view-content .content-block.info-wrapper .info-title .right-action, #payment-atm .info-wrapper .info-title .right-action, #extrafee-payment-atm .info-wrapper .info-title .right-action, #payment-outwardremittance .info-wrapper .info-title .right-action, #extrafee-payment-outwardremittance .info-wrapper .info-title .right-action, #payment-spgatewaycvs .info-wrapper .info-title .right-action, #extrafee-payment-spgatewaycvs .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, #reupload-orderitem-file-modal .info-wrapper .info-title .right-action {
      display: inline-block;
      height: 50px;
      line-height: 50px;
      margin-left: auto;
      padding: 0 15px; }
      #order .info-wrapper .info-title .right-action .text, #cart .info-wrapper .info-title .right-action .text, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-title .right-action .text, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .info-title .right-action .text, #confirm-extrafee-payment-modal .info-wrapper .info-title .right-action .text, #reupload-orderitem-file-modal .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; }
      #order .info-wrapper .info-title .right-action .arrow, #cart .info-wrapper .info-title .right-action .arrow, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-title .right-action .arrow, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .info-title .right-action .arrow, #confirm-extrafee-payment-modal .info-wrapper .info-title .right-action .arrow, #reupload-orderitem-file-modal .info-wrapper .info-title .right-action .arrow {
        display: inline-block;
        color: #C6BDBC;
        font-size: 20px;
        font-size: 1.25rem; }
  #order .info-wrapper .info-content, #cart .info-wrapper .info-content, .beginners_guide .view-content .content-block.info-wrapper .info-content, #payment-atm .info-wrapper .info-content, #extrafee-payment-atm .info-wrapper .info-content, #payment-outwardremittance .info-wrapper .info-content, #extrafee-payment-outwardremittance .info-wrapper .info-content, #payment-spgatewaycvs .info-wrapper .info-content, #extrafee-payment-spgatewaycvs .info-wrapper .info-content, #confirm-payment-modal .info-wrapper .info-content, #confirm-extrafee-payment-modal .info-wrapper .info-content, #reupload-orderitem-file-modal .info-wrapper .info-content {
    padding: 15px; }
    #order .info-wrapper .info-content .info-item, #cart .info-wrapper .info-content .info-item, .beginners_guide .view-content .content-block.info-wrapper .info-content .info-item, #payment-atm .info-wrapper .info-content .info-item, #extrafee-payment-atm .info-wrapper .info-content .info-item, #payment-outwardremittance .info-wrapper .info-content .info-item, #extrafee-payment-outwardremittance .info-wrapper .info-content .info-item, #payment-spgatewaycvs .info-wrapper .info-content .info-item, #extrafee-payment-spgatewaycvs .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, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item {
      margin: 0 0 10px 0;
      color: #737373;
      letter-spacing: 0px;
      font-size: 14px;
      font-size: 0.875rem; }
      #order .info-wrapper .info-content .info-item:last-child, #cart .info-wrapper .info-content .info-item:last-child, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item:last-child, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .info-content .info-item:last-child, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item:last-child, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item:last-child {
        margin: 0; }
      #order .info-wrapper .info-content .info-item.has-invoice, #cart .info-wrapper .info-content .info-item.has-invoice, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item.has-invoice, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .info-content .info-item.has-invoice, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item.has-invoice, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item.has-invoice {
        margin: 0 0 20px 0; }
      #order .info-wrapper .info-content .info-item.text-bold, #cart .info-wrapper .info-content .info-item.text-bold, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item.text-bold, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .info-content .info-item.text-bold, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item.text-bold, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item.text-bold {
        color: #484848;
        font-weight: 600; }
      #order .info-wrapper .info-content .info-item.text-warning, #cart .info-wrapper .info-content .info-item.text-warning, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item.text-warning, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .info-content .info-item.text-warning, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item.text-warning, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item.text-warning {
        color: #FF2C22;
        font-weight: 600; }
      #order .info-wrapper .info-content .info-item.text-small, #cart .info-wrapper .info-content .info-item.text-small, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item.text-small, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .info-content .info-item.text-small, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item.text-small, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item.text-small {
        font-size: 12px;
        font-size: 0.75rem; }
      #order .info-wrapper .info-content .info-item.text-large, #cart .info-wrapper .info-content .info-item.text-large, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item.text-large, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .info-content .info-item.text-large, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item.text-large, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item.text-large {
        font-size: 18px;
        font-size: 1.125rem; }
      #order .info-wrapper .info-content .info-item .info-select, #cart .info-wrapper .info-content .info-item .info-select, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item .info-select, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .info-content .info-item .info-select, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .info-select, #reupload-orderitem-file-modal .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: .5;
        font-size: 12px;
        font-size: 0.75rem;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px; }
        #order .info-wrapper .info-content .info-item .info-select.active, #cart .info-wrapper .info-content .info-item .info-select.active, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item .info-select.active, #extrafee-payment-outwardremittance .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, #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, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item .info-select.active {
          border: 1px solid #2285CA;
          color: #2285CA;
          opacity: 1; }
      #order .info-wrapper .info-content .info-item .info-input, #cart .info-wrapper .info-content .info-item .info-input, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item .info-input, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .info-content .info-item .info-input, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .info-input, #reupload-orderitem-file-modal .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; }
        #order .info-wrapper .info-content .info-item .info-input.erro, #cart .info-wrapper .info-content .info-item .info-input.erro, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item .info-input.erro, #extrafee-payment-outwardremittance .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, #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, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item .info-input.erro {
          border: 1px solid #FF2C22; }
      #order .info-wrapper .info-content .info-item .checkbox-form, #cart .info-wrapper .info-content .info-item .checkbox-form, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .info-content .info-item .checkbox-form, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .checkbox-form, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item .checkbox-form {
        display: block;
        margin: 0 0 10px 0;
        opacity: .6;
        cursor: pointer; }
        #order .info-wrapper .info-content .info-item .checkbox-form.checked, #cart .info-wrapper .info-content .info-item .checkbox-form.checked, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item .checkbox-form.checked, #extrafee-payment-outwardremittance .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, #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, #reupload-orderitem-file-modal .info-wrapper .info-content .info-item .checkbox-form.checked {
          opacity: 1; }
      #order .info-wrapper .info-content .info-item .hint-text, #cart .info-wrapper .info-content .info-item .hint-text, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .info-content .info-item .hint-text, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .info-content .info-item .hint-text, #confirm-extrafee-payment-modal .info-wrapper .info-content .info-item .hint-text, #reupload-orderitem-file-modal .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; }
  #order .info-wrapper .orderitem-list, #cart .info-wrapper .orderitem-list, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list, #payment-atm .info-wrapper .orderitem-list, #extrafee-payment-atm .info-wrapper .orderitem-list, #payment-outwardremittance .info-wrapper .orderitem-list, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list, #payment-spgatewaycvs .info-wrapper .orderitem-list, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list, #confirm-payment-modal .info-wrapper .orderitem-list, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list, #reupload-orderitem-file-modal .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; }
    #order .info-wrapper .orderitem-list .orderitem, #cart .info-wrapper .orderitem-list .orderitem, .beginners_guide .view-content .content-block.info-wrapper .orderitem-list .orderitem, #payment-atm .info-wrapper .orderitem-list .orderitem, #extrafee-payment-atm .info-wrapper .orderitem-list .orderitem, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem, #extrafee-payment-outwardremittance .info-wrapper .orderitem-list .orderitem, #payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem, #extrafee-payment-spgatewaycvs .info-wrapper .orderitem-list .orderitem, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem, #reupload-orderitem-file-modal .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; }
      #order .info-wrapper .orderitem-list .orderitem .item-wrapper, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper, #reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper {
        width: 100%;
        height: auto;
        margin: 0 0 8px 0;
        overflow: hidden;
        display: -webkit-flex;
        display: flex; }
        #order .info-wrapper .orderitem-list .orderitem .item-wrapper .image, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .image, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .image, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .image, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .image, #reupload-orderitem-file-modal .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; }
        #order .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info, #extrafee-payment-outwardremittance .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, #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, #reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info {
          display: inline-block;
          -webkit-flex: 1;
          flex: 1; }
          #order .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title, #cart .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, #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, #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-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .title, #extrafee-payment-spgatewaycvs .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, #reupload-orderitem-file-modal .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; }
          #order .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, #cart .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, #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, #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-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, #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, #reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price, #order .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price, #cart .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, #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, #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-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, #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, #reupload-orderitem-file-modal .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; }
            #order .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, .beginners_guide .view-content .content-block.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, #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-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, #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, #reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .process-price .price, #order .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, .beginners_guide .view-content .content-block.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, #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-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, #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, #reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .item-info .orderitem-price .price {
              color: #0071C5; }
        #order .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, #cart .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info, #extrafee-payment-outwardremittance .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, #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, #reupload-orderitem-file-modal .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; }
          #order .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action, #cart .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, #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, #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-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action, #extrafee-payment-spgatewaycvs .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, #reupload-orderitem-file-modal .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; }
            #order .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .action i, #cart .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, #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, #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-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, #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, #reupload-orderitem-file-modal .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; }
          #order .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count, #cart .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, #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, #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-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count, #extrafee-payment-spgatewaycvs .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, #reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .count {
            color: #777777;
            letter-spacing: 0px;
            font-size: 12px;
            font-size: 0.75rem; }
          #order .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price, #cart .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, #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, #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-spgatewaycvs .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price, #extrafee-payment-spgatewaycvs .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, #reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .item-wrapper .right-info .price {
            color: #0071C5;
            font-size: 13px;
            font-size: 0.8125rem; }
      #order .info-wrapper .orderitem-list .orderitem .price-wrapper, #cart .info-wrapper .orderitem-list .orderitem .price-wrapper, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .price-wrapper, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .price-wrapper, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .price-wrapper, #reupload-orderitem-file-modal .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; }
        #order .info-wrapper .orderitem-list .orderitem .price-wrapper .price, #cart .info-wrapper .orderitem-list .orderitem .price-wrapper .price, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .price-wrapper .price, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .price-wrapper .price, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .price-wrapper .price, #reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .price-wrapper .price {
          color: #0071C5; }
      #order .info-wrapper .orderitem-list .orderitem .button.file, #cart .info-wrapper .orderitem-list .orderitem .button.file, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .button.file, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .button.file, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .button.file, #reupload-orderitem-file-modal .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; }
        #order .info-wrapper .orderitem-list .orderitem .button.file.success, #cart .info-wrapper .orderitem-list .orderitem .button.file.success, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .button.file.success, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .button.file.success, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .button.file.success, #reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .button.file.success {
          background-color: #fff;
          color: #0071C5; }
        #order .info-wrapper .orderitem-list .orderitem .button.file.error, #cart .info-wrapper .orderitem-list .orderitem .button.file.error, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .button.file.error, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .button.file.error, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .button.file.error, #reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .button.file.error {
          border: 1px solid #FF2C22;
          background-color: transparent;
          color: #FF2C22; }
        #order .info-wrapper .orderitem-list .orderitem .button.file i, #cart .info-wrapper .orderitem-list .orderitem .button.file i, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .orderitem-list .orderitem .button.file i, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .orderitem-list .orderitem .button.file i, #confirm-extrafee-payment-modal .info-wrapper .orderitem-list .orderitem .button.file i, #reupload-orderitem-file-modal .info-wrapper .orderitem-list .orderitem .button.file i {
          margin: 0 12px 0 0;
          font-size: 18px;
          font-size: 1.125rem; }
  #order .info-wrapper .total-result .subtotal-wrapper, #cart .info-wrapper .total-result .subtotal-wrapper, .beginners_guide .view-content .content-block.info-wrapper .total-result .subtotal-wrapper, #payment-atm .info-wrapper .total-result .subtotal-wrapper, #extrafee-payment-atm .info-wrapper .total-result .subtotal-wrapper, #payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper, #extrafee-payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper, #payment-spgatewaycvs .info-wrapper .total-result .subtotal-wrapper, #extrafee-payment-spgatewaycvs .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, #reupload-orderitem-file-modal .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; }
    #order .info-wrapper .total-result .subtotal-wrapper .subtotal, #cart .info-wrapper .total-result .subtotal-wrapper .subtotal, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal, #confirm-extrafee-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal, #reupload-orderitem-file-modal .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; }
      #order .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, #cart .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child, #extrafee-payment-outwardremittance .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, #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, #reupload-orderitem-file-modal .info-wrapper .total-result .subtotal-wrapper .subtotal:last-child {
        margin: 0; }
      #order .info-wrapper .total-result .subtotal-wrapper .subtotal .label, #cart .info-wrapper .total-result .subtotal-wrapper .subtotal .label, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal .label, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .label, #confirm-extrafee-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .label, #reupload-orderitem-file-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .label {
        display: inline-block; }
      #order .info-wrapper .total-result .subtotal-wrapper .subtotal .price, #cart .info-wrapper .total-result .subtotal-wrapper .subtotal .price, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal .price, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .price, #confirm-extrafee-payment-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .price, #reupload-orderitem-file-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .price {
        display: inline-block;
        float: right; }
      #order .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, #cart .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge, #extrafee-payment-outwardremittance .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, #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, #reupload-orderitem-file-modal .info-wrapper .total-result .subtotal-wrapper .subtotal .show-charge {
        color: #0071C5;
        text-decoration: underline; }
  #order .info-wrapper .total-result .total-wrapper, #cart .info-wrapper .total-result .total-wrapper, .beginners_guide .view-content .content-block.info-wrapper .total-result .total-wrapper, #payment-atm .info-wrapper .total-result .total-wrapper, #extrafee-payment-atm .info-wrapper .total-result .total-wrapper, #payment-outwardremittance .info-wrapper .total-result .total-wrapper, #extrafee-payment-outwardremittance .info-wrapper .total-result .total-wrapper, #payment-spgatewaycvs .info-wrapper .total-result .total-wrapper, #extrafee-payment-spgatewaycvs .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, #reupload-orderitem-file-modal .info-wrapper .total-result .total-wrapper {
    display: block;
    padding: 15px;
    letter-spacing: 0px;
    overflow: hidden;
    font-size: 16px;
    font-size: 1rem; }
    #order .info-wrapper .total-result .total-wrapper .label, #cart .info-wrapper .total-result .total-wrapper .label, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .total-result .total-wrapper .label, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .total-result .total-wrapper .label, #confirm-extrafee-payment-modal .info-wrapper .total-result .total-wrapper .label, #reupload-orderitem-file-modal .info-wrapper .total-result .total-wrapper .label {
      display: inline-block;
      color: #484848; }
    #order .info-wrapper .total-result .total-wrapper .price, #cart .info-wrapper .total-result .total-wrapper .price, .beginners_guide .view-content .content-block.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, #payment-outwardremittance .info-wrapper .total-result .total-wrapper .price, #extrafee-payment-outwardremittance .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, #confirm-payment-modal .info-wrapper .total-result .total-wrapper .price, #confirm-extrafee-payment-modal .info-wrapper .total-result .total-wrapper .price, #reupload-orderitem-file-modal .info-wrapper .total-result .total-wrapper .price {
      display: inline-block;
      color: #0071C5;
      float: right; }
  #order .info-wrapper .product-content, #cart .info-wrapper .product-content, .beginners_guide .view-content .content-block.info-wrapper .product-content, #payment-atm .info-wrapper .product-content, #extrafee-payment-atm .info-wrapper .product-content, #payment-outwardremittance .info-wrapper .product-content, #extrafee-payment-outwardremittance .info-wrapper .product-content, #payment-spgatewaycvs .info-wrapper .product-content, #extrafee-payment-spgatewaycvs .info-wrapper .product-content, #confirm-payment-modal .info-wrapper .product-content, #confirm-extrafee-payment-modal .info-wrapper .product-content, #reupload-orderitem-file-modal .info-wrapper .product-content {
    padding: 15px; }

#cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper, #change-pwd .content .form-item .input-wrapper .twzipcode-wrapper, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .twzipcode-wrapper, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper, #edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper {
  width: 100%; }
  #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .select-wrapper, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .select-wrapper, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .select-wrapper, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .select-wrapper, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .select-wrapper, #edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .select-wrapper {
    margin-bottom: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .address-wrapper, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .address-wrapper, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .address-wrapper, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .address-wrapper, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .address-wrapper, #edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .address-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .city-select, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .dist-select, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select, #edit-remittance-info-modal .content .form-item .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; }
    #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .city-select:focus, #change-pwd .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, #edit-delivery-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-address-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-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select:focus, #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .dist-select:focus, #change-pwd .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, #edit-delivery-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-address-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-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select:focus {
      border-color: #2A2A2A; }
    #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .city-select.error, #change-pwd .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, #edit-delivery-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-address-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-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select.error, #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .dist-select.error, #change-pwd .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, #edit-delivery-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-address-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-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .dist-select.error {
      border: 1px solid #FF2C22;
      color: #FF2C22; }
  #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .city-select, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select, #edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .city-select {
    margin-left: 0; }
  #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .zipcode, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode, #edit-remittance-info-modal .content .form-item .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; }
    #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus, #edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode:focus {
      border-color: #2A2A2A; }
    #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .zipcode.error, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode.error, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode.error, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode.error, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode.error, #edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .zipcode.error {
      border: 1px solid #FF2C22;
      color: #FF2C22; }
  #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .address, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .address, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .address, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .address, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .address, #edit-remittance-info-modal .content .form-item .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; }
    #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .address:focus, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .address:focus, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .address:focus, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .address:focus, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .address:focus, #edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .address:focus {
      border-color: #2A2A2A; }
    #cart .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, #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 .form-item .input-wrapper .twzipcode-wrapper .address.error, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .twzipcode-wrapper .address.error, #edit-member-modal .content .form-item .input-wrapper .twzipcode-wrapper .address.error, #edit-address-modal .content .form-item .input-wrapper .twzipcode-wrapper .address.error, #edit-userremark-modal .content .form-item .input-wrapper .twzipcode-wrapper .address.error, #edit-remittance-info-modal .content .form-item .input-wrapper .twzipcode-wrapper .address.error {
      border: 1px solid #FF2C22;
      color: #FF2C22; }

#cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form, #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 .form-item, #change-pwd .content .form-item, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item, #edit-delivery-modal .content .form-item, #edit-member-modal .content .form-item, #edit-address-modal .content .form-item, #edit-userremark-modal .content .form-item, #edit-remittance-info-modal .content .form-item {
  position: relative; }
  #cart .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, #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 .form-item .form-label, #change-pwd .content .form-item .form-label, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .form-label, #edit-delivery-modal .content .form-item .form-label, #edit-member-modal .content .form-item .form-label, #edit-address-modal .content .form-item .form-label, #edit-userremark-modal .content .form-item .form-label, #edit-remittance-info-modal .content .form-item .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; }
    #cart .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, #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 .form-item .form-label .error-msg, #change-pwd .content .form-item .form-label .error-msg, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .form-label .error-msg, #edit-delivery-modal .content .form-item .form-label .error-msg, #edit-member-modal .content .form-item .form-label .error-msg, #edit-address-modal .content .form-item .form-label .error-msg, #edit-userremark-modal .content .form-item .form-label .error-msg, #edit-remittance-info-modal .content .form-item .form-label .error-msg {
      display: inline-block;
      margin: 0 0 0 4px;
      color: #FF2C22;
      font-size: 12px;
      font-size: 0.75rem; }
    #cart .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, #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 .form-item .form-label .focus-msg, #change-pwd .content .form-item .form-label .focus-msg, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .form-label .focus-msg, #edit-delivery-modal .content .form-item .form-label .focus-msg, #edit-member-modal .content .form-item .form-label .focus-msg, #edit-address-modal .content .form-item .form-label .focus-msg, #edit-userremark-modal .content .form-item .form-label .focus-msg, #edit-remittance-info-modal .content .form-item .form-label .focus-msg {
      display: inline-block;
      margin: 0 0 0 4px;
      color: #0071C5;
      font-size: 12px;
      font-size: 0.75rem; }
    #cart .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, #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 .form-item .form-label .right-action, #change-pwd .content .form-item .form-label .right-action, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .form-label .right-action, #edit-delivery-modal .content .form-item .form-label .right-action, #edit-member-modal .content .form-item .form-label .right-action, #edit-address-modal .content .form-item .form-label .right-action, #edit-userremark-modal .content .form-item .form-label .right-action, #edit-remittance-info-modal .content .form-item .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; }
      #cart .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, #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 .form-item .form-label .right-action .link, #change-pwd .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, #edit-delivery-modal .content .form-item .form-label .right-action .link, #edit-member-modal .content .form-item .form-label .right-action .link, #edit-address-modal .content .form-item .form-label .right-action .link, #edit-userremark-modal .content .form-item .form-label .right-action .link, #edit-remittance-info-modal .content .form-item .form-label .right-action .link {
        color: #ee7c68;
        text-decoration: underline; }
      #cart .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, #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 .form-item .form-label .right-action .checkbox, #change-pwd .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, #edit-delivery-modal .content .form-item .form-label .right-action .checkbox, #edit-member-modal .content .form-item .form-label .right-action .checkbox, #edit-address-modal .content .form-item .form-label .right-action .checkbox, #edit-userremark-modal .content .form-item .form-label .right-action .checkbox, #edit-remittance-info-modal .content .form-item .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; }
        #cart .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, #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 .form-item .form-label .right-action .checkbox.active, #change-pwd .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, #edit-delivery-modal .content .form-item .form-label .right-action .checkbox.active, #edit-member-modal .content .form-item .form-label .right-action .checkbox.active, #edit-address-modal .content .form-item .form-label .right-action .checkbox.active, #edit-userremark-modal .content .form-item .form-label .right-action .checkbox.active, #edit-remittance-info-modal .content .form-item .form-label .right-action .checkbox.active {
          background-color: #ee7c68; }
        #cart .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, #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 .form-item .form-label .right-action .checkbox i, #change-pwd .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, #edit-delivery-modal .content .form-item .form-label .right-action .checkbox i, #edit-member-modal .content .form-item .form-label .right-action .checkbox i, #edit-address-modal .content .form-item .form-label .right-action .checkbox i, #edit-userremark-modal .content .form-item .form-label .right-action .checkbox i, #edit-remittance-info-modal .content .form-item .form-label .right-action .checkbox i {
          margin: auto; }
  #cart .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, #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 .form-item .input-wrapper, #change-pwd .content .form-item .input-wrapper, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper, #edit-delivery-modal .content .form-item .input-wrapper, #edit-member-modal .content .form-item .input-wrapper, #edit-address-modal .content .form-item .input-wrapper, #edit-userremark-modal .content .form-item .input-wrapper, #edit-remittance-info-modal .content .form-item .input-wrapper {
    position: relative;
    display: -webkit-flex;
    display: flex; }
    #cart .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, #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 .form-item .input-wrapper .form-description, #change-pwd .content .form-item .input-wrapper .form-description, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .form-description, #edit-delivery-modal .content .form-item .input-wrapper .form-description, #edit-member-modal .content .form-item .input-wrapper .form-description, #edit-address-modal .content .form-item .input-wrapper .form-description, #edit-userremark-modal .content .form-item .input-wrapper .form-description, #edit-remittance-info-modal .content .form-item .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; }
    #cart .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, #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 .form-item .input-wrapper .form-input, #change-pwd .content .form-item .input-wrapper .form-input, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .form-input, #edit-delivery-modal .content .form-item .input-wrapper .form-input, #edit-member-modal .content .form-item .input-wrapper .form-input, #edit-address-modal .content .form-item .input-wrapper .form-input, #edit-userremark-modal .content .form-item .input-wrapper .form-input, #edit-remittance-info-modal .content .form-item .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; }
      #cart .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, #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 .form-item .input-wrapper .form-input:focus, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .form-input:focus, #edit-member-modal .content .form-item .input-wrapper .form-input:focus, #edit-address-modal .content .form-item .input-wrapper .form-input:focus, #edit-userremark-modal .content .form-item .input-wrapper .form-input:focus, #edit-remittance-info-modal .content .form-item .input-wrapper .form-input:focus {
        border-color: #2A2A2A; }
      #cart .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, #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 .form-item .input-wrapper .form-input.postal, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .form-input.postal, #edit-member-modal .content .form-item .input-wrapper .form-input.postal, #edit-address-modal .content .form-item .input-wrapper .form-input.postal, #edit-userremark-modal .content .form-item .input-wrapper .form-input.postal, #edit-remittance-info-modal .content .form-item .input-wrapper .form-input.postal {
        width: 64px;
        margin: 0 10px 0 0;
        -webkit-flex: none;
        flex: none; }
      #cart .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, #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 .form-item .input-wrapper .form-input.error, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .form-input.error, #edit-member-modal .content .form-item .input-wrapper .form-input.error, #edit-address-modal .content .form-item .input-wrapper .form-input.error, #edit-userremark-modal .content .form-item .input-wrapper .form-input.error, #edit-remittance-info-modal .content .form-item .input-wrapper .form-input.error {
        border: 1px solid #FF2C22;
        color: #FF2C22; }
    #cart .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, #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 .form-item .input-wrapper .form-textarea, #change-pwd .content .form-item .input-wrapper .form-textarea, #enterprise-signup .content-block .content-wrapper .invitation-wrapper .form-wrapper .form-item .input-wrapper .form-textarea, #edit-delivery-modal .content .form-item .input-wrapper .form-textarea, #edit-member-modal .content .form-item .input-wrapper .form-textarea, #edit-address-modal .content .form-item .input-wrapper .form-textarea, #edit-userremark-modal .content .form-item .input-wrapper .form-textarea, #edit-remittance-info-modal .content .form-item .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; }
      #cart .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, #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 .form-item .input-wrapper .form-textarea:focus, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .form-textarea:focus, #edit-member-modal .content .form-item .input-wrapper .form-textarea:focus, #edit-address-modal .content .form-item .input-wrapper .form-textarea:focus, #edit-userremark-modal .content .form-item .input-wrapper .form-textarea:focus, #edit-remittance-info-modal .content .form-item .input-wrapper .form-textarea:focus {
        border-color: #2A2A2A; }
      #cart .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, #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 .form-item .input-wrapper .form-textarea.error, #change-pwd .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, #edit-delivery-modal .content .form-item .input-wrapper .form-textarea.error, #edit-member-modal .content .form-item .input-wrapper .form-textarea.error, #edit-address-modal .content .form-item .input-wrapper .form-textarea.error, #edit-userremark-modal .content .form-item .input-wrapper .form-textarea.error, #edit-remittance-info-modal .content .form-item .input-wrapper .form-textarea.error {
        border: 1px solid #FF2C22;
        color: #FF2C22; }

#product .wrapper .block-wrapper .product-spec .spec-item, #change-orderitem-spec-modal .product-spec .spec-item {
  margin: 0 0 20px 0; }
  #product .wrapper .block-wrapper .product-spec .spec-item:last-child, #change-orderitem-spec-modal .product-spec .spec-item:last-child {
    margin: 0; }
  #product .wrapper .block-wrapper .product-spec .spec-item .label, #change-orderitem-spec-modal .product-spec .spec-item .label {
    font-size: 12px;
    color: #000;
    letter-spacing: 0px;
    font-weight: bold;
    display: -webkit-flex;
    display: flex; }
    #product .wrapper .block-wrapper .product-spec .spec-item .label .hint, #change-orderitem-spec-modal .product-spec .spec-item .label .hint {
      display: inline-block;
      margin: 0 0 0 auto;
      color: #000;
      font-size: 12px; }
    #product .wrapper .block-wrapper .product-spec .spec-item .label .error, #change-orderitem-spec-modal .product-spec .spec-item .label .error {
      display: inline-block;
      margin: 0 0 0 auto;
      color: #FF2C22;
      font-size: 12px; }
    #product .wrapper .block-wrapper .product-spec .spec-item .label .value-text, #change-orderitem-spec-modal .product-spec .spec-item .label .value-text {
      margin: 0 0 0 16px;
      font-weight: normal; }
  #product .wrapper .block-wrapper .product-spec .spec-item .transparent-tip, #change-orderitem-spec-modal .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%; }
  #product .wrapper .block-wrapper .product-spec .spec-item .spec-select, #change-orderitem-spec-modal .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; }
    #product .wrapper .block-wrapper .product-spec .spec-item .spec-select.active, #change-orderitem-spec-modal .product-spec .spec-item .spec-select.active {
      border: 1px solid #ee7c68;
      color: #ee7c68; }
    #product .wrapper .block-wrapper .product-spec .spec-item .spec-select.custom, #change-orderitem-spec-modal .product-spec .spec-item .spec-select.custom {
      min-width: 120px; }
    #product .wrapper .block-wrapper .product-spec .spec-item .spec-select.single, #change-orderitem-spec-modal .product-spec .spec-item .spec-select.single {
      padding: 0;
      border: none;
      color: #000; }
    #product .wrapper .block-wrapper .product-spec .spec-item .spec-select.full, #change-orderitem-spec-modal .product-spec .spec-item .spec-select.full {
      width: 100%;
      margin: 12px 0 0 0; }
    #product .wrapper .block-wrapper .product-spec .spec-item .spec-select.error, #change-orderitem-spec-modal .product-spec .spec-item .spec-select.error {
      border: 1px solid #FF2C22;
      color: #FF2C22; }
  #product .wrapper .block-wrapper .product-spec .spec-item .color-option, #change-orderitem-spec-modal .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; }
    #product .wrapper .block-wrapper .product-spec .spec-item .color-option .color, #change-orderitem-spec-modal .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; }
  #product .wrapper .block-wrapper .product-spec .spec-item .spec-color-option, #change-orderitem-spec-modal .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; }
    #product .wrapper .block-wrapper .product-spec .spec-item .spec-color-option.active, #change-orderitem-spec-modal .product-spec .spec-item .spec-color-option.active {
      border-color: #ee7c68;
      color: #ee7c68; }
    #product .wrapper .block-wrapper .product-spec .spec-item .spec-color-option .spec-color, #change-orderitem-spec-modal .product-spec .spec-item .spec-color-option .spec-color {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      #product .wrapper .block-wrapper .product-spec .spec-item .spec-color-option .spec-color .transparent-tip, #change-orderitem-spec-modal .product-spec .spec-item .spec-color-option .spec-color .transparent-tip {
        position: absolute;
        top: 2px;
        right: 2px;
        margin: 0; }
  #product .wrapper .block-wrapper .product-spec .spec-item .process-list, #change-orderitem-spec-modal .product-spec .spec-item .process-list {
    margin: 10px 0 0 0; }
    #product .wrapper .block-wrapper .product-spec .spec-item .process-list:first-child, #change-orderitem-spec-modal .product-spec .spec-item .process-list:first-child {
      margin: 0; }
  #product .wrapper .block-wrapper .product-spec .spec-item .process-remark, #change-orderitem-spec-modal .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; }
  #product .wrapper .block-wrapper .product-spec .spec-item .spec-input, #change-orderitem-spec-modal .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; }
  #product .wrapper .block-wrapper .product-spec .spec-item .accessory-item, #change-orderitem-spec-modal .product-spec .spec-item .accessory-item {
    margin-top: 10px;
    font-size: 12px; }
    #product .wrapper .block-wrapper .product-spec .spec-item .accessory-item .accessory-label, #change-orderitem-spec-modal .product-spec .spec-item .accessory-item .accessory-label {
      font-weight: 600; }
  #product .wrapper .block-wrapper .product-spec .spec-item .custom-size-wrapper, #change-orderitem-spec-modal .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; }
    #product .wrapper .block-wrapper .product-spec .spec-item .custom-size-wrapper .custom-size-text, #change-orderitem-spec-modal .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; }
      #product .wrapper .block-wrapper .product-spec .spec-item .custom-size-wrapper .custom-size-text.fixed-width, #change-orderitem-spec-modal .product-spec .spec-item .custom-size-wrapper .custom-size-text.fixed-width {
        min-width: 40px; }
    #product .wrapper .block-wrapper .product-spec .spec-item .custom-size-wrapper .custom-input, #change-orderitem-spec-modal .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; }
    #product .wrapper .block-wrapper .product-spec .spec-item .custom-size-wrapper .custom-hint-text, #change-orderitem-spec-modal .product-spec .spec-item .custom-size-wrapper .custom-hint-text {
      margin: 4px 0 0 0;
      font-size: 12px; }
#product .wrapper .block-wrapper .product-spec .show-more-spec, #change-orderitem-spec-modal .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; }
  #product .wrapper .block-wrapper .product-spec .show-more-spec .right-action, #change-orderitem-spec-modal .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; }

#order .mobile-dropdown, #cart .mobile-dropdown, #favorite-address .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; }
  #order .mobile-dropdown:before, #cart .mobile-dropdown:before, #favorite-address .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; }
  #order .mobile-dropdown:after, #cart .mobile-dropdown:after, #favorite-address .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; }
  #order .mobile-dropdown .dropdown-item, #cart .mobile-dropdown .dropdown-item, #favorite-address .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; }
    #order .mobile-dropdown .dropdown-item:first-child, #cart .mobile-dropdown .dropdown-item:first-child, #favorite-address .mobile-dropdown .dropdown-item:first-child {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    #order .mobile-dropdown .dropdown-item.warning, #cart .mobile-dropdown .dropdown-item.warning, #favorite-address .mobile-dropdown .dropdown-item.warning {
      color: #FF2C22; }
    #order .mobile-dropdown .dropdown-item .icon, #cart .mobile-dropdown .dropdown-item .icon, #favorite-address .mobile-dropdown .dropdown-item .icon {
      display: inline-block;
      width: 14px;
      margin-right: 20px;
      float: left;
      font-size: 16px;
      font-size: 1rem; }

#favorite-address .address-item, #select-address-modal .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; }
  #favorite-address .has-action.address-item, #select-address-modal .has-action.address-item {
    padding: 10px 50px 10px 15px; }
  #favorite-address .address-item .address-name, #select-address-modal .address-item .address-name {
    margin: 0 0 4px 0;
    color: #333030;
    letter-spacing: 0px;
    font-size: 14px;
    font-size: 0.875rem; }
  #favorite-address .address-item .address-info, #select-address-modal .address-item .address-info {
    color: #777777;
    letter-spacing: 0px;
    font-size: 12px;
    font-size: 0.75rem; }
    #favorite-address .address-item .address-info .phone, #select-address-modal .address-item .address-info .phone {
      margin: 0 0 0 15px; }
  #favorite-address .address-item .address-action, #select-address-modal .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; }
    #favorite-address .address-item .address-action i, #select-address-modal .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; }

#blog-post .bread-crumbs, #designer .bread-crumbs, #project-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; }
  #blog-post .bread-crumbs .crumb-item, #designer .bread-crumbs .crumb-item, #project-post .bread-crumbs .crumb-item {
    display: inline-block;
    line-height: 20px;
    font-size: 13px;
    font-size: 0.8125rem; }
    #blog-post .bread-crumbs .crumb-item.active a, #designer .bread-crumbs .crumb-item.active a, #project-post .bread-crumbs .crumb-item.active a {
      color: #484848; }
      #blog-post .bread-crumbs .crumb-item.active a:hover, #designer .bread-crumbs .crumb-item.active a:hover, #project-post .bread-crumbs .crumb-item.active a:hover {
        text-decoration: none; }
    #blog-post .bread-crumbs .crumb-item a, #designer .bread-crumbs .crumb-item a, #project-post .bread-crumbs .crumb-item a {
      color: #0071C5;
      text-decoration: none; }
      #blog-post .bread-crumbs .crumb-item a:hover, #designer .bread-crumbs .crumb-item a:hover, #project-post .bread-crumbs .crumb-item a:hover {
        text-decoration: underline; }
  #blog-post .bread-crumbs .crumb-arrow, #designer .bread-crumbs .crumb-arrow, #project-post .bread-crumbs .crumb-arrow {
    display: inline-block;
    margin: 0 16px;
    color: #737373; }

#blog-list .nav-bar, #resource-list .nav-bar, #designer-list .nav-bar, #project-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; }
  #blog-list .nav-bar .select-bar, #resource-list .nav-bar .select-bar, #designer-list .nav-bar .select-bar, #project-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; }
    #blog-list .nav-bar .select-bar:last-child, #resource-list .nav-bar .select-bar:last-child, #designer-list .nav-bar .select-bar:last-child, #project-list .nav-bar .select-bar:last-child {
      border-right: none; }
    #blog-list .nav-bar .select-bar .mobile-label, #resource-list .nav-bar .select-bar .mobile-label, #designer-list .nav-bar .select-bar .mobile-label, #project-list .nav-bar .select-bar .mobile-label {
      display: inline-block;
      color: #484848;
      -webkit-tap-highlight-color: transparent; }
      #blog-list .nav-bar .select-bar .mobile-label i, #resource-list .nav-bar .select-bar .mobile-label i, #designer-list .nav-bar .select-bar .mobile-label i, #project-list .nav-bar .select-bar .mobile-label i {
        margin: 0 0 0 10px;
        vertical-align: text-bottom;
        font-size: 18px;
        font-size: 1.125rem; }
    #blog-list .nav-bar .select-bar .select-list, #resource-list .nav-bar .select-bar .select-list, #designer-list .nav-bar .select-bar .select-list, #project-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; }
      #blog-list .nav-bar .select-bar .select-list.show, #resource-list .nav-bar .select-bar .select-list.show, #designer-list .nav-bar .select-bar .select-list.show, #project-list .nav-bar .select-bar .select-list.show {
        display: block; }
      #blog-list .nav-bar .select-bar .select-list .select-item, #resource-list .nav-bar .select-bar .select-list .select-item, #designer-list .nav-bar .select-bar .select-list .select-item, #project-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; }
        #blog-list .nav-bar .select-bar .select-list .select-item.active, #resource-list .nav-bar .select-bar .select-list .select-item.active, #designer-list .nav-bar .select-bar .select-list .select-item.active, #project-list .nav-bar .select-bar .select-list .select-item.active {
          color: #0071C5; }
          #blog-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, #designer-list .nav-bar .select-bar .select-list .select-item.active .selected-icon, #project-list .nav-bar .select-bar .select-list .select-item.active .selected-icon {
            display: inline-block; }
        #blog-list .nav-bar .select-bar .select-list .select-item .selected-icon, #resource-list .nav-bar .select-bar .select-list .select-item .selected-icon, #designer-list .nav-bar .select-bar .select-list .select-item .selected-icon, #project-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; }
        #blog-list .nav-bar .select-bar .select-list .select-item .count, #resource-list .nav-bar .select-bar .select-list .select-item .count, #designer-list .nav-bar .select-bar .select-list .select-item .count, #project-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; }

#blog-list .page-controller, #resource-list .page-controller, #designer-list .page-controller, #designer .page-controller, #project-list .page-controller {
  text-align: center;
  overflow: hidden; }
  #blog-list .page-controller .page-item, #resource-list .page-controller .page-item, #designer-list .page-controller .page-item, #designer .page-controller .page-item, #project-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; }
    #blog-list .page-controller .page-item.active, #resource-list .page-controller .page-item.active, #designer-list .page-controller .page-item.active, #designer .page-controller .page-item.active, #project-list .page-controller .page-item.active {
      color: #fff;
      background-color: #0071C5; }
    #blog-list .page-controller .page-item i, #resource-list .page-controller .page-item i, #designer-list .page-controller .page-item i, #designer .page-controller .page-item i, #project-list .page-controller .page-item i {
      font-size: 16px;
      font-size: 1rem; }

#blog-post .content-wrapper .main-wrapper, #designer .content-wrapper .main-wrapper, #project-post .content-wrapper .main-wrapper {
  display: block;
  margin: 0; }
  #blog-post .content-wrapper .main-wrapper .post-wrapper, #designer .content-wrapper .main-wrapper .post-wrapper, #project-post .content-wrapper .main-wrapper .post-wrapper {
    margin: 0;
    padding: 20px 24px;
    border: none;
    background-color: #fff; }
    #blog-post .content-wrapper .main-wrapper .post-wrapper .title, #designer .content-wrapper .main-wrapper .post-wrapper .title, #project-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; }
    #blog-post .content-wrapper .main-wrapper .post-wrapper .meta, #designer .content-wrapper .main-wrapper .post-wrapper .meta, #project-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; }
      #blog-post .content-wrapper .main-wrapper .post-wrapper .meta .category-text, #designer .content-wrapper .main-wrapper .post-wrapper .meta .category-text, #project-post .content-wrapper .main-wrapper .post-wrapper .meta .category-text {
        color: #737373; }
        #blog-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, #project-post .content-wrapper .main-wrapper .post-wrapper .meta .category-text:last-child:after {
          display: none; }
        #blog-post .content-wrapper .main-wrapper .post-wrapper .meta .category-text:after, #designer .content-wrapper .main-wrapper .post-wrapper .meta .category-text:after, #project-post .content-wrapper .main-wrapper .post-wrapper .meta .category-text:after {
          display: inline-block;
          content: '、'; }
    #blog-post .content-wrapper .main-wrapper .post-wrapper .post-content, #designer .content-wrapper .main-wrapper .post-wrapper .post-content, #project-post .content-wrapper .main-wrapper .post-wrapper .post-content {
      line-height: 1.75em;
      font-size: 16px;
      font-size: 1rem; }
      #blog-post .content-wrapper .main-wrapper .post-wrapper .post-content p, #designer .content-wrapper .main-wrapper .post-wrapper .post-content p, #project-post .content-wrapper .main-wrapper .post-wrapper .post-content p {
        margin: 0; }
  #blog-post .content-wrapper .main-wrapper .mobile-designer-info, #designer .content-wrapper .main-wrapper .mobile-designer-info, #project-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; }
    #blog-post .content-wrapper .main-wrapper .mobile-designer-info .avatar, #designer .content-wrapper .main-wrapper .mobile-designer-info .avatar, #project-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%; }
    #blog-post .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper, #designer .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper, #project-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; }
      #blog-post .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper .title, #designer .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper .title, #project-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; }
      #blog-post .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper .description, #designer .content-wrapper .main-wrapper .mobile-designer-info .text-wrapper .description, #project-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; }
  #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper, #project-post .content-wrapper .main-wrapper .mobile-recommend-wrapper {
    display: block;
    margin: 24px 0 0 0; }
    #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .title, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper .title, #project-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; }
    #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper, #project-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; }
      #blog-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item, #designer .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item, #project-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item {
        display: inline-block; }
        #blog-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, #project-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; }
          #blog-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, #project-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; }
            #blog-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, #project-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); }
          #blog-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, #project-post .content-wrapper .main-wrapper .mobile-recommend-wrapper .grid-wrapper .grid-item .item-wrapper .item-info {
            height: 130px;
            padding: 16px; }
            #blog-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, #project-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; }
            #blog-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, #project-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; }
  #blog-post .content-wrapper .main-wrapper .signature, #designer .content-wrapper .main-wrapper .signature, #project-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; }
    #blog-post .content-wrapper .main-wrapper .signature .description, #designer .content-wrapper .main-wrapper .signature .description, #project-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; }
#blog-post .content-wrapper .sideber-wrapper, #designer .content-wrapper .sideber-wrapper, #project-post .content-wrapper .sideber-wrapper {
  display: block;
  width: 100%; }
  #blog-post .content-wrapper .sideber-wrapper .sidebar-content, #designer .content-wrapper .sideber-wrapper .sidebar-content, #project-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; }
    #blog-post .content-wrapper .sideber-wrapper .sidebar-content.designer, #designer .content-wrapper .sideber-wrapper .sidebar-content.designer, #project-post .content-wrapper .sideber-wrapper .sidebar-content.designer {
      padding: 24px 36px;
      text-align: center; }
      #blog-post .content-wrapper .sideber-wrapper .sidebar-content.designer .title, #designer .content-wrapper .sideber-wrapper .sidebar-content.designer .title, #project-post .content-wrapper .sideber-wrapper .sidebar-content.designer .title {
        margin: 0 0 10px 0;
        font-size: 16px;
        font-size: 1rem; }
      #blog-post .content-wrapper .sideber-wrapper .sidebar-content.designer .description, #designer .content-wrapper .sideber-wrapper .sidebar-content.designer .description, #project-post .content-wrapper .sideber-wrapper .sidebar-content.designer .description {
        text-decoration: underline;
        cursor: pointer; }
        #blog-post .content-wrapper .sideber-wrapper .sidebar-content.designer .description.mobiletype, #designer .content-wrapper .sideber-wrapper .sidebar-content.designer .description.mobiletype, #project-post .content-wrapper .sideber-wrapper .sidebar-content.designer .description.mobiletype {
          display: block;
          text-decoration: none; }
    #blog-post .content-wrapper .sideber-wrapper .sidebar-content .avatar, #designer .content-wrapper .sideber-wrapper .sidebar-content .avatar, #project-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%; }
    #blog-post .content-wrapper .sideber-wrapper .sidebar-content .title, #designer .content-wrapper .sideber-wrapper .sidebar-content .title, #project-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; }
    #blog-post .content-wrapper .sideber-wrapper .sidebar-content .description, #designer .content-wrapper .sideber-wrapper .sidebar-content .description, #project-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; }
      #blog-post .content-wrapper .sideber-wrapper .sidebar-content .description.mobiletype, #designer .content-wrapper .sideber-wrapper .sidebar-content .description.mobiletype, #project-post .content-wrapper .sideber-wrapper .sidebar-content .description.mobiletype {
        display: none; }
      #blog-post .content-wrapper .sideber-wrapper .sidebar-content .description .category-text, #designer .content-wrapper .sideber-wrapper .sidebar-content .description .category-text, #project-post .content-wrapper .sideber-wrapper .sidebar-content .description .category-text {
        color: #737373; }
        #blog-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, #project-post .content-wrapper .sideber-wrapper .sidebar-content .description .category-text:last-child:after {
          display: none; }
        #blog-post .content-wrapper .sideber-wrapper .sidebar-content .description .category-text:after, #designer .content-wrapper .sideber-wrapper .sidebar-content .description .category-text:after, #project-post .content-wrapper .sideber-wrapper .sidebar-content .description .category-text:after {
          display: inline-block;
          content: '、'; }
    #blog-post .content-wrapper .sideber-wrapper .sidebar-content .html-content p, #designer .content-wrapper .sideber-wrapper .sidebar-content .html-content p, #project-post .content-wrapper .sideber-wrapper .sidebar-content .html-content p {
      margin: 0 !important; }
    #blog-post .content-wrapper .sideber-wrapper .sidebar-content .html-content *, #designer .content-wrapper .sideber-wrapper .sidebar-content .html-content *, #project-post .content-wrapper .sideber-wrapper .sidebar-content .html-content * {
      color: #737373 !important;
      letter-spacing: 0px !important;
      line-height: 21px !important;
      font-size: 13px !important; }
    #blog-post .content-wrapper .sideber-wrapper .sidebar-content .html-content a, #designer .content-wrapper .sideber-wrapper .sidebar-content .html-content a, #project-post .content-wrapper .sideber-wrapper .sidebar-content .html-content a {
      color: #0071C5 !important; }
  #blog-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar, #designer .content-wrapper .sideber-wrapper .mobile-designer-label-bar, #project-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar {
    margin: 0 0 10px 0;
    background-color: #fff;
    display: -webkit-flex;
    display: flex; }
    #blog-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item, #designer .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item, #project-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; }
      #blog-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, #project-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item:last-child {
        border-right: none; }
      #blog-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item.active, #designer .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item.active, #project-post .content-wrapper .sideber-wrapper .mobile-designer-label-bar .label-item.active {
        border-bottom: 1px solid #0071C5;
        color: #0071C5; }

#cart .invoice-select-form, #profile .content .invoice-select-form, #confirm-payment-modal .invoice-select-form, #confirm-extrafee-payment-modal .invoice-select-form {
  position: relative; }
  #cart .invoice-select-form .invoice-select-row, #profile .content .invoice-select-form .invoice-select-row, #confirm-payment-modal .invoice-select-form .invoice-select-row, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-row {
    margin: 0 0 10px 0;
    line-height: 2em; }
    #cart .invoice-select-form .invoice-select-row .checkbox-form, #profile .content .invoice-select-form .invoice-select-row .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 {
      margin-right: 10px;
      font-size: 14px;
      cursor: pointer; }
      #cart .invoice-select-form .invoice-select-row .checkbox-form.checked, #profile .content .invoice-select-form .invoice-select-row .checkbox-form.checked, #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 {
        font-weight: 600; }
      #cart .invoice-select-form .invoice-select-row .checkbox-form .checkbox, #profile .content .invoice-select-form .invoice-select-row .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 {
        width: 16px;
        height: 16px;
        margin: 0 4px 0 0;
        font-size: 14px; }
  #cart .invoice-select-form .invoice-select-wrapper, #profile .content .invoice-select-form .invoice-select-wrapper, #confirm-payment-modal .invoice-select-form .invoice-select-wrapper, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-wrapper {
    position: relative; }
    #cart .invoice-select-form .invoice-select-wrapper .invoice-sub-select-wrapper, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-sub-select-wrapper, #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 {
      padding: 0 0 0 20px; }
    #cart .invoice-select-form .invoice-select-wrapper .invoice-select-input-form, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-input-form, #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 {
      margin: 0 0 10px 0; }
      #cart .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, #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 {
        margin: 0; }
    #cart .invoice-select-form .invoice-select-wrapper .invoice-select-custom, #profile .content .invoice-select-form .invoice-select-wrapper .invoice-select-custom, #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 {
      padding: 0 0 8px 0; }
      #cart .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, #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 {
        margin: 0 0 4px 0; }
  #cart .invoice-select-form .invoice-select-dropdown, #profile .content .invoice-select-form .invoice-select-dropdown, #confirm-payment-modal .invoice-select-form .invoice-select-dropdown, #confirm-extrafee-payment-modal .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; }
    #cart .invoice-select-form .invoice-select-dropdown:focus, #profile .content .invoice-select-form .invoice-select-dropdown:focus, #confirm-payment-modal .invoice-select-form .invoice-select-dropdown:focus, #confirm-extrafee-payment-modal .invoice-select-form .invoice-select-dropdown:focus {
      border-color: #2A2A2A; }
    #cart .invoice-select-form .invoice-select-dropdown.error, #profile .content .invoice-select-form .invoice-select-dropdown.error, #confirm-payment-modal .invoice-select-form .invoice-select-dropdown.error, #confirm-extrafee-payment-modal .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;
  -webkit-transition-delay: 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;
    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;
  -webkit-transition-delay: 0s;
  transition: z-index 0s 0s; }
  .md-show .scroll-content {
    display: block !important; }

.md-show .md-wrapper:before {
  content: '';
  opacity: .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 .7s forwards ease-out;
  -moz-animation: slit .7s forwards ease-out;
  animation: slit .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: .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: .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;
  -webkit-transition-delay: 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;
  -webkit-transition-delay: 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;
  -webkit-transition-delay: 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: .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: "\a0";
          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: "\a0";
          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: .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;
  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;
    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;
    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;
  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: .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;
  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;
  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: .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: transparent; }

input, textarea {
  -webkit-tap-highlight-color: transparent; }

.picker__holder {
  outline: none !important; }