/* Start - base css */
/* line 3, ../../../../resource/compass/lib/_base_skeleton.scss */
* {
  box-sizing: border-box;
}

/*using font proxima_nova */
@font-face {
  font-family: 'proxima_nova';
  /*src: url('fonts/proximanova-light-webfont.eot');*/
  /*src: url('fonts/ProximaNova-Light.otf');
  src: url('fonts/ProximaNova-Light.otf') format('opentype'),*/
  src: url("/_ui/desktop/common/css/fonts/ProximaNova-Light-webfont.eot");
  src: url("/_ui/desktop/common/css/fonts/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/ProximaNova-Light-webfont.woff2") format("woff2"), url("/_ui/desktop/common/css/fonts/ProximaNova-Light-webfont.woff") format("woff"), url("/_ui/desktop/common/css/fonts/ProximaNova-Light-webfont.ttf") format("truetype"), url("/_ui/desktop/common/css/fonts/ProximaNova-Light-webfont.svg#proxima_nova_ltlight") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'proxima_nova';
  /*src: url('fonts/proximanova-extrabold-webfont.eot');*/
  /*src: url('fonts/ProximaNova-Extrabold.otf');
  src: url('fonts/ProximaNova-Extrabold.otf') format('opentype'),*/
  src: url("/_ui/desktop/common/css/fonts/ProximaNova-Xbold-webfont.eot");
  src: url("/_ui/desktop/common/css/fonts/ProximaNova-Xbold-webfont.eot?#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/ProximaNova-Xbold-webfont.woff2") format("woff2"), url("/_ui/desktop/common/css/fonts/ProximaNova-Xbold-webfont.woff") format("woff"), url("/_ui/desktop/common/css/fonts/ProximaNova-Xbold-webfont.ttf") format("truetype"), url("/_ui/desktop/common/css/fonts/ProximaNova-Xbold-webfont.svg#proxima_nova_thextrabold") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'proxima_nova';
  /*src: url('fonts/proximanova-regular-webfont.eot');*/
  /*src: url('fonts/ProximaNova-Regular.otf');
  src: url('fonts/ProximaNova-Regular.otf') format('opentype'),*/
  src: url("/_ui/desktop/common/css/fonts/ProximaNova-Reg-webfont.eot");
  src: url("/_ui/desktop/common/css/fonts/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/ProximaNova-Reg-webfont.woff2") format("woff2"), url("/_ui/desktop/common/css/fonts/ProximaNova-Reg-webfont.woff") format("woff"), url("/_ui/desktop/common/css/fonts/ProximaNova-Reg-webfont.ttf") format("truetype"), url("/_ui/desktop/common/css/fonts/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'proxima_nova';
  /*src: url('fonts/proximanova-bold-webfont.eot');*/
  /*src: url('fonts/ProximaNova-Bold.otf');
  src: url('fonts/ProximaNova-Bold.otf') format('opentype'),*/
  src: url("/_ui/desktop/common/css/fonts/ProximaNova-Bold-webfont.eot");
  src: url("/_ui/desktop/common/css/fonts/ProximaNova-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/ProximaNova-Bold-webfont.woff2") format("woff2"), url("/_ui/desktop/common/css/fonts/ProximaNova-Bold-webfont.woff") format("woff"), url("/_ui/desktop/common/css/fonts/ProximaNova-Bold-webfont.ttf") format("truetype"), url("/_ui/desktop/common/css/fonts/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold") format("svg");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'proxima_nova';
  /*src: url('fonts/proximanova-semibolditalic-webfont.eot');*/
  /*src: url('fonts/ProximaNova-SemiboldItalic.otf');
  src: url('fonts/ProximaNova-SemiboldItalic.otf') format('opentype'), */
  src: url("/_ui/desktop/common/css/fonts/ProximaNova-SboldIt-webfont.eot");
  src: url("/_ui/desktop/common/css/fonts/ProximaNova-SboldIt-webfont.eot?#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/ProximaNova-SboldIt-webfont.woff2") format("woff2"), url("/_ui/desktop/common/css/fonts/ProximaNova-SboldIt-webfont.woff") format("woff"), url("/_ui/desktop/common/css/fonts/ProximaNova-SboldIt-webfont.ttf") format("truetype"), url("/_ui/desktop/common/css/fonts/ProximaNova-SboldIt-webfont.svg#proxima_novasemibold_italic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'proxima_nova';
  /*src: url('fonts/proximanova-semibold-webfont.eot');*/
  /*src: url('fonts/ProximaNova-Semibold.otf');
  src: url('fonts/ProximaNova-Semibold.otf') format('opentype'),*/
  src: url("/_ui/desktop/common/css/fonts/ProximaNova-Sbold-webfont.eot");
  src: url("/_ui/desktop/common/css/fonts/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/ProximaNova-Sbold-webfont.woff2") format("woff2"), url("/_ui/desktop/common/css/fonts/ProximaNova-Sbold-webfont.woff") format("woff"), url("/_ui/desktop/common/css/fonts/ProximaNova-Sbold-webfont.ttf") format("truetype"), url("/_ui/desktop/common/css/fonts/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg");
  font-weight: bold;
  font-style: normal;
}
/* line 99, ../../../../resource/compass/lib/_base_skeleton.scss */
html {
  height: 100%;
  position: relative;
}

/* line 101, ../../../../resource/compass/lib/_base_skeleton.scss */
body {
  font-family: "proxima_nova", Arial, "Heiti TC", "Microsoft JhengHei", "Microsoft Yahei", "PMingLiU", sans-serif;
  font-size: 13px;
  min-height: 100%;
  position: relative;
}

/* line 108, ../../../../resource/compass/lib/_base_skeleton.scss */
input, textarea, keygen, select, button {
  font-family: "proxima_nova", Arial, "Heiti TC", "Microsoft JhengHei", "Microsoft Yahei", "PMingLiU", sans-serif;
  font-size: 13px;
}

/* line 113, ../../../../resource/compass/lib/_base_skeleton.scss */
input::-ms-clear {
  display: none;
}

/* line 117, ../../../../resource/compass/lib/_base_skeleton.scss */
button {
  cursor: pointer;
}

/* line 121, ../../../../resource/compass/lib/_base_skeleton.scss */
button.disabled, button[disabled=disabled] {
  cursor: default;
}

/* line 125, ../../../../resource/compass/lib/_base_skeleton.scss */
.verticalAlignHelper:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/* line 132, ../../../../resource/compass/lib/_base_skeleton.scss */
.clearfix:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}

/* line 139, ../../../../resource/compass/lib/_base_skeleton.scss */
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 148, ../../../../resource/compass/lib/_base_skeleton.scss */
.appearanceNone {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 154, ../../../../resource/compass/lib/_base_skeleton.scss */
a[href=''], a:not([href]) {
  cursor: default;
}

/* End - base css */
/* line 2, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
.wrapper-content {
  margin: 0 auto;
  width: 1188px;
}

/* line 7, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
body {
  padding-bottom: 530px;
  min-width: 1208px;
}

/* line 15, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
#UIOverlayView .ui-icon-close-colorbox:hover #close-circle {
  fill: #e8e8e8;
}
/* line 18, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
#UIOverlayView .ui-icon-close-colorbox:hover #close-cross {
  stroke: #36b449;
}

@-webkit-keyframes spinning {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loading_desktop_changeColor {
  0% {
    stroke: #36B449;
  }
  5% {
    stroke: #FFFFFF;
  }
  100% {
    stroke: #36B449;
  }
}
@keyframes loading_desktop_changeColor {
  0% {
    stroke: #36B449;
  }
  5% {
    stroke: #FFFFFF;
  }
  100% {
    stroke: #36B449;
  }
}
/* line 70, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
svg#loading_desktop line[id*="loading_line"] {
  -webkit-animation-name: loading_desktop_changeColor;
  animation-name: loading_desktop_changeColor;
  -webkit-animation-duration: 0.95s;
  animation-duration: 0.95s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* line 78, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
svg#loading_desktop #loading_line-2 {
  -webkit-animation-delay: 0.1s;
  -webkit-animation-delay: calc(1 * (0.95s / 9));
  animation-delay: 0.1s;
  animation-delay: calc(1 * (0.95s / 9));
}
/* line 84, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
svg#loading_desktop #loading_line-3 {
  -webkit-animation-delay: 0.2s;
  -webkit-animation-delay: calc(2 * (0.95s / 9));
  animation-delay: 0.2s;
  animation-delay: calc(2 * (0.95s / 9));
}
/* line 90, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
svg#loading_desktop #loading_line-4 {
  -webkit-animation-delay: 0.3s;
  -webkit-animation-delay: calc(3 * (0.95s / 9));
  animation-delay: 0.3s;
  animation-delay: calc(3 * (0.95s / 9));
}
/* line 96, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
svg#loading_desktop #loading_line-5 {
  -webkit-animation-delay: 0.4s;
  -webkit-animation-delay: calc(4 * (0.95s / 9));
  animation-delay: 0.4s;
  animation-delay: calc(4 * (0.95s / 9));
}
/* line 102, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
svg#loading_desktop #loading_line-6 {
  -webkit-animation-delay: 0.5s;
  -webkit-animation-delay: calc(5 * (0.95s / 9));
  animation-delay: 0.5s;
  animation-delay: calc(5 * (0.95s / 9));
}
/* line 108, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
svg#loading_desktop #loading_line-7 {
  -webkit-animation-delay: 0.6s;
  -webkit-animation-delay: calc(6 * (0.95s / 9));
  animation-delay: 0.6s;
  animation-delay: calc(6 * (0.95s / 9));
}
/* line 114, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
svg#loading_desktop #loading_line-8 {
  -webkit-animation-delay: 0.7s;
  -webkit-animation-delay: calc(7 * (0.95s / 9));
  animation-delay: 0.7s;
  animation-delay: calc(7 * (0.95s / 9));
}
/* line 120, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
svg#loading_desktop #loading_line-9 {
  -webkit-animation-delay: 0.8s;
  -webkit-animation-delay: calc(8 * (0.95s / 9));
  animation-delay: 0.8s;
  animation-delay: calc(8 * (0.95s / 9));
}

/* line 128, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
.loading_icon {
  -webkit-animation-name: spinning;
  animation-name: spinning;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
  animation-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

/* line 139, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
.o2obanner {
  text-align: center;
  font-size: 0;
  max-width: 100%;
  max-height: 140px;
  position: relative;
  margin: auto;
}
/* line 147, ../../../../resource/compass/_ui/desktop/common/css/base1511.scss */
.o2obanner img {
  max-width: 100%;
}