@charset "UTF-8";

  *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, hgroup, menu, nav, summary, time, mark, audio, video, header, footer { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent }
html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section, summary { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
[hidden] { display: none }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
em { font-size: 16px; font-size: 1.6rem; background: #f6f6f6; border-bottom: 1px solid #e4e4e4 }
dfn { font-style: italic }
mark { background: #ff0; color: #000 }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
a { background: transparent; border: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease }
table { border-collapse: collapse; border-spacing: 0 }
caption, th, td { text-align: left; font-weight: normal }
button, input, select, textarea { font-size: 100%; margin: 0; padding: 0; border: none; outline: none; border-radius: 0; vertical-align: baseline }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button }
button[disabled], input[disabled] { cursor: default }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
textarea { overflow: auto; vertical-align: top; resize: none }
input:focus, textarea:focus { outline: none }
input::-ms-clear { display: none }
[placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 0 }
[placeholder]:focus::-moz-input-placeholder { -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 0 }
a { text-decoration: none; color: #38485a }
a:hover { text-decoration: none; color: #51aded }
a:focus { color: #11161b }
a:hover, a:focus, a:active { outline: 0 }
html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: -ms-autohiding-scrollbar }
html, body { height: 100% }
body { font-size: 16px; font-size: 1.6rem; -ms-word-break: break-all; word-break: break-all; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; background: #fff; color: #747f8c; font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif }
@media screen and (max-width:30em) {
body { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto }
}
input::-webkit-input-placeholder { font-size: 13px; font-size: 1.3rem; color: #747f8c }
input:-moz-placeholder { font-size: 13px; font-size: 1.3rem; color: #747f8c }
input::-moz-placeholder { font-size: 13px; font-size: 1.3rem; color: #747f8c }
input:-ms-input-placeholder { font-size: 13px; font-size: 1.3rem; color: #747f8c }
::selection { background-color: #38485a; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) }
::-moz-selection { background-color: #38485a; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) }
img::selection { background: transparent }
img::-moz-selection { background: transparent }
.left, .previous_page { float: left }
.right, .next_page { float: right }
.cf:after { content: ""; display: table; clear: both }
abbr.timeago { border-bottom-width: 0 }
.tabs a.active { background: #e6eaed; color: #747f8c !important }
.post-ad .left-col { margin-right: 100px }
h1, h2, h3, h4, h5, h6 { font-weight: bold }
img, video, object, embed, iframe { max-width: 100% !important }
.single-post-header__headline img { width: 100% }
video, object, embed, iframe { width: 100% }
iframe { max-height: 340px }
img { image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; display: block; height: auto; border: 0; vertical-align: middle }
.avatar img { -webkit-border-radius: 50%; border-radius: 50% }
figure { font-size: 12px; font-size: 1.2rem; margin-top: 40px; margin-bottom: 40px; text-align: center }
figure figcaption { margin-top: 5px }
@media screen and (min-width:48.0625em) {
figure.big { margin-right: -70px; margin-left: -70px }
}
@media screen and (min-width:68.625em) {
figure.big { margin-right: -229px; margin-left: -229px }
}
@media screen and (min-width:30.0625em) {
figure.small-left { float: left; margin: 0 30px 20px -199px }
}
.lazyload { opacity: 0 }
.lazyload.loaded { -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; opacity: 1 }
.spinner { position: absolute; z-index: 1; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; border: 2px solid rgba(0, 0, 0, 0); border-radius: 10px; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; -webkit-animation: rotate 0.8s linear infinite; -moz-animation: rotate 0.8s linear infinite; animation: rotate 0.8s linear infinite; opacity: 1 }
.spinner:before { content: ""; position: absolute; left: -3px; top: -3px; width: 22px; height: 22px; background-image: url(//www.91ri.org/wp-content/themes/new/spinner.png) }
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:1.3 / 1), only screen and (min-resolution:125dpi), only screen and (min-resolution:1.3dppx) {
.spinner:before { background-image: url(//www.91ri.org/wp-content/themes/new/spinner_2x.png); background-size: 22px 22px }
}
.loaded+.spinner { opacity: 0 }
@font-face { font-family: "36kr"; src: url(//www.91ri.org/wp-content/themes/new/fonts/36kr.eot); src: url(//www.91ri.org/wp-content/themes/new/fonts/36kr.eot?#iefix) format("embedded-opentype"), url(//www.91ri.org/wp-content/themes/new/fonts/36kr.woff) format("woff"), url(//www.91ri.org/wp-content/themes/new/fonts/36kr.ttf) format("truetype"), url(//www.91ri.org/wp-content/themes/new/fonts/36kr.svg#36kr) format("svg"); font-weight: normal; font-style: normal }
[data-icon]:before { font-family: "36kr" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "36kr" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-close:before { content: "a" }
.icon-heart:before { content: "b" }
.icon-hot:before { content: "c" }
.icon-lock:before { content: "d" }
.icon-login-mail:before { content: "e" }
.icon-mail:before { content: "f" }
.icon-menu:before { content: "g" }
.icon-more:before { content: "h" }
.icon-next:before { content: "i" }
.icon-prev:before { content: "j" }
.icon-reply:before { content: "k" }
.icon-search:before { content: "l" }
.icon-share:before { content: "m" }
.icon-social-douban:before { content: "n" }
.icon-social-evernote:before { content: "o" }
.icon-social-github:before { content: "p" }
.icon-social-qq:before { content: "q" }
.icon-social-renren:before { content: "r" }
.icon-social-twitter:before { content: "s" }
.icon-social-weibo:before { content: "t" }
.icon-star:before { content: "u" }
.icon-user:before { content: "v" }
.fadeIn { -webkit-animation: fadeIn 0.8s ease-out; -moz-animation: fadeIn 0.8s ease-out; animation: fadeIn 0.8s ease-out }
.fadeOut { -webkit-animation: fadeOut 0.8s ease-out; -moz-animation: fadeOut 0.8s ease-out; animation: fadeOut 0.8s ease-out; display: none }
.fadeInUp { -webkit-animation: fadeInUp 0.4s ease-in; -moz-animation: fadeInUp 0.4s ease-in; animation: fadeInUp 0.4s ease-in; display: block !important }
.fadeInDown { -webkit-animation: fadeInDown 0.4s ease-in; -moz-animation: fadeInDown 0.4s ease-in; animation: fadeInDown 0.4s ease-in; display: block !important }
@-webkit-keyframes showPanel {
0% { -webkit-transform: scale(0.75); opacity: 0.0 }
50% { -webkit-transform: scale(1.05); opacity: 1.0 }
100% { -webkit-transform: scale(1); opacity: 1.0 }
}
@-moz-keyframes showPanel {
0% { -moz-transform: scale(0.75); opacity: 0.0 }
50% { -moz-transform: scale(1.05); opacity: 1.0 }
100% { -moz-transform: scale(1); opacity: 1.0 }
}
@keyframes showPanel {
0% { transform: scale(0.75); opacity: 0.0 }
50% { transform: scale(1.05); opacity: 1.0 }
100% { transform: scale(1); opacity: 1.0 }
}
@-webkit-keyframes hidePanel {
0% { -webkit-transform: scale(1); opacity: 1.0 }
100% { -webkit-transform: scale(0.98); opacity: 0.0 }
}
@-moz-keyframes hidePanel {
0% { -moz-transform: scale(1); opacity: 1.0 }
100% { -moz-transform: scale(0.98); opacity: 0.0 }
}
@keyframes hidePanel {
0% { transform: scale(1); opacity: 1.0 }
100% { transform: scale(0.98); opacity: 0.0 }
}
@-webkit-keyframes fadeInUp {
0% { -webkit-transform: translateY(40px); opacity: 0 }
100% { -webkit-transform: translateY(0); opacity: 1 }
}
@-moz-keyframes fadeInUp {
0% { -moz-transform: translateY(40px); opacity: 0 }
100% { -moz-transform: translateY(0); opacity: 1 }
}
@keyframes fadeInUp {
0% { transform: translateY(40px); opacity: 0 }
100% { transform: translateY(0); opacity: 1 }
}
@-webkit-keyframes fadeInDown {
0% { -webkit-transform: translateY(-20px); opacity: 0 }
100% { -webkit-transform: translateY(0); opacity: 1 }
}
@-moz-keyframes fadeInDown {
0% { -moz-transform: translateY(-20px); opacity: 0 }
100% { -moz-transform: translateY(0); opacity: 1 }
}
@keyframes fadeInDown {
0% { transform: translateY(-20px); opacity: 0 }
100% { transform: translateY(0); opacity: 1 }
}
@-webkit-keyframes fadeIn {
0% { opacity: 0 }
100% { opacity: 1 }
}
@-moz-keyframes fadeIn {
0% { opacity: 0 }
100% { opacity: 1 }
}
@keyframes fadeIn {
0% { opacity: 0 }
100% { opacity: 1 }
}
@-webkit-keyframes fadeOut {
0% { opacity: 1 }
100% { opacity: 0 }
}
@-moz-keyframes fadeOut {
0% { opacity: 1 }
100% { opacity: 0 }
}
@keyframes fadeOut {
0% { opacity: 1 }
100% { opacity: 0 }
}
@-webkit-keyframes rotate {
100% { -webkit-transform: rotate(360deg) }
}
@-moz-keyframes rotate {
100% { -moz-transform: rotate(360deg) }
}
@keyframes rotate {
100% { transform: rotate(360deg) }
}
.icons-weibo, .icons-twitter, .icons-facebook, .icons-rss { background: url(//www.91ri.org/wp-content/themes/new/img/icons.svg) no-repeat }
.icons-weibo { background-position: 0 0 }
.icons-twitter { background-position: -32px 0 }
.icons-facebook { background-position: -64px 0 }
.icons-rss { background-position: -96px 0 }
.startups, .us-startups { color: #ff905a !important }
.startups:hover, .us-startups:hover { color: #ff6e27 !important }
.products, .breaking { color: #66bc4e !important }
.products:hover, .breaking:hover { color: #509c3b !important }
.apps, .cn-news { color: #3c8fe6 !important }
.apps:hover, .cn-news:hover { color: #1b75d4 !important }
.websites, .column { color: #5856d6 !important }
.websites:hover, .column:hover { color: #3331c8 !important }
.brands, .digest { color: #ff3b30 !important }
.brands:hover, .digest:hover { color: #fc0d00 !important }
.people, .cn-startups { color: #fc0 !important }
.people:hover, .cn-startups:hover { color: #cca300 !important }
.devices, .archives { color: #19d5fd !important }
.devices:hover, .archives:hover { color: #02bae1 !important }
.technology { color: #34aadc !important }
.technology:hover { color: #218ebd !important }
.header-normal { border-bottom: 1px solid #e6eaed }
.header-single { position: relative }
.header-single .inner { max-width: 1500px; margin: 0 auto; padding: 0 20px }
.header { height: 64px; display: block; z-index: 1001; width: 100%; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear }
.header .inner { position: relative }
@media screen and (max-width:48em) {
.header .inner { padding: 0 !important }
}
@media screen and (min-width:48.0625em) {
.header-normal { position: fixed; top: 0; border-bottom: none !important ;background: #fefefe;box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
.scrolled { background: #fefefe; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) }
.header.scrolled h1 a { background: transparent }
.header.scrolled h1 span { background-position: 0 -50px; top: 34px }
.scrolled .second-nav__login { color: #fff !important; border: 2px solid #51aded; background: #51aded }
}
.logo { width: 80px; height: 80px; float: left; display: inline-block; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
@media screen and (max-width:48em) {
.logo { height: 64px }
}
.logo a { width: 80px; height: 80px; display: block; position: relative; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background: #1D71B6 }
.logo span { width: 55px; height: 50px; display: block; position: absolute; top: 50%; left: 50%; margin: -26px 0 0 -27px; background-image: url(//www.91ri.org/wp-content/themes/new/img/logo.png) }
.header-normal .logo a { background: none }
@media screen and (min-width:48.0625em) {
.header-normal .logo a { background: #1D71B6 }
}
@media screen and (max-width:48em) {
.header-normal .logo span { background-position: 0 -50px; top: 34px }
}
.main-nav li, .second-nav li { list-style: none; display: inline-block }
@media screen and (max-width:48em) {
.main-nav, .header .search { left: 0; border-bottom: 1px solid #e6eaed; margin-bottom: 20px; width: 100%; display: none; overflow: hidden }
.main-nav.active, .header .search.active { height: 40px; display: block }
.main-nav li { width: 25%; float: left }
>ul>li>a { text-align: center }
.dropdown { display: none }
}
@media screen and (min-width:48.0625em) {
.main-nav { margin-left: 10px; margin-top: 8px }
}
@media screen and (min-width:75.0625em) {
.main-nav { margin-left: 20px }
}
.main-nav .current:after { position: absolute; content: " "; bottom: -4px; left: 10%; width: 80%; border-bottom: 4px solid #51aded }
@media screen and (min-width:75.0625em) {
.main-nav .current:after { bottom: -6px }
}
@media screen and (min-width:48.0625em) {
.main-nav .hasdropdown:before { content: " "; height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 4px; border-top-color: #51aded; position: absolute; top: 48%; right: 2px }
}
@media screen and (min-width:75.0625em) {
.main-nav .hasdropdown:before { right: 10px }
}
@media screen and (min-width:86.4375em) {
.main-nav .hasdropdown:before { right: 14px }
}
.main-nav >ul>li>a { color: #51aded; font-size: 14px; font-size: 1.4rem; font-weight: bold; padding: 10px 6px; display: block; position: relative }
.main-nav >ul>li>a:hover { color: #2397e8 }
@media screen and (min-width:20.0625em) {
.main-nav >ul>li>a { padding: 10px 12px; font-size: 16px; font-size: 1.6rem }
}
@media screen and (min-width:48.0625em) {
.main-nav >ul>li>a { padding: 14px 12px }
}
@media screen and (min-width:75.0625em) {
.main-nav >ul>li>a { padding: 10px 25px; font-size: 20px; font-size: 2rem }
}
.second-nav { font-size: 14px; font-size: 1.4rem; position: absolute; right: 0; top: 0; height: 64px; line-height: 64px }
@media screen and (max-width:48em) {
.second-nav { display: none }
}
.second-nav li { vertical-align: middle }
.second-nav a { color: #38485a; padding: 0 10px; display: block }
.second-nav a:hover { color: #11161b }
.second-nav .second-nav__register, .second-nav .second-nav__submit { display: none }
@media screen and (min-width:75.0625em) {
.second-nav .second-nav__register, .second-nav .second-nav__submit { display: inline-block }
}
.second-nav .second-nav__account { line-height: 24px; position: relative }
.second-nav .second-nav__account img { margin-right: 5px }
.second-nav .second-nav__account:before { content: " "; height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 3px; border-top-color: rgba(67, 79, 93, 0.7); position: absolute; top: 48%; right: 0 }
.second-nav .second-nav__login { color: #51aded; line-height: 28px; padding-left: 15px; padding-right: 15px; display: inline-block; border-radius: 3px; border: 2px solid #51aded; -webkit-font-smoothing: subpixel-antialiased }
.second-nav .second-nav__login:hover { background: #51aded; color: #fff }
@media screen and (min-width:75.0625em) {
.second-nav .second-nav__login { margin-left: 10px }
}
.second-nav .avatar-small { width: 24px; height: 24px }
.second-nav .new { width: 8px; height: 8px; position: absolute; top: -2px; left: 28px; background: #56AEEA; border-radius: 50%; display: inline-block }
.header .search { float: left; padding: 10px 20px }
@media screen and (min-width:48.0625em) {
.header .search { display: none }
}
@media screen and (min-width:58.4375em) {
.header .search { display: inline-block; margin-left: 30px; margin-top: 18px; padding: 0; width: 200px }
}
@media screen and (min-width:75.0625em) {
.header .search { margin-left: 60px }
}
input[type=search] { -webkit-appearance: none; color: #38485a; white-space: nowrap; overflow: hidden; width: 100%; height: 20px; line-height: 20px; border: none; outline: none; resize: none }
@media screen and (min-width:48.0625em) {
input[type=search] { width: 70%; float: right; padding: 5px 20px; border-radius: 50px; box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.1); background: #e6eaed; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box }
input[type=search]:focus { outline: none; width: 80%; background: #d7dee2 }
}
.drop { position: relative }
.drop li { display: inline-block }
.dropdown-normal { top: 0 }
.dropdown-account { top: 10px }
.dropdown { position: relative; outline: none }
@media screen and (min-width:75.0625em) {
.dropdown { left: 20px }
}
.dropdown h2 { font-size: 11px; font-size: 1.1rem; text-transform: uppercase; margin-bottom: 5px }
.dropdown section { padding: 10px; font-size: 14px; font-size: 1.4rem; border-bottom: 1px solid #e6eaed }
.dropdown section:last-child { border: none }
.account__list { width: 120px; line-height: 30px }
.account__list ul { padding-left: 0 }
.account__list li { position: relative }
.account__list a { padding: 0 }
.account__list span { position: absolute; top: 3px; right: -34px; color: #fff; line-height: 17px; font-size: 12px; font-size: 1.2rem; background: #51aded; padding: 0 8px; border-radius: 25px }
.main-nav__list { width: 232px }
.dropdown-list { position: absolute; background: #fff; z-index: 9999; border: 1px solid #e6eaed; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -webkit-transition: all 500ms cubic-bezier(0.34, 1.21, 0.4, 1); -moz-transition: all 500ms cubic-bezier(0.34, 1.21, 0.4, 1); transition: all 500ms cubic-bezier(0.34, 1.21, 0.4, 1); -webkit-transform-origin: 30% 0; -moz-transform-origin: 30% 0; -ms-transform-origin: 30% 0; -o-transform-origin: 30% 0; transform-origin: 30% 0; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0); list-style: none; opacity: 0; pointer-events: none }
.dropdown-list:before { content: ""; width: 20px; height: 12px; position: absolute; top: -12px; left: 20%; margin-left: -8px; background-image: url(//www.91ri.org/wp-content/themes/new/triangle.png) }
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (-o-min-device-pixel-ratio:1.3 / 1), only screen and (min-resolution:125dpi), only screen and (min-resolution:1.3dppx) {
.dropdown-list:before { background-image: url(//www.91ri.org/wp-content/themes/new/triangle_2x.png); background-size: 20px 12px }
}
.dropdown-list a { color: #99a1aa; font-weight: bold }
.dropdown-list a:hover { color: #51aded }
.dropdown-list .more { padding: 20px 40px }
.dropdown-list .more a { width: 150px; height: 32px; color: #fff; font-size: 12px; font-size: 1.2rem; line-height: 32px; text-align: center; display: inline-block; background: #51aded }
.dropdown-list .more a:hover { background: #2397e8 }
.dropdown-list ul { padding-left: 5px }
.dropdown-list li { line-height: 24px }
.dropdown-list .dropdown__category li { text-align: left; float: left; width: 102px }
.dropdown-list .dropdown__topic li { width: 200px; color: #caced3 }
.dropdown-list .dropdown__events h3 { font-weight: bold; margin-bottom: 4px }
.dropdown-list .dropdown__events .address { font-size: 12px; font-size: 1.2rem; margin-right: 5px }
.dropdown-list .dropdown__events .date { background: #b6bcc4; width: 50px; height: 50px; text-align: center; color: #fff; padding: 5px }
.dropdown-list .dropdown__events .date span { display: block }
.dropdown-list .dropdown__events .date .month { font-size: 12px; font-size: 1.2rem; text-transform: uppercase }
.dropdown-list .dropdown__events .date .day { font-size: 24px; font-size: 2.4rem; font-weight: bold; margin-top: -5px }
.dropdown-list .dropdown__events .date.upcoming { background: #51aded }
.dropdown-list .dropdown__events .intro { margin-left: 60px }
.dropdown-list .dropdown__events .status { font-size: 11px; font-size: 1.1rem; color: #fff; padding: 3px; border-radius: 3px; background: #b6bcc4; -webkit-font-smoothing: subpixel-antialiased }
.active .dropdown-list { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1) }
.toggle-nav { position: absolute; right: 0 }
@media screen and (min-width:48.0625em) {
.toggle-nav { display: none; visibility: hidden }
}
.toggle-nav li { display: inline-block }
.toggle-nav a { font-size: 28px; font-size: 2.8rem; color: #747f8c; height: 64px; display: inline-block; padding: 18px 20px; border-left: 1px solid #e6eaed }
.toggle-nav .toggle__submit { font-size: 16px; font-size: 1.6rem; line-height: 2; height: 64px }
@media screen and (max-width:30em) {
.toggle-nav .toggle__submit { display: none; visibility: hidden }
}
.toggle-nav span { position: absolute !important; overflow: hidden; width: 1px; height: 1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px) }
.row { max-width: 1180px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px }
.row:after { content: ""; display: table; clear: both }
@media screen and (min-width:30.0625em) {
.row { padding-left: 30px; padding-right: 30px }
}
@media screen and (min-width:48.0625em) {
.row { max-width: 708px; padding-left: 0; padding-right: 0 }
}
@media screen and (min-width:58.4375em) {
.row { max-width: 874px }
}
@media screen and (min-width:75.0625em) {
.row { max-width: 1180px }
}
.main { max-width: 1180px; margin-left: auto; margin-right: auto }
.main:after { content: ""; display: table; clear: both }
@media screen and (min-width:75.0625em) {
.main { float: left; display: block; margin-right: 20px; width: 880px }
}
.headline { margin-bottom: 30px }
.headline .headline__news { position: relative }
.headline h1 { font-weight: bold }
.headline .topic-post-big h1 { color: #fff; font-size: 18px; font-size: 1.8rem; bottom: 10px; left: 10px; right: 10px; position: absolute }
.headline .topic-post-small h1 { font-size: 16px; font-size: 1.6rem; margin-top: 20px }
@media screen and (min-width:48.0625em) {
.headline .headline__news { float: left }
.headline .topic-post-big h1 { font-size: 24px; font-size: 2.4rem; bottom: 20px; left: 20px; right: 20px }
.headline .topic-post-small h1 { color: #fff; left: 10px; right: 10px; position: absolute; top:10px;padding: 10%;}
.headline .topic-post-big img { width: 708px; height: 550px }
.headline .topic-post-small img { width: 354px; height: 322px; opacity:0; }
}
@media screen and (max-width:48em) {
.headline .topic-post-small img, .headline .topic-post-small .spinner, .headline .image-overlay { display: none }
}
@media screen and (min-width:58.4375em) {
.headline .topic-post-big img { width: 480px; height: 320px }
.headline .topic-post-small img { width: 196px; height: 160px }
.headline .topic-post-small h1 { font-size: 14px; font-size: 1.4rem }
}
@media screen and (min-width:75.0625em) {
.headline .topic-post-big img { width: 480px; height: 320px }
.headline .topic-post-small img { width: 185px; height: 160px }
}
.image-overlay { opacity: 1; position: absolute; width: 100%; height: 100%; top: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-image: -webkit-linear-gradient(-90deg, rgba(0, 122, 255, 0.3) 0%, #000 100%); background-image: -moz-linear-gradient(-90deg, rgba(0, 122, 255, 0.3) 0%, #000 100%); background-image: linear, -90deg, rgba(0, 122, 255, 0.3) 0%, #000 100% }
.image-overlay.big:hover { opacity: 0.5 }
.container { margin-top: 125px; margin-bottom: 50px; min-height: 100% }
@media screen and (max-width:48em) {
.container { margin-top: 30px }
}
#article-single .container { margin-top: -105px; margin-bottom: 0 }
@media screen and (min-width:58.4375em) {
.content { display: block; float: left; margin-left: 200px; width: 674px }
}
@media screen and (min-width:75.0625em) {
.content { width: 680px }
}
.content .lastest { font-size: 18px; font-size: 1.8rem; padding-bottom: 20px; border-bottom: 1px solid #e6eaed; text-transform: uppercase; font-weight: bold }
.content .posts { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e6eaed }
.content .posts .left-col { position: relative }
.content .posts .left-col .feature-img { width: 60px; height: 60px }
@media screen and (min-width:30.0625em) {
.content .posts .left-col .feature-img { width: 180px; height: 120px }
}
.content .posts .right-col { margin-left: 70px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical }
@media screen and (min-width:30.0625em) {
.content .posts .right-col { margin-left: 200px }
}
@media screen and (max-width:30em) {
.content .posts p { display: none }
}
.content .posts .center-post { position: relative; display: inherit }
.content .posts .center-post img { min-height: 120px }
.content .posts .center-post h1 { position: absolute; bottom: 20px; left: 20px; right: 20px; margin-bottom: 0; color: #fff }
@media screen and (max-width:30em) {
.content .posts .center-post h1 { bottom: 10px; left: 10px; right: 10px }
}
.content .articles h1 { font-size: 16px; font-size: 1.6rem; font-weight: 600 }
@media screen and (min-width:30.0625em) {
.content .articles h1 { font-size: 20px; font-size: 2rem; margin-bottom: 20px }
}
.content .info { margin-bottom: 10px; height: 24px; line-height: 24px }
.content .info .topic { font-size: 14px; font-size: 1.4rem }
.content .info .topic a { margin-right: 2px; font-weight: bold }
.postmeta { font-size: 12px; font-size: 1.2rem }
.postmeta a { color: #2277b7 }
.articles .meta a { font-size: 12px; font-size: 1.2rem; position: absolute; top: 0; left: 0; display: inline-block; padding: 5px 10px; width: 64px; background: #F7464F; color: #fff; text-align: center }
@media screen and (max-width:30em) {
.articles .meta a { display: none }
}
.articles .meta i { margin-right: 4px; font-size: 16px; font-size: 1.6rem; position: relative; top: 3px }
.pagination { font-size: 14px; font-size: 1.4rem; padding-top: 20px; padding-bottom: 20px }
.pagination a { display: inline-block; padding-right: 25px; padding-left: 25px; height: 30px; border: 1px solid #51aded; -webkit-border-radius: 2px; border-radius: 2px; color: #51aded; line-height: 28px }
.pagination a:hover { background: #51aded; color: #fff }
.pagination i { font-size: 10px; font-size: 1rem }
.pagination .icon-prev { margin-right: 3px }
.pagination .icon-next { margin-left: 3px }
.pagination .disabled a { cursor: not-allowed; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transform: translateZ(0) }
.aside { position: relative; min-width: 180px }
@media screen and (max-width:58.375em) {
.aside { padding-top: 30px; border-top: 1px solid #e6eaed }
}
@media screen and (min-width:58.4375em) {
.aside { position: absolute; width: 180px }
}
.aside section { padding-bottom: 20px }
.aside h2 { font-size: 12px; font-size: 1.2rem; margin-bottom: 4px; text-transform: uppercase }
.aside ul { margin-left: 10px; font-weight: bold; line-height: 1.8 }
.aside-tags li { position: relative }
@media screen and (max-width:58.375em) {
.aside-tags li { float: left; margin-right: 10px }
}
.aside-tags i { position: relative; margin-left: 5px; top: -2px }
.aside-tags .new { width: 6px; height: 6px; background: #56AEEA; border-radius: 50%; display: inline-block }
.aside-tags .promoted { color: #fff; font-size: 10px; font-size: 1rem; background: #B6BCC4; border-radius: 3px; padding: 3px 6px }
.aside-social { padding-top: 30px; border-top: 1px solid #e6eaed }
.aside-social p { font-size: 12px; font-size: 1.2rem; margin-bottom: 10px; padding-right: 20px; padding-left: 20px; text-align: center; -webkit-font-smoothing: subpixel-antialiased }
.aside-social .aside-social__qrcode { margin: 0 auto 20px; width: 162px }
.aside-social .aside-social__social ul { margin: 0 auto; width: 181px }
.aside-social .aside-social__social li { display: inline-block; padding-right: 5px; padding-left: 5px }
.aside-social .aside-social__social a { display: inline-block; width: 32px; height: 32px; text-indent: -999em }
.aside-social__items { position: relative }
.aside-social__items .aside-social__count { font-size: 14px; font-size: 1.4rem; position: absolute; left: -6px; width: 50px; text-align: center; margin-top: 10px; padding: 2px 8px; background: rgba(0, 0, 0, 0.76); border-radius: 3px; color: #fff; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out }
.aside-social__items .aside-social__count:before { content: " "; height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 6px; border-bottom-color: rgba(0, 0, 0, 0.76); position: absolute; left: 50%; top: -12px; margin-left: -5px }
.aside-social__items:hover .aside-social__count { opacity: 1 }
.aside-today { text-align: center }
.aside-today .aside-today__title { position: relative; display: inline-block; margin-bottom: 30px; padding: 5px 15px; background: #51aded; color: #fff }
.aside-today .aside-today__title span { font-size: 16px; font-size: 1.6rem; position: absolute; top: 4px; right: -34px; color: #51aded }
.aside-today .aside-today__list { text-align: left }
.aside-today .aside-today__list li { margin-bottom: 20px }
.aside-today .aside-today__list .topic { font-size: 12px; font-size: 1.2rem }
.aside-today .aside-today__list h1 { font-size: 16px; font-size: 1.6rem }
@media screen and (min-width:48.0625em) {
.aside-today .aside-today__list h1 { font-size: 14px; font-size: 1.4rem }
}
a:visited .new { display: none }
.aside-links .current a { color: #51aded }
.content-wrapper { max-width: 780px; margin: 0 auto }
@media screen and (min-width:58.4375em) {
.content-wrapper { padding-left: 30px }
}
@media screen and (min-width:75.0625em) {
.content-wrapper { padding-right: 30px }
}
.single-post-header__headline { position: relative }
.single-post-header__meta { margin: 20px 0 }
.single-post__postmeta { margin-bottom: 30px; font-size: 12px; font-size: 1.2rem }
@media screen and (min-width:30.0625em) {
.single-post__postmeta { font-size: 14px; font-size: 1.4rem }
}
.single-post__title { font-size: 20px; font-size: 2rem; font-weight: bold; line-height: 1.5; color: #38485a }
@media screen and (min-width:30.0625em) {
.single-post__title { font-size: 32px; font-size: 3.2rem }
}
.article { color: #333332; font-size: 16px; font-size: 1.6rem; line-height: 1.8 }
@media screen and (min-width:30.0625em) {
.article { font-size: 18px; font-size: 1.8rem }
}
.article hr { border: 0; height: 1px; width: 20%; margin: 50px auto; border-top: 1px solid #e4e4e4 }
.article a { color: #51aded; border-bottom: 2px solid #eaeaea }
.article a:hover { border-bottom: 2px solid #48a9ec }
.article blockquote { font-size: 18px; font-size: 1.8rem; font-weight: bold; border-left: 6px solid #51aded; padding-left: 15px; margin-left: -15px }
@media screen and (min-width:30.0625em) {
.article blockquote { font-size: 20px; font-size: 2rem; padding-left: 24px; margin-left: -24px }
}
.article img { margin: 0 auto }
.article ul, .article ol { list-style: square; margin-left: 20px }
.article p, .article h3, .article h4, .article h5, .article h6, .article pre, .article ul, .article ol, .article dl, .article form, .article table, .article blockquote, .article iframe { margin-bottom: 30px }
.content-wrapper-single { max-width: 700px; margin: 0 auto; padding: 0 30px }
#article-single .single-post { margin-top: 30px }
.single-header { position: relative; min-height: 600px; margin-bottom: 40px }
.single-header__headline-image { position: absolute; width: 100%; min-height: 100%; top: 0; vertical-align: bottom; background-position: center center; background-repeat: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.single-header__meta { text-align: center; color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding: 0 40px; width: 100%; max-width: 1098px; max-height: 300px }
.single-header__meta .single-header__title { font-size: 22px; font-size: 2.2rem; margin-bottom: 10px }
@media screen and (min-width:30.0625em) {
.single-header__meta .single-header__title { font-size: 36px; font-size: 3.6rem }
}
@media screen and (min-width:75.0625em) {
.single-header__meta .single-header__title { font-size: 48px; font-size: 4.8rem }
}
.single-header__meta .single-header__postmeta { font-size: 12px; font-size: 1.2rem }
.single-header__meta .single-header__postmeta a { color: #b5b5b5 }
@media screen and (min-width:48.0625em) {
.single-header__meta .single-header__postmeta { font-size: 14px; font-size: 1.4rem }
}
.single-header__meta .single-header__healine { max-width: 700px; margin: 80px auto 0 }
.single-header__meta .single-header__healine p { font-size: 16px; font-size: 1.6rem; color: #b5b5b5; margin-bottom: 0 }
@media screen and (min-width:48.0625em) {
.single-header__meta .single-header__healine p { font-size: 20px; font-size: 2rem }
}
.readnext h2 { font-weight: bold; color: #51aded; font-size: 24px; font-size: 2.4rem; text-transform: uppercase; text-align: center; margin: 30px auto }
.readnext h2:after { content: " "; display: block; margin: 0 auto; width: 130px; height: 4px; background: #51aded }
.single-post__next { position: relative; width: 100%; float: left; color: #fff }
.single-post__next h1 { font-size: 20px; font-size: 2rem; position: absolute; bottom: 20px; padding-left: 20px; padding-right: 20px }
@media screen and (min-width:48.0625em) {
.single-post__next { width: 50% }
}
.single-post__next img { width: 100% }
.image-overlay-single { position: absolute; width: 100%; height: 100%; top: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; background-image: -webkit-linear-gradient(-630deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%) }
.single-post-share, .single-post-author-social, .single-post-relate { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e6eaed }
.single-post-author-social h2, .single-post-relate h2, .single-post-comment h2 { font-weight: bold; margin-bottom: 10px }
.single-post-share { font-size: 14px; font-size: 1.4rem; padding-top: 30px }
@media screen and (min-width:48.0625em) {
.single-post-share-list { float: right }
}
.single-post-share-list ul { margin: 0 auto }
@media screen and (max-width:30em) {
.single-post-share-list ul { width: 365px }
}
.single-post-share-list li { padding: 0 5px; float: left }
.single-post-share-list li:last-child { padding-right: 0 }
.single-post-share-list a { color: #fff; display: inline-block; text-align: center; width: 112px; height: 32px; line-height: 32px; border-radius: 50px; border-style: solid; border-width: 1px }
.single-post-share-list .long-weibo { color: #d44137; border-color: #d44137 }
.single-post-share-list .long-weibo:hover { color: #fff; background: #d44137 }
.single-post-share-list .weixin { color: #38ad5a; border-color: #38ad5a }
.single-post-share-list .weixin:hover { color: #fff; background: #38ad5a }
.single-post-share-list .weibo { color: #ff0000; border-color: #ff0000 }
.single-post-share-list .weibo:hover { color: #fff; background: #ff0000 }
.single-post-share-list .qq { color: #39B2E2; border-color: #39B2E2 }
.single-post-share-list .qq:hover { color: #fff; background: #39B2E2 }
.single-post-author-social { position: relative }
.single-post-share-social { margin-bottom: 30px; position: relative; top: -3px }
@media screen and (min-width:30.0625em) {
.single-post-share-social { float: left; margin-bottom: 0 }
}
.single-post-share-social li { display: inline-block; position: relative; margin-right: 15px }
.single-post-share-social .social-btn { color: #b6bcc4; text-align: center; margin-right: 4px }
.single-post-share-social .social-btn:hover { color: #7e8896 }
.single-post-share-social .social-btn .icon { position: relative; top: 6px }
.single-post-share-social .icon-star, .single-post-share-social .icon-share { font-size: 24px; font-size: 2.4rem }
.single-post-share-social .icon-heart { font-size: 22px; font-size: 2.2rem }
.icon-heart.active, .icon-star.active { color: #51aded }
.single-post-social__popup { z-index: 99999;border-radius: 3px; position: absolute; top: -40px; left: -110px; padding: 8px 10px; width: 260px; background-image: -webkit-linear-gradient(90deg, #000 0%, #242424 43%, #515151 100%); background-image: linear-gradient(-360deg, #000 0%, #242424 43%, #515151 100%); -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-transform: translateY(15px) scale(0.75); -moz-transform: translateY(15px) scale(0.75); -ms-transform: translateY(15px) scale(0.75); -o-transform: translateY(15px) scale(0.75); transform: translateY(15px) scale(0.75); -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); pointer-events: none; opacity: 0 }
.single-post-social__popup.active { pointer-events: auto; opacity: 1; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1) }
.single-post-social__popup a { font-size: 20px; font-size: 2rem; color: #fff; float: left; text-align: center; padding: 0 5px }
.single-post-social__popup i { width: 24px; height: 24px; display: block; line-height: 30px }
.single-post-social__popup:before { content: " "; height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 6px; border-top-color: rgba(24, 24, 24, 0.9); position: absolute; left: 50%; bottom: -12px; margin-left: -6px }
.single-post-social__popup .weibo:hover { color: #D04341 }
.single-post-social__popup .qq:hover { color: #2FA8DB }
.single-post-social__popup .twitter:hover { color: #1DACEB }
.single-post-social__popup .evernote:hover { color: #71B33F }
.single-post-social__popup .douban:hover { color: #2D923C }
.single-post-social__popup .renren:hover { color: #09509F }
.single-post-social__popup .mail:hover { color: #1DB0ED }
.single-post-author__avatar .avatar { width: 50px; height: 50px }
.single-post-author__info { font-size: 14px; font-size: 1.4rem; margin-left: 60px }
.single-post-author__info .single-post-author__name { font-size: 16px; font-size: 1.6rem; display: inline-block }
.single-post-author__info .single-post-author__name a { color: #747f8c; font-weight: bold }
.single-post-author__info .single-post-author__label { font-size: 12px; font-size: 1.2rem; margin-left: 10px; padding: 5px 10px; -webkit-border-radius: 3px; border-radius: 3px; background: #b6bcc4; color: #fff; font-weight: bold }
.single-post-author__info .single-post-author__bio { margin-top: 15px }
.single-post-relate ul { margin-bottom: 0; font-size: 16px; font-size: 1.6rem; line-height: 1.5 }
@media screen and (min-width:48.0625em) {
.single-post-relate ul { font-size: 14px; font-size: 1.4rem }
}
.single-post-relate li { width: 100%; margin-bottom: 30px }
@media screen and (min-width:30.0625em) {
.single-post-relate li { float: left; display: inline-block; margin-right: 5%; margin-bottom: 0; width: 30% }
.single-post-relate li:last-child { margin-right: 0 }
}
.single-post-relate__image { margin-bottom: 10px }
.single-post-relate__title:hover { color: #51aded }
.single-post-comment { margin-top: 30px; margin-bottom: 30px }
.single-post-comment-reply { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e6eaed }
.single-post-comment__form { margin-bottom: 30px }
.single-post-comment__form .textarea { margin-bottom: 5px; padding: 10px; min-height: 120px; width: 100% !important; border: none; background: #e6eaed; color: #747f8c }
.single-post-comment__form .textarea::-webkit-input-placeholder { font-size: 16px; font-size: 1.6rem }
.single-post-comment__form .textarea:-moz-placeholder { font-size: 16px; font-size: 1.6rem }
.single-post-comment__form .textarea::-moz-placeholder { font-size: 16px; font-size: 1.6rem }
.single-post-comment__form .textarea:-ms-input-placeholder { font-size: 16px; font-size: 1.6rem }
.single-post-comment__form .tip { font-size: 12px; font-size: 1.2rem }
.single-post-comment__bottom { line-height: 34px }
.single-post-comment__bottom .avatar { margin: 5px 5px 5px 0; width: 24px; height: 24px }
.single-post-comment__bottom .username { font-size: 12px; font-size: 1.2rem }
.single-post-comment__bottom .logout { margin-left: 20px }
.single-post-comment__bottom .comment-submit-btn { font-size: 14px; font-size: 1.4rem; display: inline-block; width: 120px; height: 34px; padding: 0; background: #51aded; color: #fff; text-align: center; font-weight: bold; line-height: 34px }
.single-post-comment__bottom .comment-submit-btn:hover { background: #3fa4eb }
.single-post-comment__comments { font-size: 14px; font-size: 1.4rem; color: #323232 }
@media screen and (min-width:48.0625em) {
.single-post-comment__comments { font-size: 16px; font-size: 1.6rem }
}
.single-post-comment__comments .comment { margin-bottom: 20px }
.single-post-comment__comments .postmeta, .single-post-comment__comments .commemt-main { margin-bottom: 10px }
.single-post-comment__comments .commemt-main a.at_user { color: #51aded; font-weight: bold }
.comment-wrapper { margin-left: 60px }
.comment-wrapper .opts li { float: left; margin-right: 20px; color: #B6BCC4 }
.comment-wrapper .opts i { font-size: 16px; font-size: 1.6rem; position: relative; top: 3px; margin-right: 4px }
.comment-wrapper .like, .comment-wrapper .reply { font-size: 14px; font-size: 1.4rem; color: #b6bcc4 }
.comment-wrapper .like:hover, .comment-wrapper .reply:hover { color: #7e8896 }
.category-header { margin-bottom: 30px; font-weight: bold }
.category-header .category-header__info { margin-bottom: 20px }
.category-header .category-header__title { font-size: 22px; font-size: 2.2rem }
@media screen and (min-width:30.0625em) {
.category-header .category-header__title { font-size: 30px; font-size: 3rem }
}
.category-header .category-header__bio { font-size: 14px; font-size: 1.4rem; font-weight: normal }
.category-header .category-header__status { font-size: 32px; font-size: 3.2rem }
@media screen and (min-width:30.0625em) {
.category-header .category-header__status { font-size: 48px; font-size: 4.8rem }
}
.category-header .category-header__status span { float: left; padding-right: 20px; padding-left: 20px }
.category-header .category-header__status .week { border-right: 1px solid #e6eaed }
.category-header .category-header__status .total { padding-right: 0 }
.category-header .category-header__status i { display: block; font-size: 12px }
.category-headline { position: relative; margin-bottom: 30px }
.category-headline h1 { position: absolute; bottom: 20px; left: 20px; margin-bottom: 0; color: #fff; font-weight: bold; font-size: 1.5em }
.category-popular { font-size: 14px; font-size: 1.4rem; padding-bottom: 30px; border-bottom: 1px solid #e6eaed; color: #747f8c }
.category-popular h3 { font-size: 12px; font-size: 1.2rem; margin-bottom: 20px }
@media screen and (min-width:30.0625em) {
.category-popular h3 { font-size: 14px; font-size: 1.4rem }
}
.category-popular .category-popular__list li { margin-bottom: 20px }
.category-popular .category-popular__list li:last-child { margin-bottom: 0 }
.category-popular .category-popular__list span { font-size: 12px; font-size: 1.2rem; margin-bottom: 10px }
@media screen and (min-width:30.0625em) {
.category-popular .category-popular__list span { font-size: 14px; font-size: 1.4rem; float: left; margin-left: 0 }
}
@media screen and (min-width:30.0625em) {
.category-popular .category-popular__list h1 { font-size: 16px; font-size: 1.6rem; margin-left: 80px }
}
.category-topic { margin-bottom: 30px; border-bottom: 1px solid #e6eaed }
.category-topic__topics { margin-bottom: 40px; width: 100% }
@media screen and (min-width:30.0625em) {
.category-topic__topics { float: left; width: 50% }
.category-topic__topics:nth-child(odd) { padding-right: 20px; border-right: 1px solid #e6eaed }
.category-topic__topics:nth-child(even) { padding-left: 20px }
}
.category-topic__title { font-size: 14px; font-size: 1.4rem; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e6eaed }
.category-topic__title .topic a { font-weight: bold }
.category-topic__title .viewall a { color: #747f8c }
.category-topic__list li { margin-bottom: 20px }
.category-topic__list li:last-child { margin-bottom: 0 }
.category-topic__list a { color: #747f8c; font-weight: bold }
.category-topic__list a:hover { color: #51aded }
.category-tag h3 { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; font-weight: bold }
.icon-hot { font-size: 20px; font-size: 2rem; position: relative; top: 3px; margin-right: 10px }
.category-tag__tags { margin-bottom: 20px }
.category-tag__tags .topic { font-size: 14px; font-size: 1.4rem }
.category-tag__tags .topic { float: none; margin-bottom: 20px }
@media screen and (min-width:30.0625em) {
.category-tag__tags .topic { float: left; margin-bottom: 0 }
}
.category-tag__list { text-align: left }
@media screen and (min-width:30.0625em) {
.category-tag__list { margin-left: 150px }
}
.category-tag__list li { display: inline-block; padding: 0 8px }
@media screen and (min-width:30.0625em) {
.category-tag__list li { display: inherit; float: left }
}
.category-tag__list a { display: inline-block; padding-bottom: 10px; color: #747f8c; font-size: 14px }
.event { margin-bottom: 30px }
.sidebar { min-width: 280px; display: none }
.sidebar section { font-size: 14px; font-size: 1.4rem; line-height: 1.5; margin-bottom: 30px; position: relative }
.sidebar h3 { color: #fff; font-size: 12px; font-size: 1.2rem; font-weight: 600; text-align: center; line-height: 28px; background: #51aded; width: 86px; height: 28px; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3) }
@media screen and (min-width:75.0625em) {
.sidebar { float: left; display: block; width: 280px }
}
.sidebar-popular__list, .sidebar-sponsored__list { border-top: 1px solid #51aded; padding-top: 10px }
.sidebar-popular__list h1, .sidebar-sponsored__list h1 { margin-left: 70px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.sidebar-popular__posts, .sidebar-sponsored__posts { border-bottom: 1px solid #e6eaed; padding-bottom: 10px; margin-bottom: 10px }
.sidebar-popular__posts:last-child, .sidebar-sponsored__posts:last-child { margin-bottom: 0 }
.sidebar-apps__list { border-top: 1px solid #51aded; border-bottom: 1px solid #e6eaed; padding-top: 10px; padding-bottom: 10px }
.sidebar-apps__intro { margin-bottom: 10px }
.sidebar-apps__title { margin-bottom: 10px }
.sidebar-apps__meta { margin-left: 97px }
.sidebar-apps__download { color: #51aded; height: 30px; line-height: 30px; padding-left: 25px; padding-right: 25px; display: inline-block; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #51aded }
.sidebar-apps__download:hover { background: #51aded; color: #fff }
.sidebar-comments__list { border-top: 1px solid #51aded; padding-top: 10px; padding-bottom: 10px }
.sidebar-comments__list>div { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e6eaed }
.sidebar-comments__list .sidebar-comments__comment { color: #38485a; padding: 10px 20px; border-radius: 3px; background: #e6eaed; margin-top: 10px; margin-bottom: 10px; position: relative }
.sidebar-comments__list .sidebar-comments__comment:before { content: " "; height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 5px; border-bottom-color: #e6eaed; position: absolute; left: 20px; top: -10px }
.sidebar-comments__list .sidebar-comments__title { font-size: 12px }
.sidebar-comments__list .sidebar-comments__title a { margin-left: 5px }
.sidebar-tab { min-height: 300px; border: 1px solid #e6eaed }
.sidebar-tab__tabs a { display: block; color: #51aded; font-weight: bold }
.sidebar-tab__tabs li { float: left; width: 92px; height: 34px; text-align: center; line-height: 34px; border-bottom: 1px solid #e6eaed }
.sidebar-tab__tabs .tab-36krplus { width: 92px !important; border-left: 1px solid #e6eaed; border-right: 1px solid #e6eaed }
.sidebar-tab__wrapper>div { padding: 10px 20px }
.sidebar-tab__wrapper li { margin-bottom: 10px }
.sidebar-tab__wrapper a { padding-left: 5px; margin-left: -5px; border-left: 4px solid #51aded }
.footer { padding: 40px 0; width: 100%; border-top: 1px solid #373a3c; background: #444749; color: rgba(236, 235, 231, 0.5) }
.footer h3 { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; color: #fff }
.footer li { font-size: 14px; font-size: 1.4rem; line-height: 2 }
.footer a { color: rgba(178, 193, 212, 0.92) }
.footer a:hover { border-bottom: 1px solid rgba(172, 172, 164, 0.7) }
.footer .row>div { margin-bottom: 20px }
@media screen and (min-width:58.4375em) {
.footer .row>div { float: left; display: block; margin-right: 2.5641%; width: 23.07692% }
.footer .row>div:last-child { margin-right: 0 }
}
@media screen and (min-width:86.4375em) {
.footer .row>div { float: left; display: block; margin-right: 1.69492%; width: 23.72881% }
.footer .row>div:last-child { margin-right: 0 }
}
.footer .footer-partner li { margin-bottom: 20px }
.footer .footer-partner a { border-bottom: none }
.footer .footer-copyright { margin-top: 20px }
.footer .footer-copyright p { font-size: 12px; font-size: 1.2rem; margin-bottom: 10px }
.pop-in.mfp-bg { background-color: rgba(61, 67, 76, 0.7); background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6)); background-image: radial, ,rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6); opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; transition: opacity 0.3s linear }
.pop-in.mfp-bg.mfp-ready { opacity: 1; filter: alpha(opacity=100); pointer-events: auto }
.pop-in.mfp-bg.mfp-removing { opacity: 0; filter: alpha(opacity=0) }
.pop-in.mfp-removing .panel { -webkit-animation: hidePanel 0.5s ease; -moz-animation: hidePanel 0.5s ease; animation: hidePanel 0.5s ease }
.pop-in .panel { opacity: 1; -webkit-animation: showPanel 0.5s ease; -moz-animation: showPanel 0.5s ease; animation: showPanel 0.5s ease-in }
.panel { font-size: 14px; font-size: 1.4rem; position: absolute; width: 480px; height: 420px; left: 50%; top: 50%; margin: -210px 0 0 -240px; padding: 30px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 0 8px 1px, rgba(0, 0, 0, 0.1) 0 0 0 1px; box-shadow: rgba(0, 0, 0, 0.2) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 0 8px 1px, rgba(0, 0, 0, 0.1) 0 0 0 1px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; background-color: #FFF }
@media screen and (max-width:30em) {
.panel { width: 320px; height: 420px; left: 50%; top: 50%; margin: -210px 0 0 -160px }
}
.panel form { height: 100% }
.panel h3 { margin-bottom: 10px; font-weight: bold; text-align: center }
.panel .login-social a { color: #fff; font-size: 14px; font-size: 1.4rem; text-align: center; display: inline-block; float: left; margin-right: 20px; width: 200px; height: 40px; line-height: 40px }
.panel .login-social a:nth-child(2n) { margin-right: 0 }
@media screen and (max-width:30em) {
.panel .login-social a { width: 120px }
}
.panel hr { margin: 20px 0; height: 1px; border: 0; width: 100%; background: #e6eaed }
.panel .login-social__weibo, .panel .login-social__qq { margin-bottom: 10px }
.panel .login-social__weibo { background: #D04341 }
.panel .login-social__weibo:hover { background: #cb3432 }
.panel .login-social__qq { background: #34C8F4 }
.panel .login-social__qq:hover { background: #21c3f3 }
.panel .login-social__renren { background: #1469B4 }
.panel .login-social__renren:hover { background: #125ea2 }
.panel .login-social__github { background: #6e6e6e }
.panel .login-social__github:hover { background: #646464 }
.panel .login input, .panel .register input { color: #747f8c; background: #e6eaed; -webkit-box-shadow: 0 0 0 1000px #e6eaed inset; min-height: 40px; width: 100% !important; padding: 10px 10px 10px 30px; margin-bottom: 10px; border: none }
.panel .login__links { margin-top: 10px }
.panel .login__links p { display: inline-block; margin-top: 10px }
.panel .submit { color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: bold; width: 120px; height: 40px; padding: 0; line-height: 40px; background: #51aded }
.panel .submit:hover { background: #3fa4eb }
.panel .register-section { display: none }
.panel input { font-family: "Cabin", sans-serif }
.login>div, .register>div { position: relative }
.login i, .register i { position: absolute; top: 13px; left: 10px }
.login-social i { font-size: 18px; font-size: 1.8rem; margin-right: 5px; vertical-align: middle }
.longweibo-section img { width: 420px; height: 260px }
.weixin-section img { width: 200px; height: 200px; position: absolute; margin: -100px 0 0 -100px; left: 50%; top: 50% }
#panel-weibo .submit { margin: 0 130px }
@media screen and (max-width:30em) {
#panel-weibo .submit { margin: 0 50px }
}
@-webkit-viewport { width: device-width; zoom: 1.0 }
@-moz-viewport { width: device-width; zoom: 1.0 }
@-ms-viewport { width: device-width; zoom: 1.0 }
@-o-viewport { width: device-width; zoom: 1.0 }
@viewport { width: device-width; zoom: 1.0 }
.tabs { display: none; visibility: hidden }
.js .tabs { display: block; visibility: visible }
.tabs a, .tabs button { cursor: pointer }
.js .tabs-pane { display: none; visibility: hidden }
.tabs-pane.active { display: block; visibility: visible }
.tabs-horizontal, .tabs-stacked { list-style: none; margin-left: 0; border-top: 0.07143em solid gray; background-color: #f4f4f4 }
.tabs-horizontal>li, .tabs-stacked>li { display: inline-block; float: none; padding: 0.5em 1em }
.tabs-horizontal a, .tabs-stacked a { color: #808080; text-decoration: none }
.tabs-horizontal>.active, .tabs-stacked>.active { background-color: #ffffff }
.tabs-horizontal a:hover, .tabs-stacked a:hover, .tabs-horizontal>.active>a, .tabs-stacked>.active>a { color: #272727; text-decoration: none }
@media (min-width:40em) {
.tabs-stacked { border: none; margin-left: 0; padding-left: 0; padding-top: 1em; padding-bottom: 1em }
.tabs-stacked>li, .tabs-stacked>li>a { display: block; width: 100% }
}
.tabs:before, .tabs:after { display: table; content: ""; zoom: 1 }
.tabs:after { clear: both }
.widearea-overlayLayer { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999998; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out }
.widearea-overlayLayer.light { background-color: #fff }
.widearea-overlayLayer textarea { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out }
.widearea-overlayLayer.light textarea { color: #ccc; background-color: #fff }
.widearea-overlayLayer.light textarea:hover, .widearea-overlayLayer.light textarea:focus { color: black }
.widearea-overlayLayer.dark { background-color: #2f3030 }
.widearea-overlayLayer.dark textarea { color: #999; background-color: #2f3030 }
.widearea-overlayLayer.dark textarea:hover, .widearea-overlayLayer.dark textarea:focus { color: #eee }
.widearea-wrapper { width: 100% !important; position: relative; margin-bottom: 5px }
.widearea-wrapper textarea { padding-right: 20px !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important }
textarea.widearea-fullscreen { padding: 20px !important; padding-top: 30px !important; border: none !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; max-width: 900px !important; height: 100% !important; width: 100% !important; outline: none !important; margin: 0 auto !important; display: block !important; font-size: 20px !important; box-shadow: none !important; resize: none !important; line-height: 1.6em !important }
.widearea-controlPanel { position: absolute; right: 0; top: 0; padding-top: 30px; padding-right: 20px }
.widearea-icons { width: 16px; height: 16px; position: absolute; top: 12px; right: 10px; padding-right: 6px }
.widearea-icon { height: 16px; width: 17px; background-repeat: no-repeat; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: .5; opacity: .5; display: block; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out }
.widearea-icon:hover { -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; opacity: 1 }
.widearea-icon.fullscreen { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAdElEQVQ4y2Moqe9hwIOVgdgXG2YgoBGnZmI0grANORr1yLFRE02DLbEa3ZE0GQAxIxCrEqNRDYi9gFgXqgkmrsoANQFZsTYQewKxBj5DGaDOgGnWR3KaJzEaUTwOxTrEakTG+mh+IkqjHSFN+GxUJVcjQc0AeJ87GvESuWcAAAAASUVORK5CIIA=) }
.widearea-icon.close { width: 18px; height: 18px; margin-bottom: 15px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RDBEOEJEOEI3MzAxMUUyQjA3QkQ4Nzg0REMzNTFCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RDBEOEJEOUI3MzAxMUUyQjA3QkQ4Nzg0REMzNTFCNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVEMEQ4QkQ2QjczMDExRTJCMDdCRDg3ODREQzM1MUI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVEMEQ4QkQ3QjczMDExRTJCMDdCRDg3ODREQzM1MUI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+g7ns7AAAANNJREFUeNqs1NsNwjAMBdBwFyAjdIN2hK7BDqzAD4wAM8AaHaHZoCMkG+AgWzJVcPyBJUt9JEdqepPD9f4MVBP1Qr1Rz9Q52BV5/FDHX86nFQo5Uo98HR3IyHOW2+M1QSFSFqYRqQ8G/px9tbAWIrWB1yR1MAupc2fwwvYwE6HFzuAHPcxE6g3UCwtrIjom2A3wYKmVNYQ/FRw58UTjC/IgPzE4kGRFg7ZHFKgbtl7OKgYHkj2hBR8Fnl9sYYPstdLLiYEV2WurwpLjYNNYkYPtLcAArD5XIbBkA6MAAAAASUVORK5CYII=) }
.widearea-icon.changeTheme { width: 18px; height: 18px; clear: both; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQkQ1QjdDM0I3MzgxMUUyQjA3QkQ4Nzg0REMzNTFCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQkQ1QjdDNEI3MzgxMUUyQjA3QkQ4Nzg0REMzNTFCNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVEMEQ4QkRFQjczMDExRTJCMDdCRDg3ODREQzM1MUI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRCRDVCN0MyQjczODExRTJCMDdCRDg3ODREQzM1MUI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AzMsvAAAATRJREFUeNpibJq8jAEHcABibSDmB+L/QPwBiK8D8QFkRbU5kWCaBYsBUUBcAMSmOCw4CsTTgBjFBUxIbGYgngrES6GGnAfiaiiNDKyhaqYiOwTZIJAtWUD8CYhTgdgIiNuA+B4Ol2VBDUMxKBCI04D4NxC7AfEcJA1sDLhBWvOU5cEwg9iBuBPJlpMMpIF6oGHsTNDwUIV6YQ4D6UAXZAbIIGOowAoG8oEByCA+KOcJBQYJMTFQB3AwQaMbBGQoMOgpyKCzUE4EBQZdBBl0GohvA7ESEKeQYchlkBkgg34CcTlS6jYn0aBGYMb9CQvs9UA8C4hZgXgXmst+4TFkFtCQteh5LQvqIlBymA3E54C4CuplbACkNhvGQS5G/kIljiIVI4bEFiPYyqNlUExUwQYDAAEGANGJQntFVY0xAAAAAElFTkSuQmCC) }
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; opacity: 0.8; filter: alpha(opacity=80) }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden }
.mfp-container { text-align: center; width: 100%; height: 100%; left: 0; top: 0 }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle }
.mfp-align-top .mfp-container:before { display: none }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto }
.mfp-ajax-cur { cursor: progress }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in }
.mfp-auto-cursor .mfp-content { cursor: auto }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.mfp-loading.mfp-figure { display: none }
.mfp-hide { display: none !important }
.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044 }
.mfp-preloader a { color: #cccccc }
.mfp-preloader a:hover { color: white }
.mfp-s-ready .mfp-preloader { display: none }
.mfp-s-error .mfp-content { display: none }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none }
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100) }
.mfp-close:active { top: 1px }
.mfp-close-btn-in .mfp-close { color: #333333 }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100% }
.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
.mfp-arrow:active { margin-top: -54px }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100) }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7 }
.mfp-arrow-left { left: 0 }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #fff; margin-left: 31px }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f }
.mfp-arrow-right { right: 0 }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #fff; margin-left: 39px }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px }
.mfp-iframe-holder .mfp-close { top: -40px }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; padding: 40px 0 40px; margin: 0 auto }
.mfp-figure { line-height: 0 }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444 }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px }
.mfp-figure figure { margin: 0 }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px }
.mfp-image-holder .mfp-content { max-width: 100% }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer }
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 }
.mfp-img-mobile img.mfp-img { padding: 0 }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0 }
}
@media all and (max-width:900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75) }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% }
}
.mfp-ie7 .mfp-img { padding: 0 }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px }
.mfp-ie7 .mfp-container { padding: 0 }
.mfp-ie7 .mfp-content { padding-top: 44px }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0 }
.content-wrapper {box-shadow: 0 0 20px 5px rgba(0,0,0,0.2);padding-top: 30px;}
pre{word-wrap: break-word;word-break: break-all;overflow: hidden;white-space: pre-wrap;}
.one .small{background-color:#434749;background-image:-webkit-linear-gradient(bottom, rgba(255,94,58,0.8) 0%,rgba(255,42,104,0.8) 100%);background-image:linear-gradient(to top, rgba(255,94,58,0.8) 0%,rgba(255,42,104,0.8) 100%)}
.two .small{background-color:#434749;background-image:-webkit-linear-gradient(bottom, rgba(88,86,214,0.8) 0%,rgba(198,68,252,0.8) 100%);background-image:linear-gradient(to top, rgba(88,86,214,0.8) 0%,rgba(198,68,252,0.8) 100%)}
.three .small{background-color:#434749;background-image:-webkit-linear-gradient(bottom, rgba(90,200,251,0.8) 0%,rgba(82,237,199,0.8) 100%);background-image:linear-gradient(to top, rgba(90,200,251,0.8) 0%,rgba(82,237,199,0.8) 100%)}
.four .small{background-color:#434749;background-image:-webkit-linear-gradient(bottom, rgba(29,98,240,0.8) 0%,rgba(26,214,253,0.8) 100%);background-image:linear-gradient(to top, rgba(29,98,240,0.8) 0%,rgba(26,214,253,0.8) 100%)}
section.sidebar-tab.side-fixed {top: 0px !important;}
section.sidebar-tab.side-fixed.scroll-to-fixed-fixed {background-color: white;top: 65px !important;}#colorbox.crayon-colorbox,#cboxOverlay.crayon-colorbox,.crayon-colorbox #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay.crayon-colorbox{position:fixed;width:100%;height:100%}.crayon-colorbox #cboxMiddleLeft,.crayon-colorbox #cboxBottomLeft{clear:left}.crayon-colorbox #cboxContent{position:relative}.crayon-colorbox #cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}.crayon-colorbox #cboxTitle{display:none!important}.crayon-colorbox #cboxLoadingOverlay,.crayon-colorbox #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}.crayon-colorbox #cboxPrevious,.crayon-colorbox #cboxNext,.crayon-colorbox #cboxClose,.crayon-colorbox #cboxSlideshow{cursor:pointer}.crayon-colorbox .cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.crayon-colorbox .cboxIframe{width:100%;height:100%;display:block;border:0}#colorbox.crayon-colorbox,.crayon-colorbox #cboxContent,.crayon-colorbox #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay.crayon-colorbox{background:#000}#colorbox.crayon-colorbox{outline:0}.crayon-colorbox #cboxContent{margin-top:20px;background:#000}.crayon-colorbox .cboxIframe{background:#fff}.crayon-colorbox #cboxError{padding:50px;border:1px solid #ccc}.crayon-colorbox #cboxLoadedContent{border:5px solid #000;background:#fff}.crayon-colorbox #cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}.crayon-colorbox #cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}.crayon-colorbox #cboxPrevious,.crayon-colorbox #cboxNext,.crayon-colorbox #cboxSlideshow,.crayon-colorbox #cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}.crayon-colorbox #cboxPrevious:active,.crayon-colorbox #cboxNext:active,.crayon-colorbox #cboxSlideshow:active,.crayon-colorbox #cboxClose:active{outline:0}.crayon-colorbox #cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}.crayon-colorbox #cboxContent{margin-top:0}.crayon-colorbox #cboxLoadedContent{border:0}#crayon-main-wrap .form-table th{width:100px}#crayon-log{display:none;max-height:200px;border-color:#dfdfdf;background-color:white;border-width:1px;border-style:solid;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin:1px;padding:3px;overflow:auto;white-space:pre;margin-bottom:5px}.crayon-span,.crayon-span-5,.crayon-span-10,.crayon-span-50,.crayon-span-100,.crayon-span-110{line-height:24px;display:inline-block}.crayon-span-5{min-width:5px}.crayon-span-10{min-width:10px}.crayon-span-50{min-width:50px}.crayon-span-100{min-width:100px}.crayon-span-110{min-width:117px}.crayon-span-margin{margin-left:5px}#height_mode,#width_mode{min-width:65px}.crayon-error{color:#F00}.crayon-success{color:#00F}.crayon-warning{color:#ff8000}.crayon-help{min-height:30px;padding:5px 10px}.crayon-help .crayon-help-close,.crayon-help .crayon-help-close:active,.crayon-help .crayon-help-close:hover{text-decoration:none;float:right;color:#000}.crayon-help span,.crayon-help a{margin:0;padding:0;font-size:12px}#crayon-log-text{font:11px/13px Monaco,'MonacoRegular','Courier New',monospace}#crayon-log-controls{float:left;margin-right:5px}.crayon-table{font-size:12px;border:1px solid #999;padding:0;margin:0;margin-top:12px}.crayon-table td{vertical-align:top;border-bottom:1px solid #AAA;padding:0 6px;margin:0;background:#EEE}.crayon-table-light td{background:#f8f8f8}.crayon-table-header td{font-weight:bold;background:#CCC}.crayon-table-last td,.crayon-table tr:last-child td{border:0}#lang-info div{padding:5px 0}.crayon-table .not-parsed{color:#F00}.crayon-table .parsed-with-errors{color:#f90}.crayon-table .successfully-parsed{color:#77a000}#crayon-live-preview,#crayon-log-wrapper{padding:0;width:100%;float:left;clear:both}#crayon-live-preview{float:none;padding:0}#crayon-logo{text-align:center}#crayon-info,#crayon-info td{border:0;padding:0 5px;margin:0}.crayon-admin-button{display:inline-block;text-align:center}#crayon-subsection-langs-info{margin-top:5px}#crayon-theme-editor-admin-buttons{display:inline}#crayon-theme-editor-admin-buttons .crayon-admin-button{margin-left:5px}#crayon-theme-info{display:table;padding:0;margin:0;margin-top:5px}#crayon-theme-info>div{display:table-cell;vertical-align:middle}#crayon-theme-info .content *{float:left}#crayon-theme-info .field{font-weight:bold}#crayon-theme-info .field,#crayon-theme-info .value{margin-left:5px}#crayon-theme-info .description.value{font-style:italic;color:#999}#crayon-theme-info .type{text-align:center;min-width:120px;font-weight:bold;border-right:1px solid #ccc;padding-right:5px}#crayon-theme-info .type.stock{color:#666}#crayon-theme-info .type.user{color:#5b9a00}#crayon-editor-table td{vertical-align:top}.small-icon{width:24px;height:24px;display:inline-block;margin:5px 5px 0 0}#twitter-icon{background:url(//www.91ri.org/wp-content/plugins/crayon-syntax-highlighter/css/images/twitter.png)}#gmail-icon{background:url(//www.91ri.org/wp-content/plugins/crayon-syntax-highlighter/css/images/google.png)}#docs-icon{background:url(//www.91ri.org/wp-content/plugins/crayon-syntax-highlighter/css/images/docs.png)}#git-icon{background:url(//www.91ri.org/wp-content/plugins/crayon-syntax-highlighter/css/images/github.png)}#wp-icon{background:url(//www.91ri.org/wp-content/plugins/crayon-syntax-highlighter/css/images/wordpress-blue.png)}#donate-icon{background:url(//www.91ri.org/wp-content/plugins/crayon-syntax-highlighter/css/images/donate.png);width:75px}#crayon-donate,#crayon-donate input{margin:0;display:inline;padding:0}#crayon-theme-editor-info a{text-decoration:none!important;font-style:italic!important;color:#666!important}#crayon-main-wrap .form-table .note{font-style:italic;color:#999}#crayon-change-code-text{width:400px;height:300px}.crayon-syntax{overflow:hidden!important;position:relative!important;direction:ltr;text-align:left;box-sizing:border-box;direction:ltr!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-text-size-adjust:none}.crayon-syntax div{background:0;border:0;padding:0;margin:0;text-align:left}.crayon-syntax.crayon-loading{visibility:hidden}.crayon-syntax,.crayon-syntax .crayon-main,.crayon-syntax .crayon-toolbar,.crayon-syntax .crayon-info,.crayon-syntax .crayon-plain,.crayon-syntax .crayon-code{width:100%}.crayon-syntax .crayon-main,.crayon-syntax .crayon-plain{overflow:auto}.crayon-syntax,.crayon-syntax .crayon-main,.crayon-syntax .crayon-plain,.crayon-syntax .crayon-table{padding:0;margin:0}.crayon-syntax-inline{margin:0 2px;padding:0 2px}.crayon-syntax .crayon-table{border:none!important;background:none!important;padding:0!important;margin-top:0!important;margin-right:0!important;margin-bottom:0!important;width:auto!important;border-spacing:0!important;border-collapse:collapse!important;table-layout:auto!important}.crayon-syntax .crayon-table td,.crayon-syntax .crayon-table tr{padding:0!important;border:none!important;background:0;vertical-align:top!important;margin:0!important}.crayon-syntax .crayon-invisible{display:none!important}.crayon-plain-tag{margin-bottom:12px}.crayon-popup .crayon-plain{display:block!important;width:100%!important;height:100%!important;opacity:100!important;position:relative!important}.crayon-popup-window{background:#fff}.crayon-syntax .crayon-num{text-align:center;padding:0 5px;margin:0}.crayon-syntax .crayon-toolbar{position:relative;overflow:hidden;z-index:4}.crayon-syntax .crayon-info{position:absolute;overflow:hidden;display:none;z-index:3;padding:0;min-height:18px;line-height:18px}.crayon-syntax .crayon-info div{padding:2px!important;text-align:center}.crayon-syntax .crayon-toolbar span{padding:0 4px!important}.crayon-syntax .crayon-toolbar .crayon-button{display:inline;float:left!important;position:relative;width:24px;background-repeat:no-repeat;line-height:15px;border:0;text-decoration:none}.crayon-toolbar .crayon-button,.crayon-toolbar .crayon-button:hover,.crayon-toolbar .crayon-button.crayon-pressed:hover{background-position:0 center}.crayon-toolbar .crayon-button.crayon-pressed,.crayon-toolbar .crayon-button:active,.crayon-toolbar .crayon-button.crayon-pressed:active{background-position:-24px 0}.crayon-toolbar .crayon-button.crayon-popup-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-popup-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-popup-button.crayon-pressed:hover .crayon-button-icon{background-position:0 0}.crayon-toolbar .crayon-button.crayon-copy-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-copy-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-copy-button.crayon-pressed:hover .crayon-button-icon{background-position:0 -16px}.crayon-toolbar .crayon-button.crayon-nums-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-nums-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-nums-button.crayon-pressed:hover .crayon-button-icon{background-position:0 -32px}.crayon-toolbar .crayon-button.crayon-plain-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-plain-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-plain-button.crayon-pressed:hover .crayon-button-icon{background-position:0 -48px}.crayon-toolbar .crayon-button.crayon-mixed-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-mixed-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-mixed-button.crayon-pressed:hover .crayon-button-icon{background-position:0 -64px}.crayon-toolbar .crayon-button.crayon-minimize .crayon-button-icon{background-position:0 -80px;background-color:transparent!important}.crayon-toolbar .crayon-button.crayon-expand-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-expand-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-expand-button.crayon-pressed:hover .crayon-button-icon{background-position:0 -96px}.crayon-toolbar .crayon-button.crayon-wrap-button .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-wrap-button:hover .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-wrap-button.crayon-pressed:hover .crayon-button-icon{background-position:0 -112px}.crayon-toolbar .crayon-button.crayon-popup-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-popup-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-popup-button.crayon-pressed:active .crayon-button-icon{background-position:-24px 0}.crayon-toolbar .crayon-button.crayon-copy-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-copy-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-copy-button.crayon-pressed:active .crayon-button-icon{background-position:-24px -16px}.crayon-toolbar .crayon-button.crayon-nums-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-nums-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-nums-button.crayon-pressed:active .crayon-button-icon{background-position:-24px -32px}.crayon-toolbar .crayon-button.crayon-plain-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-plain-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-plain-button.crayon-pressed:active .crayon-button-icon{background-position:-24px -48px}.crayon-toolbar .crayon-button.crayon-mixed-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-mixed-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-mixed-button.crayon-pressed:active .crayon-button-icon{background-position:-24px -64px}.crayon-toolbar .crayon-button.crayon-minimize .crayon-button-icon{background-position:-24px -80px;background-color:transparent!important}.crayon-toolbar .crayon-button.crayon-expand-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-expand-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-expand-button.crayon-pressed:active .crayon-button-icon{background-position:-24px -96px}.crayon-toolbar .crayon-button.crayon-wrap-button.crayon-pressed .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-wrap-button:active .crayon-button-icon,.crayon-toolbar .crayon-button.crayon-wrap-button.crayon-pressed:active .crayon-button-icon{background-position:-24px -112px}.crayon-syntax .crayon-toolbar .crayon-language{padding-right:8px!important}.crayon-syntax .crayon-title,.crayon-syntax .crayon-language{float:left}.crayon-main::-webkit-scrollbar,.crayon-plain::-webkit-scrollbar{height:6px;overflow:visible;width:6px;background:#EEE}.crayon-main::-webkit-scrollbar-thumb,.crayon-plain::-webkit-scrollbar-thumb{background-color:#CCC;background-clip:padding-box;border:1px solid #AAA;box-shadow:inset 0 0 2px #999;min-height:8px;padding:0;border-width:1px}.crayon-main::-webkit-scrollbar-button,.crayon-plain::-webkit-scrollbar-button{height:0;width:0;padding:0}.crayon-main::-webkit-scrollbar-track,.crayon-plain::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 4px;border:1px solid #BBB;border-right:0;border-bottom:0}.crayon-main::-webkit-scrollbar-corner,.crayon-plain::-webkit-scrollbar-corner{background:#EEE}.crayon-main::-webkit-scrollbar-thumb:hover,.crayon-plain::-webkit-scrollbar-thumb:hover{background:#AAA;border:1px solid #777;box-shadow:inset 0 0 2px #777}.crayon-syntax .crayon-pre,.crayon-syntax pre{color:#000;white-space:pre;margin:0;padding:0;overflow:visible;background:none!important;border:none!important;tab-size:4}.crayon-syntax .crayon-line{padding:0 5px}.crayon-syntax.crayon-wrapped .crayon-line{white-space:pre-wrap!important;height:auto;word-break:break-all}.crayon-syntax-inline .crayon-pre,.crayon-syntax-inline pre{white-space:normal}.crayon-syntax-inline-nowrap .crayon-pre,.crayon-syntax-inline-nowrap pre{white-space:pre}.crayon-syntax{font-family:Monaco,'MonacoRegular','Courier New',monospace;font-weight:500}.crayon-syntax .crayon-toolbar *::selection,.crayon-syntax .crayon-nums *::selection{background:transparent}.crayon-table .crayon-nums-content{white-space:nowrap}.crayon-syntax .crayon-num,.crayon-syntax .crayon-pre .crayon-line,.crayon-syntax .crayon-toolbar *,.crayon-syntax .crayon-pre *{font-family:inherit;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;height:inherit}.crayon-syntax .crayon-toolbar .crayon-button .crayon-button-icon{background-image:url(//www.91ri.org/wp-content/plugins/crayon-syntax-highlighter/css/images/toolbar/buttons.png);height:16px!important;width:100%;position:absolute;left:0;top:50%;margin-top:-8px}.crayon-syntax .crayon-toolbar .crayon-tools{position:absolute;right:0}.crayon-syntax.crayon-expanded{position:absolute!important;margin:0!important}.crayon-syntax.crayon-expanded .crayon-main{overflow:hidden!important}.crayon-placeholder{width:100%!important}.crayon-toolbar-visible .crayon-toolbar{position:relative!important;margin-top:0!important;display:block!important}.crayon-syntax.crayon-expanded .crayon-toolbar .crayon-tools{position:relative;right:auto;float:left!important}.crayon-syntax .crayon-plain-wrap{height:auto!important;padding:0!important;margin:0!important}.crayon-syntax .crayon-plain{width:100%;height:100%;position:absolute;opacity:0;padding:0 5px;margin:0;border:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:none;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;white-space:pre;word-wrap:normal;overflow:auto;resize:none;color:#000;background:#FFF}.crayon-wrapped .crayon-plain{white-space:pre-wrap}.bbp-body .crayon-syntax{clear:none!important}.crayon-minimized .crayon-toolbar{cursor:pointer}.crayon-minimized .crayon-plain-wrap,.crayon-minimized .crayon-main,.crayon-minimized .crayon-toolbar .crayon-tools *{display:none!important}.crayon-minimized .crayon-toolbar .crayon-tools .crayon-minimize{display:block!important}.crayon-minimized .crayon-toolbar{position:relative!important}.crayon-syntax.crayon-minimized .crayon-toolbar{border-bottom:none!important}.crayon-te *,#crayon-te-bar-content{font-family:"Lucida Grande",Arial,sans-serif!important;font-size:12px}.crayon-te input[type="text"],.crayon-te textarea{background:#f9f9f9;border:1px solid #CCC;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);padding:2px 4px;-webkit-border-radius:3px;border-radius:3px;border-width:1px;border-style:solid}.crayon-te #crayon-code{font-family:monospace!important}#crayon-te-content,#crayon-te-table{width:100%;height:auto!important}#crayon-range,#crayon-mark{width:100px}#crayon-te-table th,#crayon-te-table td{vertical-align:top;text-align:left}.rtl #crayon-te-table th,.rtl #crayon-te-table td{text-align:right}#crayon-te-table .crayon-tr-center td,#crayon-te-table .crayon-tr-center th{vertical-align:middle}#crayon-te-table .crayon-nowrap{white-space:nowrap}#crayon-te-bar{position:absolute;top:0;left:0;width:100%}#crayon-te-bar-content{border:1px solid #666;border-bottom:0;height:26px;line-height:25px;padding:0 8px;padding-right:0;background-color:#222;color:#cfcfcf}#crayon-te-bar-content a{line-height:25px;padding:5px 10px;color:#DDD;font-weight:bold;text-decoration:none!important}#crayon-te-bar-content a:hover{color:#FFF}.crayon-te-seperator{color:#666;margin:0;padding:0}#crayon-te-bar-block{height:34px;width:100%}#crayon-te-title{float:left}#crayon-te-controls{float:right}#crayon-url-th{vertical-align:top!important;padding-top:5px}.crayon-te-heading{font-size:14px;font-weight:bold}#crayon-te-settings-info{text-align:center}.crayon-te-section{font-weight:bold;padding:0 10px}#crayon-te-sub-section{margin-left:10px}#crayon-te-sub-section .crayon-te-section{font-weight:normal;padding:0}#crayon-code{height:200px;white-space:pre}#crayon-code,#crayon-url{width:555px!important}.crayon-disabled{background:#EEE!important}.qt_crayon_highlight{background-image:-ms-linear-gradient(bottom,#daf2ff,white)!important;background-image:-moz-linear-gradient(bottom,#daf2ff,white)!important;background-image:-o-linear-gradient(bottom,#daf2ff,white)!important;background-image:-webkit-linear-gradient(bottom,#daf2ff,white)!important;background-image:linear-gradient(bottom,#daf2ff,white)!important}.qt_crayon_highlight:hover{background:#ddebf2!important}.crayon-tag-editor-button-wrapper{display:inline-block}.mce_crayon_tinymce{padding:0!important;margin:2px 3px!important}.mce-i-crayon_tinymce,.mce_crayon_tinymce{background:url(//www.91ri.org/wp-content/plugins/crayon-syntax-highlighter/css/images/crayon_tinymce.png) 0 0!important}a.mce_crayon_tinymce{background-position:2px 0!important}.wp_themeSkin .mceButtonEnabled:hover span.mce_crayon_tinymce,.wp_themeSkin .mceButtonActive span.mce_crayon_tinymce{background-position:-20px 0}.wp_themeSkin span.mce_crayon_tinymce{background:none!important}#crayon-te-table{margin-top:26px;padding:10px;border-collapse:separate!important;border-spacing:2px!important}#crayon-te-table th{width:100px}#crayon-te-clear{margin-left:10px;color:#666;background-color:#f4f4f4;border:1px solid #CCC;border-radius:3px;margin-left:8px}#crayon-title{width:360px}#TB_window.crayon-te-ajax{overflow:auto!important}#TB_window.crayon-te-ajax,#TB_window.crayon-te-ajax #TB_ajaxContent,#TB_window.crayon-te-ajax #TB_title{width:680px!important}#TB_window.crayon-te-ajax #TB_ajaxContent{padding:0!important;margin:0!important;width:100%!important;height:auto!important;margin-top:28px!important}#TB_window.crayon-te-ajax #TB_title{position:fixed!important}#TB_window.crayon-te-ajax #TB_title .crayon-te-submit{margin-top:3px!important;float:right!important}#TB_window.crayon-te-ajax a{color:#2587e2;text-decoration:none}#TB_window.crayon-te-ajax a:hover{color:#499ce9}.crayon-te-quote{background:#DDD;padding:0 2px}#crayon-te-submit-wrapper{display:none}#crayon-te-clear{display:none;margin:0;margin-top:10px}.crayon-syntax-pre{background:red;white-space:pre;overflow:auto;display:block;word-wrap:break-word}.crayon-question{padding:1px 4px!important;text-decoration:none!important;color:#83b3cb!important;border-radius:10px!important;height:15px!important;width:15px!important}.crayon-question:hover{background:#83b3cb!important;color:white!important;height:15px!important;width:15px!important}.crayon-setting-changed,.crayon-setting-selected{background:#fffaad!important}.crayon-question:hover{color:white;background:#a6d6ef}#crayon-te-warning{display:none}.crayon-te-info{padding:5px!important;margin:2px 0!important}#crayon-te-submit{margin-bottom:5px}.crayon-theme-github {
margin-bottom: 25px !important;
border: 1px solid #dedede !important;
background-color: #f8f8ff !important;
font-size: 100% !important;
line-height: 130% !important;
}
.crayon-theme-github .crayon-toolbar {
border-bottom: 1px solid #dedede !important;
background-color: #eee !important;
}
.crayon-theme-github .crayon-toolbar .crayon-language,
.crayon-theme-github .crayon-toolbar .crayon-title {
font-size: 80% !important;
color: #666 !important;
}
.crayon-theme-github .crayon-table .crayon-nums {
background-color: #eee !important;
}
.crayon-theme-github .crayon-table .crayon-nums-content {
padding-top: 5px !important;
padding-bottom: 3px !important;
}
.crayon-theme-github .crayon-table .crayon-num {
min-width: 1.2em !important;
border-right: 1px solid #dedede !important;
text-align: right !important;
color: #aaa !important;
}
.crayon-theme-github .crayon-pre {
padding-top: 5px !important;
padding-bottom: 3px !important;
}
.crayon-theme-github .crayon-marked-line {
background: #fffee2 !important;
}
.crayon-theme-github .crayon-marked-num {
color: #1561ac !important;
background: #b3d3f4 !important;
border-width: 1px !important;
border-color: #5999d9 !important;
}
.crayon-theme-github .crayon-pre .crayon-c {
color: #999 !important;
font-style: italic !important;
}
.crayon-theme-github .crayon-pre .crayon-s {
color: #d14 !important;
}
.crayon-theme-github .crayon-pre .crayon-p {
color: #b85c00 !important;
}
.crayon-theme-github .crayon-pre .crayon-ta {
color: #FF0000 !important;
}
.crayon-theme-github .crayon-pre .crayon-k {
color: teal !important;
}
.crayon-theme-github .crayon-pre .crayon-st {
color: #000 !important;
font-weight: bold !important;
}
.crayon-theme-github .crayon-pre .crayon-r {
color: #000 !important;
font-weight: bold !important;
}
.crayon-theme-github .crayon-pre .crayon-t {
color: #800080 !important;
font-weight: bold !important;
}
.crayon-theme-github .crayon-pre .crayon-m {
color: #800080 !important;
}
.crayon-theme-github .crayon-pre .crayon-i {
color: #000 !important;
}
.crayon-theme-github .crayon-pre .crayon-e {
color: teal !important;
}
.crayon-theme-github .crayon-pre .crayon-v {
color: #002D7A !important;
}
.crayon-theme-github .crayon-pre .crayon-cn {
color: #099 !important;
}
.crayon-theme-github .crayon-pre .crayon-o {
color: #006fe0 !important;
}
.crayon-theme-github .crayon-pre .crayon-sy {
color: #333 !important;
}
.crayon-theme-github .crayon-pre .crayon-n {
color: #666 !important;
font-style: italic;
}
.crayon-theme-github .crayon-pre .crayon-f {
color: #999 !important;
}
.crayon-theme-github .crayon-pre .crayon-h {
color: #006fe0 !important;
}@font-face {
font-family: 'MonacoRegular';
src: url(//www.91ri.org/wp-content/plugins/crayon-syntax-highlighter/fonts/monaco/monaco-webfont.eot);
src: url(//www.91ri.org/wp-content/plugins/crayon-syntax-highlighter/fonts/monaco/monaco-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.91ri.org/wp-content/plugins/crayon-syntax-highlighter/fonts/monaco/monaco-webfont.woff) format('woff'),
url(//www.91ri.org/wp-content/plugins/crayon-syntax-highlighter/fonts/monaco/monaco-webfont.ttf) format('truetype'),
url(//www.91ri.org/wp-content/plugins/crayon-syntax-highlighter/fonts/monaco/monaco-webfont.svg#MonacoRegular) format('svg');
font-weight: normal;
font-style: normal;
}
.crayon-font-monaco * {
font-family: Monaco, 'MonacoRegular', 'Courier New', monospace !important;
}