@font-face {
  font-family: caecilia;
  src: url("/static/static_css_resources/0e885f0c267ab1d4986215c8681fa6a1.eot") format("embedded-opentype"), url("/static/static_css_resources/e3b9d479441182451fc22ad2c3c233cd.woff") format('woff'), url("/static/static_css_resources/f83cb3df141c78819d2dfa07df8c7b13.ttf") format('truetype'), url('/static/static_css_resources/654ce970a98aa8ab7784008e05f355d1.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: caecilia-300-normal;
  src: url("/static/static_css_resources/0e885f0c267ab1d4986215c8681fa6a1.eot");
  src: url("/static/static_css_resources/0e885f0c267ab1d4986215c8681fa6a1.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: caecilia;
  src: url("/static/static_css_resources/846524602a9186395b261b106fe2e116.eot") format("embedded-opentype"), url("/static/static_css_resources/0b54024a2b476312e3f6e5a65aac7cb9.woff") format('woff'), url("/static/static_css_resources/70a2ae7e934bf7345390b18e5c6bfe9e.ttf") format('truetype'), url('/static/static_css_resources/962c87f6726b329ecc663061c50a955c.svg') format('svg');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: caecilia-300-italic;
  src: url("/static/static_css_resources/846524602a9186395b261b106fe2e116.eot");
  src: url("/static/static_css_resources/846524602a9186395b261b106fe2e116.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: caecilia;
  src: url("/static/static_css_resources/8697f536763517a04ef69a870ab9fd72.eot") format("embedded-opentype"), url("/static/static_css_resources/bb89723dd61a7c5de7a110ba8db7d7eb.woff") format('woff'), url("/static/static_css_resources/76cc68edca88b667c11fb89d390a3813.ttf") format('truetype'), url('/static/static_css_resources/3400d13e9bd778c8d5c1322c28ee700f.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: caecilia-400-normal;
  src: url("/static/static_css_resources/8697f536763517a04ef69a870ab9fd72.eot");
  src: url("/static/static_css_resources/8697f536763517a04ef69a870ab9fd72.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: caecilia;
  src: url("/static/static_css_resources/bfb35a77eef08aed3f07a115b1b92c86.eot") format("embedded-opentype"), url("/static/static_css_resources/0e8e0900ad987511ed86d7ae06900016.woff") format('woff'), url("/static/static_css_resources/3389f50477ca1909f1ebf073c2411902.ttf") format('truetype'), url('/static/static_css_resources/a655df7e0413907b7f891c83d1e690ff.svg') format('svg');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: caecilia-400-italic;
  src: url("/static/static_css_resources/bfb35a77eef08aed3f07a115b1b92c86.eot");
  src: url("/static/static_css_resources/bfb35a77eef08aed3f07a115b1b92c86.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: caecilia;
  src: url("/static/static_css_resources/4e2b4d100aef8e303488638502dd41d1.eot") format("embedded-opentype"), url("/static/static_css_resources/5d6d52acc5fa9c90c42e4a378b716629.woff") format('woff'), url("/static/static_css_resources/7dda540282cfbfae2431aa91991c2dcd.ttf") format('truetype'), url('/static/static_css_resources/ac66eee58d770f9548bea2d6d74b5e17.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: caecilia-700-normal;
  src: url("/static/static_css_resources/4e2b4d100aef8e303488638502dd41d1.eot");
  src: url("/static/static_css_resources/4e2b4d100aef8e303488638502dd41d1.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: caecilia;
  src: url("/static/static_css_resources/0062284a53f532fed0a426c0959e5e7a.eot") format("embedded-opentype"), url("/static/static_css_resources/8d254b6b11012f6ab6e0e03730d7a7cf.woff") format('woff'), url("/static/static_css_resources/1a73bf47a2f88ac35c2e786ef0bd3011.ttf") format('truetype'), url('/static/static_css_resources/c236af3a6d5d38b810f4a651eddcb014.svg') format('svg');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: caecilia-700-italic;
  src: url("/static/static_css_resources/0062284a53f532fed0a426c0959e5e7a.eot");
  src: url("/static/static_css_resources/0062284a53f532fed0a426c0959e5e7a.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: evernote_rhonda;
  src: url("/static/static_css_resources/4c37238015566a60f2104238a92b0689.eot") format("embedded-opentype"), url("/static/static_css_resources/5d5db511e436b3a21a7f41e9c6141d97.woff") format('woff'), url("/static/static_css_resources/4a15e5f9e6f44f6c671ee35287607491.ttf") format('truetype'), url('/static/static_css_resources/256800f19b36bc26cdd4223c552fbc00.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: evernote_rhonda-normal-normal;
  src: url("/static/static_css_resources/4c37238015566a60f2104238a92b0689.eot");
  src: url("/static/static_css_resources/4c37238015566a60f2104238a92b0689.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/0f5f0d78694ea287e7f43ff54a0056ad.eot") format("embedded-opentype"), url("/static/static_css_resources/179b04066d1d2f2122b410e7194c7044.woff") format('woff'), url("/static/static_css_resources/b4b52fea9d4b0e87eb7a302197295cad.ttf") format('truetype'), url('/static/static_css_resources/a564e763588be50117b9624867e4cf8c.svg') format('svg');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans-100-normal;
  src: url("/static/static_css_resources/0f5f0d78694ea287e7f43ff54a0056ad.eot");
  src: url("/static/static_css_resources/0f5f0d78694ea287e7f43ff54a0056ad.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/78b1ce67f1f64198543dc1b92bd28d47.eot") format("embedded-opentype"), url("/static/static_css_resources/7affc86cb811009ddeda6363ef2605ab.woff") format('woff'), url("/static/static_css_resources/388a242283418317e04f2a7105bb0835.ttf") format('truetype'), url('/static/static_css_resources/ee6131f0b7cd6021b2de99f5c7a0dc83.svg') format('svg');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: salesforcesans-100-italic;
  src: url("/static/static_css_resources/78b1ce67f1f64198543dc1b92bd28d47.eot");
  src: url("/static/static_css_resources/78b1ce67f1f64198543dc1b92bd28d47.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/db0b0031bf4eeb01aabdb6830a918912.eot") format("embedded-opentype"), url("/static/static_css_resources/2edec8788fdf09212e4fecdfeed96a7e.woff") format('woff'), url("/static/static_css_resources/76d3c8425c3ee7c56dd3dad04b9016ca.ttf") format('truetype'), url('/static/static_css_resources/d5a0b582f31fe3e2cb49f85480e9d823.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans-300-normal;
  src: url("/static/static_css_resources/db0b0031bf4eeb01aabdb6830a918912.eot");
  src: url("/static/static_css_resources/db0b0031bf4eeb01aabdb6830a918912.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/545e3e4d690f6d7d4a89e0783929a0c0.eot") format("embedded-opentype"), url("/static/static_css_resources/8080e8bc6c523ed5c657931fdd80e032.woff") format('woff'), url("/static/static_css_resources/30b63ac5063e7500299c0a9895332691.ttf") format('truetype'), url('/static/static_css_resources/8575578fa11d310d1dd4295ec7e495fa.svg') format('svg');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: salesforcesans-300-italic;
  src: url("/static/static_css_resources/545e3e4d690f6d7d4a89e0783929a0c0.eot");
  src: url("/static/static_css_resources/545e3e4d690f6d7d4a89e0783929a0c0.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/e49dcb01a490f0e54b047e69cc5ba537.eot") format("embedded-opentype"), url("/static/static_css_resources/401b32ddc80c4c66d0558df1bc202d9b.woff") format('woff'), url("/static/static_css_resources/6c9ddaa8a8cfa8df9d612612753d00b2.ttf") format('truetype'), url('/static/static_css_resources/ada994ed9b2acac21ceedf8e5d97484a.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans-400-normal;
  src: url("/static/static_css_resources/e49dcb01a490f0e54b047e69cc5ba537.eot");
  src: url("/static/static_css_resources/e49dcb01a490f0e54b047e69cc5ba537.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/60d1fa1975c08d8c67abd5ea6ee5417d.eot") format("embedded-opentype"), url("/static/static_css_resources/882515c44aafee22611dbcbc904a792b.woff") format('woff'), url("/static/static_css_resources/d0c0958fee01a679b1dad7db640e1835.ttf") format('truetype'), url('/static/static_css_resources/c944a148692ed1743f976c168fcf1629.svg') format('svg');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: salesforcesans-400-italic;
  src: url("/static/static_css_resources/60d1fa1975c08d8c67abd5ea6ee5417d.eot");
  src: url("/static/static_css_resources/60d1fa1975c08d8c67abd5ea6ee5417d.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/7126a8f76526e1d11b7e96e590524af6.eot") format("embedded-opentype"), url("/static/static_css_resources/1a99b4b58efca0b3c1b1ea9c29d981e4.woff") format('woff'), url("/static/static_css_resources/bab6f1ee9617b3f4375b4b4ccb818b01.ttf") format('truetype'), url('/static/static_css_resources/8aecdcc4aa68e15aefcb0d1d0e590d81.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans-700-normal;
  src: url("/static/static_css_resources/7126a8f76526e1d11b7e96e590524af6.eot");
  src: url("/static/static_css_resources/7126a8f76526e1d11b7e96e590524af6.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/430e3065b81b4b2abec9687be9dcecfe.eot") format("embedded-opentype"), url("/static/static_css_resources/41ae6b36a1f81e8c5d2aafe12c409f30.woff") format('woff'), url("/static/static_css_resources/ff2f4aa51976e26f3f356a3e16a4a1f8.ttf") format('truetype'), url('/static/static_css_resources/8152c6eb3b7a34653208166c7cb60c2b.svg') format('svg');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: salesforcesans-700-italic;
  src: url("/static/static_css_resources/430e3065b81b4b2abec9687be9dcecfe.eot");
  src: url("/static/static_css_resources/430e3065b81b4b2abec9687be9dcecfe.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/5cf4d18c3d950d7d13cf467869106147.eot") format("embedded-opentype"), url("/static/static_css_resources/29b540e075d6e128d3c46e1d067e5e0a.woff") format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: gotham-300-normal;
  src: url("/static/static_css_resources/5cf4d18c3d950d7d13cf467869106147.eot");
  src: local('?'), url("/static/static_css_resources/5cf4d18c3d950d7d13cf467869106147.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/b408f168a26436047b2bd49d7ca6614a.eot") format("embedded-opentype"), url("/static/static_css_resources/eeaaea68be1115149e33967bbf76bcac.woff") format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: gotham-300-italic;
  src: url("/static/static_css_resources/b408f168a26436047b2bd49d7ca6614a.eot");
  src: local('?'), url("/static/static_css_resources/b408f168a26436047b2bd49d7ca6614a.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/3628a17b0d184ccb16772f6a97bfccb7.eot") format("embedded-opentype"), url("/static/static_css_resources/ce26df559f3c21d1aa4a451685a181cd.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: gotham-400-normal;
  src: url("/static/static_css_resources/3628a17b0d184ccb16772f6a97bfccb7.eot");
  src: local('?'), url("/static/static_css_resources/3628a17b0d184ccb16772f6a97bfccb7.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/22ed5c61c411ffa379966c1481f3c4fa.eot") format("embedded-opentype"), url("/static/static_css_resources/7f28d6967dbc1a0c74f8e0ca53ef3c2a.woff") format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: gotham-400-italic;
  src: url("/static/static_css_resources/22ed5c61c411ffa379966c1481f3c4fa.eot");
  src: local('?'), url("/static/static_css_resources/22ed5c61c411ffa379966c1481f3c4fa.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/c853da8288d0cd1937073ebb55f99184.eot") format("embedded-opentype"), url("/static/static_css_resources/ec44793eab729e2dc753b64f0fa8fcc5.woff") format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: gotham-500-normal;
  src: url("/static/static_css_resources/c853da8288d0cd1937073ebb55f99184.eot");
  src: local('?'), url("/static/static_css_resources/c853da8288d0cd1937073ebb55f99184.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/c34ddcd551ab3df7b311ecabeeb40fc3.eot") format("embedded-opentype"), url("/static/static_css_resources/81eb8cc29a801e6f2733f51b9f7f56b1.woff") format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: gotham-500-italic;
  src: url("/static/static_css_resources/c34ddcd551ab3df7b311ecabeeb40fc3.eot");
  src: local('?'), url("/static/static_css_resources/c34ddcd551ab3df7b311ecabeeb40fc3.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/5c0305ad2a81d7d11e1a629dde443bcf.eot") format("embedded-opentype"), url("/static/static_css_resources/5b8697fb1a17544c7811b984e40bdce1.woff") format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: gotham-700-normal;
  src: url("/static/static_css_resources/5c0305ad2a81d7d11e1a629dde443bcf.eot");
  src: local('?'), url("/static/static_css_resources/5c0305ad2a81d7d11e1a629dde443bcf.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/a0ffd0a995a494006ca384ad428559c2.eot") format("embedded-opentype"), url("/static/static_css_resources/93c3083b87c2fe6c5fa85e6213f064b1.woff") format('woff');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: gotham-700-italic;
  src: url("/static/static_css_resources/a0ffd0a995a494006ca384ad428559c2.eot");
  src: local('?'), url("/static/static_css_resources/a0ffd0a995a494006ca384ad428559c2.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}


html {
  font-size: 75%;
  font-family: sans-serif;
  
  -ms-text-size-adjust: 100%;
  
  -webkit-text-size-adjust: 100%;
  
}

body {
  margin: 0;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:lang(zh-cn) body {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) body {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 body {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) body {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) body {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}

html,
body {
  height: 100%;
}


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

audio,
canvas,
progress,
video {
  display: inline-block;
  
  vertical-align: baseline;
  
}
.ie9 audio,
.ie9 canvas,
.ie9 progress,
.ie9 video,
.lt-ie9 audio,
.lt-ie9 canvas,
.lt-ie9 progress,
.lt-ie9 video {
  display: inline;
  zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}


a,
.u-faux-anchor {
  color: #4a8db8;
  text-decoration: none;
  background: transparent;
  
  
}
a:focus,
.u-faux-anchor:focus {
  color: #4a8db8;
  text-decoration: underline;
  outline: thin dotted;
}
a:active,
.u-faux-anchor:active,
a:hover,
.u-faux-anchor:hover {
  color: #4a8db8;
  text-decoration: underline;
  outline: 0;
  cursor: pointer;
}
a:visited,
.u-faux-anchor:visited {
  color: #4a8db8;
}


.t-tera,
h1 {
  color: #3b3b3b;
  line-height: 1.25;
  font-family: caecilia, Times, serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2em;
  font-size: 2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0 0.66666667em;
  margin: 0 0 1.33333333rem;
}
:lang(zh-cn) .t-tera {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .t-tera {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .t-tera,
.ie8 h1 {
  font-family: caecilia-300-normal, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .t-tera {
  font-family: caecilia-300-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .t-tera {
  font-family: caecilia-300-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
@media only screen and (min-width: 51.75em) {
  .t-tera,
  h1 {
    line-height: 1.07142857;
    font-size: 2.33333333em;
    font-size: 2.33333333rem;
    margin: 0 0 0.57142857em;
    margin: 0 0 1.33333333rem;
  }
}
.t-giga {
  color: #3b6d89;
  line-height: 1.375;
  font-family: caecilia, Times, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1.33333333em;
  font-size: 1.33333333rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0 0.0625em;
  margin: 0 0 0.08333333rem;
}
:lang(zh-cn) .t-giga {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .t-giga {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .t-giga {
  font-family: caecilia-400-italic, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .t-giga {
  font-family: caecilia-400-italic, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .t-giga {
  font-family: caecilia-400-italic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
@media only screen and (min-width: 51.75em) {
  .t-giga {
    line-height: 1.33333333;
    font-size: 1.5em;
    font-size: 1.5rem;
    margin: 0 0 0.05555556em;
    margin: 0 0 0.08333333rem;
  }
}
.t-mega {
  color: #3b3b3b;
  line-height: 1.33333333;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5em;
  font-size: 1.5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
:lang(zh-cn) .t-mega {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .t-mega {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .t-mega {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .t-mega {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .t-mega {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.t-kilo,
h2 {
  color: #3b3b3b;
  line-height: 1.29411765;
  font-family: caecilia, Times, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1.41666667em;
  font-size: 1.41666667rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
:lang(zh-cn) .t-kilo {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .t-kilo {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .t-kilo,
.ie8 h2 {
  font-family: caecilia-400-italic, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .t-kilo {
  font-family: caecilia-400-italic, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .t-kilo {
  font-family: caecilia-400-italic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
@media only screen and (min-width: 51.75em) {
  .t-kilo,
  h2 {
    line-height: 1.33333333;
    font-size: 1.5em;
    font-size: 1.5rem;
  }
}
.t-hecto,
h6,
caption {
  color: #3b3b3b;
  line-height: 1.42857143;
  font-family: caecilia, Times, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1.16666667em;
  font-size: 1.16666667rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
:lang(zh-cn) .t-hecto {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .t-hecto {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .t-hecto,
.ie8 h6,
.ie8 caption {
  font-family: caecilia-400-italic, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .t-hecto {
  font-family: caecilia-400-italic, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .t-hecto {
  font-family: caecilia-400-italic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
@media only screen and (min-width: 51.75em) {
  .t-hecto,
  h6,
  caption {
    line-height: 1.375;
    font-size: 1.33333333em;
    font-size: 1.33333333rem;
  }
}
.t-deca,
h3 {
  color: #3b3b3b;
  line-height: 1.33333333;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5em;
  font-size: 1.5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0 0.16666667em;
  margin: 0 0 0.25rem;
}
:lang(zh-cn) .t-deca {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .t-deca {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .t-deca,
.ie8 h3 {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .t-deca {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .t-deca {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
@media only screen and (min-width: 51.75em) {
  .t-deca,
  h3 {
    line-height: 1.4;
    font-size: 1.25em;
    font-size: 1.25rem;
    margin: 0 0 0.2em;
    margin: 0 0 0.25rem;
  }
}
.t-centi,
h4,
legend {
  color: #4a4a4a;
  line-height: 1.4;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.25em;
  font-size: 1.25rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
:lang(zh-cn) .t-centi {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .t-centi {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .t-centi,
.ie8 h4,
.ie8 legend {
  font-family: gotham-500-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .t-centi {
  font-family: gotham-500-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .t-centi {
  font-family: gotham-500-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
@media only screen and (min-width: 51.75em) {
  .t-centi,
  h4,
  legend {
    line-height: 1.30769231;
    font-family: gotham, helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.08333333em;
    font-size: 1.08333333rem;
    margin: 0;
  }
  :lang(zh-cn) .t-centi {
    font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
  }
  :lang(ja) .t-centi {
    font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
  }
  .ie8 .t-centi,
  .ie8 h4,
  .ie8 legend {
    font-family: gotham-500-normal, helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: normal;
  }
  .ie8 :lang(zh-cn) .t-centi {
    font-family: gotham-500-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
  }
  .ie8 :lang(ja) .t-centi {
    font-family: gotham-500-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
  }
}

.t-milli,
h5,
p,
label {
  color: #3b3b3b;
  line-height: 1.42857143;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.16666667em;
  font-size: 1.16666667rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
:lang(zh-cn) .t-milli {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .t-milli {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .t-milli,
.ie8 h5,
.ie8 p {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .t-milli {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .t-milli {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
@media only screen and (min-width: 51.75em) {
  .t-milli,
  h5,
  p,
  label {
    line-height: 1.41666667;
    font-size: 1em;
    font-size: 1rem;
  }
}
.t-micro {
  color: #039924;
  line-height: 1.38461538;
  font-family: caecilia, Times, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.08333333em;
  font-size: 1.08333333rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
:lang(zh-cn) .t-micro {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .t-micro {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .t-micro {
  font-family: caecilia-400-normal, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .t-micro {
  font-family: caecilia-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .t-micro {
  font-family: caecilia-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.t-pico {
  color: #747474;
  line-height: 1.63636364;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.91666667em;
  font-size: 0.91666667rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
:lang(zh-cn) .t-pico {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .t-pico {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .t-pico {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .t-pico {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .t-pico {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.t-label {
  color: #747474;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.41666667;
  font-size: 1em;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:lang(zh-cn) .t-label {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .t-label {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .t-label {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .t-label {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .t-label {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}


p + p {
  margin-top: 0.57142857em;
  margin-top: 0.66666667rem;
}
@media only screen and (min-width: 51.75em) {
  p + p {
    margin-top: 0.61538462em;
    margin-top: 0.66666667rem;
  }
}

abbr[title] {
  border-bottom: 1px dotted;
}
blockquote {
  margin: 1em 40px;
}

b,
strong {
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}
:lang(zh-cn) b,
:lang(zh-cn) strong {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) b,
:lang(ja) strong {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 b,
.ie8 strong {
  font-family: gotham-700-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) b,
.ie8 :lang(zh-cn) strong {
  font-family: gotham-700-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) b,
.ie8 :lang(ja) strong {
  font-family: gotham-700-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}

dfn,
i,
em,
cite,
var {
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
:lang(zh-cn) dfn,
:lang(zh-cn) i,
:lang(zh-cn) em,
:lang(zh-cn) cite,
:lang(zh-cn) var {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) dfn,
:lang(ja) i,
:lang(ja) em,
:lang(ja) cite,
:lang(ja) var {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 dfn,
.ie8 i,
.ie8 em,
.ie8 cite,
.ie8 var {
  font-family: gotham-400-italic, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) dfn,
.ie8 :lang(zh-cn) i,
.ie8 :lang(zh-cn) em,
.ie8 :lang(zh-cn) cite,
.ie8 :lang(zh-cn) var {
  font-family: gotham-400-italic, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) dfn,
.ie8 :lang(ja) i,
.ie8 :lang(ja) em,
.ie8 :lang(ja) cite,
.ie8 :lang(ja) var {
  font-family: gotham-400-italic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}

mark {
  background: #ff0;
  color: #000;
}


q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 80%;
}

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

@media only screen and (min-width: 51.75em) {
  label {
    color: #747474;
    display: inline-block;
    margin-bottom: 0.33333333em;
    margin-bottom: 0.33333333rem;
  }
}



dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 1.66666667em;
  margin: 0 0 0 1.66666667rem;
}

menu,
ol,
ul {
  padding: 0 0 0 1.66666667em;
  padding: 0 0 0 1.66666667rem;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
}
nav li {
  padding: 0;
}


img {
  border: 0;
  
  -ms-interpolation-mode: bicubic;
  
}

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


figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}


form {
  margin: 0;
  
}
form ol,
form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


button,
input,
optgroup,
select,
textarea {
  color: inherit;
  
  font: inherit;
  
  font-size: 100%;
  
  margin: 0;
  
  vertical-align: baseline;
  
  display: inline-block;
}
.lt-ie8 button,
.lt-ie8 input,
.lt-ie8 optgroup,
.lt-ie8 select,
.lt-ie8 textarea {
  vertical-align: middle;
  
}

button,
input {
  line-height: normal;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  
  cursor: pointer;
  
}
.lt-ie8 button,
.lt-ie8 html input[type="button"],
.lt-ie8 input[type="reset"],
.lt-ie8 input[type="submit"] {
  overflow: visible;
  
}

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

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

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  
  padding: 0;
  
}
.lt-ie8 input[type="checkbox"],
.lt-ie8 input[type="radio"] {
  height: 13px;
  
  width: 13px;
  
}

input[type="checkbox"] {
  margin-top: 0.15384615em;
  margin-right: 0.30769231em;
  margin-top: 0.16666667rem;
  margin-right: 0.33333333rem;
}
input[type="radio"] {
  margin-top: 0.15384615em;
  margin-right: 0.30769231em;
  margin-left: 0.07692308em;
  margin-top: 0.16666667rem;
  margin-right: 0.33333333rem;
  margin-left: 0.08333333rem;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

legend {
  border: 0;
  
  padding: 0;
  
  margin-bottom: 0.61538462em;
  margin-bottom: 0.66666667rem;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}


table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  margin: 0 0 1.33333333em;
  margin: 0 0 1.33333333rem;
}
.ie8 table {
  border-collapse: collapse;
}
caption {
  padding: 0.75em;
  padding: 1rem;
}
td,
th {
  color: #3b3b3b;
  width: auto;
  height: auto;
}
th {
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.36363636;
  font-size: 0.91666667em;
  font-size: 0.91666667rem;
  text-align: left;
  vertical-align: middle;
  height: 3.54545455em;
  height: 3.25rem;
  padding-right: 1.09090909em;
  padding-right: 1rem;
  padding-left: 1.09090909em;
  padding-left: 1rem;
}
:lang(zh-cn) th {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) th {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 th {
  font-family: gotham-700-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) th {
  font-family: gotham-700-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) th {
  font-family: gotham-700-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
td {
  text-overflow: clip;
  word-wrap: break-word;
  vertical-align: top;
  border-bottom: 1px solid #e6ebec;
  padding: 1em;
  padding: 1rem;
}


.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}




@font-face {
  font-family: caecilia;
  src: url("/static/static_css_resources/0e885f0c267ab1d4986215c8681fa6a1.eot") format("embedded-opentype"), url("/static/static_css_resources/e3b9d479441182451fc22ad2c3c233cd.woff") format('woff'), url("/static/static_css_resources/f83cb3df141c78819d2dfa07df8c7b13.ttf") format('truetype'), url('/static/static_css_resources/654ce970a98aa8ab7784008e05f355d1.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: caecilia-300-normal;
  src: url("/static/static_css_resources/0e885f0c267ab1d4986215c8681fa6a1.eot");
  src: url("/static/static_css_resources/0e885f0c267ab1d4986215c8681fa6a1.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: caecilia;
  src: url("/static/static_css_resources/846524602a9186395b261b106fe2e116.eot") format("embedded-opentype"), url("/static/static_css_resources/0b54024a2b476312e3f6e5a65aac7cb9.woff") format('woff'), url("/static/static_css_resources/70a2ae7e934bf7345390b18e5c6bfe9e.ttf") format('truetype'), url('/static/static_css_resources/962c87f6726b329ecc663061c50a955c.svg') format('svg');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: caecilia-300-italic;
  src: url("/static/static_css_resources/846524602a9186395b261b106fe2e116.eot");
  src: url("/static/static_css_resources/846524602a9186395b261b106fe2e116.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: caecilia;
  src: url("/static/static_css_resources/8697f536763517a04ef69a870ab9fd72.eot") format("embedded-opentype"), url("/static/static_css_resources/bb89723dd61a7c5de7a110ba8db7d7eb.woff") format('woff'), url("/static/static_css_resources/76cc68edca88b667c11fb89d390a3813.ttf") format('truetype'), url('/static/static_css_resources/3400d13e9bd778c8d5c1322c28ee700f.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: caecilia-400-normal;
  src: url("/static/static_css_resources/8697f536763517a04ef69a870ab9fd72.eot");
  src: url("/static/static_css_resources/8697f536763517a04ef69a870ab9fd72.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: caecilia;
  src: url("/static/static_css_resources/bfb35a77eef08aed3f07a115b1b92c86.eot") format("embedded-opentype"), url("/static/static_css_resources/0e8e0900ad987511ed86d7ae06900016.woff") format('woff'), url("/static/static_css_resources/3389f50477ca1909f1ebf073c2411902.ttf") format('truetype'), url('/static/static_css_resources/a655df7e0413907b7f891c83d1e690ff.svg') format('svg');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: caecilia-400-italic;
  src: url("/static/static_css_resources/bfb35a77eef08aed3f07a115b1b92c86.eot");
  src: url("/static/static_css_resources/bfb35a77eef08aed3f07a115b1b92c86.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: caecilia;
  src: url("/static/static_css_resources/4e2b4d100aef8e303488638502dd41d1.eot") format("embedded-opentype"), url("/static/static_css_resources/5d6d52acc5fa9c90c42e4a378b716629.woff") format('woff'), url("/static/static_css_resources/7dda540282cfbfae2431aa91991c2dcd.ttf") format('truetype'), url('/static/static_css_resources/ac66eee58d770f9548bea2d6d74b5e17.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: caecilia-700-normal;
  src: url("/static/static_css_resources/4e2b4d100aef8e303488638502dd41d1.eot");
  src: url("/static/static_css_resources/4e2b4d100aef8e303488638502dd41d1.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: caecilia;
  src: url("/static/static_css_resources/0062284a53f532fed0a426c0959e5e7a.eot") format("embedded-opentype"), url("/static/static_css_resources/8d254b6b11012f6ab6e0e03730d7a7cf.woff") format('woff'), url("/static/static_css_resources/1a73bf47a2f88ac35c2e786ef0bd3011.ttf") format('truetype'), url('/static/static_css_resources/c236af3a6d5d38b810f4a651eddcb014.svg') format('svg');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: caecilia-700-italic;
  src: url("/static/static_css_resources/0062284a53f532fed0a426c0959e5e7a.eot");
  src: url("/static/static_css_resources/0062284a53f532fed0a426c0959e5e7a.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: evernote_rhonda;
  src: url("/static/static_css_resources/4c37238015566a60f2104238a92b0689.eot") format("embedded-opentype"), url("/static/static_css_resources/5d5db511e436b3a21a7f41e9c6141d97.woff") format('woff'), url("/static/static_css_resources/4a15e5f9e6f44f6c671ee35287607491.ttf") format('truetype'), url('/static/static_css_resources/256800f19b36bc26cdd4223c552fbc00.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: evernote_rhonda-normal-normal;
  src: url("/static/static_css_resources/4c37238015566a60f2104238a92b0689.eot");
  src: url("/static/static_css_resources/4c37238015566a60f2104238a92b0689.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/0f5f0d78694ea287e7f43ff54a0056ad.eot") format("embedded-opentype"), url("/static/static_css_resources/179b04066d1d2f2122b410e7194c7044.woff") format('woff'), url("/static/static_css_resources/b4b52fea9d4b0e87eb7a302197295cad.ttf") format('truetype'), url('/static/static_css_resources/a564e763588be50117b9624867e4cf8c.svg') format('svg');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans-100-normal;
  src: url("/static/static_css_resources/0f5f0d78694ea287e7f43ff54a0056ad.eot");
  src: url("/static/static_css_resources/0f5f0d78694ea287e7f43ff54a0056ad.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/78b1ce67f1f64198543dc1b92bd28d47.eot") format("embedded-opentype"), url("/static/static_css_resources/7affc86cb811009ddeda6363ef2605ab.woff") format('woff'), url("/static/static_css_resources/388a242283418317e04f2a7105bb0835.ttf") format('truetype'), url('/static/static_css_resources/ee6131f0b7cd6021b2de99f5c7a0dc83.svg') format('svg');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: salesforcesans-100-italic;
  src: url("/static/static_css_resources/78b1ce67f1f64198543dc1b92bd28d47.eot");
  src: url("/static/static_css_resources/78b1ce67f1f64198543dc1b92bd28d47.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/db0b0031bf4eeb01aabdb6830a918912.eot") format("embedded-opentype"), url("/static/static_css_resources/2edec8788fdf09212e4fecdfeed96a7e.woff") format('woff'), url("/static/static_css_resources/76d3c8425c3ee7c56dd3dad04b9016ca.ttf") format('truetype'), url('/static/static_css_resources/d5a0b582f31fe3e2cb49f85480e9d823.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans-300-normal;
  src: url("/static/static_css_resources/db0b0031bf4eeb01aabdb6830a918912.eot");
  src: url("/static/static_css_resources/db0b0031bf4eeb01aabdb6830a918912.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/545e3e4d690f6d7d4a89e0783929a0c0.eot") format("embedded-opentype"), url("/static/static_css_resources/8080e8bc6c523ed5c657931fdd80e032.woff") format('woff'), url("/static/static_css_resources/30b63ac5063e7500299c0a9895332691.ttf") format('truetype'), url('/static/static_css_resources/8575578fa11d310d1dd4295ec7e495fa.svg') format('svg');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: salesforcesans-300-italic;
  src: url("/static/static_css_resources/545e3e4d690f6d7d4a89e0783929a0c0.eot");
  src: url("/static/static_css_resources/545e3e4d690f6d7d4a89e0783929a0c0.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/e49dcb01a490f0e54b047e69cc5ba537.eot") format("embedded-opentype"), url("/static/static_css_resources/401b32ddc80c4c66d0558df1bc202d9b.woff") format('woff'), url("/static/static_css_resources/6c9ddaa8a8cfa8df9d612612753d00b2.ttf") format('truetype'), url('/static/static_css_resources/ada994ed9b2acac21ceedf8e5d97484a.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans-400-normal;
  src: url("/static/static_css_resources/e49dcb01a490f0e54b047e69cc5ba537.eot");
  src: url("/static/static_css_resources/e49dcb01a490f0e54b047e69cc5ba537.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/60d1fa1975c08d8c67abd5ea6ee5417d.eot") format("embedded-opentype"), url("/static/static_css_resources/882515c44aafee22611dbcbc904a792b.woff") format('woff'), url("/static/static_css_resources/d0c0958fee01a679b1dad7db640e1835.ttf") format('truetype'), url('/static/static_css_resources/c944a148692ed1743f976c168fcf1629.svg') format('svg');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: salesforcesans-400-italic;
  src: url("/static/static_css_resources/60d1fa1975c08d8c67abd5ea6ee5417d.eot");
  src: url("/static/static_css_resources/60d1fa1975c08d8c67abd5ea6ee5417d.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/7126a8f76526e1d11b7e96e590524af6.eot") format("embedded-opentype"), url("/static/static_css_resources/1a99b4b58efca0b3c1b1ea9c29d981e4.woff") format('woff'), url("/static/static_css_resources/bab6f1ee9617b3f4375b4b4ccb818b01.ttf") format('truetype'), url('/static/static_css_resources/8aecdcc4aa68e15aefcb0d1d0e590d81.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans-700-normal;
  src: url("/static/static_css_resources/7126a8f76526e1d11b7e96e590524af6.eot");
  src: url("/static/static_css_resources/7126a8f76526e1d11b7e96e590524af6.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: salesforcesans;
  src: url("/static/static_css_resources/430e3065b81b4b2abec9687be9dcecfe.eot") format("embedded-opentype"), url("/static/static_css_resources/41ae6b36a1f81e8c5d2aafe12c409f30.woff") format('woff'), url("/static/static_css_resources/ff2f4aa51976e26f3f356a3e16a4a1f8.ttf") format('truetype'), url('/static/static_css_resources/8152c6eb3b7a34653208166c7cb60c2b.svg') format('svg');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: salesforcesans-700-italic;
  src: url("/static/static_css_resources/430e3065b81b4b2abec9687be9dcecfe.eot");
  src: url("/static/static_css_resources/430e3065b81b4b2abec9687be9dcecfe.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/5cf4d18c3d950d7d13cf467869106147.eot") format("embedded-opentype"), url("/static/static_css_resources/29b540e075d6e128d3c46e1d067e5e0a.woff") format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: gotham-300-normal;
  src: url("/static/static_css_resources/5cf4d18c3d950d7d13cf467869106147.eot");
  src: local('?'), url("/static/static_css_resources/5cf4d18c3d950d7d13cf467869106147.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/b408f168a26436047b2bd49d7ca6614a.eot") format("embedded-opentype"), url("/static/static_css_resources/eeaaea68be1115149e33967bbf76bcac.woff") format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: gotham-300-italic;
  src: url("/static/static_css_resources/b408f168a26436047b2bd49d7ca6614a.eot");
  src: local('?'), url("/static/static_css_resources/b408f168a26436047b2bd49d7ca6614a.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/3628a17b0d184ccb16772f6a97bfccb7.eot") format("embedded-opentype"), url("/static/static_css_resources/ce26df559f3c21d1aa4a451685a181cd.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: gotham-400-normal;
  src: url("/static/static_css_resources/3628a17b0d184ccb16772f6a97bfccb7.eot");
  src: local('?'), url("/static/static_css_resources/3628a17b0d184ccb16772f6a97bfccb7.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/22ed5c61c411ffa379966c1481f3c4fa.eot") format("embedded-opentype"), url("/static/static_css_resources/7f28d6967dbc1a0c74f8e0ca53ef3c2a.woff") format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: gotham-400-italic;
  src: url("/static/static_css_resources/22ed5c61c411ffa379966c1481f3c4fa.eot");
  src: local('?'), url("/static/static_css_resources/22ed5c61c411ffa379966c1481f3c4fa.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/c853da8288d0cd1937073ebb55f99184.eot") format("embedded-opentype"), url("/static/static_css_resources/ec44793eab729e2dc753b64f0fa8fcc5.woff") format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: gotham-500-normal;
  src: url("/static/static_css_resources/c853da8288d0cd1937073ebb55f99184.eot");
  src: local('?'), url("/static/static_css_resources/c853da8288d0cd1937073ebb55f99184.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/c34ddcd551ab3df7b311ecabeeb40fc3.eot") format("embedded-opentype"), url("/static/static_css_resources/81eb8cc29a801e6f2733f51b9f7f56b1.woff") format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: gotham-500-italic;
  src: url("/static/static_css_resources/c34ddcd551ab3df7b311ecabeeb40fc3.eot");
  src: local('?'), url("/static/static_css_resources/c34ddcd551ab3df7b311ecabeeb40fc3.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/5c0305ad2a81d7d11e1a629dde443bcf.eot") format("embedded-opentype"), url("/static/static_css_resources/5b8697fb1a17544c7811b984e40bdce1.woff") format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: gotham-700-normal;
  src: url("/static/static_css_resources/5c0305ad2a81d7d11e1a629dde443bcf.eot");
  src: local('?'), url("/static/static_css_resources/5c0305ad2a81d7d11e1a629dde443bcf.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: gotham;
  src: local('?'), url("/static/static_css_resources/a0ffd0a995a494006ca384ad428559c2.eot") format("embedded-opentype"), url("/static/static_css_resources/93c3083b87c2fe6c5fa85e6213f064b1.woff") format('woff');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: gotham-700-italic;
  src: url("/static/static_css_resources/a0ffd0a995a494006ca384ad428559c2.eot");
  src: local('?'), url("/static/static_css_resources/a0ffd0a995a494006ca384ad428559c2.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'caecilia-bold';
  src: url('/static/static_css_resources/4e2b4d100aef8e303488638502dd41d1.eot');
  src: url('/static/static_css_resources/4e2b4d100aef8e303488638502dd41d1.eot') format('embedded-opentype'), url('/static/static_css_resources/5d6d52acc5fa9c90c42e4a378b716629.woff') format('woff'), url('/static/static_css_resources/7dda540282cfbfae2431aa91991c2dcd.ttf') format('truetype'), url('/static/static_css_resources/ac66eee58d770f9548bea2d6d74b5e17.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'caecilia';
  src: url('/static/static_css_resources/8697f536763517a04ef69a870ab9fd72.eot');
  src: url('/static/static_css_resources/8697f536763517a04ef69a870ab9fd72.eot') format('embedded-opentype'), url('/static/static_css_resources/bb89723dd61a7c5de7a110ba8db7d7eb.woff') format('woff'), url('/static/static_css_resources/76cc68edca88b667c11fb89d390a3813.ttf') format('truetype'), url('/static/static_css_resources/3400d13e9bd778c8d5c1322c28ee700f.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'caecilia-light';
  src: url('/static/static_css_resources/0e885f0c267ab1d4986215c8681fa6a1.eot');
  src: url('/static/static_css_resources/0e885f0c267ab1d4986215c8681fa6a1.eot') format('embedded-opentype'), url('/static/static_css_resources/e3b9d479441182451fc22ad2c3c233cd.woff') format('woff'), url('/static/static_css_resources/f83cb3df141c78819d2dfa07df8c7b13.ttf') format('truetype'), url('/static/static_css_resources/654ce970a98aa8ab7784008e05f355d1.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'caecilia-bold-italic';
  src: url('/static/static_css_resources/0062284a53f532fed0a426c0959e5e7a.eot');
  src: url('/static/static_css_resources/0062284a53f532fed0a426c0959e5e7a.eot') format('embedded-opentype'), url('/static/static_css_resources/8d254b6b11012f6ab6e0e03730d7a7cf.woff') format('woff'), url('/static/static_css_resources/1a73bf47a2f88ac35c2e786ef0bd3011.ttf') format('truetype'), url('/static/static_css_resources/c236af3a6d5d38b810f4a651eddcb014.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'caecilia-italic';
  src: url('/static/static_css_resources/bfb35a77eef08aed3f07a115b1b92c86.eot');
  src: url('/static/static_css_resources/bfb35a77eef08aed3f07a115b1b92c86.eot') format('embedded-opentype'), url('/static/static_css_resources/0e8e0900ad987511ed86d7ae06900016.woff') format('woff'), url('/static/static_css_resources/3389f50477ca1909f1ebf073c2411902.ttf') format('truetype'), url('/static/static_css_resources/a655df7e0413907b7f891c83d1e690ff.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'caecilia-light-italic';
  src: url('/static/static_css_resources/846524602a9186395b261b106fe2e116.eot');
  src: url('/static/static_css_resources/846524602a9186395b261b106fe2e116.eot') format('embedded-opentype'), url('/static/static_css_resources/0b54024a2b476312e3f6e5a65aac7cb9.woff') format('woff'), url('/static/static_css_resources/70a2ae7e934bf7345390b18e5c6bfe9e.ttf') format('truetype'), url('/static/static_css_resources/962c87f6726b329ecc663061c50a955c.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'evernote_rhondaregular';
  src: url('/static/static_css_resources/4c37238015566a60f2104238a92b0689.eot');
  src: url('/static/static_css_resources/4c37238015566a60f2104238a92b0689.eot') format('embedded-opentype'), url('/static/static_css_resources/5d5db511e436b3a21a7f41e9c6141d97.woff') format('woff'), url('/static/static_css_resources/4a15e5f9e6f44f6c671ee35287607491.ttf') format('truetype'), url('/static/static_css_resources/256800f19b36bc26cdd4223c552fbc00.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}





.left {
  float: left !important;
}
.right {
  float: right !important;
}


.Icon {
  display: inline-block;
  background-position: center center;
}
.Icon_small-downArrow {
  width: 9px;
  height: 5px;
}
@media all {
  .Icon_small-downArrow {
    background:  url('/static/static_css_resources/eee7b119bfdf6975ed7c120ec751f706.png') center center transparent scroll no-repeat;
    -webkit-background-size: 9px 5px;
    -moz-background-size: 9px 5px;
    -o-background-size: 9px 5px;
    background-size: 9px 5px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_small-downArrow {
    background:  url('/static/static_css_resources/eee7b119bfdf6975ed7c120ec751f706.png') center center transparent scroll no-repeat;
    -webkit-background-size: 9px 5px;
    -moz-background-size: 9px 5px;
    -o-background-size: 9px 5px;
    background-size: 9px 5px;
  }
}
.Icon_small-whiteShield {
  width: 32px;
  height: 32px;
}
@media all {
  .Icon_small-whiteShield {
    background:  url('/static/static_css_resources/dcb90a3b6b5413761c104b1f7afe522a.png') center center transparent scroll no-repeat;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_small-whiteShield {
    background:  url('/static/static_css_resources/bf57e7d00bc77f266ea8d708b8411f90.png') center center transparent scroll no-repeat;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.Icon_small-upgradeTsp {
  width: 22px;
  height: 22px;
  position: relative;
  top: 5px;
  left: 0;
  display: none;
}
@media all {
  .Icon_small-upgradeTsp {
    background:  url('/static/static_css_resources/f3bca184778b97be3a35c611cffe6992.png') center center transparent scroll no-repeat;
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    -o-background-size: 22px 22px;
    background-size: 22px 22px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_small-upgradeTsp {
    background:  url('/static/static_css_resources/7738f2d6c5bc009a46ba33b05b7b5e02.png') center center transparent scroll no-repeat;
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    -o-background-size: 22px 22px;
    background-size: 22px 22px;
  }
}
@media only screen and (min-width: 60.875em) {
  .Icon_small-upgradeTsp {
    display: inline-block;
  }
}

.Badge-free {
  width: 18px;
  height: 18px;
}
@media all {
  .Badge-free {
    background:  url('/static/static_css_resources/7a0176b7c2e0a9318c9701cacd84d7b0.png') center center transparent scroll no-repeat;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Badge-free {
    background:  url('/static/static_css_resources/c7baa2529d4aef62aee4c41dfe08cba6.png') center center transparent scroll no-repeat;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
  }
}
.Badge-premium {
  width: 16px;
  height: 18px;
}
@media all {
  .Badge-premium {
    background:  url('/static/static_css_resources/bb36e3a77e615eca48c4f96a3d01a841.png') center center transparent scroll no-repeat;
    -webkit-background-size: 16px 18px;
    -moz-background-size: 16px 18px;
    -o-background-size: 16px 18px;
    background-size: 16px 18px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Badge-premium {
    background:  url('/static/static_css_resources/aa25f1338591d7ee694ae51dab6eaaad.png') center center transparent scroll no-repeat;
    -webkit-background-size: 16px 18px;
    -moz-background-size: 16px 18px;
    -o-background-size: 16px 18px;
    background-size: 16px 18px;
  }
}

.Icon_medium {
  width: 17px;
  height: 17px;
  margin: 0 8px 2px 0;
  vertical-align: middle;
}
.Icon_medium-gear {
  padding: 0;
}
@media all {
  .Icon_medium-gear {
    background:  url('/static/static_css_resources/fc419fda780d99a9582bd2e2c90e136f.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_medium-gear {
    background:  url('/static/static_css_resources/4da406da953e63808647a693eac47ff4.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all {
  .Icon_medium-questionMark {
    background:  url('/static/static_css_resources/999d4dab3bd620156b074ca23b7b3c16.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_medium-questionMark {
    background:  url('/static/static_css_resources/b847b83bf1a84e0b7e54d40946ced289.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all {
  .Icon_medium-chatBubble {
    background:  url('/static/static_css_resources/e0aba0f7cd3538c3d253a7684b0d319b.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_medium-chatBubble {
    background:  url('/static/static_css_resources/92a6491b71553fbb2141b40601c0c2eb.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all {
  .Icon_medium-arrowDoor {
    background:  url('/static/static_css_resources/1c0527c357b59208fc1efba1cbbce6a5.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_medium-arrowDoor {
    background:  url('/static/static_css_resources/8cfba0b98878ec1735d8de8cc8a99a21.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
.Icon_medium-arrowRight {
  width: 9px;
  height: 13px;
  vertical-align: middle;
  margin-left: 4px;
}
@media all {
  .Icon_medium-arrowRight {
    background:  url('/static/static_css_resources/4ae259a0448125ac5dd3d167a8c59bc4.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 9px 13px;
    -moz-background-size: 9px 13px;
    -o-background-size: 9px 13px;
    background-size: 9px 13px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_medium-arrowRight {
    background:  url('/static/static_css_resources/7799909c4c49a8efebfbc36524556d4d.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 9px 13px;
    -moz-background-size: 9px 13px;
    -o-background-size: 9px 13px;
    background-size: 9px 13px;
  }
}

.Icon_large {
  width: 50px;
  height: 50px;
}
@media all {
  .Icon_large-shield {
    background:  url('/static/static_css_resources/18b2e2550120810440ad6321e15255b7.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -o-background-size: 50px 50px;
    background-size: 50px 50px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_large-shield {
    background:  url('/static/static_css_resources/2dccb1e8163a45069e3ef70d17ad676a.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -o-background-size: 50px 50px;
    background-size: 50px 50px;
  }
}

.Icon_super {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 80px 60px;
  -moz-background-size: 80px 60px;
  -o-background-size: 80px 60px;
  background-size: 80px 60px;
  width: 80px;
  height: 60px;
  margin-left: -4px;
}
@media all {
  .Icon_super-lock {
    background-image: url('/static/static_css_resources/447edea9117d3f1ac3b30b1a6eca7abd.png');
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_super-lock {
    background-image: url('/static/static_css_resources/12d83a98e428c17cfcf7c1d9817184a0.png');
  }
}
@media all {
  .Icon_super-plane {
    background-image: url('/static/static_css_resources/f934614deba66280a94fe45026ddded2.png');
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_super-plane {
    background-image: url('/static/static_css_resources/de30452ea742ca966675d7dc0abb47f8.png');
  }
}
@media all {
  .Icon_super-screen {
    background-image: url('/static/static_css_resources/573e954e1295a16cda591c0559e350ed.png');
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_super-screen {
    background-image: url('/static/static_css_resources/edae1f1496bf95880beb43f1bb7e6e8c.png');
  }
}
@media all {
  .Icon_super-mag-glass {
    background-image: url('/static/static_css_resources/229e20abe79efee69081f561d23033fc.png');
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_super-mag-glass {
    background-image: url('/static/static_css_resources/a46c6049e314177ff929e01e8f091474.png');
  }
}
@media all {
  .Icon_super-clouds {
    background-image: url('/static/static_css_resources/dfbddac055c54fd0d62876ae0a660915.png');
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_super-clouds {
    background-image: url('/static/static_css_resources/026556a75b19dbe549baac5bed840d66.png');
  }
}
@media all {
  .Icon_super-heads {
    background-image: url('/static/static_css_resources/bd8da30c045c891f21fca90ff128d5ba.png');
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_super-heads {
    background-image: url('/static/static_css_resources/081341d11ad2d46992e7596c88a3ffbc.png');
  }
}

.Icon_shield {
  width: 53px;
  height: 58px;
  margin-bottom: 20px;
}
@media all {
  .Icon_shield {
    background:  url('/static/static_css_resources/e2a872c821f716781d2af5884ec179d6.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 53px 58px;
    -moz-background-size: 53px 58px;
    -o-background-size: 53px 58px;
    background-size: 53px 58px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_shield {
    background:  url('/static/static_css_resources/45ac39afbb24c80e478630ef6b2d2a41.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 53px 58px;
    -moz-background-size: 53px 58px;
    -o-background-size: 53px 58px;
    background-size: 53px 58px;
  }
}
.Icon_upgrade {
  width: 46px;
  height: 46px;
  vertical-align: top;
}
@media all {
  .Icon_upgrade {
    background:  url('/static/static_css_resources/eb5fb5b620c731466573bacc92704476.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 46px 46px;
    -moz-background-size: 46px 46px;
    -o-background-size: 46px 46px;
    background-size: 46px 46px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_upgrade {
    background:  url('/static/static_css_resources/11a3f624521d50349d68851400b7edab.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 46px 46px;
    -moz-background-size: 46px 46px;
    -o-background-size: 46px 46px;
    background-size: 46px 46px;
  }
}





.u-inlineBlock {
  display: inline-block;
}

.Menu {
  vertical-align: top;
  height: 100%;
  float: none;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  
}
.Menu.is-active {
  background-color: #129c50;
}
#header-wrapper .Menu,
.wrapper-embed .Menu {
  height: 100%;
}
@media only screen and (min-width: 480px) and (max-width: 709px) {
  .Menu {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .Menu {
    display: none;
  }
}
.Menu-activator {
  text-decoration: none;
  background-image: none;
  vertical-align: middle;
  height: 100%;
  margin-left: -4px;
  
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.Menu-activator:hover,
.Menu-activator:focus {
  text-decoration: none;
  background-color: #14aa57;
}
.ie8 .Menu-activator:hover,
.ie8 .Menu-activator:focus {
  background-image: none;
}
.is-active .Menu-activator {
  background-color: #129c50;
}
.Menu-indicator {
  padding: 0 15px 0 10px;
  height: 100%;
  float: none;
}
.Menu-indicator > i {
  margin: 21px 0;
}
#header-wrapper .Menu-indicator > i,
.wrapper-embed .Menu-indicator > i {
  margin: 13px 0;
}
.Menu-popover {
  background-color: #f7f7f7;
  display: none;
  border: 1px solid #b5b5b5;
  position: absolute;
  z-index: 9998;
}
.Menu-popover.is-active {
  display: block;
}




.Menu_userNav-popover {
  border-width: 0 0 1px 1px;
  top: 49px;
  right: 0;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
#header-wrapper .Menu_userNav-popover,
.wrapper-embed .Menu_userNav-popover {
  top: 33px;
}

.User {
  color: white;
  font-size: 13px;
  font-family: gotham, Times, serif;
  font-style: normal;
  font-weight: 700;
  font-weight: normal;
  line-height: 48px;
  height: 100%;
  border-right: 0px;
  border-left: 0px;
  vertical-align: top;
  padding-left: 5px;
  
}
:lang(zh-cn) .User {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .User {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .User {
  font-family: gotham-700-normal, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .User {
  font-family: gotham-700-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .User {
  font-family: gotham-700-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
#header-wrapper .User,
.wrapper-embed .User {
  line-height: 32px;
  width: auto;
  max-width: 440px;
}
.is-active:hover .User {
  background-image: none;
}
.User-icon {
  margin-right: 4px;
  margin-left: 12px;
  vertical-align: middle;
}
.User-name {
  max-width: 300px;
  vertical-align: top;
  overflow: hidden;
}
.ie8 .User-name,
.ie9 .User-name {
  width: auto;
}
.User-nameText {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  width: 100%;
  padding: 6px 12px 6px 0;
  border-right: 1px solid #18a269;
  display: inline;
  vertical-align: top;
}


.Nav {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.Nav-anchor {
  text-decoration: none;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
}
.ie7 .Nav-anchor {
  zoom: 1;
}
.Nav-anchor:hover,
.Nav-anchor:focus {
  text-decoration: none;
}


.Nav_userNav-left {
  vertical-align: top;
  padding-left: 1.84615385em;
  padding-left: 2rem;
  padding-right: 1.84615385em;
  padding-right: 2rem;
  padding-bottom: 3.07692308em;
  padding-bottom: 3.33333333rem;
}
.Nav_userNav-right {
  padding-left: 1.46153846em;
  padding-left: 1.58333333rem;
  padding-right: 1.84615385em;
  padding-right: 2rem;
  padding-bottom: 3.07692308em;
  padding-bottom: 3.33333333rem;
}
.Nav_userNav-item {
  padding-top: 0.76923077em;
  padding-top: 0.83333333rem;
}
.ie7 .Nav_userNav-item {
  zoom: 1;
}
.Nav_userNav-anchor-right .Nav_userNav-anchor {
  text-transform: uppercase;
}
.Nav_userNav-anchor,
.Nav_userNav-anchor:visited {
  color: #646e71;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.16666667em;
  font-size: 1.16666667rem;
  line-height: 2;
  padding: 0 0.61538462em;
  padding: 0 0.66666667rem;
  border-width: 0;
  border-radius: 1.92307692em;
  border-radius: 2.08333333rem;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
:lang(zh-cn) .Nav_userNav-anchor,
:lang(zh-cn) .Nav_userNav-anchor:visited {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .Nav_userNav-anchor,
:lang(ja) .Nav_userNav-anchor:visited {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .Nav_userNav-anchor,
.ie8 .Nav_userNav-anchor:visited {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .Nav_userNav-anchor,
.ie8 :lang(zh-cn) .Nav_userNav-anchor:visited {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .Nav_userNav-anchor,
.ie8 :lang(ja) .Nav_userNav-anchor:visited {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.Nav_userNav-anchor:hover,
.Nav_userNav-anchor:focus {
  outline: none;
  border: 1px;
  border-color: #C4CBCF;
  background-color: #c9d1d7;
}
.Nav_userNav-anchor:active {
  background-color: #BCC4C9;
}





.MenuBanner {
  padding: 17px 30px 12px;
}
.MenuBanner_goPremium {
  border-top: 1px solid #d9e4e7;
}
.MenuBanner_goPremiumOld {
  border-top: 1px solid #dfe8eb;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media all {
  .MenuBanner_goPremiumOld {
    background:  url('/static/static_css_resources/d672be966ef6750da0f2e55c6fe255ed.png') left top scroll repeat;
    -webkit-background-size: 50px 30px;
    -moz-background-size: 50px 30px;
    -o-background-size: 50px 30px;
    background-size: 50px 30px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .MenuBanner_goPremiumOld {
    background:  url('/static/static_css_resources/932b0135f7d93cc7285e1eff366898e9.png') left top scroll repeat;
    -webkit-background-size: 50px 30px;
    -moz-background-size: 50px 30px;
    -o-background-size: 50px 30px;
    background-size: 50px 30px;
  }
}
.MenuBanner_goPremium-message {
  display: inline-block;
  margin-left: 18px;
}
.MenuBanner_goPremium-title {
  color: #039924;
  font-family: caecilia, Times, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  width: 215px;
  line-height: 18px;
  margin-bottom: 0;
  text-align: left;
}
:lang(zh-cn) .MenuBanner_goPremium-title {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .MenuBanner_goPremium-title {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .MenuBanner_goPremium-title {
  font-family: caecilia-700-normal, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .MenuBanner_goPremium-title {
  font-family: caecilia-700-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .MenuBanner_goPremium-title {
  font-family: caecilia-700-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.MenuBanner_goPremium-anchor {
  color: #747474;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  width: auto;
  padding: 0;
}
:lang(zh-cn) .MenuBanner_goPremium-anchor {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .MenuBanner_goPremium-anchor {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .MenuBanner_goPremium-anchor {
  font-family: gotham-700-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .MenuBanner_goPremium-anchor {
  font-family: gotham-700-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .MenuBanner_goPremium-anchor {
  font-family: gotham-700-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.MenuBanner_goPremium-anchor,
.MenuBanner_goPremium-anchor:visited {
  color: #747474;
}
.MenuBanner_goPremium-anchor:hover,
.MenuBanner_goPremium-anchor:active {
  border: none;
  background-color: #f7f7f7;
}
.MenuBanner_paymentDue-anchor,
.MenuBanner_paymentDue-anchor:link,
.MenuBanner_paymentDue-anchor:visited {
  font-family: caecilia, Times, serif;
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
}
:lang(zh-cn) .MenuBanner_paymentDue-anchor,
:lang(zh-cn) .MenuBanner_paymentDue-anchor:link,
:lang(zh-cn) .MenuBanner_paymentDue-anchor:visited {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .MenuBanner_paymentDue-anchor,
:lang(ja) .MenuBanner_paymentDue-anchor:link,
:lang(ja) .MenuBanner_paymentDue-anchor:visited {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .MenuBanner_paymentDue-anchor,
.ie8 .MenuBanner_paymentDue-anchor:link,
.ie8 .MenuBanner_paymentDue-anchor:visited {
  font-family: caecilia-300-italic, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .MenuBanner_paymentDue-anchor,
.ie8 :lang(zh-cn) .MenuBanner_paymentDue-anchor:link,
.ie8 :lang(zh-cn) .MenuBanner_paymentDue-anchor:visited {
  font-family: caecilia-300-italic, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .MenuBanner_paymentDue-anchor,
.ie8 :lang(ja) .MenuBanner_paymentDue-anchor:link,
.ie8 :lang(ja) .MenuBanner_paymentDue-anchor:visited {
  font-family: caecilia-300-italic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.MenuBanner_paymentDue-anchor:hover {
  border: none;
  background-color: #f7f7f7;
}
.MenuBanner_paymentDue-anchor:active {
  background-color: #f7f7f7;
}

.Banner-title {
  line-height: 48px;
  height: 100%;
  vertical-align: top;
  font-family: caecilia, Times, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 15px;
}
:lang(zh-cn) .Banner-title {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .Banner-title {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .Banner-title {
  font-family: caecilia-700-normal, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .Banner-title {
  font-family: caecilia-700-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .Banner-title {
  font-family: caecilia-700-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.Banner-upgradeTspWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  text-align: center;
}
.Banner-upgradeTsp {
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #2f373d;
  display: none;
  padding-top: 18px;
}
:lang(zh-cn) .Banner-upgradeTsp {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .Banner-upgradeTsp {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .Banner-upgradeTsp {
  font-family: gotham-500-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .Banner-upgradeTsp {
  font-family: gotham-500-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .Banner-upgradeTsp {
  font-family: gotham-500-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
@media only screen and (min-width: 60.875em) {
  .Banner-upgradeTsp {
    display: inline-block;
  }
}
.header .left {
  height: 48px;
}
.Banner-divider {
  width: 0;
  height: 100%;
  vertical-align: top;
  border-right: 1px solid rgba(17, 118, 4, 0.4);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.ie7 .Banner-divider,
.ie8 .Banner-divider {
  border-right: 1px solid #2e8f25;
  border-left: 1px solid #55bd49;
}
.logo-bar .Banner-divider,
.Banner-divider.short {
  height: 23px;
  margin-top: 13px;
}
.header {
  background-color: #2dbe60;
  width: 100%;
  height: 48px;
  border-bottom: 1px solid #259d4f;
  
  
}
#header-wrapper .header,
.wrapper-embed .header {
  display: block;
  height: 32px;
}
.ie8 .header {
  z-index: auto;
}
.header-light {
  background-color: transparent;
  border-bottom: 1px solid transparent;
}
.header-inner {
  height: 48px;
}
.header-inner:before,
.header-inner:after {
  display: table;
  content: "";
}
.header-inner:after {
  clear: both;
}
.ie8 .header-inner {
  zoom: 1;
}
.header-inner .referral-promo:link,
.header-inner .referral-promo:hover,
.header-inner .referral-promo:active,
.header-inner .referral-promo:visited {
  display: inline-block;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  color: #ffffff;
  height: 27px;
  line-height: 1em;
  padding: 5px 0 0 0;
  text-decoration: none;
}
:lang(zh-cn) .header-inner .referral-promo:link,
:lang(zh-cn) .header-inner .referral-promo:hover,
:lang(zh-cn) .header-inner .referral-promo:active,
:lang(zh-cn) .header-inner .referral-promo:visited {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .header-inner .referral-promo:link,
:lang(ja) .header-inner .referral-promo:hover,
:lang(ja) .header-inner .referral-promo:active,
:lang(ja) .header-inner .referral-promo:visited {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .header-inner .referral-promo:link,
.ie8 .header-inner .referral-promo:hover,
.ie8 .header-inner .referral-promo:active,
.ie8 .header-inner .referral-promo:visited {
  font-family: gotham-700-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .header-inner .referral-promo:link,
.ie8 :lang(zh-cn) .header-inner .referral-promo:hover,
.ie8 :lang(zh-cn) .header-inner .referral-promo:active,
.ie8 :lang(zh-cn) .header-inner .referral-promo:visited {
  font-family: gotham-700-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .header-inner .referral-promo:link,
.ie8 :lang(ja) .header-inner .referral-promo:hover,
.ie8 :lang(ja) .header-inner .referral-promo:active,
.ie8 :lang(ja) .header-inner .referral-promo:visited {
  font-family: gotham-700-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
@media all {
  .header-inner .referral-promo:hover,
  .header-inner .referral-promo:active {
    background:  url('/static/static_css_resources/d589cf338626e3a4579e1b6022f3e44e.png') bottom transparent no-repeat;
    -webkit-background-size: 100% 25px;
    -moz-background-size: 100% 25px;
    -o-background-size: 100% 25px;
    background-size: 100% 25px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .header-inner .referral-promo:hover,
  html:not(.ie8) .header-inner .referral-promo:active {
    background:  url('/static/static_css_resources/291941d052e8a97df0d7df3ff903c5d8.png') bottom transparent no-repeat;
    -webkit-background-size: 100% 25px;
    -moz-background-size: 100% 25px;
    -o-background-size: 100% 25px;
    background-size: 100% 25px;
  }
}
.header-inner .referral-promo .referral-promo-icon {
  display: inline-block;
  position: relative;
  top: 4px;
  margin: 0 4px 0 10px;
  width: 13px;
  height: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media all {
  .header-inner .referral-promo .referral-promo-icon {
    background:  url('/static/static_css_resources/c2c95335e7c2a125aea5ce18f7b6ffea.png') no-repeat bottom;
    -webkit-background-size: 13px 16px;
    -moz-background-size: 13px 16px;
    -o-background-size: 13px 16px;
    background-size: 13px 16px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .header-inner .referral-promo .referral-promo-icon {
    background:  url('/static/static_css_resources/128fe526805e55a4edad71280d177631.png') no-repeat bottom;
    -webkit-background-size: 13px 16px;
    -moz-background-size: 13px 16px;
    -o-background-size: 13px 16px;
    background-size: 13px 16px;
  }
}
.header-inner .go-premium-promo {
  display: none;
}
.header-inner .go-premium-promo:link,
.header-inner .go-premium-promo:hover,
.header-inner .go-premium-promo:active,
.header-inner .go-premium-promo:visited {
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  line-height: 32px;
  text-decoration: none;
  height: 32px;
  vertical-align: top;
  margin-right: 32px;
}
#header-wrapper .header-inner .go-premium-promo {
  display: inline-block;
}
.header-inner .go-premium-promo .Icon {
  vertical-align: top;
}
#header-wrapper .header-inner,
.wrapper-embed .header-inner {
  height: 32px;
}
.header-inner .Btn {
  font-size: 1em;
  font-size: 1rem;
  line-height: 2.08333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  background-color: #039924;
  border-color: #039924;
  min-height: 2.08333333em;
  min-height: 2.08333333rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 11px 8px 10px 11px;
}
.header-inner .Btn:hover {
  color: #ffffff;
  background-color: #038a20;
  border-color: #038a20;
}
.header-inner .Btn:active {
  color: #ffffff;
  background-color: #027b1d;
  border-color: #038a20;
}
.header-inner .Btn:focus,
.header-inner .Btn:visited {
  color: #ffffff;
}
.header-inner .Btn:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#header-wrapper .header-inner .Btn,
.wrapper-embed .header-inner .Btn {
  display: none;
}
.header-inner .right {
  display: table-cell;
  vertical-align: middle;
  height: 48px;
}
#header-wrapper .header-inner .right,
.wrapper-embed .header-inner .right {
  height: 32px;
}
@media only screen and (max-width: 709px) {
  #header-wrapper .header-inner .right,
  .wrapper-embed .header-inner .right {
    display: inline-block;
    float: right;
  }
}
@media only screen and (max-width: 709px) {
  .header-inner .right {
    display: none;
  }
}
@media only screen and (max-width: 827px) {
  .user-wrapper .header-inner .right {
    display: none;
  }
}
.header-inner-light .Btn {
  font-size: 1em;
  font-size: 1rem;
  line-height: 2.08333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2dbe60;
  background-color: #ffffff;
  border-color: #2dbe60;
  min-height: 2.08333333em;
  min-height: 2.08333333rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 11px 8px 10px 11px;
}
.header-inner-light .Btn:hover {
  color: #2dbe60;
  background-color: #f7f7f7;
  border-color: #2ab25a;
}
.header-inner-light .Btn:active {
  color: #2dbe60;
  background-color: #f7f7f7;
  border-color: #2ab25a;
}
.header-inner-light .Btn:focus,
.header-inner-light .Btn:visited {
  color: #2dbe60;
}
.header-inner-light .Btn:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#header-wrapper .header-inner-light .Btn,
.wrapper-embed .header-inner-light .Btn {
  display: none;
}
.header-inner-light .User {
  color: #6a6a6a;
}
.header-inner-light .User-nameText {
  border-right: 1px solid #6a6a6a;
}
.header-inner-light .evernote-logo,
.header-inner-light .evernote-logo:visited {
  background: url(/static/static_css_resources/ce0e9b2be6efbc64973815749b45100a.png) no-repeat 13px 8px !important;
  -webkit-background-size: 159px 35px !important;
  -moz-background-size: 159px 35px !important;
  -o-background-size: 159px 35px !important;
  background-size: 159px 35px !important;
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  .header-inner-light .evernote-logo,
  .header-inner-light .evernote-logo:visited {
    background: url(/static/static_css_resources/442984e8b4a69ce153e9a4ab81533fa5.png) no-repeat 13px 8px !important;
    -webkit-background-size: 159px 35px !important;
    -moz-background-size: 159px 35px !important;
    -o-background-size: 159px 35px !important;
    background-size: 159px 35px !important;
  }
}
.header-inner-light .Icon_small-downArrow {
  background: url(/static/static_css_resources/008bc73e4fabfd8ee44c0bf97e936ff6.png) center center transparent scroll no-repeat !important;
  -webkit-background-size: 9px 5px ;
  -moz-background-size: 9px 5px;
  -o-background-size: 9px 5px;
  background-size: 9px 5px;
}
@media not all, not all, (-webkit-min-device-pixel-ratio: 1.5), not all, (min-resolution: 1.5dppx) {
  .header-inner-light .Icon_small-downArrow {
    background: url(/static/static_css_resources/008bc73e4fabfd8ee44c0bf97e936ff6.png) center center transparent scroll no-repeat !important;
    -webkit-background-size: 9px 5px;
    -moz-background-size: 9px 5px;
    -o-background-size: 9px 5px;
    background-size: 9px 5px;
  }
}
.header-inner-light .Menu-activator {
  background-color: transparent;
}
.header-inner-light .Menu-activator:hover {
  text-decoration: none;
  background-color: #fafafa;
}
.ie8 .header-inner-light .Menu-activator:hover {
  background-image: none;
}
.header-inner-light .Menu-activator:focus {
  text-decoration: none;
  background-color: #f7f7f7;
}
.ie8 .header-inner-light .Menu-activator:focus {
  background-image: none;
}
.is-active .header-inner-light .Menu-activator {
  background-color: #f0f0f0;
}
.header-inner-light .Menu.is-active {
  background-color: #f7f7f7;
}
.header-inner-light .Menu_userNav-popover {
  border-width: 0;
}

.evernote-logo,
.evernote-logo:visited {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  width: 175px;
  height: 48px;
  margin-left: 0;
  margin-top: 0;
}
@media all {
  .evernote-logo,
  .evernote-logo:visited {
    background:  url("/static/static_css_resources/b7ad9082be08f45d72ec98a32a96ac26.png") no-repeat 13px 8px;
    -webkit-background-size: 159px 35px;
    -moz-background-size: 159px 35px;
    -o-background-size: 159px 35px;
    background-size: 159px 35px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .evernote-logo,
  html:not(.ie8) .evernote-logo:visited {
    background:  url("/static/static_css_resources/2faa047ce368bd53e63444c4c6705b8d.png") no-repeat 13px 8px;
    -webkit-background-size: 159px 35px;
    -moz-background-size: 159px 35px;
    -o-background-size: 159px 35px;
    background-size: 159px 35px;
  }
}
.business-layout .evernote-logo,
.business-layout .evernote-logo:visited {
  width: 263px;
}
@media all {
  .business-layout .evernote-logo,
  .business-layout .evernote-logo:visited {
    background:  url("/static/static_css_resources/b7fe98c6ec08cd1513548d0b8145d625.png") no-repeat 13px 8px;
    -webkit-background-size: 250px 35px;
    -moz-background-size: 250px 35px;
    -o-background-size: 250px 35px;
    background-size: 250px 35px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .business-layout .evernote-logo,
  html:not(.ie8) .business-layout .evernote-logo:visited {
    background:  url("/static/static_css_resources/001656052f15db96203b1f536eb2af1f.png") no-repeat 13px 8px;
    -webkit-background-size: 250px 35px;
    -moz-background-size: 250px 35px;
    -o-background-size: 250px 35px;
    background-size: 250px 35px;
  }
}
@media all {
  .evernote-logo:hover,
  .evernote-logo:visited:hover,
  .evernote-logo:focus,
  .evernote-logo:visited:focus {
    background:  url("/static/static_css_resources/b7ad9082be08f45d72ec98a32a96ac26.png") no-repeat 13px 8px;
    -webkit-background-size: 159px 35px;
    -moz-background-size: 159px 35px;
    -o-background-size: 159px 35px;
    background-size: 159px 35px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .evernote-logo:hover,
  html:not(.ie8) .evernote-logo:visited:hover,
  html:not(.ie8) .evernote-logo:focus,
  html:not(.ie8) .evernote-logo:visited:focus {
    background:  url("/static/static_css_resources/2faa047ce368bd53e63444c4c6705b8d.png") no-repeat 13px 8px;
    -webkit-background-size: 159px 35px;
    -moz-background-size: 159px 35px;
    -o-background-size: 159px 35px;
    background-size: 159px 35px;
  }
}
@media all {
  .business-layout .evernote-logo:hover,
  .business-layout .evernote-logo:visited:hover,
  .business-layout .evernote-logo:focus,
  .business-layout .evernote-logo:visited:focus {
    background:  url("/static/static_css_resources/b7fe98c6ec08cd1513548d0b8145d625.png") no-repeat 13px 8px;
    -webkit-background-size: 250px 35px;
    -moz-background-size: 250px 35px;
    -o-background-size: 250px 35px;
    background-size: 250px 35px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .business-layout .evernote-logo:hover,
  html:not(.ie8) .business-layout .evernote-logo:visited:hover,
  html:not(.ie8) .business-layout .evernote-logo:focus,
  html:not(.ie8) .business-layout .evernote-logo:visited:focus {
    background:  url("/static/static_css_resources/001656052f15db96203b1f536eb2af1f.png") no-repeat 13px 8px;
    -webkit-background-size: 250px 35px;
    -moz-background-size: 250px 35px;
    -o-background-size: 250px 35px;
    background-size: 250px 35px;
  }
}
.evernote-logo span,
.evernote-logo:visited span {
  position: absolute;
  top: -45px;
}
.ie7 .evernote-logo,
.ie7 .evernote-logo:visited {
  display: block;
  float: left;
}

.warning-container {
  float: right;
  line-height: 1em;
  display: inline-block;
}
.user-wrapper .warning {
  display: inline-block;
  vertical-align: top;
}
.warning a {
  color: #0b4906;
  font-family: helvetica;
  font-size: 11px;
  display: inline-block;
  height: 24px;
  padding: 7px 0px 0px 0px;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.user-wrapper .warning a {
  line-height: 1.0;
  height: 11px;
  padding: 20px 0 21px 0;
}
.warning a:hover {
  color: #052903;
}
#warningIcon {
  height: 32px;
  width: 16px;
  display: inline-block;
  margin: 0px 4px;
}
@media all {
  #warningIcon {
    background:  url('/static/static_css_resources/f763efed6f9e79c59723dcd77f6034ae.png') no-repeat 0 center;
    -webkit-background-size: 17px 16px;
    -moz-background-size: 17px 16px;
    -o-background-size: 17px 16px;
    background-size: 17px 16px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) #warningIcon {
    background:  url('/static/static_css_resources/278530d733f2ab75a9d9ea82f46575bc.png') no-repeat 0 center;
    -webkit-background-size: 17px 16px;
    -moz-background-size: 17px 16px;
    -o-background-size: 17px 16px;
    background-size: 17px 16px;
  }
}
.user-wrapper #warningIcon {
  height: 52px;
}
#warningLinkIcon {
  height: 32px;
  width: 11px;
  display: inline-block;
  margin: 0px 4px;
}
@media all {
  #warningLinkIcon {
    background:  url('/static/static_css_resources/5b2ae6f4ac59b010210c8b5b030c31fe.png') no-repeat 0 center;
    -webkit-background-size: 8px 11px;
    -moz-background-size: 8px 11px;
    -o-background-size: 8px 11px;
    background-size: 8px 11px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) #warningLinkIcon {
    background:  url('/static/static_css_resources/d7f7e9a7684ec0bb4b7faa6346934e8e.png') no-repeat 0 center;
    -webkit-background-size: 8px 11px;
    -moz-background-size: 8px 11px;
    -o-background-size: 8px 11px;
    background-size: 8px 11px;
  }
}
.user-wrapper #warningLinkIcon {
  height: 52px;
}
.opt-in-beta {
  display: inline-block;
}
.opt-in-beta .opt-in,
.opt-in-beta #try-it-button {
  display: inline-block;
  font-family: gotham, helvetica, arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  line-height: 1em;
  margin-right: 16px;
}
.opt-in-beta .opt-in {
  margin-top: 10px;
}
.opt-in-beta #try-it-button {
  cursor: pointer;
  border: 1px solid #18a269;
  border-radius: 4px;
  padding: 5px 16px;
  background-color: #14aa57;
}
.opt-in-beta #try-it-button:hover {
  background-color: #129c50;
  border-color: #169560;
}
.opt-in-beta #try-it-button:active {
  background-color: #118f49;
  border-color: #169560;
}





.left {
  float: left !important;
}
.right {
  float: right !important;
}


.Icon {
  display: inline-block;
  background-position: center center;
}
.Icon_small-downArrow {
  width: 9px;
  height: 5px;
}
@media all {
  .Icon_small-downArrow {
    background:  url('/static/static_css_resources/eee7b119bfdf6975ed7c120ec751f706.png') center center transparent scroll no-repeat;
    -webkit-background-size: 9px 5px;
    -moz-background-size: 9px 5px;
    -o-background-size: 9px 5px;
    background-size: 9px 5px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_small-downArrow {
    background:  url('/static/static_css_resources/eee7b119bfdf6975ed7c120ec751f706.png') center center transparent scroll no-repeat;
    -webkit-background-size: 9px 5px;
    -moz-background-size: 9px 5px;
    -o-background-size: 9px 5px;
    background-size: 9px 5px;
  }
}
.Icon_small-whiteShield {
  width: 32px;
  height: 32px;
}
@media all {
  .Icon_small-whiteShield {
    background:  url('/static/static_css_resources/dcb90a3b6b5413761c104b1f7afe522a.png') center center transparent scroll no-repeat;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_small-whiteShield {
    background:  url('/static/static_css_resources/bf57e7d00bc77f266ea8d708b8411f90.png') center center transparent scroll no-repeat;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.Icon_small-upgradeTsp {
  width: 22px;
  height: 22px;
  position: relative;
  top: 5px;
  left: 0;
  display: none;
}
@media all {
  .Icon_small-upgradeTsp {
    background:  url('/static/static_css_resources/f3bca184778b97be3a35c611cffe6992.png') center center transparent scroll no-repeat;
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    -o-background-size: 22px 22px;
    background-size: 22px 22px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_small-upgradeTsp {
    background:  url('/static/static_css_resources/7738f2d6c5bc009a46ba33b05b7b5e02.png') center center transparent scroll no-repeat;
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    -o-background-size: 22px 22px;
    background-size: 22px 22px;
  }
}
@media only screen and (min-width: 60.875em) {
  .Icon_small-upgradeTsp {
    display: inline-block;
  }
}

.Badge-free {
  width: 18px;
  height: 18px;
}
@media all {
  .Badge-free {
    background:  url('/static/static_css_resources/7a0176b7c2e0a9318c9701cacd84d7b0.png') center center transparent scroll no-repeat;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Badge-free {
    background:  url('/static/static_css_resources/c7baa2529d4aef62aee4c41dfe08cba6.png') center center transparent scroll no-repeat;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
  }
}
.Badge-premium {
  width: 16px;
  height: 18px;
}
@media all {
  .Badge-premium {
    background:  url('/static/static_css_resources/bb36e3a77e615eca48c4f96a3d01a841.png') center center transparent scroll no-repeat;
    -webkit-background-size: 16px 18px;
    -moz-background-size: 16px 18px;
    -o-background-size: 16px 18px;
    background-size: 16px 18px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Badge-premium {
    background:  url('/static/static_css_resources/aa25f1338591d7ee694ae51dab6eaaad.png') center center transparent scroll no-repeat;
    -webkit-background-size: 16px 18px;
    -moz-background-size: 16px 18px;
    -o-background-size: 16px 18px;
    background-size: 16px 18px;
  }
}

.Icon_medium {
  width: 17px;
  height: 17px;
  margin: 0 8px 2px 0;
  vertical-align: middle;
}
.Icon_medium-gear {
  padding: 0;
}
@media all {
  .Icon_medium-gear {
    background:  url('/static/static_css_resources/fc419fda780d99a9582bd2e2c90e136f.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_medium-gear {
    background:  url('/static/static_css_resources/4da406da953e63808647a693eac47ff4.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all {
  .Icon_medium-questionMark {
    background:  url('/static/static_css_resources/999d4dab3bd620156b074ca23b7b3c16.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_medium-questionMark {
    background:  url('/static/static_css_resources/b847b83bf1a84e0b7e54d40946ced289.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all {
  .Icon_medium-chatBubble {
    background:  url('/static/static_css_resources/e0aba0f7cd3538c3d253a7684b0d319b.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_medium-chatBubble {
    background:  url('/static/static_css_resources/92a6491b71553fbb2141b40601c0c2eb.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all {
  .Icon_medium-arrowDoor {
    background:  url('/static/static_css_resources/1c0527c357b59208fc1efba1cbbce6a5.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_medium-arrowDoor {
    background:  url('/static/static_css_resources/8cfba0b98878ec1735d8de8cc8a99a21.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
  }
}
.Icon_medium-arrowRight {
  width: 9px;
  height: 13px;
  vertical-align: middle;
  margin-left: 4px;
}
@media all {
  .Icon_medium-arrowRight {
    background:  url('/static/static_css_resources/4ae259a0448125ac5dd3d167a8c59bc4.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 9px 13px;
    -moz-background-size: 9px 13px;
    -o-background-size: 9px 13px;
    background-size: 9px 13px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_medium-arrowRight {
    background:  url('/static/static_css_resources/7799909c4c49a8efebfbc36524556d4d.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 9px 13px;
    -moz-background-size: 9px 13px;
    -o-background-size: 9px 13px;
    background-size: 9px 13px;
  }
}

.Icon_large {
  width: 50px;
  height: 50px;
}
@media all {
  .Icon_large-shield {
    background:  url('/static/static_css_resources/18b2e2550120810440ad6321e15255b7.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -o-background-size: 50px 50px;
    background-size: 50px 50px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_large-shield {
    background:  url('/static/static_css_resources/2dccb1e8163a45069e3ef70d17ad676a.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -o-background-size: 50px 50px;
    background-size: 50px 50px;
  }
}

.Icon_super {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 80px 60px;
  -moz-background-size: 80px 60px;
  -o-background-size: 80px 60px;
  background-size: 80px 60px;
  width: 80px;
  height: 60px;
  margin-left: -4px;
}
@media all {
  .Icon_super-lock {
    background-image: url('/static/static_css_resources/447edea9117d3f1ac3b30b1a6eca7abd.png');
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_super-lock {
    background-image: url('/static/static_css_resources/12d83a98e428c17cfcf7c1d9817184a0.png');
  }
}
@media all {
  .Icon_super-plane {
    background-image: url('/static/static_css_resources/f934614deba66280a94fe45026ddded2.png');
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_super-plane {
    background-image: url('/static/static_css_resources/de30452ea742ca966675d7dc0abb47f8.png');
  }
}
@media all {
  .Icon_super-screen {
    background-image: url('/static/static_css_resources/573e954e1295a16cda591c0559e350ed.png');
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_super-screen {
    background-image: url('/static/static_css_resources/edae1f1496bf95880beb43f1bb7e6e8c.png');
  }
}
@media all {
  .Icon_super-mag-glass {
    background-image: url('/static/static_css_resources/229e20abe79efee69081f561d23033fc.png');
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_super-mag-glass {
    background-image: url('/static/static_css_resources/a46c6049e314177ff929e01e8f091474.png');
  }
}
@media all {
  .Icon_super-clouds {
    background-image: url('/static/static_css_resources/dfbddac055c54fd0d62876ae0a660915.png');
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_super-clouds {
    background-image: url('/static/static_css_resources/026556a75b19dbe549baac5bed840d66.png');
  }
}
@media all {
  .Icon_super-heads {
    background-image: url('/static/static_css_resources/bd8da30c045c891f21fca90ff128d5ba.png');
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_super-heads {
    background-image: url('/static/static_css_resources/081341d11ad2d46992e7596c88a3ffbc.png');
  }
}

.Icon_shield {
  width: 53px;
  height: 58px;
  margin-bottom: 20px;
}
@media all {
  .Icon_shield {
    background:  url('/static/static_css_resources/e2a872c821f716781d2af5884ec179d6.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 53px 58px;
    -moz-background-size: 53px 58px;
    -o-background-size: 53px 58px;
    background-size: 53px 58px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_shield {
    background:  url('/static/static_css_resources/45ac39afbb24c80e478630ef6b2d2a41.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 53px 58px;
    -moz-background-size: 53px 58px;
    -o-background-size: 53px 58px;
    background-size: 53px 58px;
  }
}
.Icon_upgrade {
  width: 46px;
  height: 46px;
  vertical-align: top;
}
@media all {
  .Icon_upgrade {
    background:  url('/static/static_css_resources/eb5fb5b620c731466573bacc92704476.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 46px 46px;
    -moz-background-size: 46px 46px;
    -o-background-size: 46px 46px;
    background-size: 46px 46px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .Icon_upgrade {
    background:  url('/static/static_css_resources/11a3f624521d50349d68851400b7edab.png') 0 0 transparent scroll no-repeat;
    -webkit-background-size: 46px 46px;
    -moz-background-size: 46px 46px;
    -o-background-size: 46px 46px;
    background-size: 46px 46px;
  }
}





.u-inlineBlock {
  display: inline-block;
}

.Menu {
  vertical-align: top;
  height: 100%;
  float: none;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  
}
.Menu.is-active {
  background-color: #129c50;
}
#header-wrapper .Menu,
.wrapper-embed .Menu {
  height: 100%;
}
@media only screen and (min-width: 480px) and (max-width: 709px) {
  .Menu {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .Menu {
    display: none;
  }
}
.Menu-activator {
  text-decoration: none;
  background-image: none;
  vertical-align: middle;
  height: 100%;
  margin-left: -4px;
  
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.Menu-activator:hover,
.Menu-activator:focus {
  text-decoration: none;
  background-color: #14aa57;
}
.ie8 .Menu-activator:hover,
.ie8 .Menu-activator:focus {
  background-image: none;
}
.is-active .Menu-activator {
  background-color: #129c50;
}
.Menu-indicator {
  padding: 0 15px 0 10px;
  height: 100%;
  float: none;
}
.Menu-indicator > i {
  margin: 21px 0;
}
#header-wrapper .Menu-indicator > i,
.wrapper-embed .Menu-indicator > i {
  margin: 13px 0;
}
.Menu-popover {
  background-color: #f7f7f7;
  display: none;
  border: 1px solid #b5b5b5;
  position: absolute;
  z-index: 9998;
}
.Menu-popover.is-active {
  display: block;
}




.Menu_userNav-popover {
  border-width: 0 0 1px 1px;
  top: 49px;
  right: 0;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
#header-wrapper .Menu_userNav-popover,
.wrapper-embed .Menu_userNav-popover {
  top: 33px;
}

.User {
  color: white;
  font-size: 13px;
  font-family: gotham, Times, serif;
  font-style: normal;
  font-weight: 700;
  font-weight: normal;
  line-height: 48px;
  height: 100%;
  border-right: 0px;
  border-left: 0px;
  vertical-align: top;
  padding-left: 5px;
  
}
:lang(zh-cn) .User {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .User {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .User {
  font-family: gotham-700-normal, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .User {
  font-family: gotham-700-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .User {
  font-family: gotham-700-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
#header-wrapper .User,
.wrapper-embed .User {
  line-height: 32px;
  width: auto;
  max-width: 440px;
}
.is-active:hover .User {
  background-image: none;
}
.User-icon {
  margin-right: 4px;
  margin-left: 12px;
  vertical-align: middle;
}
.User-name {
  max-width: 300px;
  vertical-align: top;
  overflow: hidden;
}
.ie8 .User-name,
.ie9 .User-name {
  width: auto;
}
.User-nameText {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  width: 100%;
  padding: 6px 12px 6px 0;
  border-right: 1px solid #18a269;
  display: inline;
  vertical-align: top;
}


.Nav {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.Nav-anchor {
  text-decoration: none;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
}
.ie7 .Nav-anchor {
  zoom: 1;
}
.Nav-anchor:hover,
.Nav-anchor:focus {
  text-decoration: none;
}


.Nav_userNav-left {
  vertical-align: top;
  padding-left: 1.84615385em;
  padding-left: 2rem;
  padding-right: 1.84615385em;
  padding-right: 2rem;
  padding-bottom: 3.07692308em;
  padding-bottom: 3.33333333rem;
}
.Nav_userNav-right {
  padding-left: 1.46153846em;
  padding-left: 1.58333333rem;
  padding-right: 1.84615385em;
  padding-right: 2rem;
  padding-bottom: 3.07692308em;
  padding-bottom: 3.33333333rem;
}
.Nav_userNav-item {
  padding-top: 0.76923077em;
  padding-top: 0.83333333rem;
}
.ie7 .Nav_userNav-item {
  zoom: 1;
}
.Nav_userNav-anchor-right .Nav_userNav-anchor {
  text-transform: uppercase;
}
.Nav_userNav-anchor,
.Nav_userNav-anchor:visited {
  color: #646e71;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.16666667em;
  font-size: 1.16666667rem;
  line-height: 2;
  padding: 0 0.61538462em;
  padding: 0 0.66666667rem;
  border-width: 0;
  border-radius: 1.92307692em;
  border-radius: 2.08333333rem;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
:lang(zh-cn) .Nav_userNav-anchor,
:lang(zh-cn) .Nav_userNav-anchor:visited {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .Nav_userNav-anchor,
:lang(ja) .Nav_userNav-anchor:visited {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .Nav_userNav-anchor,
.ie8 .Nav_userNav-anchor:visited {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .Nav_userNav-anchor,
.ie8 :lang(zh-cn) .Nav_userNav-anchor:visited {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .Nav_userNav-anchor,
.ie8 :lang(ja) .Nav_userNav-anchor:visited {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.Nav_userNav-anchor:hover,
.Nav_userNav-anchor:focus {
  outline: none;
  border: 1px;
  border-color: #C4CBCF;
  background-color: #c9d1d7;
}
.Nav_userNav-anchor:active {
  background-color: #BCC4C9;
}





.MenuBanner {
  padding: 17px 30px 12px;
}
.MenuBanner_goPremium {
  border-top: 1px solid #d9e4e7;
}
.MenuBanner_goPremiumOld {
  border-top: 1px solid #dfe8eb;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media all {
  .MenuBanner_goPremiumOld {
    background:  url('/static/static_css_resources/d672be966ef6750da0f2e55c6fe255ed.png') left top scroll repeat;
    -webkit-background-size: 50px 30px;
    -moz-background-size: 50px 30px;
    -o-background-size: 50px 30px;
    background-size: 50px 30px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .MenuBanner_goPremiumOld {
    background:  url('/static/static_css_resources/932b0135f7d93cc7285e1eff366898e9.png') left top scroll repeat;
    -webkit-background-size: 50px 30px;
    -moz-background-size: 50px 30px;
    -o-background-size: 50px 30px;
    background-size: 50px 30px;
  }
}
.MenuBanner_goPremium-message {
  display: inline-block;
  margin-left: 18px;
}
.MenuBanner_goPremium-title {
  color: #039924;
  font-family: caecilia, Times, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  width: 215px;
  line-height: 18px;
  margin-bottom: 0;
  text-align: left;
}
:lang(zh-cn) .MenuBanner_goPremium-title {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .MenuBanner_goPremium-title {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .MenuBanner_goPremium-title {
  font-family: caecilia-700-normal, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .MenuBanner_goPremium-title {
  font-family: caecilia-700-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .MenuBanner_goPremium-title {
  font-family: caecilia-700-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.MenuBanner_goPremium-anchor {
  color: #747474;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  width: auto;
  padding: 0;
}
:lang(zh-cn) .MenuBanner_goPremium-anchor {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .MenuBanner_goPremium-anchor {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .MenuBanner_goPremium-anchor {
  font-family: gotham-700-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .MenuBanner_goPremium-anchor {
  font-family: gotham-700-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .MenuBanner_goPremium-anchor {
  font-family: gotham-700-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.MenuBanner_goPremium-anchor,
.MenuBanner_goPremium-anchor:visited {
  color: #747474;
}
.MenuBanner_goPremium-anchor:hover,
.MenuBanner_goPremium-anchor:active {
  border: none;
  background-color: #f7f7f7;
}
.MenuBanner_paymentDue-anchor,
.MenuBanner_paymentDue-anchor:link,
.MenuBanner_paymentDue-anchor:visited {
  font-family: caecilia, Times, serif;
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
}
:lang(zh-cn) .MenuBanner_paymentDue-anchor,
:lang(zh-cn) .MenuBanner_paymentDue-anchor:link,
:lang(zh-cn) .MenuBanner_paymentDue-anchor:visited {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .MenuBanner_paymentDue-anchor,
:lang(ja) .MenuBanner_paymentDue-anchor:link,
:lang(ja) .MenuBanner_paymentDue-anchor:visited {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .MenuBanner_paymentDue-anchor,
.ie8 .MenuBanner_paymentDue-anchor:link,
.ie8 .MenuBanner_paymentDue-anchor:visited {
  font-family: caecilia-300-italic, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .MenuBanner_paymentDue-anchor,
.ie8 :lang(zh-cn) .MenuBanner_paymentDue-anchor:link,
.ie8 :lang(zh-cn) .MenuBanner_paymentDue-anchor:visited {
  font-family: caecilia-300-italic, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .MenuBanner_paymentDue-anchor,
.ie8 :lang(ja) .MenuBanner_paymentDue-anchor:link,
.ie8 :lang(ja) .MenuBanner_paymentDue-anchor:visited {
  font-family: caecilia-300-italic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.MenuBanner_paymentDue-anchor:hover {
  border: none;
  background-color: #f7f7f7;
}
.MenuBanner_paymentDue-anchor:active {
  background-color: #f7f7f7;
}

.Banner-title {
  line-height: 48px;
  height: 100%;
  vertical-align: top;
  font-family: caecilia, Times, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 15px;
}
:lang(zh-cn) .Banner-title {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .Banner-title {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .Banner-title {
  font-family: caecilia-700-normal, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .Banner-title {
  font-family: caecilia-700-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .Banner-title {
  font-family: caecilia-700-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.Banner-upgradeTspWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  text-align: center;
}
.Banner-upgradeTsp {
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #2f373d;
  display: none;
  padding-top: 18px;
}
:lang(zh-cn) .Banner-upgradeTsp {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .Banner-upgradeTsp {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .Banner-upgradeTsp {
  font-family: gotham-500-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .Banner-upgradeTsp {
  font-family: gotham-500-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .Banner-upgradeTsp {
  font-family: gotham-500-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
@media only screen and (min-width: 60.875em) {
  .Banner-upgradeTsp {
    display: inline-block;
  }
}
.header .left {
  height: 48px;
}
.Banner-divider {
  width: 0;
  height: 100%;
  vertical-align: top;
  border-right: 1px solid rgba(17, 118, 4, 0.4);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.ie7 .Banner-divider,
.ie8 .Banner-divider {
  border-right: 1px solid #2e8f25;
  border-left: 1px solid #55bd49;
}
.logo-bar .Banner-divider,
.Banner-divider.short {
  height: 23px;
  margin-top: 13px;
}
.header {
  background-color: #2dbe60;
  width: 100%;
  height: 48px;
  border-bottom: 1px solid #259d4f;
  
  
}
#header-wrapper .header,
.wrapper-embed .header {
  display: block;
  height: 32px;
}
.ie8 .header {
  z-index: auto;
}
.header-light {
  background-color: transparent;
  border-bottom: 1px solid transparent;
}
.header-inner {
  height: 48px;
}
.header-inner:before,
.header-inner:after {
  display: table;
  content: "";
}
.header-inner:after {
  clear: both;
}
.ie8 .header-inner {
  zoom: 1;
}
.header-inner .referral-promo:link,
.header-inner .referral-promo:hover,
.header-inner .referral-promo:active,
.header-inner .referral-promo:visited {
  display: inline-block;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  color: #ffffff;
  height: 27px;
  line-height: 1em;
  padding: 5px 0 0 0;
  text-decoration: none;
}
:lang(zh-cn) .header-inner .referral-promo:link,
:lang(zh-cn) .header-inner .referral-promo:hover,
:lang(zh-cn) .header-inner .referral-promo:active,
:lang(zh-cn) .header-inner .referral-promo:visited {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .header-inner .referral-promo:link,
:lang(ja) .header-inner .referral-promo:hover,
:lang(ja) .header-inner .referral-promo:active,
:lang(ja) .header-inner .referral-promo:visited {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .header-inner .referral-promo:link,
.ie8 .header-inner .referral-promo:hover,
.ie8 .header-inner .referral-promo:active,
.ie8 .header-inner .referral-promo:visited {
  font-family: gotham-700-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .header-inner .referral-promo:link,
.ie8 :lang(zh-cn) .header-inner .referral-promo:hover,
.ie8 :lang(zh-cn) .header-inner .referral-promo:active,
.ie8 :lang(zh-cn) .header-inner .referral-promo:visited {
  font-family: gotham-700-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .header-inner .referral-promo:link,
.ie8 :lang(ja) .header-inner .referral-promo:hover,
.ie8 :lang(ja) .header-inner .referral-promo:active,
.ie8 :lang(ja) .header-inner .referral-promo:visited {
  font-family: gotham-700-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
@media all {
  .header-inner .referral-promo:hover,
  .header-inner .referral-promo:active {
    background:  url('/static/static_css_resources/d589cf338626e3a4579e1b6022f3e44e.png') bottom transparent no-repeat;
    -webkit-background-size: 100% 25px;
    -moz-background-size: 100% 25px;
    -o-background-size: 100% 25px;
    background-size: 100% 25px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .header-inner .referral-promo:hover,
  html:not(.ie8) .header-inner .referral-promo:active {
    background:  url('/static/static_css_resources/291941d052e8a97df0d7df3ff903c5d8.png') bottom transparent no-repeat;
    -webkit-background-size: 100% 25px;
    -moz-background-size: 100% 25px;
    -o-background-size: 100% 25px;
    background-size: 100% 25px;
  }
}
.header-inner .referral-promo .referral-promo-icon {
  display: inline-block;
  position: relative;
  top: 4px;
  margin: 0 4px 0 10px;
  width: 13px;
  height: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media all {
  .header-inner .referral-promo .referral-promo-icon {
    background:  url('/static/static_css_resources/c2c95335e7c2a125aea5ce18f7b6ffea.png') no-repeat bottom;
    -webkit-background-size: 13px 16px;
    -moz-background-size: 13px 16px;
    -o-background-size: 13px 16px;
    background-size: 13px 16px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .header-inner .referral-promo .referral-promo-icon {
    background:  url('/static/static_css_resources/128fe526805e55a4edad71280d177631.png') no-repeat bottom;
    -webkit-background-size: 13px 16px;
    -moz-background-size: 13px 16px;
    -o-background-size: 13px 16px;
    background-size: 13px 16px;
  }
}
.header-inner .go-premium-promo {
  display: none;
}
.header-inner .go-premium-promo:link,
.header-inner .go-premium-promo:hover,
.header-inner .go-premium-promo:active,
.header-inner .go-premium-promo:visited {
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  line-height: 32px;
  text-decoration: none;
  height: 32px;
  vertical-align: top;
  margin-right: 32px;
}
#header-wrapper .header-inner .go-premium-promo {
  display: inline-block;
}
.header-inner .go-premium-promo .Icon {
  vertical-align: top;
}
#header-wrapper .header-inner,
.wrapper-embed .header-inner {
  height: 32px;
}
.header-inner .Btn {
  font-size: 1em;
  font-size: 1rem;
  line-height: 2.08333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  background-color: #039924;
  border-color: #039924;
  min-height: 2.08333333em;
  min-height: 2.08333333rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 11px 8px 10px 11px;
}
.header-inner .Btn:hover {
  color: #ffffff;
  background-color: #038a20;
  border-color: #038a20;
}
.header-inner .Btn:active {
  color: #ffffff;
  background-color: #027b1d;
  border-color: #038a20;
}
.header-inner .Btn:focus,
.header-inner .Btn:visited {
  color: #ffffff;
}
.header-inner .Btn:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#header-wrapper .header-inner .Btn,
.wrapper-embed .header-inner .Btn {
  display: none;
}
.header-inner .right {
  display: table-cell;
  vertical-align: middle;
  height: 48px;
}
#header-wrapper .header-inner .right,
.wrapper-embed .header-inner .right {
  height: 32px;
}
@media only screen and (max-width: 709px) {
  #header-wrapper .header-inner .right,
  .wrapper-embed .header-inner .right {
    display: inline-block;
    float: right;
  }
}
@media only screen and (max-width: 709px) {
  .header-inner .right {
    display: none;
  }
}
@media only screen and (max-width: 827px) {
  .user-wrapper .header-inner .right {
    display: none;
  }
}
.header-inner-light .Btn {
  font-size: 1em;
  font-size: 1rem;
  line-height: 2.08333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2dbe60;
  background-color: #ffffff;
  border-color: #2dbe60;
  min-height: 2.08333333em;
  min-height: 2.08333333rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 11px 8px 10px 11px;
}
.header-inner-light .Btn:hover {
  color: #2dbe60;
  background-color: #f7f7f7;
  border-color: #2ab25a;
}
.header-inner-light .Btn:active {
  color: #2dbe60;
  background-color: #f7f7f7;
  border-color: #2ab25a;
}
.header-inner-light .Btn:focus,
.header-inner-light .Btn:visited {
  color: #2dbe60;
}
.header-inner-light .Btn:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#header-wrapper .header-inner-light .Btn,
.wrapper-embed .header-inner-light .Btn {
  display: none;
}
.header-inner-light .User {
  color: #6a6a6a;
}
.header-inner-light .User-nameText {
  border-right: 1px solid #6a6a6a;
}
.header-inner-light .evernote-logo,
.header-inner-light .evernote-logo:visited {
  background: url(/static/static_css_resources/ce0e9b2be6efbc64973815749b45100a.png) no-repeat 13px 8px !important;
  -webkit-background-size: 159px 35px !important;
  -moz-background-size: 159px 35px !important;
  -o-background-size: 159px 35px !important;
  background-size: 159px 35px !important;
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  .header-inner-light .evernote-logo,
  .header-inner-light .evernote-logo:visited {
    background: url(/static/static_css_resources/442984e8b4a69ce153e9a4ab81533fa5.png) no-repeat 13px 8px !important;
    -webkit-background-size: 159px 35px !important;
    -moz-background-size: 159px 35px !important;
    -o-background-size: 159px 35px !important;
    background-size: 159px 35px !important;
  }
}
.header-inner-light .Icon_small-downArrow {
  background: url(/static/static_css_resources/008bc73e4fabfd8ee44c0bf97e936ff6.png) center center transparent scroll no-repeat !important;
  -webkit-background-size: 9px 5px ;
  -moz-background-size: 9px 5px;
  -o-background-size: 9px 5px;
  background-size: 9px 5px;
}
@media not all, not all, (-webkit-min-device-pixel-ratio: 1.5), not all, (min-resolution: 1.5dppx) {
  .header-inner-light .Icon_small-downArrow {
    background: url(/static/static_css_resources/008bc73e4fabfd8ee44c0bf97e936ff6.png) center center transparent scroll no-repeat !important;
    -webkit-background-size: 9px 5px;
    -moz-background-size: 9px 5px;
    -o-background-size: 9px 5px;
    background-size: 9px 5px;
  }
}
.header-inner-light .Menu-activator {
  background-color: transparent;
}
.header-inner-light .Menu-activator:hover {
  text-decoration: none;
  background-color: #fafafa;
}
.ie8 .header-inner-light .Menu-activator:hover {
  background-image: none;
}
.header-inner-light .Menu-activator:focus {
  text-decoration: none;
  background-color: #f7f7f7;
}
.ie8 .header-inner-light .Menu-activator:focus {
  background-image: none;
}
.is-active .header-inner-light .Menu-activator {
  background-color: #f0f0f0;
}
.header-inner-light .Menu.is-active {
  background-color: #f7f7f7;
}
.header-inner-light .Menu_userNav-popover {
  border-width: 0;
}

.evernote-logo,
.evernote-logo:visited {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  width: 175px;
  height: 48px;
  margin-left: 0;
  margin-top: 0;
}
@media all {
  .evernote-logo,
  .evernote-logo:visited {
    background:  url("/static/static_css_resources/b7ad9082be08f45d72ec98a32a96ac26.png") no-repeat 13px 8px;
    -webkit-background-size: 159px 35px;
    -moz-background-size: 159px 35px;
    -o-background-size: 159px 35px;
    background-size: 159px 35px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .evernote-logo,
  html:not(.ie8) .evernote-logo:visited {
    background:  url("/static/static_css_resources/2faa047ce368bd53e63444c4c6705b8d.png") no-repeat 13px 8px;
    -webkit-background-size: 159px 35px;
    -moz-background-size: 159px 35px;
    -o-background-size: 159px 35px;
    background-size: 159px 35px;
  }
}
.business-layout .evernote-logo,
.business-layout .evernote-logo:visited {
  width: 263px;
}
@media all {
  .business-layout .evernote-logo,
  .business-layout .evernote-logo:visited {
    background:  url("/static/static_css_resources/b7fe98c6ec08cd1513548d0b8145d625.png") no-repeat 13px 8px;
    -webkit-background-size: 250px 35px;
    -moz-background-size: 250px 35px;
    -o-background-size: 250px 35px;
    background-size: 250px 35px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .business-layout .evernote-logo,
  html:not(.ie8) .business-layout .evernote-logo:visited {
    background:  url("/static/static_css_resources/001656052f15db96203b1f536eb2af1f.png") no-repeat 13px 8px;
    -webkit-background-size: 250px 35px;
    -moz-background-size: 250px 35px;
    -o-background-size: 250px 35px;
    background-size: 250px 35px;
  }
}
@media all {
  .evernote-logo:hover,
  .evernote-logo:visited:hover,
  .evernote-logo:focus,
  .evernote-logo:visited:focus {
    background:  url("/static/static_css_resources/b7ad9082be08f45d72ec98a32a96ac26.png") no-repeat 13px 8px;
    -webkit-background-size: 159px 35px;
    -moz-background-size: 159px 35px;
    -o-background-size: 159px 35px;
    background-size: 159px 35px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .evernote-logo:hover,
  html:not(.ie8) .evernote-logo:visited:hover,
  html:not(.ie8) .evernote-logo:focus,
  html:not(.ie8) .evernote-logo:visited:focus {
    background:  url("/static/static_css_resources/2faa047ce368bd53e63444c4c6705b8d.png") no-repeat 13px 8px;
    -webkit-background-size: 159px 35px;
    -moz-background-size: 159px 35px;
    -o-background-size: 159px 35px;
    background-size: 159px 35px;
  }
}
@media all {
  .business-layout .evernote-logo:hover,
  .business-layout .evernote-logo:visited:hover,
  .business-layout .evernote-logo:focus,
  .business-layout .evernote-logo:visited:focus {
    background:  url("/static/static_css_resources/b7fe98c6ec08cd1513548d0b8145d625.png") no-repeat 13px 8px;
    -webkit-background-size: 250px 35px;
    -moz-background-size: 250px 35px;
    -o-background-size: 250px 35px;
    background-size: 250px 35px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .business-layout .evernote-logo:hover,
  html:not(.ie8) .business-layout .evernote-logo:visited:hover,
  html:not(.ie8) .business-layout .evernote-logo:focus,
  html:not(.ie8) .business-layout .evernote-logo:visited:focus {
    background:  url("/static/static_css_resources/001656052f15db96203b1f536eb2af1f.png") no-repeat 13px 8px;
    -webkit-background-size: 250px 35px;
    -moz-background-size: 250px 35px;
    -o-background-size: 250px 35px;
    background-size: 250px 35px;
  }
}
.evernote-logo span,
.evernote-logo:visited span {
  position: absolute;
  top: -45px;
}
.ie7 .evernote-logo,
.ie7 .evernote-logo:visited {
  display: block;
  float: left;
}

.warning-container {
  float: right;
  line-height: 1em;
  display: inline-block;
}
.user-wrapper .warning {
  display: inline-block;
  vertical-align: top;
}
.warning a {
  color: #0b4906;
  font-family: helvetica;
  font-size: 11px;
  display: inline-block;
  height: 24px;
  padding: 7px 0px 0px 0px;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.user-wrapper .warning a {
  line-height: 1.0;
  height: 11px;
  padding: 20px 0 21px 0;
}
.warning a:hover {
  color: #052903;
}
#warningIcon {
  height: 32px;
  width: 16px;
  display: inline-block;
  margin: 0px 4px;
}
@media all {
  #warningIcon {
    background:  url('/static/static_css_resources/f763efed6f9e79c59723dcd77f6034ae.png') no-repeat 0 center;
    -webkit-background-size: 17px 16px;
    -moz-background-size: 17px 16px;
    -o-background-size: 17px 16px;
    background-size: 17px 16px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) #warningIcon {
    background:  url('/static/static_css_resources/278530d733f2ab75a9d9ea82f46575bc.png') no-repeat 0 center;
    -webkit-background-size: 17px 16px;
    -moz-background-size: 17px 16px;
    -o-background-size: 17px 16px;
    background-size: 17px 16px;
  }
}
.user-wrapper #warningIcon {
  height: 52px;
}
#warningLinkIcon {
  height: 32px;
  width: 11px;
  display: inline-block;
  margin: 0px 4px;
}
@media all {
  #warningLinkIcon {
    background:  url('/static/static_css_resources/5b2ae6f4ac59b010210c8b5b030c31fe.png') no-repeat 0 center;
    -webkit-background-size: 8px 11px;
    -moz-background-size: 8px 11px;
    -o-background-size: 8px 11px;
    background-size: 8px 11px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) #warningLinkIcon {
    background:  url('/static/static_css_resources/d7f7e9a7684ec0bb4b7faa6346934e8e.png') no-repeat 0 center;
    -webkit-background-size: 8px 11px;
    -moz-background-size: 8px 11px;
    -o-background-size: 8px 11px;
    background-size: 8px 11px;
  }
}
.user-wrapper #warningLinkIcon {
  height: 52px;
}
.opt-in-beta {
  display: inline-block;
}
.opt-in-beta .opt-in,
.opt-in-beta #try-it-button {
  display: inline-block;
  font-family: gotham, helvetica, arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  line-height: 1em;
  margin-right: 16px;
}
.opt-in-beta .opt-in {
  margin-top: 10px;
}
.opt-in-beta #try-it-button {
  cursor: pointer;
  border: 1px solid #18a269;
  border-radius: 4px;
  padding: 5px 16px;
  background-color: #14aa57;
}
.opt-in-beta #try-it-button:hover {
  background-color: #129c50;
  border-color: #169560;
}
.opt-in-beta #try-it-button:active {
  background-color: #118f49;
  border-color: #169560;
}
.logo-bar {
  filter: none;
  height: 48px;
  border-bottom-width: 0;
  background-color: #2dbe60;
}
.logo-bar .evernote-logo {
  width: 175px;
  margin-left: 0;
  margin-top: 0;
  height: 48px;
}
@media all {
  .logo-bar .evernote-logo {
    background:  url("/static/static_css_resources/b7ad9082be08f45d72ec98a32a96ac26.png") no-repeat 13px 8px;
    -webkit-background-size: 157px 35px;
    -moz-background-size: 157px 35px;
    -o-background-size: 157px 35px;
    background-size: 157px 35px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .logo-bar .evernote-logo {
    background:  url("/static/static_css_resources/2faa047ce368bd53e63444c4c6705b8d.png") no-repeat 13px 8px;
    -webkit-background-size: 157px 35px;
    -moz-background-size: 157px 35px;
    -o-background-size: 157px 35px;
    background-size: 157px 35px;
  }
}
@media all {
  body {
    background:  url("/static/static_css_resources/4bd8dd8363b5d7ebec1b0a0d1f0ea317.jpg") center;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -o-background-size: 50px 50px;
    background-size: 50px 50px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) body {
    background:  url("/static/static_css_resources/ac64373452c724ac02237f35d189bd40.png") center;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -o-background-size: 50px 50px;
    background-size: 50px 50px;
  }
}
body.rtl .logo-bar .evernote-logo {
  float: right;
  margin-left: 0;
  margin-right: 20px;
}


.Btn {
  line-height: 2.28571429;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.16666667em;
  font-size: 1.16666667rem;
  text-align: center;
  white-space: normal;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 2.28571429em;
  min-height: 2.66666667rem;
  width: 100%;
  padding: 0 1.14285714em;
  padding: 0 1.33333333rem;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: none;
  cursor: pointer;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:lang(zh-cn) .Btn {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .Btn {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .Btn {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .Btn {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .Btn {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
@media only screen and (min-width: 30em) {
  .Btn {
    display: inline-block;
    width: auto;
  }
}
.lt-ie8 .Btn {
  vertical-align: middle;
  
}
.Btn:hover,
.Btn:focus {
  text-decoration: none;
}
.Btn + .Btn {
  margin-top: 0.57142857em;
  margin-top: 0.66666667rem;
}
@media only screen and (min-width: 30em) {
  .Btn + .Btn {
    margin-top: 0;
    margin-left: 0.85714286em;
    margin-left: 1rem;
  }
}
.Btn_deemph {
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #505e69;
  background-color: #ebebeb;
  border-color: #e1e1e1;
}
:lang(zh-cn) .Btn_deemph {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .Btn_deemph {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .Btn_deemph {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .Btn_deemph {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .Btn_deemph {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.Btn_deemph:hover {
  color: #4e4e51;
  background-color: #dddddd;
  border-color: #d4d4d4;
}
.Btn_deemph:active {
  color: #414244;
  background-color: #d1d1d1;
  border-color: #c8c8c8;
}
.Btn_deemph:focus,
.Btn_deemph:visited {
  color: #4e4e51;
}
.Btn_deemph:focus {
  border-color: #3d96e3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: none;
  -webkit-box-shadow: 0 0 0 1px #3d96e3, 0 0 7px 0 rgba(61, 150, 227, 0.7);
  -moz-box-shadow: 0 0 0 1px #3d96e3, 0 0 7px 0 rgba(61, 150, 227, 0.7);
  box-shadow: 0 0 0 1px #3d96e3, 0 0 7px 0 rgba(61, 150, 227, 0.7);
}
@media only screen and (min-width: 51.75em) {
  .Btn_deemph:focus {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
}
.Btn_deemph:active {
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
.Btn_emph {
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #ffffff;
  background-color: #2dbe60;
  border-color: #1fae52;
}
:lang(zh-cn) .Btn_emph {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .Btn_emph {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .Btn_emph {
  font-family: gotham-500-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .Btn_emph {
  font-family: gotham-500-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .Btn_emph {
  font-family: gotham-500-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.Btn_emph:hover {
  color: #ffffff;
  background-color: #28a956;
  border-color: #1b9848;
}
.Btn_emph:active {
  color: #ffffff;
  background-color: #23954b;
  border-color: #17833e;
}
.Btn_emph:focus,
.Btn_emph:visited {
  color: #ffffff;
}
.Btn_emph:focus {
  border-color: #3d96e3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: none;
  -webkit-box-shadow: 0 0 0 1px #3d96e3, 0 0 7px 0 rgba(61, 150, 227, 0.7);
  -moz-box-shadow: 0 0 0 1px #3d96e3, 0 0 7px 0 rgba(61, 150, 227, 0.7);
  box-shadow: 0 0 0 1px #3d96e3, 0 0 7px 0 rgba(61, 150, 227, 0.7);
}
@media only screen and (min-width: 51.75em) {
  .Btn_emph:focus {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
}
.Btn_emph:active {
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
.Btn_dark {
  color: #ffffff;
  background-color: #626f78;
  border-color: #505e69;
  background-color: #6f7c86;
  background-image: -moz-linear-gradient(top, #778590, #626f78);
  background-image: -ms-linear-gradient(top, #778590, #626f78);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#778590), to(#626f78));
  background-image: -webkit-linear-gradient(top, #778590, #626f78);
  background-image: -o-linear-gradient(top, #778590, #626f78);
  background-image: linear-gradient(top, #778590, #626f78);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff778590', endColorstr='#ff626f78', GradientType=0);
}
.Btn_dark:hover {
  color: #ffffff;
  background-color: #626f78;
  border-color: #505e69;
  background-color: #6f7c86;
  background-image: -moz-linear-gradient(top, #778590, #626f78);
  background-image: -ms-linear-gradient(top, #778590, #626f78);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#778590), to(#626f78));
  background-image: -webkit-linear-gradient(top, #778590, #626f78);
  background-image: -o-linear-gradient(top, #778590, #626f78);
  background-image: linear-gradient(top, #778590, #626f78);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff778590', endColorstr='#ff626f78', GradientType=0);
}
.Btn_dark:active {
  color: #ffffff;
  background-color: #626f78;
  border-color: #505e69;
  background-color: #6f7c86;
  background-image: -moz-linear-gradient(top, #778590, #626f78);
  background-image: -ms-linear-gradient(top, #778590, #626f78);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#778590), to(#626f78));
  background-image: -webkit-linear-gradient(top, #778590, #626f78);
  background-image: -o-linear-gradient(top, #778590, #626f78);
  background-image: linear-gradient(top, #778590, #626f78);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff778590', endColorstr='#ff626f78', GradientType=0);
}
.Btn_dark:focus,
.Btn_dark:visited {
  color: #ffffff;
}
.Btn_dark:focus {
  border-color: #3d96e3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: none;
  -webkit-box-shadow: 0 0 0 1px #3d96e3, 0 0 7px 0 rgba(61, 150, 227, 0.7);
  -moz-box-shadow: 0 0 0 1px #3d96e3, 0 0 7px 0 rgba(61, 150, 227, 0.7);
  box-shadow: 0 0 0 1px #3d96e3, 0 0 7px 0 rgba(61, 150, 227, 0.7);
}
@media only screen and (min-width: 51.75em) {
  .Btn_dark:focus {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
}
@media only screen and (min-width: 30em) {
  .Btn_super {
    line-height: 2.75;
    font-size: 1.33333333em;
    font-size: 1.33333333rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 9.625em;
    min-width: 12.83333333rem;
    min-height: 2.75em;
    min-height: 3.66666667rem;
    padding: 0 1em;
    padding: 0 1.33333333em;
  }
  .Btn_super + .Btn_super {
    margin-left: 0.75em;
    margin-left: 1rem;
  }
}
.Btn_inline {
  line-height: 1.75;
  font-size: 1em;
  font-size: 1rem;
  display: inline-block;
  width: auto;
  min-height: 1.75em;
  min-height: 1.75rem;
}
.Btn:disabled,
.Btn[disabled],
.Btn.is-disabled {
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
  cursor: not-allowed;
}
.Btn_fullWidth {
  width: 100%;
}
.ie8 .Btn_fullWidth {
  width: 100%;
}

.BtnPanel:before,
.BtnPanel:after {
  display: table;
  content: "";
}
.BtnPanel:after {
  clear: both;
}
.ie8 .BtnPanel {
  zoom: 1;
}
@media only screen and (min-width: 30em) {
  .BtnPanel-btn {
    float: right;
  }
  .BtnPanel-btn + .BtnPanel-btn {
    margin: 0 1em 0 0;
    margin: 0 1rem 0 0;
  }
}

html,
body,
div {
  margin: 0;
  padding: 0;
}
.single-note-page-wrapper {
  min-height: 100%;
  position: relative;
}
.header-and-content-wrapper.mod-bottom-sticky-footer-adjuster {
  padding-bottom: 160px;
}
@media only screen and (max-width: 479px) {
  .header-and-content-wrapper.mod-bottom-sticky-footer-adjuster {
    padding-bottom: 218px;
  }
}
.ext-padding {
  padding: 16px;
}
.ext-padding .image-content {
  padding: 0 8px;
}
.ext-padding .image-content .welcome-entry {
  margin: 0 8px;
  width: 128px;
  height: 140px;
  float: left;
  font-size: 13px;
  line-height: 18px;
  font-family: helvetica, arial, sans-serif;
  color: #747474;
  text-align: center;
}
@media all {
  .ext-padding .image-content .welcome-entry .welcome-access {
    background:  url("/static/static_css_resources/5734f1bd4133cb59e4f8271a04dd4618.png") no-repeat center;
    -webkit-background-size: 78px 78px;
    -moz-background-size: 78px 78px;
    -o-background-size: 78px 78px;
    background-size: 78px 78px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .ext-padding .image-content .welcome-entry .welcome-access {
    background:  url("/static/static_css_resources/0be714817f77910fe4ec2495816a11ae.png") no-repeat center;
    -webkit-background-size: 78px 78px;
    -moz-background-size: 78px 78px;
    -o-background-size: 78px 78px;
    background-size: 78px 78px;
  }
}
@media all {
  .ext-padding .image-content .welcome-entry .welcome-capture {
    background:  url("/static/static_css_resources/adbd8b805b41a8762e3dd19d32007890.png") no-repeat center;
    -webkit-background-size: 78px 78px;
    -moz-background-size: 78px 78px;
    -o-background-size: 78px 78px;
    background-size: 78px 78px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .ext-padding .image-content .welcome-entry .welcome-capture {
    background:  url("/static/static_css_resources/1fffd209e91ffc418b16ea85e6b92a70.png") no-repeat center;
    -webkit-background-size: 78px 78px;
    -moz-background-size: 78px 78px;
    -o-background-size: 78px 78px;
    background-size: 78px 78px;
  }
}
@media all {
  .ext-padding .image-content .welcome-entry .welcome-find {
    background:  url("/static/static_css_resources/889672153d989f33abab8788cf1a6f4f.png") no-repeat center;
    -webkit-background-size: 78px 78px;
    -moz-background-size: 78px 78px;
    -o-background-size: 78px 78px;
    background-size: 78px 78px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .ext-padding .image-content .welcome-entry .welcome-find {
    background:  url("/static/static_css_resources/e36346063e76c925a4d9e5cf2f54fece.png") no-repeat center;
    -webkit-background-size: 78px 78px;
    -moz-background-size: 78px 78px;
    -o-background-size: 78px 78px;
    background-size: 78px 78px;
  }
}
.ext-padding .image-content .welcome-entry .welcome-image {
  width: 128px;
  height: 78px;
  margin-bottom: 10px;
}
.ext-padding .submission-options {
  clear: both;
  padding-bottom: 16px;
  text-align: center;
  border-bottom: 1px solid #bdbdbd;
}
.ext-padding .submission-options .emphasize {
  margin-bottom: 20px;
}
.ext-padding .submission-options .existing {
  text-align: center;
  font-family: helvetica, arial, sans-serif;
  font-size: 13px;
  color: #4a8db8;
  cursor: pointer;
}
.ext-padding .skip-link {
  margin-top: 16px;
  text-align: right;
  font-family: helvetica, arial, sans-serif;
  font-size: 13px;
  color: #4a8db8;
  cursor: pointer;
}
#note-frame-body {
  background: #FFFFFF;
}
.wrapper#container-boundingbox {
  margin: 0;
  width: 100%;
}
a.save-button:link,
a.general-button:link,
a.get-app-button:link,
a.view-button:link,
a.save-button:visited,
a.general-button:visited,
a.get-app-button:visited,
a.view-button:visited,
a.save-button:hover,
a.general-button:hover,
a.get-app-button:hover,
a.view-button:hover,
a.save-button:active,
a.general-button:active,
a.get-app-button:active,
a.view-button:active {
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
:lang(zh-cn) a.save-button:link,
:lang(zh-cn) a.general-button:link,
:lang(zh-cn) a.get-app-button:link,
:lang(zh-cn) a.view-button:link,
:lang(zh-cn) a.save-button:visited,
:lang(zh-cn) a.general-button:visited,
:lang(zh-cn) a.get-app-button:visited,
:lang(zh-cn) a.view-button:visited,
:lang(zh-cn) a.save-button:hover,
:lang(zh-cn) a.general-button:hover,
:lang(zh-cn) a.get-app-button:hover,
:lang(zh-cn) a.view-button:hover,
:lang(zh-cn) a.save-button:active,
:lang(zh-cn) a.general-button:active,
:lang(zh-cn) a.get-app-button:active,
:lang(zh-cn) a.view-button:active {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) a.save-button:link,
:lang(ja) a.general-button:link,
:lang(ja) a.get-app-button:link,
:lang(ja) a.view-button:link,
:lang(ja) a.save-button:visited,
:lang(ja) a.general-button:visited,
:lang(ja) a.get-app-button:visited,
:lang(ja) a.view-button:visited,
:lang(ja) a.save-button:hover,
:lang(ja) a.general-button:hover,
:lang(ja) a.get-app-button:hover,
:lang(ja) a.view-button:hover,
:lang(ja) a.save-button:active,
:lang(ja) a.general-button:active,
:lang(ja) a.get-app-button:active,
:lang(ja) a.view-button:active {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 a.save-button:link,
.ie8 a.general-button:link,
.ie8 a.get-app-button:link,
.ie8 a.view-button:link,
.ie8 a.save-button:visited,
.ie8 a.general-button:visited,
.ie8 a.get-app-button:visited,
.ie8 a.view-button:visited,
.ie8 a.save-button:hover,
.ie8 a.general-button:hover,
.ie8 a.get-app-button:hover,
.ie8 a.view-button:hover,
.ie8 a.save-button:active,
.ie8 a.general-button:active,
.ie8 a.get-app-button:active,
.ie8 a.view-button:active {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) a.save-button:link,
.ie8 :lang(zh-cn) a.general-button:link,
.ie8 :lang(zh-cn) a.get-app-button:link,
.ie8 :lang(zh-cn) a.view-button:link,
.ie8 :lang(zh-cn) a.save-button:visited,
.ie8 :lang(zh-cn) a.general-button:visited,
.ie8 :lang(zh-cn) a.get-app-button:visited,
.ie8 :lang(zh-cn) a.view-button:visited,
.ie8 :lang(zh-cn) a.save-button:hover,
.ie8 :lang(zh-cn) a.general-button:hover,
.ie8 :lang(zh-cn) a.get-app-button:hover,
.ie8 :lang(zh-cn) a.view-button:hover,
.ie8 :lang(zh-cn) a.save-button:active,
.ie8 :lang(zh-cn) a.general-button:active,
.ie8 :lang(zh-cn) a.get-app-button:active,
.ie8 :lang(zh-cn) a.view-button:active {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) a.save-button:link,
.ie8 :lang(ja) a.general-button:link,
.ie8 :lang(ja) a.get-app-button:link,
.ie8 :lang(ja) a.view-button:link,
.ie8 :lang(ja) a.save-button:visited,
.ie8 :lang(ja) a.general-button:visited,
.ie8 :lang(ja) a.get-app-button:visited,
.ie8 :lang(ja) a.view-button:visited,
.ie8 :lang(ja) a.save-button:hover,
.ie8 :lang(ja) a.general-button:hover,
.ie8 :lang(ja) a.get-app-button:hover,
.ie8 :lang(ja) a.view-button:hover,
.ie8 :lang(ja) a.save-button:active,
.ie8 :lang(ja) a.general-button:active,
.ie8 :lang(ja) a.get-app-button:active,
.ie8 :lang(ja) a.view-button:active {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
a.get-app-button {
  display: none;
}
.wrapper#container {
  background-color: #ffffff;
  border-style: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 auto 0;
  width: 672px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  padding: 20px 20px 20px 30px;
}
@media only screen and (min-width: 930px) {
  .wrapper#container {
    width: 672px;
  }
}
@media only screen and (min-width: 710px) and (max-width: 929px) {
  .wrapper#container {
    width: 608px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 709px) {
  .wrapper#container {
    width: 352px;
  }
}
@media only screen and (max-width: 479px) {
  .wrapper#container {
    width: 288px;
  }
}
@media only screen and (max-width: 709px) {
  .wrapper#container {
    padding: 20px 18px 18px 18px;
    width: auto;
    margin: 0 10px;
  }
}
@media print {
  .wrapper#container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
.mod-single-note-page-new-design#container {
  width: 100%;
}
@media only screen and (min-width: 60.875em), only screen and (min-width: 51.75em) {
  .mod-single-note-page-new-design#container {
    width: 750px;
  }
}
@media only screen and (max-width: 51.6875em) {
  .mod-single-note-page-new-design#container {
    padding: 20px 18px 18px 18px;
    width: auto;
    margin: 0 10px;
  }
}
@media print {
  .mod-single-note-page-new-design#container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

.market_nav_footer {
  height: auto;
  overflow: hidden;
  background-color: #484848;
  margin-top: 60px;
}
@media print {
  .market_nav_footer {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .market_nav_footer {
    margin-top: 50px;
  }
}
.market_nav_footer .grid-container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  height: inherit;
  overflow: hidden;
}
@media only screen and (min-width: 1441px) {
  .market_nav_footer .grid-container {
    max-width: 1360px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1051px) and (max-width: 1440px) {
  .market_nav_footer .grid-container {
    max-width: 1040px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1050px) {
  .market_nav_footer .grid-container {
    max-width: 1020px;
    padding-left: 31.5px;
    padding-right: 31.5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .market_nav_footer .grid-container {
    max-width: 768px;
    padding-left: 31.5px;
    padding-right: 31.5px;
  }
}
@media only screen and (min-width: 400px) and (max-width: 767px) {
  .market_nav_footer .grid-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 400px) {
  .market_nav_footer .grid-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 25px;
    margin-right: 25px;
  }
}
.market_nav_footer ul {
  list-style: none;
  float: left;
  margin-right: 55px;
  padding: 40px 0;
  text-transform: uppercase;
  color: #f0f0f0;
}
@media only screen and (max-width: 767px) {
  .market_nav_footer ul {
    display: none;
  }
}
.market_nav_footer ul li {
  line-height: 23px;
  font-size: 8pt;
  letter-spacing: 0.6px;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
:lang(zh-cn) .market_nav_footer ul li {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .market_nav_footer ul li {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .market_nav_footer ul li {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .market_nav_footer ul li {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .market_nav_footer ul li {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.market_nav_footer ul li.list-parent {
  font-size: 8pt;
  cursor: default;
  font-weight: 700;
}
.market_nav_footer ul li a,
.market_nav_footer ul li a:hover,
.market_nav_footer ul li a:active,
.market_nav_footer ul li a:visited {
  text-decoration: none;
  color: #f0f0f0;
  font-size: 8pt;
}
.market_nav_footer ul li a:hover {
  color: #848484;
}
.market_nav_footer .copy-right-disclaimer {
  clear: both;
  float: left;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 8pt;
  color: #f0f0f0;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .market_nav_footer .copy-right-disclaimer {
    float: none;
    text-align: center;
    margin: 20px 0;
  }
}
:lang(zh-cn) .market_nav_footer .copy-right-disclaimer {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .market_nav_footer .copy-right-disclaimer {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .market_nav_footer .copy-right-disclaimer {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .market_nav_footer .copy-right-disclaimer {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .market_nav_footer .copy-right-disclaimer {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.footer {
  background: transparent;
  border: 0;
  margin: 0px auto 10px;
  padding: 10px 0 0 0;
  text-align: center;
  width: 736px;
}
@media only screen and (max-width: 479px) {
  .footer {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 709px) {
  .footer {
    width: 100%;
  }
}
@media only screen and (min-width: 710px) and (max-width: 929px) {
  .footer {
    width: 100%;
  }
}
.footer .footer-entry {
  color: #747474;
  line-height: 1.41666667;
  font-family: helvetica, arial, sans-serif;
  font-size: 1em;
  font-size: 1rem;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-justify: auto;
  text-outline: none;
  text-overflow: clip;
  text-shadow: none;
  text-transform: none;
  text-wrap: normal;
  color: #ababab;
  font-size: 11px;
  text-align: center;
  border-right: 1px solid #ababab;
  padding: 0px 15px;
}
:lang(zh-cn) .footer .footer-entry {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .footer .footer-entry {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .footer .footer-entry {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .footer .footer-entry {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .footer .footer-entry {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.footer .footer-entry.last {
  border: 0px;
}
@media only screen and (max-width: 479px) {
  .footer .footer-entry {
    border: 0px;
    display: block;
  }
}
@media only screen and (min-width: 480px) and (max-width: 709px) {
  .footer .footer-entry {
    border: 0px;
    display: block;
  }
}
.footer a.footer-entry:hover {
  color: #4a8db8;
}
.wrapper-menu > .footer {
  text-align: center;
  height: 40px;
  padding: 0;
  margin-bottom: 0px;
  clear: both;
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 51.75em) {
  .wrapper-menu > .footer {
    padding: 0 32px;
  }
}
@media only screen and (min-width: 51.75em) and (max-width: 60.8125em) {
  .wrapper-menu > .footer {
    width: 546px;
  }
}
@media only screen and (min-width: 60.875em) {
  .wrapper-menu > .footer {
    width: 738px;
  }
}
.ie8 .wrapper-menu > .footer {
  float: none;
}
@media only screen and (min-width: 51.75em) {
  .ie8 .wrapper-menu > .footer {
    margin-left: 216px;
  }
}
.note-footer {
  width: 672px;
  margin: 30px auto 10px auto;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 18px;
  color: #7d8184;
}
@media only screen and (min-width: 930px) {
  .note-footer {
    width: 672px;
  }
}
@media only screen and (min-width: 710px) and (max-width: 929px) {
  .note-footer {
    width: 608px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 709px) {
  .note-footer {
    width: 352px;
  }
}
@media only screen and (max-width: 479px) {
  .note-footer {
    width: 288px;
  }
}
.note-footer .footer-logo {
  width: 26px;
  height: 30px;
  margin-top: 15px;
  display: inline-block;
}
@media all {
  .note-footer .footer-logo {
    background:  url("/static/static_css_resources/46b33573007d0f7d7c157460fed82360.png") no-repeat;
    -webkit-background-size: 26px 30px;
    -moz-background-size: 26px 30px;
    -o-background-size: 26px 30px;
    background-size: 26px 30px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .note-footer .footer-logo {
    background:  url("/static/static_css_resources/594c603a1ebbddbeb8cd79c34eb0caa2.png") no-repeat;
    -webkit-background-size: 26px 30px;
    -moz-background-size: 26px 30px;
    -o-background-size: 26px 30px;
    background-size: 26px 30px;
  }
}

#message-container {
  margin: 10px auto 5px auto;
  height: 20px;
}
#message-container #message {
  font-family: helvetica, arial, sans-serif;
  font-size: 13px;
  color: #444746;
  display: none;
  text-align: center;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#message-container #message #message-checkmark {
  position: relative;
  top: 2px;
  left: -4px;
  display: inline-block;
  width: 18px;
  height: 14px;
}
@media all {
  #message-container #message #message-checkmark {
    background:  url("/static/static_css_resources/9a820d1a2ca32b3711a34d8fef4f5207.png") no-repeat;
    -webkit-background-size: 18px 14px;
    -moz-background-size: 18px 14px;
    -o-background-size: 18px 14px;
    background-size: 18px 14px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) #message-container #message #message-checkmark {
    background:  url("/static/static_css_resources/e7812e2b86344f4277781ad825550896.png") no-repeat;
    -webkit-background-size: 18px 14px;
    -moz-background-size: 18px 14px;
    -o-background-size: 18px 14px;
    background-size: 18px 14px;
  }
}
@media only screen and (max-width: 709px) {
  #message-container #message {
    padding: 8px;
    text-align: left;
    margin: 0 20px;
    z-index: 999;
    position: relative;
    background-color: #f5f5f5;
    border: 4px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
}

.note-view-content-container.mod-header-adjuster {
  padding-top: 48px;
}

.switch-account-div {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  float: right;
  height: 48px;
  z-index: 9999;
  margin-right: 15px;
  position: relative;
  max-width: 208px;
}
@media only screen and (max-width: 479px) {
  .switch-account-div {
    margin-right: 4px;
  }
}
.switch-account-div.active {
  cursor: pointer;
}
.switch-account-arrow {
  display: none;
  height: 5px;
  margin-left: 6px;
  width: 9px;
}
@media all {
  .switch-account-arrow {
    background:  url("/static/static_css_resources/789627b7da541b79b3fb6889d4c47abc.png") no-repeat;
    -webkit-background-size: 9px 5px;
    -moz-background-size: 9px 5px;
    -o-background-size: 9px 5px;
    background-size: 9px 5px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .switch-account-arrow {
    background:  url("/static/static_css_resources/29402093994f0a9bc71a177a5ab76959.png") no-repeat;
    -webkit-background-size: 9px 5px;
    -moz-background-size: 9px 5px;
    -o-background-size: 9px 5px;
    background-size: 9px 5px;
  }
}
.active .switch-account-arrow {
  display: inline-block;
}
.switch-account-name {
  vertical-align: top;
  padding-top: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-family: caecilia, Times, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:lang(zh-cn) .switch-account-name {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .switch-account-name {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .switch-account-name {
  font-family: caecilia-700-normal, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .switch-account-name {
  font-family: caecilia-700-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .switch-account-name {
  font-family: caecilia-700-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
@media only screen and (max-width: 479px) {
  .switch-account-name {
    max-width: 78px;
  }
}
.switch-account-icon {
  display: inline-block;
  height: 24px;
  position: relative;
  top: 12px;
  width: 33px;
}
@media all {
  .switch-account-icon-premium {
    background:  url("/static/static_css_resources/bb36e3a77e615eca48c4f96a3d01a841.png") no-repeat center center;
    -webkit-background-size: 16px 18px;
    -moz-background-size: 16px 18px;
    -o-background-size: 16px 18px;
    background-size: 16px 18px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .switch-account-icon-premium {
    background:  url("/static/static_css_resources/aa25f1338591d7ee694ae51dab6eaaad.png") no-repeat center center;
    -webkit-background-size: 16px 18px;
    -moz-background-size: 16px 18px;
    -o-background-size: 16px 18px;
    background-size: 16px 18px;
  }
}
@media all {
  .switch-account-icon-free {
    background:  url("/static/static_css_resources/7a0176b7c2e0a9318c9701cacd84d7b0.png") no-repeat center center;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .switch-account-icon-free {
    background:  url("/static/static_css_resources/c7baa2529d4aef62aee4c41dfe08cba6.png") no-repeat center center;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
  }
}
.switch-account-dropdown {
  display: none;
  background-color: #f4f6f7;
  font-family: helvetica, arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  right: -3px;
  top: 49px;
  z-index: 9999;
  width: 190px;
  border: 1px solid rgba(153, 158, 161, 0.9);
  border-top: 0px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
@media print {
  .switch-account-dropdown {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
.switch-dropdown-arrow {
  width: 16px;
  height: 9px;
  position: absolute;
  top: -9px;
  left: 166px;
}
@media all {
  .switch-dropdown-arrow {
    background:  url("/static/static_css_resources/28cd7e77bafa7c314cd07866da0b5853.png") no-repeat;
    -webkit-background-size: 16px 9px;
    -moz-background-size: 16px 9px;
    -o-background-size: 16px 9px;
    background-size: 16px 9px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .switch-dropdown-arrow {
    background:  url("/static/static_css_resources/c12e952bffa53128afa0a19705b688ba.png") no-repeat;
    -webkit-background-size: 16px 9px;
    -moz-background-size: 16px 9px;
    -o-background-size: 16px 9px;
    background-size: 16px 9px;
  }
}
.switch-account-menuitem {
  text-decoration: none;
  display: block;
  padding: 12px 20px;
  color: #646e71;
  border-bottom: 1px solid #dadddf;
}
.switch-account-menuitem:hover {
  background-color: #ced2d6;
}
.switch-account-logout {
  padding: 12px 20px;
  color: #566265;
  background-color: #eaecee;
  border-top: 1px solid #fefefe;
}
.switch-account-logout:hover {
  background-color: #ced2d6;
}
#logoutSignInLink {
  text-decoration: underline;
  cursor: pointer;
  margin: 0 0 0 10px;
}

a.save-button,
a.view-button {
  font-size: 1em;
  font-size: 1rem;
  line-height: 2.08333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  background-color: #14aa57;
  border-color: #18a269;
  min-height: 2.08333333em;
  min-height: 2.08333333rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
a.save-button:hover,
a.view-button:hover {
  color: #ffffff;
  background-color: #129c50;
  border-color: #169560;
}
a.save-button:active,
a.view-button:active {
  color: #ffffff;
  background-color: #118f49;
  border-color: #169560;
}
a.save-button:focus,
a.view-button:focus,
a.save-button:visited,
a.view-button:visited {
  color: #ffffff;
}
.logo-bar a.save-button,
.logo-bar a.view-button {
  margin: 8px 8px 10px 11px;
}
.save-button-desktop:link,
.view-button-desktop:link,
.save-button-desktop:visited,
.view-button-desktop:visited,
.save-button-desktop:hover,
.view-button-desktop:hover {
  margin-left: 0px;
  font-size: 14px;
  float: right;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 709px) {
  .save-button-desktop:link,
  .view-button-desktop:link,
  .save-button-desktop:visited,
  .view-button-desktop:visited,
  .save-button-desktop:hover,
  .view-button-desktop:hover {
    display: none !important;
  }
}
@media print {
  .save-button-desktop:link,
  .view-button-desktop:link,
  .save-button-desktop:visited,
  .view-button-desktop:visited,
  .save-button-desktop:hover,
  .view-button-desktop:hover {
    display: none !important;
  }
}
.save-button-mobile:link,
.view-button-mobile:link,
.save-button-mobile:visited,
.view-button-mobile:visited,
.save-button-mobile:hover,
.view-button-mobile:hover {
  text-align: center;
  font-size: 14px;
  display: block;
  margin: 35px 0 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (min-width: 930px) {
  .save-button-mobile:link,
  .view-button-mobile:link,
  .save-button-mobile:visited,
  .view-button-mobile:visited,
  .save-button-mobile:hover,
  .view-button-mobile:hover {
    display: none !important;
  }
}
@media only screen and (min-width: 710px) and (max-width: 929px) {
  .save-button-mobile:link,
  .view-button-mobile:link,
  .save-button-mobile:visited,
  .view-button-mobile:visited,
  .save-button-mobile:hover,
  .view-button-mobile:hover {
    display: none !important;
  }
}
.sharing-imagegallery {
  float: right;
  margin-top: 5px;
  z-index: 1;
}
.sharing-imagegallery .SharingMenu {
  display: inline-block;
}
@media only screen and (max-width: 709px) {
  .sharing-imagegallery .menu-bar {
    left: -76px;
  }
}
@media only screen and (max-width: 709px) {
  .sharing-imagegallery {
    position: absolute;
    top: 53px;
    right: 25px;
  }
}
.sharing-reportspam {
  float: right;
  height: 22px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 11px;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #747474;
  background: #f4f4f4;
  padding: 0 8px;
  margin: 5px 12px 0 0;
  cursor: pointer;
}
:lang(zh-cn) .sharing-reportspam {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .sharing-reportspam {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .sharing-reportspam {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .sharing-reportspam {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .sharing-reportspam {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.sharing-reportspam:hover {
  background: #d7d7d7;
}
@media only screen and (max-width: 709px) {
  .sharing-reportspam {
    position: absolute;
    top: 50px;
    right: 40px;
  }
}
.ie7 .sharing-reportspam {
  margin-right: 30px;
}
.image-gallery-button {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 20px;
}
@media all {
  .image-gallery-button:link,
  .image-gallery-button:visited {
    background:  url("/static/static_css_resources/66890059a303a02ed8b9d96b186d0242.png") no-repeat;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .image-gallery-button:link,
  html:not(.ie8) .image-gallery-button:visited {
    background:  url("/static/static_css_resources/5f54f6d954b472f297d6a254a202e18c.png") no-repeat;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
  }
}
.image-gallery-button:hover {
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
}
@media all {
  .image-gallery-button:active {
    background:  url("/static/static_css_resources/52d0b204bd72a2f6a78d7c8bf7ae27d7.png") no-repeat;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .image-gallery-button:active {
    background:  url("/static/static_css_resources/05fd8348340f4a2fbbe70554d9705c12.png") no-repeat;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
  }
}
@media only screen and (max-width: 709px) {
  .image-gallery-button {
    display: none !important;
  }
}
@media print {
  .image-gallery-button {
    display: none !important;
  }
}
html.ie7 .sharing-imagegallery {
  position: relative;
  left: -20px;
}
html.ie7 .image-gallery-button {
  position: relative;
  top: -16px;
  left: 40px;
}

.image-and-hover {
  display: inline-block;
  max-width: 100%;
  position: relative;
}
.image-and-hover .image-hover-container {
  position: absolute;
  display: inline;
  top: 10px;
  right: 10px;
  width: 60px;
  height: 25px;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  pointer-events: none;
  z-index: 100;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f7f7f7;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.image-and-hover .image-hover-container a.hover-download,
.image-and-hover .image-hover-container a.hover-gallery,
.image-and-hover .image-hover-container a.hover-download:active,
.image-and-hover .image-hover-container a.hover-gallery:active {
  display: inline-block;
  z-index: 101;
  width: 29px;
  height: 25px;
}
.image-and-hover .image-hover-container .hover-download {
  padding-right: 1px;
  border-right: 1px solid #bdbdbd;
}
@media all {
  .image-and-hover .image-hover-container .hover-download {
    background:  url("/static/static_css_resources/29e3e7115e03c7a9a10cd0a9749869b7.png") no-repeat center center;
    -webkit-background-size: 16px 17px;
    -moz-background-size: 16px 17px;
    -o-background-size: 16px 17px;
    background-size: 16px 17px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .image-and-hover .image-hover-container .hover-download {
    background:  url("/static/static_css_resources/c3664b7bfc087c4a07587124e2225bb2.png") no-repeat center center;
    -webkit-background-size: 16px 17px;
    -moz-background-size: 16px 17px;
    -o-background-size: 16px 17px;
    background-size: 16px 17px;
  }
}
.image-and-hover .image-hover-container .hover-download:hover {
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
}
@media all {
  .image-and-hover .image-hover-container .hover-download:active {
    background:  url("/static/static_css_resources/2ec500c96092fba4551896f706ba660f.png") no-repeat center center;
    -webkit-background-size: 16px 17px;
    -moz-background-size: 16px 17px;
    -o-background-size: 16px 17px;
    background-size: 16px 17px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .image-and-hover .image-hover-container .hover-download:active {
    background:  url("/static/static_css_resources/20b4e760ba29628afff55722949edfb0.png") no-repeat center center;
    -webkit-background-size: 16px 17px;
    -moz-background-size: 16px 17px;
    -o-background-size: 16px 17px;
    background-size: 16px 17px;
  }
}
@media all {
  .image-and-hover .image-hover-container .hover-gallery {
    background:  url("/static/static_css_resources/66890059a303a02ed8b9d96b186d0242.png") no-repeat center center;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .image-and-hover .image-hover-container .hover-gallery {
    background:  url("/static/static_css_resources/5f54f6d954b472f297d6a254a202e18c.png") no-repeat center center;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
  }
}
.image-and-hover .image-hover-container .hover-gallery:hover {
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
}
@media all {
  .image-and-hover .image-hover-container .hover-gallery:active {
    background:  url("/static/static_css_resources/52d0b204bd72a2f6a78d7c8bf7ae27d7.png") no-repeat center center;
    -webkit-background-size: 16px 17px;
    -moz-background-size: 16px 17px;
    -o-background-size: 16px 17px;
    background-size: 16px 17px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .image-and-hover .image-hover-container .hover-gallery:active {
    background:  url("/static/static_css_resources/05fd8348340f4a2fbbe70554d9705c12.png") no-repeat center center;
    -webkit-background-size: 16px 17px;
    -moz-background-size: 16px 17px;
    -o-background-size: 16px 17px;
    background-size: 16px 17px;
  }
}
.image-and-hover:hover .image-hover-container,
.image-and-hover.emulate-hover .image-hover-container {
  pointer-events: auto;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90);
}

.note-content {
  padding-right: 10px;
  position: relative;
  overflow-x: auto;
  background: #FFFFFF;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  
}
.note-content html,
.note-content body,
.note-content div,
.note-content iframe,
.note-content h1,
.note-content h2,
.note-content h3,
.note-content h4,
.note-content h5,
.note-content h6,
.note-content p,
.note-content blockquote,
.note-content pre,
.note-content a,
.note-content code,
.note-content del,
.note-content dfn,
.note-content em,
.note-content img,
.note-content q,
.note-content dl,
.note-content dt,
.note-content dd,
.note-content ol,
.note-content ul,
.note-content li {
  margin: 0;
  padding: 0;
  border: 0;
}
.note-content a,
.note-content abbr,
.note-content acronym,
.note-content address,
.note-content area,
.note-content b,
.note-content bdo,
.note-content big,
.note-content blockquote,
.note-content caption,
.note-content center,
.note-content cite,
.note-content code,
.note-content col,
.note-content colgroup,
.note-content dd,
.note-content del,
.note-content dfn,
.note-content div,
.note-content dl,
.note-content dt,
.note-content em,
.note-content font,
.note-content h3,
.note-content h4,
.note-content h5,
.note-content h6,
.note-content hr,
.note-content i,
.note-content ins,
.note-content kbd,
.note-content li,
.note-content map,
.note-content ol,
.note-content p,
.note-content pre,
.note-content q,
.note-content s,
.note-content samp,
.note-content small,
.note-content span,
.note-content strike,
.note-content strong,
.note-content sub,
.note-content sup,
.note-content table,
.note-content tbody,
.note-content td,
.note-content tfoot,
.note-content th,
.note-content thead,
.note-content tr,
.note-content tt,
.note-content u,
.note-content ul {
  line-height: 1.428571em;
  
}
.note-content body {
  font-family: Helvetica, Arial, "Droid Sans", sans-serif;
  font-size: 14px;
  margin: 1.428571em;
  
}
.note-content a:link,
.note-content a:visited {
  color: #047ac6;
}
.note-content a:hover,
.note-content a:active {
  color: #2596de;
}
.note-content h1,
.note-content h2,
.note-content h3,
.note-content h4,
.note-content h5,
.note-content h6 {
  font-family: Helvetica, Arial, "Droid Sans", sans-serif;
  font-weight: bold;
}
.note-content h1 {
  font-size: 1.5em;
  
  line-height: .9523em;
  
  margin-bottom: .4761em;
  
  margin-top: .9523em;
  
}
.note-content h2 {
  font-size: 1.286em;
  
  line-height: 1.111em;
  
  margin-bottom: .5556em;
  
  margin-top: 1.111em;
  
}
.note-content h3 {
  font-size: 1em;
  margin-bottom: .714285em;
  
  margin-top: 1.4285em;
  
}
.note-content h4,
.note-content h5,
.note-content h6 {
  font-size: 1em;
  font-weight: bold;
}
.note-content div {
  font-family: Helvetica, Arial, "Droid Sans", sans-serif;
  font-size: 14px;
}
.note-content a {
  word-wrap: break-word;
}
.note-content p {
  margin-bottom: .714285em;
  
}
.note-content img.en-media {
  margin-bottom: 1.286em;
  
  max-width: 100%;
  height: auto;
}
.note-content img.en-media[height="1"] {
  height: 1px;
}
.note-content p + img,
.note-content p + div img {
  margin-top: .714285em;
  
}
.note-content div + img,
.note-content div + div img {
  margin-top: .857412em;
  
}
.note-content img + img,
.note-content div + div img + img {
  margin-top: 0;
}
.note-content ul,
.note-content ol {
  list-style-position: outside;
  margin-top: .2857em;
  
  margin-bottom: .714285em;
  
  margin-left: 2em;
  padding-left: 0;
}
.note-content li ul,
.note-content li ol {
  margin-bottom: 0;
  margin-top: 0;
}
.note-content p + ul,
.note-content p + ol,
.note-content h1 + ul,
.note-content h1 + ol,
.note-content h2 + ul,
.note-content h2 + ol {
  margin-top: -0.428571em;
  
}
.note-content blockquote {
  border-left-color: #bfbfbf;
  border-left-style: solid;
  border-left-width: 2px;
  margin-left: 1.4285em;
  
  padding-left: .714285em;
  
  margin-top: 1.4285em;
  
  margin-bottom: 1.4285em;
  
}
.note-content pre,
.note-content code {
  font-family: Monaco, Courier, monospace;
}
.note-content del {
  text-decoration: line-through;
}
.note-content dfn,
.note-content cite {
  font-style: italic;
}
.note-content table {
  font-size: 1em;
}
.note-content th,
.note-content td {
  padding: .2em 2em .2em 0em;
  text-align: left;
}
.note-content button.en-ignore {
  margin-bottom: 1em;
}
.note-content .highlight {
  border: 1px solid #d4cd7e;
  background: #F6EE96;
}
.note-content .Decrypted {
  background-color: #F7F7F7;
  padding: 5px;
}
.note-content .Decrypted .Header {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  padding-bottom: 5px;
  color: #404040;
}
.note-content .Decrypted .Body {
  background-color: white;
  padding: 5px;
}
.note-content .canvas-container {
  margin-bottom: 10px;
  border: 1px solid #cacaca;
}
@media all {
  .note-content .canvas-container {
    background:  url("/static/static_css_resources/5d32313d4a1e1e320332518e8965525e.gif") no-repeat center;
    -webkit-background-size: 150px 150px;
    -moz-background-size: 150px 150px;
    -o-background-size: 150px 150px;
    background-size: 150px 150px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .note-content .canvas-container {
    background:  url("/static/static_css_resources/5d32313d4a1e1e320332518e8965525e.gif") no-repeat center;
    -webkit-background-size: 150px 150px;
    -moz-background-size: 150px 150px;
    -o-background-size: 150px 150px;
    background-size: 150px 150px;
  }
}
.note-content .image-and-hover img.en-media:hover,
.note-content .SharedNoteSkitch img.en-media:hover {
  cursor: url(/static/static_css_resources/f3aca7eb790365d9f0d427d68a06aee4.cur), default !important;
  cursor: zoom-in !important;
  cursor: -webkit-zoom-in !important;
  cursor: -moz-zoom-in !important;
}
.note-content img[name="en-crypt"] {
  cursor: pointer;
}
.note-title {
  font-family: caecilia, Times, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 24px;
  color: #005c78;
  margin-top: 5px;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  width: 480px;
}
:lang(zh-cn) .note-title {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .note-title {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .note-title {
  font-family: caecilia-400-normal, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .note-title {
  font-family: caecilia-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .note-title {
  font-family: caecilia-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
@media only screen and (min-width: 930px) {
  .note-title {
    width: 480px;
  }
}
@media only screen and (min-width: 710px) and (max-width: 929px) {
  .note-title {
    width: 416px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 709px) {
  .note-title {
    width: 448px;
  }
}
@media only screen and (max-width: 479px) {
  .note-title {
    width: 352px;
  }
}
@media only screen and (max-width: 709px) {
  .note-title {
    font-size: 21px;
    line-height: 26px;
    margin: 0 0 3px 0;
    width: 90%;
  }
}
.divider {
  border-bottom: 1px solid #e4e4e4;
  clear: both;
  margin: 20px 10px 20px 0px;
}
.vtop {
  vertical-align: top;
  margin-top: 5px;
}
.source-url-container {
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 250px;
  height: 22px;
  overflow: hidden;
  margin-right: 8px;
  vertical-align: bottom;
}
.source-url-container .source-url:link,
.source-url-container .source-url:visited,
.source-url-container .source-url:hover,
.source-url-container .source-url:active {
  white-space: nowrap;
  letter-spacing: normal;
  font-family: helvetica, arial, sans-serif;
  text-decoration: underline;
  color: #4a8db8;
  font-weight: normal;
  font-size: 12px;
  vertical-align: top;
  line-height: 1;
}
@media only screen and (max-width: 709px) {
  .source-url-container {
    display: block;
    max-width: none;
  }
}
.note-updated {
  white-space: nowrap;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #a8aeb3;
  font-size: 12px;
  display: inline-block;
  height: 22px;
  vertical-align: bottom;
  line-height: 1;
}
:lang(zh-cn) .note-updated {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .note-updated {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .note-updated {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .note-updated {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .note-updated {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.capitalize {
  text-transform: uppercase;
}
.rtl .switch-account-div,
.rtl .save-button-desktop,
.rtl .sharing-imagegallery {
  float: left;
}
@media only screen and (max-width: 709px) {
  .rtl .sharing-imagegallery {
    left: -18px;
  }
}
.rtl .switch-account-dropdown,
.rtl .save-button,
.rtl .view-button,
.rtl .note-title,
.rtl .sharing-menu,
.rtl .footer {
  direction: rtl;
}
.rtl .vtop,
.rtl .Decrypted .Header {
  text-align: right;
}
.rtl .desktop-get-app.get-app-button {
  float: left;
}
#note-content-iframe {
  display: none;
  width: 100%;
  border: none;
}
#registration-footer {
  display: none;
}
.ie7 .register #registration-footer {
  background: transparent;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC213442, endColorstr=#CC213442);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC213442, endColorstr=#CC213442);
}
.register #registration-footer {
  z-index: 1;
  display: block;
  text-align: center;
  background-color: rgba(33, 52, 66, 0.8);
  padding-top: 30px;
  padding-bottom: 26px;
  border-top: 1px solid #929ca3;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.register #registration-footer .text {
  font-size: 20px;
  line-height: 26px;
  font-family: caecilia, Times, serif;
  font-style: italic;
  font-weight: 400;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  display: inline-block;
  width: 400px;
  text-align: left;
  margin-right: 40px;
  vertical-align: middle;
}
:lang(zh-cn) .register #registration-footer .text {
  font-family: caecilia, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
:lang(ja) .register #registration-footer .text {
  font-family: caecilia, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
.ie8 .register #registration-footer .text {
  font-family: caecilia-400-italic, Times, serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .register #registration-footer .text {
  font-family: caecilia-400-italic, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, serif;
}
.ie8 :lang(ja) .register #registration-footer .text {
  font-family: caecilia-400-italic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, serif;
}
@media only screen and (max-width: 709px) {
  .register #registration-footer .text {
    width: 84%;
    margin: 6px 16px 12px;
  }
}
.register #registration-footer .button {
  background-color: #5bab34;
  background-image: -moz-linear-gradient(top, #5fb336, #55a030);
  background-image: -ms-linear-gradient(top, #5fb336, #55a030);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5fb336), to(#55a030));
  background-image: -webkit-linear-gradient(top, #5fb336, #55a030);
  background-image: -o-linear-gradient(top, #5fb336, #55a030);
  background-image: linear-gradient(top, #5fb336, #55a030);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5fb336', endColorstr='#ff55a030', GradientType=0);
  border: 1px solid #4f9e29;
  height: 31px;
  font-family: helvetica, arial, sans-serif;
  font-size: 18px;
  color: white;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  padding: 11px 16px 0;
  width: 150px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 709px) {
  .register #registration-footer .button {
    padding: 11px 64px 0;
  }
}
.register #registration-footer .close {
  height: 13px;
  width: 13px;
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
@media all {
  .register #registration-footer .close {
    background:  url("/static/static_css_resources/60ebdc12c0c0a418270a62986df761e6.png") no-repeat;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px 13px;
    -o-background-size: 13px 13px;
    background-size: 13px 13px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .register #registration-footer .close {
    background:  url("/static/static_css_resources/988127b1644f94008f560ff0c877c35c.png") no-repeat;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px 13px;
    -o-background-size: 13px 13px;
    background-size: 13px 13px;
  }
}
.spam-dialog p {
  margin-bottom: 1em;
}
.spam-dialog p.last {
  margin-bottom: 0;
}
.spam-dialog p.anchor-url {
  font-weight: bold;
  padding: 0 1em;
}
#loading-placeholder {
  height: 150px;
  width: 150px;
  margin: auto;
}
@media all {
  #loading-placeholder {
    background:  url("/static/static_css_resources/5d32313d4a1e1e320332518e8965525e.gif") no-repeat center;
    -webkit-background-size: 150px 150px;
    -moz-background-size: 150px 150px;
    -o-background-size: 150px 150px;
    background-size: 150px 150px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) #loading-placeholder {
    background:  url("/static/static_css_resources/5d32313d4a1e1e320332518e8965525e.gif") no-repeat center;
    -webkit-background-size: 150px 150px;
    -moz-background-size: 150px 150px;
    -o-background-size: 150px 150px;
    background-size: 150px 150px;
  }
}
.single-note-page-wrapper.mod-new-design {
  background: #F8F8F8;
}
.header {
  margin: 0px;
  padding: 0px;
}
.header.mod-single-note-page-header {
  height: 60px;
  opacity: 0.97;
  background-color: #f8f8f8;
  border-bottom: 0px;
  position: fixed;
  z-index: 1;
}
.header.mod-single-note-page-header.is-page-scrolled {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.header-left-image {
  width: 34px;
  height: 34px;
  margin: 13px 0 13px 10px;
  display: inline-block;
  padding: 0;
}
@media only screen and (min-width: 51.75em) {
  .header-left-image {
    width: 175px;
    height: 48px;
    margin: 6px 0;
  }
}
.header-left-image.mod-single-note-page-header-logo {
  text-indent: -9999px;
}
@media only screen and (max-width: 51.6875em) {
  .header-left-image.mod-single-note-page-header-logo {
    background:  url("/static/static_css_resources/f23b853d8d14944918636608b0aea3ba.png") no-repeat center;
    -webkit-background-size: 34px 34px;
    -moz-background-size: 34px 34px;
    -o-background-size: 34px 34px;
    background-size: 34px 34px;
  }
}
@media only screen and (max-width: 51.6875em) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 51.6875em) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 51.6875em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 51.6875em) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 51.6875em) and (min-resolution: 1.5dppx) {
  html:not(.ie8) .header-left-image.mod-single-note-page-header-logo {
    background:  url("/static/static_css_resources/3afee1f82702196c7a0c750e2c3d0007.png") no-repeat center;
    -webkit-background-size: 34px 34px;
    -moz-background-size: 34px 34px;
    -o-background-size: 34px 34px;
    background-size: 34px 34px;
  }
}
@media only screen and (min-width: 51.75em) {
  .header-left-image.mod-single-note-page-header-logo {
    background:  url("/static/static_css_resources/d363109056eda8582aee97aeccf3e7b2.png") no-repeat center;
    -webkit-background-size: 150px 31px;
    -moz-background-size: 150px 31px;
    -o-background-size: 150px 31px;
    background-size: 150px 31px;
  }
}
@media only screen and (min-width: 51.75em) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 51.75em) and (-o-min-device-pixel-ratio: 3/2), only screen and (min-width: 51.75em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 51.75em) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 51.75em) and (min-resolution: 1.5dppx) {
  html:not(.ie8) .header-left-image.mod-single-note-page-header-logo {
    background:  url("/static/static_css_resources/0531fd26e7f44f074c27764650900612.png") no-repeat center;
    -webkit-background-size: 150px 31px;
    -moz-background-size: 150px 31px;
    -o-background-size: 150px 31px;
    background-size: 150px 31px;
  }
}
@media only screen and (min-width: 51.75em) {
  .header-left-image.mod-single-note-page-header-logo.yinxiang {
    background:  url("/static/static_css_resources/afc40c57cfcad72838f31add9af5851a.svg") no-repeat center;
    -webkit-background-size: 228px 48px;
    -moz-background-size: 228px 48px;
    -o-background-size: 228px 48px;
    background-size: 228px 48px;
  }
}
@media only screen and (min-width: 51.75em) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 51.75em) and (-o-min-device-pixel-ratio: 3/2), only screen and (min-width: 51.75em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 51.75em) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 51.75em) and (min-resolution: 1.5dppx) {
  html:not(.ie8) .header-left-image.mod-single-note-page-header-logo.yinxiang {
    background:  url("/static/static_css_resources/afc40c57cfcad72838f31add9af5851a.svg") no-repeat center;
    -webkit-background-size: 228px 48px;
    -moz-background-size: 228px 48px;
    -o-background-size: 228px 48px;
    background-size: 228px 48px;
  }
}
.header-right-menu {
  float: right;
  margin: 14px 10px 14px 0;
  height: 32px;
}
.header-right-menu-item {
  display: block;
  float: left;
}
.header-right-menu-item.mod-single-note-page-header-button {
  line-height: 16px;
  padding: 8px;
  font-weight: 500;
  text-align: center;
  color: #2dbe60;
  -o-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.header-right-menu-item.mod-single-note-page-header-button:hover {
  background: #2dbe60;
  color: #f8f8f8;
}
.header-right-menu-item.mod-single-note-page-header-button.is-hidden {
  display: none;
}
.header-right-menu-item.mod-single-note-page-header-button.is-hidden,
.header-right-menu-item.mod-single-note-page-header-profile-picture.is-hidden {
  display: none;
}
.header-right-menu-item.mod-single-note-page-header-profile-picture {
  padding-left: 14px;
  border-left: 1px solid #cecece;
  margin-left: 14px;
  -o-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.profile-picture.mod-single-note-page-header-profile-picture {
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.vertical-menu.mod-profile-picture-dropdown {
  display: block;
  background-color: #ffffff;
  font-family: gotham;
  font-size: 13px;
  font-weight: 500;
  position: fixed;
  right: 10px;
  top: 54px;
  padding: 10px 0;
  -o-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04), -6px 8px 15px rgba(0, 0, 0, 0.04), 6px 8px 15px rgba(0, 0, 0, 0.04);
}
.vertical-menu.mod-profile-picture-dropdown.is-hidden {
  display: none;
}
.vertical-menu-item.mod-single-note-page-dropdown-item {
  text-decoration: none;
  display: block;
  padding: 8px 20px 8px 15px;
  color: #646e71;
  -o-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.vertical-menu-item.mod-single-note-page-dropdown-item:hover {
  background: #40c46e;
  color: #ffffff;
}
.main-content.mod-single-note-page-content {
  padding-top: 96px;
}
.header.mod-single-note-page-content {
  background: none;
  border-bottom: 0px;
  height: auto;
  margin-top: 30px;
  margin-bottom: 58px;
}
.header-one-line-text {
  display: block;
}
.header-one-line-text.mod-single-note-page-content-header-title {
  font-family: caecilia;
  font-size: 36px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.03;
  text-align: center;
  color: #2dbe60;
}
.header-one-line-text.mod-single-note-page-content-header-update-time {
  font-family: gotham;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  color: #d0d0d0;
  margin-bottom: 1.33333rem;
}
.header-one-line-text.mod-single-note-page-content-header-source-url {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  margin: 0;
  max-width: none;
}
#note-source-url {
  font-family: gotham;
  font-size: 14px;
}
.note-content div {
  font-family: gotham;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  color: #4a4a4a;
}
.footer.mod-single-note-page-content {
  width: 100%;
  background: none;
  height: auto;
  padding: 0;
  margin-top: 60px;
  margin-bottom: 24px;
}
.menu-bar.mod-single-note-page-content-footer {
  height: 34px;
}
.menu-bar-left-menu {
  float: left;
}
.menu-bar-right-menu {
  float: right;
}
.menu-bar-left-menu-item,
.menu-bar-right-menu-item {
  display: inline-block;
  margin-right: 1px;
  width: 32px;
  height: 32px;
}
.menu-bar-left-menu-item.mod-single-note-page-content-footer-twitter-sharing {
  border: 1px solid #d0d0d0;
  border-radius: 17px;
  background-color: #f8f8f8;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
@media all {
  .menu-bar-left-menu-item.mod-single-note-page-content-footer-twitter-sharing {
    background:  url("/static/static_css_resources/493dca07712e2c5f575e50f0e4683b40.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .menu-bar-left-menu-item.mod-single-note-page-content-footer-twitter-sharing {
    background:  url("/static/static_css_resources/493dca07712e2c5f575e50f0e4683b40.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
.menu-bar-left-menu-item.mod-single-note-page-content-footer-twitter-sharing:hover {
  border: 1px solid #2DBE60;
}
@media all {
  .menu-bar-left-menu-item.mod-single-note-page-content-footer-twitter-sharing:hover {
    background:  url("/static/static_css_resources/e4780b35d24c4bcec4adaec427305a8a.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .menu-bar-left-menu-item.mod-single-note-page-content-footer-twitter-sharing:hover {
    background:  url("/static/static_css_resources/e4780b35d24c4bcec4adaec427305a8a.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
.menu-bar-left-menu-item.mod-single-note-page-content-footer-facebook-sharing {
  border: 1px solid #d0d0d0;
  border-radius: 17px;
  background-color: #f8f8f8;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
@media all {
  .menu-bar-left-menu-item.mod-single-note-page-content-footer-facebook-sharing {
    background:  url("/static/static_css_resources/bd4a60bae41569e384c7bd4074fe89d0.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .menu-bar-left-menu-item.mod-single-note-page-content-footer-facebook-sharing {
    background:  url("/static/static_css_resources/bd4a60bae41569e384c7bd4074fe89d0.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
.menu-bar-left-menu-item.mod-single-note-page-content-footer-facebook-sharing:hover {
  border: 1px solid #2DBE60;
}
@media all {
  .menu-bar-left-menu-item.mod-single-note-page-content-footer-facebook-sharing:hover {
    background:  url("/static/static_css_resources/b7c29c6278f853e483a000478f58b5d8.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .menu-bar-left-menu-item.mod-single-note-page-content-footer-facebook-sharing:hover {
    background:  url("/static/static_css_resources/b7c29c6278f853e483a000478f58b5d8.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
.menu-bar-left-menu-item.mod-single-note-page-content-footer-linkedin {
  border: 1px solid #d0d0d0;
  border-radius: 17px;
  background-color: #f8f8f8;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
@media all {
  .menu-bar-left-menu-item.mod-single-note-page-content-footer-linkedin {
    background:  url("/static/static_css_resources/10ac232927240d47f231fd80dc598c28.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .menu-bar-left-menu-item.mod-single-note-page-content-footer-linkedin {
    background:  url("/static/static_css_resources/10ac232927240d47f231fd80dc598c28.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
.menu-bar-left-menu-item.mod-single-note-page-content-footer-linkedin:hover {
  border: 1px solid #2DBE60;
}
@media all {
  .menu-bar-left-menu-item.mod-single-note-page-content-footer-linkedin:hover {
    background:  url("/static/static_css_resources/0490c3724925f9e7240bac9f3801f191.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .menu-bar-left-menu-item.mod-single-note-page-content-footer-linkedin:hover {
    background:  url("/static/static_css_resources/0490c3724925f9e7240bac9f3801f191.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
.menu-bar-left-menu-item.mod-single-note-page-content-footer-link {
  border: 1px solid #d0d0d0;
  border-radius: 17px;
  background-color: #f8f8f8;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
@media all {
  .menu-bar-left-menu-item.mod-single-note-page-content-footer-link {
    background:  url("/static/static_css_resources/5ccac22e477708a0e2a90a07ac629c85.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .menu-bar-left-menu-item.mod-single-note-page-content-footer-link {
    background:  url("/static/static_css_resources/5ccac22e477708a0e2a90a07ac629c85.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
.menu-bar-left-menu-item.mod-single-note-page-content-footer-link:hover {
  border: 1px solid #2DBE60;
}
@media all {
  .menu-bar-left-menu-item.mod-single-note-page-content-footer-link:hover {
    background:  url("/static/static_css_resources/d29d172f3f684d1b47f0548f62f44fa3.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .menu-bar-left-menu-item.mod-single-note-page-content-footer-link:hover {
    background:  url("/static/static_css_resources/d29d172f3f684d1b47f0548f62f44fa3.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
.menu-bar-right-menu-item.mod-single-note-page-content-footer-report-spam {
  border: 1px solid #d0d0d0;
  border-radius: 17px;
  background-color: #f8f8f8;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
@media all {
  .menu-bar-right-menu-item.mod-single-note-page-content-footer-report-spam {
    background:  url("/static/static_css_resources/b4ebcf5d4597fb7c0e250d3d228134a7.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .menu-bar-right-menu-item.mod-single-note-page-content-footer-report-spam {
    background:  url("/static/static_css_resources/b4ebcf5d4597fb7c0e250d3d228134a7.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
.menu-bar-right-menu-item.mod-single-note-page-content-footer-report-spam:hover {
  border: 1px solid #2DBE60;
}
@media all {
  .menu-bar-right-menu-item.mod-single-note-page-content-footer-report-spam:hover {
    background:  url("/static/static_css_resources/1eacf911bd21c2f17d631e6d0eaca73e.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .menu-bar-right-menu-item.mod-single-note-page-content-footer-report-spam:hover {
    background:  url("/static/static_css_resources/1eacf911bd21c2f17d631e6d0eaca73e.svg") no-repeat center;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
  }
}
.success-notification.message {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  text-align: center;
  margin: 0 auto;
  transition: opacity 0.4s ease-in-out;
  padding: 7px 12px;
  opacity: 0.95;
  background-color: #1aba52;
  color: #fff;
}
.single-note-content-toast {
  text-align: center;
  left: 0;
  top: 14px;
  position: fixed;
  margin-left: 25%;
  width: 50%;
  z-index: 2001;
  height: 0;
}
.success-notification-icon {
  height: 20px;
  width: 20px;
  border-radius: 10px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
@media all {
  .success-notification-icon {
    background: #118d48 url("/static/static_css_resources/3f13bbf121ef50fd198fb2006f726e5c.png") no-repeat center;
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    -o-background-size: 12px 12px;
    background-size: 12px 12px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) .success-notification-icon {
    background: #118d48 url("/static/static_css_resources/ce86d1a449d65199167a37c773cd3a4d.png") no-repeat center;
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    -o-background-size: 12px 12px;
    background-size: 12px 12px;
  }
}
.success-notification-text {
  display: inline-block;
}
.footer.mod-single-note-page-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #c7cccd;
  border: 0;
  margin: 26px auto 0;
  padding: 0;
  text-align: center;
  width: 100%;
  height: 134px;
}
@media only screen and (max-width: 479px) {
  .footer.mod-single-note-page-footer {
    width: 100%;
    height: 192px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 709px) {
  .footer.mod-single-note-page-footer {
    width: 100%;
  }
}
@media only screen and (min-width: 710px) and (max-width: 929px) {
  .footer.mod-single-note-page-footer {
    width: 100%;
  }
}
.footer.mod-single-note-page-footer .footer-save-note-suggestion-container,
.footer.mod-single-note-page-footer .footer-download-evernote-desktop-container,
.footer.mod-single-note-page-footer .footer-download-web-clipper-container,
.footer.mod-single-note-page-footer .footer-premium-subscription-suggestion-container,
.footer.mod-single-note-page-footer .footer-learn-more-evernote-container {
  padding: 40px 0;
}
.footer.mod-single-note-page-footer .footer-save-note-suggestion-container.is-hidden,
.footer.mod-single-note-page-footer .footer-download-evernote-desktop-container.is-hidden,
.footer.mod-single-note-page-footer .footer-download-web-clipper-container.is-hidden,
.footer.mod-single-note-page-footer .footer-premium-subscription-suggestion-container.is-hidden,
.footer.mod-single-note-page-footer .footer-learn-more-evernote-container.is-hidden {
  display: none;
}
.footer.mod-single-note-page-footer .footer-save-note-suggestion-text,
.footer.mod-single-note-page-footer .footer-download-evernote-desktop-text,
.footer.mod-single-note-page-footer .footer-download-web-clipper-text,
.footer.mod-single-note-page-footer .footer-premium-subscription-suggestion-text,
.footer.mod-single-note-page-footer .footer-learn-more-evernote-text {
  font-family: Gotham;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 14px;
  display: inline;
  margin-right: 24px;
}
@media only screen and (max-width: 479px) {
  .footer.mod-single-note-page-footer .footer-save-note-suggestion-text,
  .footer.mod-single-note-page-footer .footer-download-evernote-desktop-text,
  .footer.mod-single-note-page-footer .footer-download-web-clipper-text,
  .footer.mod-single-note-page-footer .footer-premium-subscription-suggestion-text,
  .footer.mod-single-note-page-footer .footer-learn-more-evernote-text {
    display: block;
    margin: 0 0 22px 0;
  }
}
.footer.mod-single-note-page-footer .footer-save-note-suggestion-sign-in-up,
.footer.mod-single-note-page-footer .footer-download-evernote-desktop,
.footer.mod-single-note-page-footer .footer-download-web-clipper,
.footer.mod-single-note-page-footer .footer-learn-more {
  font-weight: 500;
  line-height: 14px;
  color: #FFFFFF;
  padding: 8px 23px;
  background: #c7cccd;
  -o-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media only screen and (max-width: 479px) {
  .footer.mod-single-note-page-footer .footer-save-note-suggestion-sign-in-up,
  .footer.mod-single-note-page-footer .footer-download-evernote-desktop,
  .footer.mod-single-note-page-footer .footer-download-web-clipper,
  .footer.mod-single-note-page-footer .footer-learn-more {
    display: block;
    width: 150px;
    border-radius: 3px;
    border: solid 1px #ffffff;
    margin: auto;
  }
}
.footer.mod-single-note-page-footer .footer-save-note-suggestion-sign-in-up:hover,
.footer.mod-single-note-page-footer .footer-download-evernote-desktop:hover,
.footer.mod-single-note-page-footer .footer-download-web-clipper:hover,
.footer.mod-single-note-page-footer .footer-learn-more:hover {
  color: #c7cccd;
  background: #fff;
}
.footer.mod-single-note-page-footer .footer-entry {
  color: #747474;
  line-height: 1.41666667;
  font-family: helvetica, arial, sans-serif;
  font-size: 1em;
  font-size: 1rem;
  font-family: gotham, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-justify: auto;
  text-outline: none;
  text-overflow: clip;
  text-shadow: none;
  text-transform: none;
  text-wrap: normal;
  color: #888;
  font-size: 11px;
  text-align: center;
  border-right: 1px solid #888;
  padding: 0px 15px;
}
:lang(zh-cn) .footer.mod-single-note-page-footer .footer-entry {
  font-family: gotham, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
:lang(ja) .footer.mod-single-note-page-footer .footer-entry {
  font-family: gotham, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.ie8 .footer.mod-single-note-page-footer .footer-entry {
  font-family: gotham-400-normal, helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
.ie8 :lang(zh-cn) .footer.mod-single-note-page-footer .footer-entry {
  font-family: gotham-400-normal, Hiragino Sans GB, STHeiti, Microsoft Yahei, helvetica, arial, sans-serif;
}
.ie8 :lang(ja) .footer.mod-single-note-page-footer .footer-entry {
  font-family: gotham-400-normal, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", helvetica, arial, sans-serif;
}
.footer.mod-single-note-page-footer .footer-entry.last {
  border: 0px;
}
@media only screen and (max-width: 479px) {
  .footer.mod-single-note-page-footer .footer-entry {
    border: 0px;
    display: block;
  }
}
@media only screen and (min-width: 480px) and (max-width: 709px) {
  .footer.mod-single-note-page-footer .footer-entry {
    border: 0px;
    display: block;
  }
}
.footer.mod-single-note-page-footer a.footer-entry:hover {
  color: #4a8db8;
}
.wrapper-menu > .footer.mod-single-note-page-footer {
  text-align: center;
  height: 40px;
  padding: 0;
  margin-bottom: 0px;
  clear: both;
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 51.75em) {
  .wrapper-menu > .footer.mod-single-note-page-footer {
    padding: 0 32px;
  }
}
@media only screen and (min-width: 51.75em) and (max-width: 60.8125em) {
  .wrapper-menu > .footer.mod-single-note-page-footer {
    width: 546px;
  }
}
@media only screen and (min-width: 60.875em) {
  .wrapper-menu > .footer.mod-single-note-page-footer {
    width: 738px;
  }
}
#lightbox-holder {
  opacity: 0.97;
}
#lightbox-close.light-thin {
  width: 15px;
  height: 15px;
  margin-top: 30px;
  margin-right: 30px;
}
@media all {
  #lightbox-close.light-thin {
    background:  url("/static/static_css_resources/4268e1e8c65ee4947eeaeaa2ed330317.svg") no-repeat center;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (-webkit-min-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5), all and (min-resolution: 1.5dppx) {
  html:not(.ie8) #lightbox-close.light-thin {
    background:  url("/static/static_css_resources/4268e1e8c65ee4947eeaeaa2ed330317.svg") no-repeat center;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
  }
}
.presentation-mode-header-button {
  float: left;
  width: 24px;
  height: 24px;
  padding: 4px;
  margin-right: 12px;
  border: 1px solid #2dbe60;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.presentation-mode-header-button:hover {
  background-color: #2dbe60;
}
.presentation-mode-header-button:hover path {
  fill: white;
}
.presentation-mode-header-button path {
  fill: #2dbe60;
  transition: fill .2s ease;
}
.presentation-mode-header-button svg {
  width: 24px;
  height: 24px;
}
.presentation-mode-header-button .presentation-icon {
  display: block;
}
.presentation-mode-showing .presentation-mode-header-button .presentation-icon {
  display: none;
}
.presentation-mode-header-button .note-icon {
  display: none;
}
.presentation-mode-showing .presentation-mode-header-button .note-icon {
  display: block;
}
.presentation-mode-container {
  display: none;
}

.presentation-mode-showing .header.mod-single-note-page-header {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.presentation-mode-showing #container-boundingbox {
  display: none;
}
.presentation-mode-showing .mod-single-note-page-footer {
  display: none;
}
.presentation-mode-showing .presentation-mode-container {
  display: block;
  position: fixed;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
}
.presentation-mode-showing .presentation-mode-container iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.presentation-mode-showing .presentation-mode-style-switcher {
  position: absolute;
  top: 14px;
  right: 22px;
  width: 39px;
  height: 76px;
  background: white;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  transition: opacity .2s ease;
  opacity: 0;
}
.presentation-mode-showing .presentation-mode-style-switcher.visible {
  opacity: 1;
}
.presentation-mode-showing .presentation-mode-style-button {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 33px;
  height: 33px;
  border: 1px solid transparent;
  border-radius: 50%;
  cursor: pointer;
}
.presentation-mode-showing .presentation-mode-style-button:hover {
  background-color: #646464;
}
.presentation-mode-showing .presentation-mode-style-button:hover path {
  fill: white !important;
}
.presentation-mode-showing .presentation-mode-style-button:hover line {
  stroke: white !important;
}
.presentation-mode-showing .presentation-mode-style-button.on {
  border-color: #646464;
}
.presentation-mode-showing .presentation-mode-style-button.day {
  top: 2px;
}
.presentation-mode-showing .presentation-mode-style-button.night {
  bottom: 2px;
}
.PresentationModeTooltips-fade-appear {
  opacity: 0.01 !important;
}
.PresentationModeTooltips-fade-appear.PresentationModeTooltips-fade-appear-active {
  opacity: 0.95 !important;
  transition: opacity 0.2s ease-in-out;
}
.PresentationModeTooltips-fade-enter {
  opacity: 0.01 !important;
}
.PresentationModeTooltips-fade-enter.PresentationModeTooltips-fade-enter-active {
  opacity: 0.95 !important;
  transition: opacity 0.2s ease-in-out;
}
.PresentationModeTooltips-fade-leave.PresentationModeTooltips-fade-leave-active {
  opacity: 0.01;
  transition: opacity 0.2s ease-in-out;
}
.PresentationModeTooltips-dark-text,
.PresentationModeBanners-dark-text {
  color: #106b45;
}
.PresentationModeBanners-slide-appear {
  transform: translate3d(0, 60px, 0);
}
.PresentationModeBanners-slide-appear.PresentationModeBanners-slide-appear-active {
  transform: translate3d(0, 0, 0);
  transition: transform 0.2s ease-in-out;
}
.PresentationModeBanners-slide-enter {
  transform: translate3d(0, 60px, 0);
}
.PresentationModeBanners-slide-enter.PresentationModeBanners-slide-enter-active {
  transform: translate3d(0, 0, 0);
  transition: transform 0.2s ease-in-out;
}
.PresentationModeBanners-slide-leave.PresentationModeBanners-slide-leave-active {
  transform: translate3d(0, 60px, 0);
  transition: transform 0.2s ease-in-out;
}