body { margin: 0; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 20px; color: #555; background-color: #eee; overflow-x: hidden }

iframe { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0 }

a { color: #0eadd8; text-decoration: none }
.site-blue { color: #0eadd8; }
a:focus, a:hover { color: #e77843; text-decoration: none }
::selection { background: #72d0eb; color: #fff; text-shadow: none }
::-moz-selection { background: #72d0eb; color: #fff; text-shadow: none }

@font-face { font-family: FontAwesome; src: url(fonts/fontawesome-webfont.eot?v=4.1.0); src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'),url(fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'),url(fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'),url(fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format('svg'); font-weight: 400; font-style: normal }

.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }

.fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% }

.fa-2x { font-size: 2em }

.fa-3x { font-size: 3em }

.fa-4x { font-size: 4em }

.fa-5x { font-size: 5em }

.fa-fw { width: 1.28571429em; text-align: center }

.fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none }

.fa-ul > li { position: relative }

.fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center }

.fa-li.fa-lg { left: -1.85714286em }

.fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em }

.pull-right { float: right }

.pull-left { float: left }

.fa.pull-left { margin-right: .3em }

.fa.pull-right { margin-left: .3em }

.fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear }

.thumb { width: 206px; }

@-moz-keyframes spin {
    0% { -moz-transform: rotate(0) }

    100% { -moz-transform: rotate(359deg) }
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0) }

    100% { -webkit-transform: rotate(359deg) }
}

@-o-keyframes spin {
    0% { -o-transform: rotate(0) }

    100% { -o-transform: rotate(359deg) }
}

@keyframes spin {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }

    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) }
}

.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) }

.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg) }

.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1,1); -moz-transform: scale(-1,1); -ms-transform: scale(-1,1); -o-transform: scale(-1,1); transform: scale(-1,1) }

.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1,-1); -moz-transform: scale(1,-1); -ms-transform: scale(1,-1); -o-transform: scale(1,-1); transform: scale(1,-1) }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center }

.fa-stack-1x { line-height: inherit }

.fa-stack-2x { font-size: 2em }

.fa-inverse { color: #fff }

.fa-glass:before { content: "\f000" }

.fa-music:before { content: "\f001" }

.fa-search:before { content: "\f002" }

.fa-envelope-o:before { content: "\f003" }

.fa-heart:before { content: "\f004" }

.fa-star:before { content: "\f005" }

.fa-star-o:before { content: "\f006" }

.fa-user:before { content: "\f007" }

.fa-film:before { content: "\f008" }

.fa-th-large:before { content: "\f009" }

.fa-th:before { content: "\f00a" }

.fa-th-list:before { content: "\f00b" }

.fa-check:before { content: "\f00c" }

.fa-times:before { content: "\f00d" }

.fa-search-plus:before { content: "\f00e" }

.fa-search-minus:before { content: "\f010" }

.fa-power-off:before { content: "\f011" }

.fa-signal:before { content: "\f012" }

.fa-cog:before, .fa-gear:before { content: "\f013" }

.fa-trash-o:before { content: "\f014" }

.fa-home:before { content: "\f015" }

.fa-file-o:before { content: "\f016" }

.fa-clock-o:before { content: "\f017" }

.fa-road:before { content: "\f018" }

.fa-download:before { content: "\f019" }

.fa-arrow-circle-o-down:before { content: "\f01a" }

.fa-arrow-circle-o-up:before { content: "\f01b" }

.fa-inbox:before { content: "\f01c" }

.fa-play-circle-o:before { content: "\f01d" }

.fa-repeat:before, .fa-rotate-right:before { content: "\f01e" }

.fa-refresh:before { content: "\f021" }

.fa-list-alt:before { content: "\f022" }

.fa-lock:before { content: "\f023" }

.fa-flag:before { content: "\f024" }

.fa-headphones:before { content: "\f025" }

.fa-volume-off:before { content: "\f026" }

.fa-volume-down:before { content: "\f027" }

.fa-volume-up:before { content: "\f028" }

.fa-qrcode:before { content: "\f029" }

.fa-barcode:before { content: "\f02a" }

.fa-tag:before { content: "\f02b" }

.fa-tags:before { content: "\f02c" }

.fa-book:before { content: "\f02d" }

.fa-bookmark:before { content: "\f02e" }

.fa-print:before { content: "\f02f" }

.fa-camera:before { content: "\f030" }

.fa-font:before { content: "\f031" }

.fa-bold:before { content: "\f032" }

.fa-italic:before { content: "\f033" }

.fa-text-height:before { content: "\f034" }

.fa-text-width:before { content: "\f035" }

.fa-align-left:before { content: "\f036" }

.fa-align-center:before { content: "\f037" }

.fa-align-right:before { content: "\f038" }

.fa-align-justify:before { content: "\f039" }

.fa-list:before { content: "\f03a" }

.fa-dedent:before, .fa-outdent:before { content: "\f03b" }

.fa-indent:before { content: "\f03c" }

.fa-video-camera:before { content: "\f03d" }

.fa-image:before, .fa-photo:before, .fa-picture-o:before { content: "\f03e" }

.fa-pencil:before { content: "\f040" }

.fa-map-marker:before { content: "\f041" }

.fa-adjust:before { content: "\f042" }

.fa-tint:before { content: "\f043" }

.fa-edit:before, .fa-pencil-square-o:before { content: "\f044" }

.fa-share-square-o:before { content: "\f045" }

.fa-check-square-o:before { content: "\f046" }

.fa-arrows:before { content: "\f047" }

.fa-step-backward:before { content: "\f048" }

.fa-fast-backward:before { content: "\f049" }

.fa-backward:before { content: "\f04a" }

.fa-play:before { content: "\f04b" }

.fa-pause:before { content: "\f04c" }

.fa-stop:before { content: "\f04d" }

.fa-forward:before { content: "\f04e" }

.fa-fast-forward:before { content: "\f050" }

.fa-step-forward:before { content: "\f051" }

.fa-eject:before { content: "\f052" }

.fa-chevron-left:before { content: "\f053" }

.fa-chevron-right:before { content: "\f054" }

.fa-plus-circle:before { content: "\f055" }

.fa-minus-circle:before { content: "\f056" }

.fa-times-circle:before { content: "\f057" }

.fa-check-circle:before { content: "\f058" }

.fa-question-circle:before { content: "\f059" }

.fa-info-circle:before { content: "\f05a" }

.fa-crosshairs:before { content: "\f05b" }

.fa-times-circle-o:before { content: "\f05c" }

.fa-check-circle-o:before { content: "\f05d" }

.fa-ban:before { content: "\f05e" }

.fa-arrow-left:before { content: "\f060" }

.fa-arrow-right:before { content: "\f061" }

.fa-arrow-up:before { content: "\f062" }

.fa-arrow-down:before { content: "\f063" }

.fa-mail-forward:before, .fa-share:before { content: "\f064" }

.fa-expand:before { content: "\f065" }

.fa-compress:before { content: "\f066" }

.fa-plus:before { content: "\f067" }

.fa-minus:before { content: "\f068" }

.fa-asterisk:before { content: "\f069" }

.fa-exclamation-circle:before { content: "\f06a" }

.fa-gift:before { content: "\f06b" }

.fa-leaf:before { content: "\f06c" }

.fa-fire:before { content: "\f06d" }

.fa-eye:before { content: "\f06e" }

.fa-eye-slash:before { content: "\f070" }

.fa-exclamation-triangle:before, .fa-warning:before { content: "\f071" }

.fa-plane:before { content: "\f072" }

.fa-calendar:before { content: "\f073" }

.fa-random:before { content: "\f074" }

.fa-comment:before { content: "\f075" }

.fa-magnet:before { content: "\f076" }

.fa-chevron-up:before { content: "\f077" }

.fa-chevron-down:before { content: "\f078" }

.fa-retweet:before { content: "\f079" }

.fa-shopping-cart:before { content: "\f07a" }

.fa-folder:before { content: "\f07b" }

.fa-folder-open:before { content: "\f07c" }

.fa-arrows-v:before { content: "\f07d" }

.fa-arrows-h:before { content: "\f07e" }

.fa-bar-chart-o:before { content: "\f080" }

.fa-twitter-square:before { content: "\f081" }

.fa-facebook-square:before { content: "\f082" }

.fa-camera-retro:before { content: "\f083" }

.fa-key:before { content: "\f084" }

.fa-cogs:before, .fa-gears:before { content: "\f085" }

.fa-comments:before { content: "\f086" }

.fa-thumbs-o-up:before { content: "\f087" }

.fa-thumbs-o-down:before { content: "\f088" }

.fa-star-half:before { content: "\f089" }

.fa-heart-o:before { content: "\f08a" }

.fa-sign-out:before { content: "\f08b" }

.fa-linkedin-square:before { content: "\f08c" }

.fa-thumb-tack:before { content: "\f08d" }

.fa-external-link:before { content: "\f08e" }

.fa-sign-in:before { content: "\f090" }

.fa-trophy:before { content: "\f091" }

.fa-github-square:before { content: "\f092" }

.fa-upload:before { content: "\f093" }

.fa-lemon-o:before { content: "\f094" }

.fa-phone:before { content: "\f095" }

.fa-square-o:before { content: "\f096" }

.fa-bookmark-o:before { content: "\f097" }

.fa-phone-square:before { content: "\f098" }

.fa-twitter:before { content: "\f099" }

.fa-facebook:before { content: "\f09a" }

.fa-github:before { content: "\f09b" }

.fa-unlock:before { content: "\f09c" }

.fa-credit-card:before { content: "\f09d" }

.fa-rss:before { content: "\f09e" }

.fa-hdd-o:before { content: "\f0a0" }

.fa-bullhorn:before { content: "\f0a1" }

.fa-bell:before { content: "\f0f3" }

.fa-certificate:before { content: "\f0a3" }

.fa-hand-o-right:before { content: "\f0a4" }

.fa-hand-o-left:before { content: "\f0a5" }

.fa-hand-o-up:before { content: "\f0a6" }

.fa-hand-o-down:before { content: "\f0a7" }

.fa-arrow-circle-left:before { content: "\f0a8" }

.fa-arrow-circle-right:before { content: "\f0a9" }

.fa-arrow-circle-up:before { content: "\f0aa" }

.fa-arrow-circle-down:before { content: "\f0ab" }

.fa-globe:before { content: "\f0ac" }

.fa-wrench:before { content: "\f0ad" }

.fa-tasks:before { content: "\f0ae" }

.fa-filter:before { content: "\f0b0" }

.fa-briefcase:before { content: "\f0b1" }

.fa-arrows-alt:before { content: "\f0b2" }

.fa-group:before, .fa-users:before { content: "\f0c0" }

.fa-chain:before, .fa-link:before { content: "\f0c1" }

.fa-cloud:before { content: "\f0c2" }

.fa-flask:before { content: "\f0c3" }

.fa-cut:before, .fa-scissors:before { content: "\f0c4" }

.fa-copy:before, .fa-files-o:before { content: "\f0c5" }

.fa-paperclip:before { content: "\f0c6" }

.fa-floppy-o:before, .fa-save:before { content: "\f0c7" }

.fa-square:before { content: "\f0c8" }

.fa-bars:before, .fa-navicon:before, .fa-reorder:before { content: "\f0c9" }

.fa-list-ul:before { content: "\f0ca" }

.fa-list-ol:before { content: "\f0cb" }

.fa-strikethrough:before { content: "\f0cc" }

.fa-underline:before { content: "\f0cd" }

.fa-table:before { content: "\f0ce" }

.fa-magic:before { content: "\f0d0" }

.fa-truck:before { content: "\f0d1" }

.fa-pinterest:before { content: "\f0d2" }

.fa-pinterest-square:before { content: "\f0d3" }

.fa-google-plus-square:before { content: "\f0d4" }

.fa-google-plus:before { content: "\f0d5" }

.fa-money:before { content: "\f0d6" }

.fa-caret-down:before { content: "\f0d7" }

.fa-caret-up:before { content: "\f0d8" }

.fa-caret-left:before { content: "\f0d9" }

.fa-caret-right:before { content: "\f0da" }

.fa-columns:before { content: "\f0db" }

.fa-sort:before, .fa-unsorted:before { content: "\f0dc" }

.fa-sort-desc:before, .fa-sort-down:before { content: "\f0dd" }

.fa-sort-asc:before, .fa-sort-up:before { content: "\f0de" }

.fa-envelope:before { content: "\f0e0" }

.fa-linkedin:before { content: "\f0e1" }

.fa-rotate-left:before, .fa-undo:before { content: "\f0e2" }

.fa-gavel:before, .fa-legal:before { content: "\f0e3" }

.fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" }

.fa-comment-o:before { content: "\f0e5" }

.fa-comments-o:before { content: "\f0e6" }

.fa-bolt:before, .fa-flash:before { content: "\f0e7" }

.fa-sitemap:before { content: "\f0e8" }

.fa-umbrella:before { content: "\f0e9" }

.fa-clipboard:before, .fa-paste:before { content: "\f0ea" }

.fa-lightbulb-o:before { content: "\f0eb" }

.fa-exchange:before { content: "\f0ec" }

.fa-cloud-download:before { content: "\f0ed" }

.fa-cloud-upload:before { content: "\f0ee" }

.fa-user-md:before { content: "\f0f0" }

.fa-stethoscope:before { content: "\f0f1" }

.fa-suitcase:before { content: "\f0f2" }

.fa-bell-o:before { content: "\f0a2" }

.fa-coffee:before { content: "\f0f4" }

.fa-cutlery:before { content: "\f0f5" }

.fa-file-text-o:before { content: "\f0f6" }

.fa-building-o:before { content: "\f0f7" }

.fa-hospital-o:before { content: "\f0f8" }

.fa-ambulance:before { content: "\f0f9" }

.fa-medkit:before { content: "\f0fa" }

.fa-fighter-jet:before { content: "\f0fb" }

.fa-beer:before { content: "\f0fc" }

.fa-h-square:before { content: "\f0fd" }

.fa-plus-square:before { content: "\f0fe" }

.fa-angle-double-left:before { content: "\f100" }

.fa-angle-double-right:before { content: "\f101" }

.fa-angle-double-up:before { content: "\f102" }

.fa-angle-double-down:before { content: "\f103" }

.fa-angle-left:before { content: "\f104" }

.fa-angle-right:before { content: "\f105" }

.fa-angle-up:before { content: "\f106" }

.fa-angle-down:before { content: "\f107" }

.fa-desktop:before { content: "\f108" }

.fa-laptop:before { content: "\f109" }

.fa-tablet:before { content: "\f10a" }

.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" }

.fa-circle-o:before { content: "\f10c" }

.fa-quote-left:before { content: "\f10d" }

.fa-quote-right:before { content: "\f10e" }

.fa-spinner:before { content: "\f110" }

.fa-circle:before { content: "\f111" }

.fa-mail-reply:before, .fa-reply:before { content: "\f112" }

.fa-github-alt:before { content: "\f113" }

.fa-folder-o:before { content: "\f114" }

.fa-folder-open-o:before { content: "\f115" }

.fa-smile-o:before { content: "\f118" }

.fa-frown-o:before { content: "\f119" }

.fa-meh-o:before { content: "\f11a" }

.fa-gamepad:before { content: "\f11b" }

.fa-keyboard-o:before { content: "\f11c" }

.fa-flag-o:before { content: "\f11d" }

.fa-flag-checkered:before { content: "\f11e" }

.fa-terminal:before { content: "\f120" }

.fa-code:before { content: "\f121" }

.fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" }

.fa-location-arrow:before { content: "\f124" }

.fa-crop:before { content: "\f125" }

.fa-code-fork:before { content: "\f126" }

.fa-chain-broken:before, .fa-unlink:before { content: "\f127" }

.fa-question:before { content: "\f128" }

.fa-info:before { content: "\f129" }

.fa-exclamation:before { content: "\f12a" }

.fa-superscript:before { content: "\f12b" }

.fa-subscript:before { content: "\f12c" }

.fa-eraser:before { content: "\f12d" }

.fa-puzzle-piece:before { content: "\f12e" }

.fa-microphone:before { content: "\f130" }

.fa-microphone-slash:before { content: "\f131" }

.fa-shield:before { content: "\f132" }

.fa-calendar-o:before { content: "\f133" }

.fa-fire-extinguisher:before { content: "\f134" }

.fa-rocket:before { content: "\f135" }

.fa-maxcdn:before { content: "\f136" }

.fa-chevron-circle-left:before { content: "\f137" }

.fa-chevron-circle-right:before { content: "\f138" }

.fa-chevron-circle-up:before { content: "\f139" }

.fa-chevron-circle-down:before { content: "\f13a" }

.fa-html5:before { content: "\f13b" }

.fa-css3:before { content: "\f13c" }

.fa-anchor:before { content: "\f13d" }

.fa-unlock-alt:before { content: "\f13e" }

.fa-bullseye:before { content: "\f140" }

.fa-ellipsis-h:before { content: "\f141" }

.fa-ellipsis-v:before { content: "\f142" }

.fa-rss-square:before { content: "\f143" }

.fa-play-circle:before { content: "\f144" }

.fa-ticket:before { content: "\f145" }

.fa-minus-square:before { content: "\f146" }

.fa-minus-square-o:before { content: "\f147" }

.fa-level-up:before { content: "\f148" }

.fa-level-down:before { content: "\f149" }

.fa-check-square:before { content: "\f14a" }

.fa-pencil-square:before { content: "\f14b" }

.fa-external-link-square:before { content: "\f14c" }

.fa-share-square:before { content: "\f14d" }

.fa-compass:before { content: "\f14e" }

.fa-caret-square-o-down:before, .fa-toggle-down:before { content: "\f150" }

.fa-caret-square-o-up:before, .fa-toggle-up:before { content: "\f151" }

.fa-caret-square-o-right:before, .fa-toggle-right:before { content: "\f152" }

.fa-eur:before, .fa-euro:before { content: "\f153" }

.fa-gbp:before { content: "\f154" }

.fa-dollar:before, .fa-usd:before { content: "\f155" }

.fa-inr:before, .fa-rupee:before { content: "\f156" }

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before { content: "\f157" }

.fa-rouble:before, .fa-rub:before, .fa-ruble:before { content: "\f158" }

.fa-krw:before, .fa-won:before { content: "\f159" }

.fa-bitcoin:before, .fa-btc:before { content: "\f15a" }

.fa-file:before { content: "\f15b" }

.fa-file-text:before { content: "\f15c" }

.fa-sort-alpha-asc:before { content: "\f15d" }

.fa-sort-alpha-desc:before { content: "\f15e" }

.fa-sort-amount-asc:before { content: "\f160" }

.fa-sort-amount-desc:before { content: "\f161" }

.fa-sort-numeric-asc:before { content: "\f162" }

.fa-sort-numeric-desc:before { content: "\f163" }

.fa-thumbs-up:before { content: "\f164" }

.fa-thumbs-down:before { content: "\f165" }

.fa-youtube-square:before { content: "\f166" }

.fa-youtube:before { content: "\f167" }

.fa-xing:before { content: "\f168" }

.fa-xing-square:before { content: "\f169" }

.fa-youtube-play:before { content: "\f16a" }

.fa-dropbox:before { content: "\f16b" }

.fa-stack-overflow:before { content: "\f16c" }

.fa-instagram:before { content: "\f16d" }

.fa-flickr:before { content: "\f16e" }

.fa-adn:before { content: "\f170" }

.fa-bitbucket:before { content: "\f171" }

.fa-bitbucket-square:before { content: "\f172" }

.fa-tumblr:before { content: "\f173" }

.fa-tumblr-square:before { content: "\f174" }

.fa-long-arrow-down:before { content: "\f175" }

.fa-long-arrow-up:before { content: "\f176" }

.fa-long-arrow-left:before { content: "\f177" }

.fa-long-arrow-right:before { content: "\f178" }

.fa-apple:before { content: "\f179" }

.fa-windows:before { content: "\f17a" }

.fa-android:before { content: "\f17b" }

.fa-linux:before { content: "\f17c" }

.fa-dribbble:before { content: "\f17d" }

.fa-skype:before { content: "\f17e" }

.fa-foursquare:before { content: "\f180" }

.fa-trello:before { content: "\f181" }

.fa-female:before { content: "\f182" }

.fa-male:before { content: "\f183" }

.fa-gittip:before { content: "\f184" }

.fa-sun-o:before { content: "\f185" }

.fa-moon-o:before { content: "\f186" }

.fa-archive:before { content: "\f187" }

.fa-bug:before { content: "\f188" }

.fa-vk:before { content: "\f189" }

.fa-weibo:before { content: "\f18a" }

.fa-renren:before { content: "\f18b" }

.fa-pagelines:before { content: "\f18c" }

.fa-stack-exchange:before { content: "\f18d" }

.fa-arrow-circle-o-right:before { content: "\f18e" }

.fa-arrow-circle-o-left:before { content: "\f190" }

.fa-caret-square-o-left:before, .fa-toggle-left:before { content: "\f191" }

.fa-dot-circle-o:before { content: "\f192" }

.fa-wheelchair:before { content: "\f193" }

.fa-vimeo-square:before { content: "\f194" }

.fa-try:before, .fa-turkish-lira:before { content: "\f195" }

.fa-plus-square-o:before { content: "\f196" }

.fa-space-shuttle:before { content: "\f197" }

.fa-slack:before { content: "\f198" }

.fa-envelope-square:before { content: "\f199" }

.fa-wordpress:before { content: "\f19a" }

.fa-openid:before { content: "\f19b" }

.fa-bank:before, .fa-institution:before, .fa-university:before { content: "\f19c" }

.fa-graduation-cap:before, .fa-mortar-board:before { content: "\f19d" }

.fa-yahoo:before { content: "\f19e" }

.fa-google:before { content: "\f1a0" }

.fa-reddit:before { content: "\f1a1" }

.fa-reddit-square:before { content: "\f1a2" }

.fa-stumbleupon-circle:before { content: "\f1a3" }

.fa-stumbleupon:before { content: "\f1a4" }

.fa-delicious:before { content: "\f1a5" }

.fa-digg:before { content: "\f1a6" }

.fa-pied-piper-square:before, .fa-pied-piper:before { content: "\f1a7" }

.fa-pied-piper-alt:before { content: "\f1a8" }

.fa-drupal:before { content: "\f1a9" }

.fa-joomla:before { content: "\f1aa" }

.fa-language:before { content: "\f1ab" }

.fa-fax:before { content: "\f1ac" }

.fa-building:before { content: "\f1ad" }

.fa-child:before { content: "\f1ae" }

.fa-paw:before { content: "\f1b0" }

.fa-spoon:before { content: "\f1b1" }

.fa-cube:before { content: "\f1b2" }

.fa-cubes:before { content: "\f1b3" }

.fa-behance:before { content: "\f1b4" }

.fa-behance-square:before { content: "\f1b5" }

.fa-steam:before { content: "\f1b6" }

.fa-steam-square:before { content: "\f1b7" }

.fa-recycle:before { content: "\f1b8" }

.fa-automobile:before, .fa-car:before { content: "\f1b9" }

.fa-cab:before, .fa-taxi:before { content: "\f1ba" }

.fa-tree:before { content: "\f1bb" }

.fa-spotify:before { content: "\f1bc" }

.fa-deviantart:before { content: "\f1bd" }

.fa-soundcloud:before { content: "\f1be" }

.fa-database:before { content: "\f1c0" }

.fa-file-pdf-o:before { content: "\f1c1" }

.fa-file-word-o:before { content: "\f1c2" }

.fa-file-excel-o:before { content: "\f1c3" }

.fa-file-powerpoint-o:before { content: "\f1c4" }

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before { content: "\f1c5" }

.fa-file-archive-o:before, .fa-file-zip-o:before { content: "\f1c6" }

.fa-file-audio-o:before, .fa-file-sound-o:before { content: "\f1c7" }

.fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" }

.fa-file-code-o:before { content: "\f1c9" }

.fa-vine:before { content: "\f1ca" }

.fa-codepen:before { content: "\f1cb" }

.fa-jsfiddle:before { content: "\f1cc" }

.fa-life-bouy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before { content: "\f1cd" }

.fa-circle-o-notch:before { content: "\f1ce" }

.fa-ra:before, .fa-rebel:before { content: "\f1d0" }

.fa-empire:before, .fa-ge:before { content: "\f1d1" }

.fa-git-square:before { content: "\f1d2" }

.fa-git:before { content: "\f1d3" }

.fa-hacker-news:before { content: "\f1d4" }

.fa-tencent-weibo:before { content: "\f1d5" }

.fa-qq:before { content: "\f1d6" }

.fa-wechat:before, .fa-weixin:before { content: "\f1d7" }

.fa-paper-plane:before, .fa-send:before { content: "\f1d8" }

.fa-paper-plane-o:before, .fa-send-o:before { content: "\f1d9" }

.fa-history:before { content: "\f1da" }

.fa-circle-thin:before { content: "\f1db" }

.fa-header:before { content: "\f1dc" }

.fa-paragraph:before { content: "\f1dd" }

.fa-sliders:before { content: "\f1de" }

.fa-share-alt:before { content: "\f1e0" }

.fa-share-alt-square:before { content: "\f1e1" }

.fa-bomb:before { content: "\f1e2" }

.fa { width: 16px; font-size: 1.23em; text-align: center }

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

audio, canvas, video { display: inline-block }

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

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }

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

sup { top: -.5em }

sub { bottom: -.25em }

img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic }

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

button, input { line-height: normal }

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

button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }

button, input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox], label, select { cursor: pointer }

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

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

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

p { margin: 0 0 10px }

.lead { margin-bottom: 20px; font-size: 18px; font-weight: 200; line-height: 30px }

small { font-size: 85% }

strong { font-weight: 700 }

em { font-style: italic }

cite { font-style: normal }

.text-warning { color: #c09853 }

.muted { color: #999 }

a.muted:focus, a.muted:hover { color: grey }

a.text-warning:focus, a.text-warning:hover { color: #a47e3c }

.text-error { color: #d9534f }

a.text-error:focus, a.text-error:hover { color: #c9302c }

.text-info { color: #3a87ad }

a.text-info:focus, a.text-info:hover { color: #2d6987 }

.text-success { color: #56af45 }

a.text-success:focus, a.text-success:hover { color: #448a37 }

.text-left { text-align: left }

.text-right { text-align: right }

.text-center { text-align: center }

h1, h2, h3, h4, h5 { margin: 5px 0; font-weight: blod; line-height: 35px; color: inherit; text-rendering: optimizelegibility }

.action, .article-content a.dl, .fenye a span, .social a, button.btn { transition-duration: .5s; -webkit-transition-duration: .5s; transition-timing-function: cubic-bezier(.445,.05,.55,.95); -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95) }

.page-header { padding-bottom: 9px; margin: 20px 0 20px; border-bottom: 1px solid #eee }

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

li { line-height: 20px }

ol.inline, ul.inline { margin-left: 0; list-style: none }

ol.inline > li, ul.inline > li { display: inline-block; padding-left: 5px; padding-right: 5px }

hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff }

code, pre { padding: 0 3px 2px; font-family: Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace !important; color: #444; border-radius: 3px }

code { padding: 2px 4px; color: #d14; background-color: #fbfbfb; border: 1px solid #e1e1e8; white-space: nowrap; font-size: 14px }

pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 11px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 2px }

pre.prettyprint { margin-bottom: 20px }

pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0 }

.pre-scrollable { max-height: 340px; overflow-y: scroll }

.close { float: right; font-size: 20px; font-weight: 700; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) }

.close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; filter: alpha(opacity=40) }

button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none }

.clearfix:after, .clearfix:before { display: table; content: ""; line-height: 0 }

.clearfix:after { clear: both }

.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }

.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.row-fluid { width: 100% }

.row-fluid:after, .row-fluid:before { display: table; content: ""; line-height: 0 }

.row-fluid:after { clear: both }

.row-fluid [class*=span] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2% }

.row-fluid [class*=span]:first-child { margin-left: 0 }

.row-fluid .controls-row [class*=span] + [class*=span] { margin-left: 2% }

.row-fluid .span12 { width: 100% }

.row-fluid .span11 { width: 91.5% }

.row-fluid .span10 { width: 83% }

.row-fluid .span9 { width: 74.5% }

.row-fluid .span8 { width: 66% }

.row-fluid .span7 { width: 57.5% }

.row-fluid .span6 { width: 49% }

.row-fluid .span5 { width: 40.5% }

.row-fluid .span4 { width: 32% }

.row-fluid .span3 { width: 23.5% }

.row-fluid .span2 { width: 15% }

.row-fluid .span1 { width: 6.5% }

.row-fluid .offset12 { margin-left: 104% }

.row-fluid .offset12:first-child { margin-left: 102% }

.row-fluid .offset11 { margin-left: 95.5% }

.row-fluid .offset11:first-child { margin-left: 93.5% }

.row-fluid .offset10 { margin-left: 87% }

.row-fluid .offset10:first-child { margin-left: 85% }

.row-fluid .offset9 { margin-left: 78.5% }

.row-fluid .offset9:first-child { margin-left: 76.5% }

.row-fluid .offset8 { margin-left: 70% }

.row-fluid .offset8:first-child { margin-left: 68% }

.row-fluid .offset7 { margin-left: 61.5% }

.row-fluid .offset7:first-child { margin-left: 59.5% }

.row-fluid .offset6 { margin-left: 53% }

.row-fluid .offset6:first-child { margin-left: 51% }

.row-fluid .offset5 { margin-left: 44.5% }

.row-fluid .offset5:first-child { margin-left: 42.5% }

.row-fluid .offset4 { margin-left: 36% }

.row-fluid .offset4:first-child { margin-left: 34% }

.row-fluid .offset3 { margin-left: 27.5% }

.row-fluid .offset3:first-child { margin-left: 25.5% }

.row-fluid .offset2 { margin-left: 19% }

.row-fluid .offset2:first-child { margin-left: 17% }

.row-fluid .offset1 { margin-left: 10.5% }

.row-fluid .offset1:first-child { margin-left: 8.5% }

.row-fluid [class*=span].hide, [class*=span].hide { display: none }

.row-fluid [class*=span].pull-right, [class*=span].pull-right { float: right }


.container { max-width: 1226px; margin: 0 auto; text-align: left; position: relative }

.container:after, .container:before, .footer:after, .footer:before, .header:after, .header:before { display: table; content: ""; line-height: 0 }

.container:after, .footer:after, .header:after { clear: both }

.header { top: 0; width: 100%; z-index: 999 }

.container { margin-bottom: 10px }

.content-wrap { width: 100%; float: left }

.content { margin-right: 370px }

.content-page { position: relative; background-color: #fff }

.page-sidebar { width: 225px; position: absolute; top: 0; left: 0; bottom: 0; height: 100%; border-right: 1px solid #eee }

.content-title { font-size: 20px; font-weight: 400; padding: 15px 20px 14px; line-height: 20px; background-color: #f7f7f7; margin: 0 0 1px; border-bottom: 1px solid #eee }

.sidebar { float: left; margin-left: -360px; width: 360px; position: relative }

.trackcode { float: right }

.footer-inner { max-width: 1226px; padding: 16px 20px 14px; margin: 0 auto; color: #aaa; text-shadow: 0 -1px 0 #333 }

.footer-inner:after, .footer-inner:before { display: table; content: ""; line-height: 0 }

.footer-inner:after { clear: both }

.footer a { color: #aaa }

.footer a:hover { color: #ddd; text-decoration: underline }

.pagewrapper { background-color: #fff; position: relative }

.pageheader { padding: 10px 20px 8px; line-height: 24px; position: relative; border-bottom: 1px solid #eee; margin-bottom: 0; background-color: #fff }

.pageheader h1 { font-size: 21px; font-weight: 400; padding: 0; margin: 14px 0 0 0; line-height: 24px }

.pageheader h1 a { color: #444 }

.pageheader h1 .avatar { float: left; margin-right: 5px }

.pageheader h1 em { font-size: 12px; font-style: normal; font-weight: 400 }

.pagecontent { margin-left: 170px; min-height: 600px; border-left: 1px solid #eee; padding: 20px }

.pagecontent .pageheader { background: 0; padding: 0 0 8px; margin-bottom: 20px }

.pagecontent .pageheader h1 { font-size: 20px; font-weight: 400 }

.pagecontent .article-content { padding: 0 }

.pagecontent #postcomments, .pagecontent #response { margin: 0 -20px }

.pagesidebar { position: absolute; top: 0; left: 0; width: 170px; background-color: #fbfbfb; bottom: 0 }

.pagesider-menu .sub-menu { display: none }

.pagesider-menu a { margin-bottom: 1px; padding: 10px 10px; color: #888; border-left: solid 4px transparent; cursor: pointer; overflow: hidden; border-bottom: 1px solid #eee; display: block }

.pagesider-menu a:hover { background-color: #f7f7f7; color: #666 }

.pagesider-menu li.active a, .pagesider-menu li.current-menu-item a, .pagesider-menu li.current_page_item a { color: #444; background-color: #fff; border-left-color: #00a67c; margin-right: -1px; position: relative; z-index: 2 }

.page-navbar { margin-top: 50px }

.page-navbar li a { padding: 10px 16px; color: #888; display: block; border-left: 4px solid transparent }

.page-navbar .dropdown-toggle .caret { margin-top: 8px }

.page-navbar .active a, .page-navbar .active a:focus, .page-navbar .active a:hover { color: #666; background-color: #f7f7f7 }

.page-navbar > li > ul { font-size: 14px }

.page-navbar > li > ul a { padding-left: 36px }

.page-navbar li:hover a { background-color: #f7f7f7; color: #666 }

.page-navbar li ul, .page-navbar li.current-menu-item a, .page-navbar li.current-menu-parent a, .page-navbar li.current-post-ancestor a, .page-navbar li.current_page_item a { background-color: #f7f7f7; border-left-color: #00a67c; color: #666 }

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

legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 18px; line-height: 40px; color: #444; border: 0; border-bottom: 1px solid #e5e5e5 }

legend small { font-size: 15px; color: #999 }

button, input, label, select, textarea { font-weight: 400; line-height: 20px }

label { display: block; margin-bottom: 5px }

input, select, textarea { display: inline-block; height: 20px; padding: 5px 6px 3px; margin-bottom: 10px; line-height: 20px; color: #555; border-radius: 0; vertical-align: middle }

.uneditable-input, input, textarea { width: 206px }

textarea { height: auto }

input, textarea { background-color: #fff; border: 1px solid #d9d9d9; border-top-color: silver; border-left-color: #d0d0d0; -webkit-transition: border linear .2s; -moz-transition: border linear .2s; transition: border linear .2s }

input:focus, input:hover, textarea:focus, textarea:hover { border-color: #999 }

input[type=radio], input[type=checkbox] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal }

input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox], input[type=file], input[type=image] { width: auto }

input[type=file], select { height: 30px; line-height: 30px }

.form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px }

.form-actions:after, .form-actions:before { display: table; content: ""; line-height: 0 }

.form-actions:after { clear: both }

.btn { display: inline-block; padding: 6px 12px 4px; margin-bottom: 0; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; border: 0; border-radius: 0; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif }

.btn[type=submit] { height: 30px }

.btn:focus, .btn:hover { text-decoration: none }

.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }

.btn.active, .btn:active { outline: 0 }

.btn.disabled, .btn[disabled] { cursor: default; opacity: .65; filter: alpha(opacity=65) }

.btn-large { padding: 11px 19px; font-size: 15px }

.btn-mini { padding: 2px 10px; font-size: 12px }

.btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.btn-block + .btn-block { margin-top: 5px }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% }

.btn-primary { color: #fff; background-color: #5fbaac }

.btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary[disabled] { color: #fff; background-color: #35d2ab }

.btn-warning { color: #fff; background-color: #f8a31f }

.btn-warning.active, .btn-warning.disabled, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .btn-warning[disabled] { color: #fff; background-color: #f88a2a }

.btn-danger { color: #fff; background-color: #d9534f }

.btn-danger.active, .btn-danger.disabled, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger[disabled] { color: #fff; background-color: #e77843; }

.btn-success { color: #fff; background-color: #15a287 }

.btn-success.active, .btn-success.disabled, .btn-success:active, .btn-success:focus, .btn-success:hover, .btn-success[disabled] { color: #fff; background-color: #117f69 }

.btn-info { color: #fff; background-color: #00a67c }

.btn-info.active, .btn-info.disabled, .btn-info:active, .btn-info:focus, .btn-info:hover, .btn-info[disabled] { color: #fff; background-color: #007877 }

.btn-inverse { color: #fff; background-color: rgba(233,126,103,1) }

.btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] { color: #fff; background-color: #31cfa9 }

button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { padding: 0; border: 0 }

.btn-group { position: relative; display: inline-block; font-size: 0; vertical-align: middle; white-space: nowrap }

.btn-group + .btn-group { margin-left: 5px }

.btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px }

.btn-toolbar > .btn + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn { margin-left: 5px }

.btn-group > .btn { position: relative; border-radius: 0 }

.btn-group > .btn + .btn { margin-left: 1px }

.btn-group > .btn, .btn-group > .popover { font-size: 12px }

.btn-group > .btn-mini { font-size: 12px }

.btn-group > .btn-large { font-size: 15px }

.btn-group > .btn.large:first-child, .btn-group > .btn:first-child { margin-left: 0 }

.btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2 }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 }

.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px }

.btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px }

.btn-group.open .btn.dropdown-toggle { background-color: #ddd }

.btn-group.open .btn-primary.dropdown-toggle { background-color: #35d2ab }

.btn-group.open .btn-danger.dropdown-toggle { background-color: #e51400 }

.btn-group.open .btn-success.dropdown-toggle { background-color: #4cae4c }

.btn-group.open .btn-inverse.dropdown-toggle { background-color: #333 }

.btn .caret { margin-top: 8px; margin-left: 0 }

.btn-large .caret { margin-top: 6px }

.btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px }

.btn-mini .caret, .btn-small .caret { margin-top: 8px }

.dropup .btn-large .caret { border-bottom-width: 5px }

.btn-danger .caret, .btn-info .caret, .btn-inverse .caret, .btn-primary .caret, .btn-success .caret, .btn-warning .caret { border-top-color: #fff; border-bottom-color: #fff }

.btn-group-vertical { display: inline-block }

.btn-group-vertical > .btn { display: block; float: none; max-width: 100%; border-radius: 0 }

.btn-group-vertical > .btn + .btn { margin-left: 0; margin-top: 1px }

.alert { padding: 10px 35px 10px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255,255,255,.5); background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 2px }

.alert { color: #c09853 }

.alert .close { position: relative; top: 0; right: -21px; line-height: 20px }

.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #56af45 }

.alert-error { background-color: #f2dede; border-color: #eed3d7; color: #d9534f }

.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad }

.nav { margin-left: 0; margin-bottom: 20px; list-style: none }

.nav i { display: inline-block; vertical-align: text-bottom }

.nav > li > a { display: block }

.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #eee }

.nav > li > a > img { max-width: none }

.nav > .pull-right { float: right }

.nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: 700; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255,255,255,.5); text-transform: uppercase }

.nav li + .nav-header { margin-top: 9px }

.nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0 }

.nav-list .nav-header, .nav-list > li > a { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255,255,255,.5) }

.nav-list > li > a { padding: 3px 15px }

.nav-list > .active > a, .nav-list > .active > a:focus, .nav-list > .active > a:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.2); background-color: #00a67c }

.nav-list .divider { height: 1px; margin: 9px 1px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff }

.nav-pills:after, .nav-pills:before, .nav-tabs:after, .nav-tabs:before { display: table; content: ""; line-height: 0 }

.nav-pills:after, .nav-tabs:after { clear: both }

.nav-pills > li, .nav-tabs > li { float: left }

.nav-pills > li > a, .nav-tabs > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px }

.nav-tabs { border-bottom: 1px solid #ddd }

.nav-tabs > li { margin-bottom: -1px }

.nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; border-radius: 2px 2px 0 0 }

.nav-tabs > li > a:focus, .nav-tabs > li > a:hover { border-color: #eee #eee #ddd }

.nav-tabs > .active > a, .nav-tabs > .active > a:focus, .nav-tabs > .active > a:hover { color: #555; background-color: #eee; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default }

.nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; border-radius: 2px }

.nav-pills > .active > a, .nav-pills > .active > a:focus, .nav-pills > .active > a:hover { color: #fff; background-color: #00a67c }

.nav-stacked > li { float: none }

.nav-stacked > li > a { margin-right: 0 }

.nav-tabs.nav-stacked { border-bottom: 0 }

.nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; border-radius: 0 }

.nav-tabs.nav-stacked > li:first-child > a { border-top-right-radius: 4px; border-top-left-radius: 4px }

.nav-tabs.nav-stacked > li:last-child > a { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px }

.nav-tabs.nav-stacked > li > a:focus, .nav-tabs.nav-stacked > li > a:hover { border-color: #ddd; z-index: 2 }

.nav-pills.nav-stacked > li > a { margin-bottom: 3px }

.nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px }

.nav .dropdown-toggle .caret { border-top-color: #00a67c; border-bottom-color: #00a67c; margin-top: 6px }

.nav .dropdown-toggle:focus .caret, .nav .dropdown-toggle:hover .caret { border-top-color: #35d2ab; border-bottom-color: #35d2ab }

.nav-tabs .dropdown-toggle .caret { margin-top: 8px }

.nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff }

.nav-tabs .active .dropdown-toggle .caret { border-top-color: #555; border-bottom-color: #555 }

.nav > .dropdown.active > a:focus, .nav > .dropdown.active > a:hover { cursor: pointer }

.nav-pills .open .dropdown-toggle, .nav-tabs .open .dropdown-toggle, .nav > li.dropdown.open.active > a:focus, .nav > li.dropdown.open.active > a:hover { color: #fff; background-color: #999; border-color: #999 }

.nav li.dropdown.open .caret, .nav li.dropdown.open a:focus .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open.active .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: 1; filter: alpha(opacity=100) }

.tabs-stacked .open > a:focus, .tabs-stacked .open > a:hover { border-color: #999 }

.tabbable:after, .tabbable:before { display: table; content: ""; line-height: 0 }

.tabbable:after { clear: both }

.tab-content { overflow: auto }

.tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs { border-bottom: 0 }

.pill-content > .pill-pane, .tab-content > .tab-pane { display: none }

.pill-content > .active, .tab-content > .active { display: block }

.tabs-below > .nav-tabs { border-top: 1px solid #ddd }

.tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0 }

.tabs-below > .nav-tabs > li > a { border-radius: 0 0 4px 4px }

.tabs-below > .nav-tabs > li > a:focus, .tabs-below > .nav-tabs > li > a:hover { border-bottom-color: transparent; border-top-color: #ddd }

.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:focus, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #ddd #ddd #ddd }

.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none }

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px }

.tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd }

.tabs-left > .nav-tabs > li > a { margin-right: -1px; border-radius: 4px 0 0 4px }

.tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover { border-color: #eee #ddd #eee #eee }

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:focus, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd }

.tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd }

.tabs-right > .nav-tabs > li > a { margin-left: -1px; border-radius: 0 4px 4px 0 }

.tabs-right > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:hover { border-color: #eee #eee #eee #ddd }

.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:focus, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent }

.nav > .disabled > a { color: #999 }

.nav > .disabled > a:focus, .nav > .disabled > a:hover { text-decoration: none; background-color: transparent; cursor: default }

.navbar { height: 52px; background-color: #4a4a4a; opacity: .9; clear: both }

.navbar:after, .navbar:before { display: table; content: ""; line-height: 0 }

.navbar:after { clear: both }

#header { background: #e77843; position: relative }

.container-inner { max-width: 1226px; width: 100%; margin: 0 auto; text-align: center; position: relative }

.navbar .nav { position: relative; left: 0; display: block; margin: 0 auto; font-size: 16px; max-width: 1226px }

.navbar .nav.pull-right { float: right; margin-right: 0 }

.navbar .nav > li { position: relative; float: left; margin-right: 1px; display: block; min-width: 135px; width: auto; text-align: center; }

.navbar .nav li a { padding: 16px 20px; color: #fff }

.navbar .nav .dropdown-toggle .caret { margin-top: 8px }

.navbar .nav li a:focus, .navbar .nav li a:hover { background-color: #16a085; color: #fff }

.navbar .nav .active a, .navbar .nav .active a:focus, .navbar .nav .active a:hover { color: #fff; background-color: #16a085 }

.navbar .nav li.current-menu-item a, .navbar .nav li.current-menu-parent a, .navbar .nav li.current-post-ancestor a, .navbar .nav li.current_page_item a { color: #fff; position: relative; z-index: 2 }

.navbar .nav li:hover > ul { display: block }

.navbar .nav > li > ul > li > ul { padding-bottom: 10px; text-align: left; position: absolute; left: 100%; min-width: 120px; z-index: 10; display: none; font-size: 12px }

.navbar .nav > li > ul > li { float: none; margin: 0; position: relative; background-color: #445552 }

.navbar .nav > li > ul > li > a, .navbar .nav > li > ul > li > ul > li > a { float: none; display: block; line-height: 30px; padding: 5px 20px 5px; color: #fff }

.navbar .nav li li.current-menu-item a, .navbar .nav > li > ul > li > a:hover { color: #fff }

.navbar .nav li li a:hover, .navbar .nav li li.current-menu-item a { background-color: #576663 }

.navbar .nav li.current-menu-item a, .navbar .nav li.current-menu-parent a, .navbar .nav li.current-post-ancestor a, .navbar .nav li.current_page_item a, .navbar .nav li:hover a { background-color: #e77843; }

.sub-menu { min-width: 135px; left: 0; max-height: 0; position: absolute; top: 100%; z-index: 0; -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px }

.sub-menu li { opacity: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); ransform: rotateY(90deg); -webkit-transition: opacity .4s,-webkit-transform .5s; -moz-transition: opacity .4s,-moz-transform .5s; -ms-transition: opacity .4s,-ms-transform .5s; -o-transition: opacity .4s,-o-transform .5s; transition: opacity .4s,transform .5s }

.nav > li:focus .sub-menu, .nav > li:hover .sub-menu { max-height: 1000px; z-index: 10 }

.nav > li:focus .sub-menu li, .nav > li:hover .sub-menu li { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none }

.nav li:hover .sub-menu li:nth-child(1) { -webkit-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0 }

.nav li:hover .sub-menu li:nth-child(2) { -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; -ms-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms }

.nav li:hover .sub-menu li:nth-child(3) { -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s }

.nav li:hover .sub-menu li:nth-child(4) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms }

.nav li:hover .sub-menu li:nth-child(5) { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }

.nav li:hover .sub-menu li:nth-child(6) { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms }

.nav li:hover .sub-menu li:nth-child(7) { -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s }

.nav li:hover .sub-menu li:nth-child(8) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -ms-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms }

.sub-menu li:nth-child(1) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -ms-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms }

.sub-menu li:nth-child(2) { -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s }

.sub-menu li:nth-child(3) { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms }

.sub-menu li:nth-child(4) { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }

.sub-menu li:nth-child(5) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms }

.sub-menu li:nth-child(6) { -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s }

.sub-menu li:nth-child(7) { -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; -ms-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms }

.sub-menu li:nth-child(8) { -webkit-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0 }

.navbar .btn-navbar { display: none; float: right; padding: 5px 8px 6px; margin-left: 5px; margin-right: 5px; margin-top: 11px; background-color: #16a085 }

.yusi-logo { display: block; text-align: center }

.yusi-logo h1 { display: inline-block; padding: 30px 0 20px 0; cursor: pointer; font-family: "Microsoft Yahei",arial,sans-serif; font-weight: 100 }

.yusi-mono { letter-spacing: -2px; position: relative; color: #fff; font-size: 54px; text-shadow: 0 0 1px rgba(94,255,216,.8); margin: 0; padding: 0; z-index: 0; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -ms-transition: all .1s ease-out; transition: all .1s ease-out }

.yusi-bloger { position: relative; color: #fff; font-weight: 400; font-size: 24px; text-shadow: 0 0 1px rgba(94,255,216,.8); margin-left: 5px; letter-spacing: 1px; padding: 0; z-index: 2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out }

.yusi-logo h1:hover .yusi-mono { letter-spacing: 5px }

.yusi-logo h1:hover .yusi-bloger { left: 26px; opacity: .2 }

.toggle-search { position: absolute; margin-top: 0; right: 0; padding: 16px 19px 15px 19px; background: none repeat scroll 0 0 #e77843; color: #fff; cursor: pointer; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out }

.toggle-search.active, .toggle-search:hover { opacity: .75 }

.search-expand { display: none; background: #16a085; position: absolute; top: 52px; right: 0; width: 360px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); box-shadow: 0 1px 0 rgba(255,255,255,.1) }

.search-expand-inner { border-bottom: 1px solid #d2d6d5; border-left: 1px solid #d2d6d5 }

.search-expand .themeform input { width: 90%; border: 0; outline: 0 }

.searchform div { position: relative }

.searchform div input { margin: 0; padding-left: 26px; line-height: 20px }

.searchform div:after { color: #ccc; line-height: 24px; font-size: 14px; content: "\f002"; position: absolute; left: 10px; top: 8px; font-family: FontAwesome }

.searchform div input.search { padding-left: 30px; height: 31px; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif }

.breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; border-radius: 2px }

.breadcrumb > li { display: inline-block; text-shadow: 0 1px 0 #fff }

.breadcrumb > li > .divider { padding: 0 5px; color: #ccc }

.breadcrumb > .active { color: #999 }

.pagination { padding: 20px 0 15px 0; background-color: #fff; text-align: center }

.pagination ul { display: inline-block; margin-left: 0; margin-bottom: 0 }

.pagination ul > li { display: inline }

.pagination ul > li > a, .pagination ul > li > span { margin: 0 3px; float: left; padding: 4px 12px 3px; line-height: 20px; text-decoration: none; background-color: #eee; color: #666 }

.pagination ul > li > a:focus, .pagination ul > li > a:hover { background-color: rgba(227,121,103,1); color: #fff }

.pagination ul > .active > a, .pagination ul > .active > span { background-color: rgba(227,121,103,1); color: #fff }

.pagination ul > .active > a, .pagination ul > .active > span { cursor: default }

.pagination ul > .disabled > a, .pagination ul > .disabled > a:focus, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > span, .pagination ul > li > span { color: #999; background-color: transparent; cursor: default }

.ias_trigger { padding-top: 4px }

.ias_trigger a { background-color: #11a99b; display: block; line-height: 35px; text-align: center; color: #eee }

.ias_trigger a:hover { background-color: #00a67c; color: #fff }

.pagination-loading { text-align: center; color: #666; line-height: 39px }

.commentnav { overflow: hidden; text-align: center; padding: 20px }

.commentnav .current, .commentnav .page-numbers, .commentnav a { padding: 4px 12px 3px; color: #666; display: inline-block; background-color: #eee; margin: 0 1px }

.commentnav .current { background-color: #00a67c; color: #fff }

.commentnav a:hover { background-color: #6fc299; color: #fff }

.rollto { position: fixed; right: 20px; bottom: 70px; z-index: 999; width: 32px; display: none }

.rollto .btn { margin-top: 2px; padding: 9px 10px 9px; height: 36px }

.rollto .btn i { margin-top: 0 }

.rollto .btn { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out }

.speedbar { clear: both; color: #666; background-color: #fbfbfb; padding: 8px 20px 18px; line-height: 25px; overflow: hidden; height: 14px; margin-bottom: 10px }

.speedbar i { opacity: .5; filter: alpha(opacity=50) }

.speedbar .btn-group { float: right; margin-left: 6px }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 }

.modal-backdrop.fade { opacity: 0 }

.modal-backdrop, .modal-backdrop.fade.in { opacity: .8; filter: alpha(opacity=80) }

.modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.3); border-radius: 4px; box-shadow: 0 3px 7px rgba(0,0,0,.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: 0 }

.modal.fade { -webkit-transition: opacity .3s linear,top .3s ease-out; -moz-transition: opacity .3s linear,top .3s ease-out; transition: opacity .3s linear,top .3s ease-out; top: -25% }

.modal.fade.in { top: 10% }

.modal-header { padding: 9px 15px; border-bottom: 1px solid #eee }

.modal-header .close { margin-top: 2px }

.modal-header h3 { margin: 0; line-height: 30px }

.modal-white { border: 0; border-radius: 0; box-shadow: none }

.modal-body { position: relative; overflow-y: auto; max-height: 400px; padding: 15px }

.modal-form { margin-bottom: 0 }

.modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; border-radius: 0 0 6px 6px; box-shadow: inset 0 1px 0 #fff }

.modal-footer:after, .modal-footer:before { display: table; content: ""; line-height: 0 }

.modal-footer:after { clear: both }

.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0 }

.modal-footer .btn-group .btn + .btn { margin-left: -1px }

.modal-footer .btn-block + .btn-block { margin-left: 0 }

.tooltip { font-size: 12px; position: absolute; z-index: 1030; display: block; visibility: visible; line-height: 20px; opacity: 0; filter: alpha(opacity=0) }

.tooltip.in { opacity: .8; filter: alpha(opacity=80) }

.tooltip.top { margin-top: -3px; padding: 5px 0 }

.tooltip.right { margin-left: 3px; padding: 0 5px }

.tooltip.bottom { margin-top: 3px; padding: 5px 0 }

.tooltip.left { margin-left: -3px; padding: 0 5px }

.tooltip-inner { max-width: 200px; padding: 3px 8px 2px; color: #fff; text-align: center; text-decoration: none; background-color: #27937b; border-radius: 2px; opacity: .9; filter: alpha(opacity=90) }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #27937b; opacity: .9; filter: alpha(opacity=90) }

.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #27937b; opacity: .9; filter: alpha(opacity=90) }

.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #27937b; opacity: .9; filter: alpha(opacity=90) }

.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #27937b; opacity: .9; filter: alpha(opacity=90) }

.popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 262px; padding: 1px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 4px; box-shadow: 0 5px 10px rgba(0,0,0,.2); white-space: normal }

.popover.top { margin-top: -10px }

.popover.right { margin-left: 10px }

.popover.bottom { margin-top: 10px }

.popover.left { margin-left: -10px }

.popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 }

.popover-title:empty { display: none }

.popover-content { padding: 9px 14px }

.popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid }

.popover .arrow { border-width: 11px }

.popover .arrow:after { border-width: 10px; content: "" }

.popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0,0,0,.25); bottom: -11px }

.popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff }

.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,.25) }

.popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff }

.popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25); top: -11px }

.popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff }

.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,.25) }

.popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px }

.badge, .label { position: relative; display: inline-block; padding: 4px 6px 3px; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; background-color: #999 }

.badge { padding: 1px 4px 0 }

.badge:empty, .label:empty { display: none }

a.badge:focus, a.badge:hover, a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer }

.label-arrow { position: absolute; width: 0; height: 0; vertical-align: top; content: "" }

.label .label-arrow { top: 7px; right: -4px; border-left: 4px solid #000; border-top: 4px solid transparent; border-bottom: 4px solid transparent }

.badge-important, .label-important { background-color: #e77843; }

.badge-important .label-arrow, .label-important .label-arrow { border-left-color: #d9534f }

.badge-warning, .label-warning { background-color: #f89406 }

.badge-warning .label-arrow, .label-warning .label-arrow { border-left-color: #f89406 }

.badge-success, .label-success { background-color: #56af45 }

.badge-success .label-arrow, .label-success .label-arrow { border-left-color: #56af45 }

.badge-info, .label-info { background-color: #3a87ad }

.badge-info .label-arrow, .label-info .label-arrow { border-left-color: #3a87ad }

.badge-inverse, .label-inverse { background-color: #4a4a4a }

.badge-inverse .label-arrow, .label-inverse .label-arrow { border-left-color: #4a4a4a }

a.badge-important:hover, a.label-important:hover { background-color: #d33632 }

a.badge-info:hover .label-arrow, a.label-info:hover .label-arrow { border-left-color: #d33632 }

a.badge-warning:hover, a.label-warning:hover { background-color: #d57f05 }

a.badge-warning:hover .label-arrow, a.label-warning:hover .label-arrow { border-left-color: #d57f05 }

a.badge-success:hover, a.label-success:hover { background-color: #49953b }

a.badge-success:hover .label-arrow, a.label-success:hover .label-arrow { border-left-color: #49953b }

a.badge-info:hover, a.label-info:hover { background-color: #317292 }

a.badge-info:hover .label-arrow, a.label-info:hover .label-arrow { border-left-color: #317292 }

a.badge-inverse:hover, a.label-inverse:hover { background-color: #383838 }

a.badge-inverse:hover .label-arrow, a.label-inverse:hover .label-arrow { border-left-color: #383838 }

.btn .badge, .btn .label { position: relative; top: -1px }

.btn-mini .badge, .btn-mini .label { top: 0 }

.fade { opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; transition: opacity .15s linear }

.fade.in { opacity: 1 }

.pull-right { float: right }

.pull-left { float: left }

.hide { display: none }

.show { display: block }

.invisible { visibility: hidden }

.affix { position: fixed }

.archive-header { background-color: #fbfbfb; height: 0; margin-bottom: 1px; display: none }

.archive-header h1 { font-size: 22px; color: #7a6f6f; font-weight: 400 }

.archive-header h1 a i { padding-top: 2px; color: #f58128 }

.archive-header i { font-size: 1em }

.archive-header-info { color: #666; margin: -4px 0 0 }

.banner-your { display: block; background-color: #fbfbfb; border: 2px dashed #bbb; text-align: center; color: #aaa; line-height: 20px; font-size: 22px }

.banner-your:hover { border-color: #aaa; color: #888 }

.banner-your:active { border-color: #d9534f; color: #d9534f }

.title { position: relative; height: 45px; border-bottom: 1px solid #90bba8; margin: 5px 20px }

.title h2 { font-size: 16px; font-weight: 400; width: 80px; line-height: 45px }

.excerpt { background-color: #fff; padding: 20px 15px 50px 20px; margin-bottom: 10px; position: relative; clear: both }

.excerpt:after, .excerpt:before { display: table; content: ""; line-height: 0 }

.excerpt:after { clear: both }

.excerpt-nothumbnail { padding-left: 20px }

.excerpt-nothumbnail:hover { padding-left: 24px }

.excerpt header { margin: 0 10px 15px 0 }

.excerpt .focus { float: left; margin: 0 20px 0 0; text-align: center; position: relative; overflow: hidden; display: table }

.excerpt .focus a { display: table-cell; vertical-align: middle }

.excerpt .focus a img { margin: 0 auto; display: block; -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; -o-transition: -o-transform .3s linear; transition: transform .3s linear }

.excerpt:hover .focus a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }

.excerpt p.auth-span { float: right; position: absolute; bottom: 0; right: 0 }

.excerpt header .label { margin-right: 5px; position: relative; top: -2px; padding: 2px 6px 4px }

.excerpt h2 { display: inline; font-size: 20px; margin: 0; font-weight: 400; position: relative; top: 1px; line-height: 25px; margin-left: 10px }

.excerpt .note { color: #777; line-height: 24px; margin-bottom: 0; font-style: normal }

.excerpt .itag a { border-style: solid; border-width: 1px; border-color: #e2e2e2 #ddd #ddd #e2e2e2; display: inline-block; margin-right: 3px; border-radius: 1px; padding: 0 5px; line-height: 18px }

.article-header .cate, .article-header .muted, .excerpt .muted { margin-right: 20px }

.excerpt .muted .action, .hot-posts .muted .action { background-color: #fff !important; border: 0; padding: 0; color: #f78585 !important; font-size: 13px }

.excerpt .muted .action i, .hot-posts .muted .action i { margin-right: 1px !important }

.hot-posts .muted { margin-left: 20px }

.excerpt .muted { font-size: 13px }

.comm { position: absolute; right: 20px; top: 23px; color: #fff; background-color: #00a67c; padding: 1px 8px 0; min-width: 14px; text-align: center }

.comm i { display: inline-block; border: 5px dotted; border-color: #00a67c transparent; border-bottom-width: 0; border-left-width: 0; position: absolute; bottom: -5px; left: 50%; margin-left: -2px }

.comm:hover { color: #fff; background-color: #d9534f }

.comm:hover i { border-color: #d9534f transparent }

.banner-excerpt { margin-bottom: 5px; padding-top: 4px }

.icot { display: inline-block; margin-right: 10px; position: relative; color: #999; background-color: #eee; padding: 0 6px; height: 23px; line-height: 23px; min-width: 36px; text-align: center }

.icot i { display: inline-block; border: 5px dotted; border-color: transparent #eee; border-right-width: 0; position: absolute; top: 50%; margin-top: -5px; right: -5px }

.aside-tit { clear: both; border-bottom: 1px solid #bdd2df; padding-bottom: 5px; margin-bottom: 10px; color: #333 }

.aside-tit span { font-weight: 400; float: right }

.aside-tit a { margin-left: 8px }

.base-tit { clear: both; font-size: 15px; border-bottom: solid 1px #e6e6e6; background-color: #fbfbfb; padding: 11px 20px 9px; margin: -20px -20px 20px }

.base-tit:after, .base-tit:before { display: table; content: ""; line-height: 0 }

.base-tit:after { clear: both }

.base-tit span { float: right; color: #390; font-weight: 400 }

.base-tit b { color: #d9534f }

.queryinfo { padding-bottom: 6px }

.bds_tools a { padding-left: 0 }

.banner, banner-related { overflow: hidden; clear: both; background-color: #fff; text-align: center }

.banner-post { line-height: 1px; padding-top: 10px; background-color: #fff }

.banner-navbar, .banner-site { margin-bottom: 10px; background: 0 }

.banner-sticky { margin-bottom: 10px; line-height: 1px }

.banner-contenttop { margin-bottom: 1px }

.banner img { display: block }

.page .article-header { padding: 8px 20px }

.breadcrumbs { margin: 0 0 1px; padding: 9px 20px 7px; background-color: #fff }

.breadcrumbs small { font-size: 12px; color: #bbb; margin: 0 2px; font-weight: 700 }

.article-author, .article-footer { padding: 15px 20px; overflow: hidden }

.article-header { padding: 2px 20px 12px; background-color: #fff; border-bottom: 1px solid #eee }

.article-title { margin-bottom: 10px }

.article-title a { color: #444; font-weight: 400; font-size: 24px; line-height: 40px }

.article-content { font-size: 15px; line-height: 26px;   word-break: break-all; word-wrap: break-word; position: relative; padding: 10px 20px 20px 20px; background-color: #fff }

.article-content h2 { font-size: 18px; font-weight: blod; margin: 20px -20px 20px -24px; padding: 10px 20px 9px 10px; line-height: 18px; border-left: 4px solid #00a67c; background-color: #fbfbfb }

.article-content h3 { font-size: 16px; font-weight: blod; margin-bottom: 10px }

.article-content h4 { font-size: 15px; font-weight: blod }

.article-content p { text-indent: 0px; margin: 5px 0px; }

.article-content ol, .article-content ul { margin: 8px 0 8px 30px }

.article-content li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; content: "\f192"; width: 20px; height: 0; line-height: 30px; font-size: 12px; color: #bbb }

.article-content li { text-indent: 0; line-height: 30px }

.article-content table { border-top: solid 1px #ddd; border-left: solid 1px #ddd; width: 100%; margin-bottom: 16px; text-indent: 0 }

.article-content table th { background-color: #f9f9f9; text-align: center }

.article-content table td, .article-content table th { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding: 5px 10px }

.article-content .alignleft { float: left; text-align: left; margin-right: 10px }

.article-content .aligncenter { margin: 0 auto; text-align: center; display: block }

.article-content .alignright { float: right; text-align: right; margin-left: 10px }

.article-content a { color: #00a67c }

.article-content a:hover { color: #d9534f }

.article-content a.dl { border: 2px solid #fff; border-radius: 2px; margin: 10px 5px 20px 25px; box-shadow: 0 0 0 1px #EEE; color: #fff; display: inline-block; text-align: center; padding: 8px 16px; cursor: pointer; vertical-align: text-bottom; background: #5fbaac; text-indent: 0 }

.article-content a.dl i { margin-right: 10px; vertical-align: inherit }

.article-content a.dl:hover { background: #f78585 }

.article-content img { margin: 0 auto }

.article-footer { background-color: #fff; border-top: 1px solid #f7f7f7 }

.article-tags { float: left; font-size: 15px }

.article-tags i { margin-right: 10px; color: #bbb }

.article-tags a { display: inline-block; padding: 2px 6px 3px; margin: 0 2px; color: #fff; background-color: #4a4a4a; opacity: .7; filter: alpha(opacity=90) }

.article-tags a:hover { background-color: #428bca; opacity: 1; filter: alpha(opacity=100) }

.article-tags a:nth-child(5n) { background-color: #4a4a4a }

.article-tags a:nth-child(5n+1) { background-color: #428bca }

.article-tags a:nth-child(5n+2) { background-color: #5cb85c }

.article-tags a:nth-child(5n+3) { background-color: #d9534f }

.article-tags a:nth-child(5n+4) { background-color: #f0ad4e }

.tag-clouds { overflow: hidden }

.tag-clouds li { float: left; width: 25%; margin-bottom: 12px; padding-bottom: 2px; height: 30px; border-bottom: 1px dotted #ddd; overflow: hidden }

.tag-clouds strong { color: #666; margin-left: 2px; margin-bottom: 10px; display: inline-block }

.article-info-text { margin-top: 15px; font-size: 14px }

.article-content blockquote { margin: 15px auto; border: 1px solid #d6e9c6; border-left-width: 3px; padding: 5px 15px 10px; background-color: #fafcf9; font-size: 14px }



.article-content blockquote p { margin: 6px 0 5px 0; padding: 0; font-size: 14px }

.article-content blockquote li { margin-bottom: 5px; line-height: 25px }

.article-nav { border-top: 1px solid #f2f2f2; background-color: #fbfbfb; overflow: hidden; padding: 15px 20px; font-size: 15px; color: #bbb }

.article-nav span { float: left; position: relative; max-width: 50% }

.article-nav span.article-nav-next { float: right; text-align: right }

.relates { overflow: hidden; background-color: #fff; border-top: 1px solid #f2f2f2; margin-bottom: 10px }

.relates h3 { font-size: 15px; line-height: 15px; border-bottom: 1px dotted #e4e4e4; padding: 15px 20px 10px; margin-bottom: 0 }

.relates ul { padding: 15px 0 15px 10px; overflow: hidden }

.relates li { float: left; width: 49%; height: 30px; overflow: hidden; line-height: 30px; color: #bbb }

.relates li i { vertical-align: middle }

.relates a { margin-right: 20px; padding-left: 10px ; min-width: 100px; padding-top: 5px;}

.rowpage { position: relative; background-color: #fff; padding: 0 20px }

.rowpage-header { border-bottom: 1px solid #e2ee; line-height: 16px; height: 31px; padding: 8px 20px; margin: 0 -20px 20px; background-color: #fbfbfb }

.rowpage-header .share { margin: 3px 0 0 }

.link-content { padding: 20px 0 }

.link-content li { float: left; text-align: center; width: 100px; font-size: 12px; margin-bottom: 10px }

.link-content li img, .readers a img { border-radius: 100%; margin-bottom: 5px; transition: .5s; -webkit-transtion: .5s }

.link-content li span, .readers a span { display: block }

.link-content li:hover img, .readers a:hover img { transform: rotate(360deg); -webkit-transform: rotate(360deg) }

.readers { padding: 20px 0 }

.readers a { margin: 0 0 15px 0; width: 100px; display: inline-block; font-size: 12px; text-align: center }

.tagcloud { padding: 10px 10px 10px 15px }

.tagcloud a { margin: 0 5px 5px 0; display: inline-block }

.archives .item { overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #eee }

.archives h3 { float: left; margin-bottom: 10px; font-size: 20px; font-weight: 400; color: #f15a23; line-height: 20px; margin-top: 0 }

.archives-list { padding-left: 20px; margin: 0 0 20px 140px }

.archives-list li { list-style: disc; margin-left: 20px; margin-bottom: 4px }

.archives-list time { width: 40px; display: inline-block }

.archives-list span { font-size: 12px; display: inline-block; margin-left: 10px }

.meta-tit { border-bottom: solid 1px #e6e6e6; padding: 0 0 10px; margin-bottom: 20px }

.widget { clear: both; margin-bottom: 10px; background-color: #fff }

.widget h2 .btn { position: absolute; top: 15px; right: 10px; font-weight: 400; padding: 1px 5px 1px; color: #fff; background-color: #5fbaac; font-size: 13px }

.widget-notip { line-height: 20px; color: #666; border-top-color: red }

.widget ul:after, .widget ul:before { display: table; content: ""; line-height: 0 }

.widget ul:after { clear: both }

.widget-notip h3 { margin-bottom: 13px }

.d_hotpost_txt li, .widget_recent_entries li, .widget_rss li, .widget_views li { border-bottom: solid 1px #eee; padding: 8px 15px }

.widget_links ul { padding: 5px 0 15px 12px; width: 90% }

.widget_links li { width: 45%; margin-left: 8px; margin-right: 8px; float: left; border-bottom: 1px solid #f0f0f0; padding: 5px 0 5px 0 }

.widget_links li a { background-color: #fff; padding: 5px 8px; display: inline-block; width: 80%; text-align: center }

.widget_pages ul { padding: 10px 15px 5px; overflow: hidden }

.widget_pages li { float: left; width: 50%; margin-bottom: 5px }

.widget_recent_entries span { display: block; font-size: 12px; color: #999; margin-top: 2px }



.d_banner img { display: block }

.d_banner_inner { line-height: 1px; position: relative; overflow: hidden }

.d_reader ul { padding: 15px 0 9px 16px }

.d_reader li { width: 40px; height: 40px; float: left; margin: 0 0 6px 6px }

.d_reader li a { display: block }

.d_reader li a, .d_reader li a:hover { color: #fff }

.d_reader li:hover { z-index: 20 }

.d_reader li:hover .avatar-popup { display: block }

.d_banner .sell { display: block; border: solid 1px #d6d6d6; color: #999; text-align: center; height: 123px; line-height: 123px; font-weight: 700 }

.d_banner .sell:hover { border-color: #bbb; color: #777 }

.d_comment ul { padding-bottom: 20px }

.d_comment ul a { display: block; overflow: hidden; position: relative; padding: 0 20px }

.d_comment .avatar { float: left; width: 48px; margin: 18px 12px 0 0; border-radius: 2px }

.d_comment div.muted { border-radius: 3px; margin-top: 15px; position: relative; min-height: 40px; background: #fbfdfb; border: 1px #eee solid; padding: 8px; width: 240px; font-size: 14px; float: right }

.d_comment div.muted i { color: #00a67c; font-style: normal }

.c-main:before, .d_comment div.muted:before { content: ''; display: inline-block; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid #eee; position: absolute; top: 15px; left: -9px }

.c-main:after, .d_comment div.muted:after { content: ''; display: inline-block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #fbfdfb; position: absolute; top: 17px; left: -7px }

.widget_calendar { overflow: hidden }

#calendar_wrap { margin: 0 15px 10px }

.widget_calendar table { width: 100%; text-align: center }

.widget_calendar table caption { padding: 10px 0 5px; font-size: 15px }

.widget_calendar table #next a, .widget_calendar table #prev a { display: block; padding: 0 10px }

.widget_calendar table #prev { text-align: left }

.widget_calendar table #next { text-align: right }

.widget_calendar table tbody td, .widget_calendar table tfoot td, .widget_calendar table thead th { padding: 5px 3px; border: 1px solid #eee }

.widget_calendar table thead th { background-color: #fbfbfb }

.widget_calendar table tbody td a { display: block; margin: 0 3px; background-color: #00a67c; color: #fff }

.widget_calendar table tbody td a:hover { background-color: #35d2ab }

.widget_categories ul { overflow: hidden; padding: 10px 0 5px; color: #bbb }

.widget_categories li { float: left; width: 50%; margin-bottom: 5px }

.widget_categories li a { margin-left: 15px }

.widget_categories li ul { padding: 0 0 0 15px }

.widget_categories li li { float: none; width: auto }

.widget_nav_menu ul { padding: 10px 15px 5px; color: #999 }

.widget_nav_menu ul li { margin-bottom: 8px }

.widget_rss ul { color: #999 }

.d_textbanner a { display: block; background-color: #fff }

.d_textbanner a h3 { font-size: 18px; padding: 0 20px 0; font-weight: 400 }

.d_textbanner a p { color: #999; margin-bottom: 0; padding: 0 20px 15px }

.d_textbanner a.style01, .d_textbanner a.style01 h2 { color: #428bca }

.d_textbanner a.style01:hover { border-color: #428bca; color: #357ebd }

.d_textbanner a.style02, .d_textbanner a.style02 h2 { color: #d9534f }

.d_textbanner a.style02:hover { border-color: #d9534f; color: #d33632 }

.d_textbanner a.style03, .d_textbanner a.style03 h2 { color: #5cb85c }

.d_textbanner a.style03:hover { border-color: #5cb85c; color: #4cae4c }

.d_textbanner a.style04, .d_textbanner a.style04 h2 { color: #c35bff }

.d_textbanner a.style04:hover { border-color: #c35bff; color: #b433ff }

.d_textbanner a.style05, .d_textbanner a.style05 h2 { color: #33bbba }

.d_textbanner a.style05:hover { border-color: #33bbba; color: #00aba9 }

.d_tags { padding: 12px 10px 15px 20px }



.d_tags a { width: 44%; opacity: .7; filter: alpha(opacity=80); display: inline-block; margin: 0 5px 5px 0; padding: 2px 6px; line-height: 21px }

.d_tags a:hover { opacity: 1; filter: alpha(opacity=100) }

.d_categorylist ul { padding: 0 20px 20px }
.d_categorylist li { width: 50%; float: left; }
.d_categorylist li a { padding: 5px 0 10px 0px; border-bottom: solid 1px #eee; overflow: hidden; position: relative; display: block; font-size: 14px }

.d_categorylist li a:hover { color: #d9534f }



.d_postlist ul { padding: 0 20px 20px }

.d_postlist li a { padding: 5px 0 5px 0px; border-bottom: solid 1px #eee; overflow: hidden; position: relative; display: block; font-size: 14px }

.d_postlist li a:hover { color: #d9534f }

.d_postlist .text { margin: 5px 0 0 20px; display: block; height: 50px }

.d_postlist .thumbnail { float: left; margin-left: -90px; margin-top: 10px }

.d_postlist .thumbnail img { max-width: 100px; max-height: 64px; display: block; margin: 0 auto }

.d_postlist .muted { padding-left: 10px }

.d_postlist .nopic li a { padding: 8px 15px }

.d_postlist .nopic .text { margin-top: 0 }

.widget_meta { margin: 0 0 10px }

.widget_meta ul { line-height: 24px; padding: 0 20px 10px }

.widget_meta ul li { margin-bottom: 5px }

.widget_archive ul { padding: 10px 20px 5px; overflow: hidden; color: #999 }

.widget_archive li { width: 50%; float: left; margin-bottom: 5px }

.widget_archive select, .widget_categories select { margin-top: 10px; width: 91%; margin-left: 15px; height: 32px; line-height: 32px; padding: 2px }

#postcomments { position: relative; background-color: #fff }

#response { position: relative; background-color: #fff }

#response .base-tit { display: none }

.comment #response { margin: 10px 0 0; padding: 0; border: 1px solid #ddd }

.commentnew { background-color: #dff0d8 }

.commentnew .c-main { margin-bottom: 5px }

.comment { padding: 12px 0 10px 0 }

.commentlist { padding: 12px 20px 0 20px }

.c-avatar .avatar { position: absolute; width: 54px; height: 54px; border-radius: 2px; webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-out }

.c-main { padding: 10px 15px; line-height: 25px; margin-top: -2px; margin-left: 72px; border-radius: 3px; position: relative; background: #fbfdfb; border: 1px #eee solid; font-size: 15px }

.c-meta { color: #bbb; font-size: 14px }

.c-author { margin-right: 10px }

.comment-reply-link { margin-left: 6px; color: #00a67c }

.comment-reply-link:hover { color: #d9534f }

.children .comment { padding: 12px 0 0 10px; margin: 10px 0 0 60px }

.children .c-main p { margin-right: 0 }

.children .c-meta { padding-top: 1px }

.c-floor { float: right; font-size: 18px; color: #ddd }

.comment:hover .c-floor { color: #999 }

.c-approved { border-radius: 2px; background-color: #fbfbfb; border: 1px solid #ccc; color: #999; display: inline-block; padding: 1px 5px; margin-top: 4px }

.wp-smiley { margin-bottom: 2px }

#comments { font-size: 15px; padding: 12px 20px; line-height: 14px; color: #5fbaac; font-weight: 400; border-bottom: 1px solid #dbece8 }

#comments b { font-weight: 400; font-size: 13px }

#commentform { margin-bottom: 0 }

.comt-title { overflow: hidden; padding: 12px 20px; background-color: #f7f7f7 }

.comt-count { float: right; color: #999; margin-bottom: 5px }

.comt { padding: 20px 20px 5px 20px; position: relative }

.comt-avatar { height: 28px !important; width: 28px }

.comt-avatar img { border-radius: 2px; opacity: .9; height: 28px !important; width: 28px !important }

.comt-author { margin: 5px 10px 0 10px; font-size: 16px; color: #666 }

.comt-author span { color: #bbb; margin-left: 10px }

.comt-box { overflow: hidden }

.comt-area { margin-bottom: 5px }

.comt-ctrl { position: relative; overflow: hidden }

.comt-addcode, .comt-addsmilies { float: left; color: #999; padding: 0 10px 0 10px }

.comt-addcode:hover, .comt-addsmilies:hover { color: #666 }

.comt-mailme { display: none }

.comt-smilie { cursor: pointer; margin-top: 2px; display: inline-block }

.comt-smilie:hover { color: #666 }

#comment-smilies { background-color: #eee; padding: 3px 5px; float: left; position: relative; line-height: 0 }

#comment-smilies img { display: inline-block; padding: 3px; cursor: pointer }

#comment-smilies::after { position: absolute; top: -5px; left: 20px; width: 0; height: 0; vertical-align: top; border-bottom: 5px solid #eee; border-right: 5px solid transparent; border-left: 5px solid transparent; content: "" }

.btn-primary i, .comt-smilie i { vertical-align: middle }

.btn-primary, .comt-smilie { font-size: 15px; height: 36px !important }

.comt-ctrl .popover { width: 219px }

.comt-ctrl .popover-content { padding: 2px 0 2px 1px }

.comt-ctrl .popover-content a { margin: -1px -1px 0 0; float: left; width: 16px; height: 16px; padding: 5px; line-height: 0; display: inline-block; border: solid 1px #eee }

.comt-ctrl .popover-content a img { display: block }

.comt-ctrl label { margin: 0 5px }

.comt-ctrl label input { margin-right: 4px }

.comt-tips { text-align: right; line-height: 30px; margin-right: 10px; color: #999 }

.comt-error { color: #d9534f }

#loading { padding: 5px 0 }

#loading img { margin-right: 5px; vertical-align: middle }

#error { padding: 5px 0; color: #c00 }

.ajax-notice { color: #f60; font-size: 12px }

.comt-submit { position: absolute; right: -1px; top: -1px; border: solid 1px #ddd; padding: 0 30px; height: 34px; width: 120px; cursor: pointer; font-weight: 700; color: #666; border-radius: 0 0 3px 0; background-image: -webkit-linear-gradient(#fbfbfb,#f6f6f6); text-shadow: 0 -1px 0 #fff }

.comt-submit:hover { color: #444; border-color: #d6d6d6; background-image: -webkit-linear-gradient(#f6f6f6,#eee) }

.comt-submit:active { border-color: #c6c6c6; box-shadow: inset 0 2px 2px #e6e6e6 }

.comt-comterinfo { padding: 20px 0 0 210px; color: #444; display: none }

.comt-comterinfo h4 { float: left; width: 190px; line-height: 100px; margin-left: -210px; text-align: right; display: inline }

.comt-comterinfo ul { border-left: dotted 1px #ccc; padding-left: 30px }

.comt-comterinfo li { margin-bottom: 10px }

.comt-comterinfo input { margin-right: 10px; position: relative }

#cancel-comment-reply-link { display: none; color: #bbb; margin: -12px -20px; line-height: 28px; font-size: 14px; padding: 12px 20px }

#cancel-comment-reply-link:hover { background-color: #999; color: #fff }

.comment #cancel-comment-reply-link { display: block }

.related_posts { overflow: hidden; background-color: #fff; padding: 20px 10px 0 10px; margin: 10px 0 10px 0 }

.related_posts a:hover { color: #d9534f }

.related_img { width: 100%; overflow: hidden; text-align: center }

.related_box { float: left; overflow: hidden; width: 25%; padding-bottom: 15px }

.related_box .r_title { line-height: 25px; height: 50px; font-size: 14px; overflow: hidden; float: left; padding: 10px 10px 0 10px; text-align: left }

.article-social { margin-bottom: 30px; padding-top: 40px; text-align: center; text-indent: 0 }

.article-social a { border-bottom: 1px solid #d6d6d6; text-indent: 0 }

.article-social a:hover { background: #f17067; border-bottom: 1px solid #d6d6d6 }

#Addlike { background-color: #ef8337; color: #fff }

#Addlike:hover { background-color: #f17067 }

.action { position: relative; padding: 8px 40px; display: inline-block; border: 1px solid #d6d6d6; border-radius: 2px; background-color: #58c2e1; font-size: 15px; margin: 0 3px; color: #fff }

.action:hover { background-color: #3bbfaf; border-bottom: 1px solid #d6d6d6 }

.action i, bdsharebuttonbox i { margin-right: 5px; font-size: 1.1em }

.action.actived { border-color: #ff9790; color: #fff; background-color: #f17067 !important }

.action .action-popover { position: absolute; width: 249px; padding: 5px 0 2px; top: -45px; left: 50%; margin-left: -125px; display: none; height: 46px }

.action .popover-content { padding: 6px 3px 5px 8px }

.action:hover .action-popover { display: block }

.action .popover { display: block; border-radius: 4px }

.article-social .or { background: #fff; color: #455670; display: inline-block; padding: 5px 12px; font-size: .8725em; position: absolute; z-index: 2; margin: 4px 0 0 -19px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px }

@-ms-viewport { width: device-width }

.article-content pre { text-indent: 0; background-color: #f8f8f8; border: 1px solid #eee; overflow: hidden; padding: 8px; font-size: 14px }

.prettyprint.linenums, pre.prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #eee,inset 42px 0 0 #33b796; -moz-box-shadow: inset 40px 0 0 #eee,inset 42px 0 0 #33b796; box-shadow: inset 40px 0 0 #eee,inset 42px 0 0 #33b796 }

.prettyprint.linenums ol, pre.prettyprint.linenums ol { margin: 0 0 0 40px }

.prettyprint.linenums ol li, pre.prettyprint.linenums ol li { padding-left: 6px; color: #bebec5; line-height: 20px; margin-left: 0; list-style: decimal }

.prettyprint.linenums ol li:before, pre.prettyprint.linenums ol li:before { content: ""; width: 0 }

.prettyprint .com { color: #666 }

.prettyprint .lit { color: #c0c }

.prettyprint .clo, .prettyprint .opn, .prettyprint .pun { color: #0a0 }

.prettyprint .fun { color: #dc322f }

.prettyprint .atv, .prettyprint .str { color: #c28f5b }

.prettyprint .kwd, .prettyprint .tag { color: #f92659 }

.prettyprint .atn, .prettyprint .dec, .prettyprint .typ, .prettyprint .var { color: #0a0 }

.prettyprint .pln { color: #00f }

.navbar .screen-mini { display: none }

@media(max-width:879px) {
    .toggle-search { padding: 11px 25px 10px 20px }

    .yusi-mono { font-size: 42px !important }

    .navbar { background-color: transparent; height: auto }

    .navbar .screen-mini { display: block; float: left }

    .navbar .screen-mini .btn { background-color: #4a4a4a; padding: 16px 22px }

    .navbar .screen-mini .btn.active, .navbar .screen-mini .btn:hover { background-color: #404040 }

    .navbar .screen-mini .btn i { margin-top: 2px }

    .navbar .nav { float: none; padding: 0; background-color: #eee; margin-right: 0; display: none }

    .navbar .nav > li { float: none; margin-right: 0; font-weight: 700 }

    .navbar .nav > li > a { padding: 10px 20px 9px; border-bottom: 1px solid #ddd; color: #444 }

    .navbar .nav li a:hover { background-color: #fff; color: #444 }

    .navbar .nav ul { display: block }

    .navbar .nav > li > ul { position: relative; display: block; top: 0; left: 0; padding-bottom: 0; font-weight: 400 }

    .navbar .nav > li > ul > li > ul { position: relative; display: block; top: 0; left: 0; padding-bottom: 0 }

    .navbar .nav > li > ul > li { float: none; margin: 0; position: relative; border-bottom: 1px solid #ddd }

    .navbar .nav > li > ul > li > a, .navbar .nav > li > ul > li > ul > li > a { float: none; display: block; padding: 10px 20px 9px 50px; color: #444 }

    .navbar .nav > li > ul > li > ul > li > a { padding-left: 80px }

    .navbar .nav li li.current-menu-item a, .navbar .nav > li > ul > li > a:hover { color: #444 }

    .navbar .nav li li a:hover, .navbar .nav li li.current-menu-item a { background-color: #fff }

    .navbar .nav li ul, .navbar .nav li.current-menu-item a, .navbar .nav li.current-menu-parent a, .navbar .nav li.current-post-ancestor a, .navbar .nav li.current_page_item a, .navbar .nav li:hover a { background-color: #eee; color: #444; display: block }

    .screen-search, .speedbar, .yusi-bloger { display: none }

    .sidebar { display: none }

    .content { margin-right: 0 }

    .header { margin-bottom: 1px }

    .footer-inner { border-left: none }

    .share { display: none }

    .navbar .menu { float: none; margin: 0 20px 10px; text-align: center }

    .navbar .menu .btn-group { float: none; display: inline-block; margin-top: -24px }

    .tag-clouds li { width: 50% }

    .navbar .btn.screen-nav { padding: 11px 20px; height: auto; position: absolute; top: 0; left: 0; background-color: transparent }

    .navbar .btn.screen-nav:hover { background-color: transparent }

    .row-fluid { width: 100% }

    .row-fluid:after, .row-fluid:before { display: table; content: ""; line-height: 0 }

    .row-fluid:after { clear: both }

    .row-fluid [class*=span] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 1.2987012987012987% }

    .row-fluid [class*=span]:first-child { margin-left: 0 }

    .row-fluid .controls-row [class*=span] + [class*=span] { margin-left: 1.2987012987012987% }

    .row-fluid .span12 { width: 100% }

    .row-fluid .span11 { width: 91.55844155844156% }

    .row-fluid .span10 { width: 83.1168831168831% }

    .row-fluid .span9 { width: 74.67532467532467% }

    .row-fluid .span8 { width: 66.23376623376623% }

    .row-fluid .span7 { width: 57.79220779220779% }

    .row-fluid .span6 { width: 49.35064935064935% }

    .row-fluid .span5 { width: 40.90909090909091% }

    .row-fluid .span4 { width: 32.467532467532465% }

    .row-fluid .span3 { width: 24.025974025974023% }

    .row-fluid .span2 { width: 15.584415584415584% }

    .row-fluid .span1 { width: 7.142857142857142% }

    .row-fluid .offset12 { margin-left: 102.59740259740259% }

    .row-fluid .offset12:first-child { margin-left: 101.2987012987013% }

    .row-fluid .offset11 { margin-left: 94.15584415584415% }

    .row-fluid .offset11:first-child { margin-left: 92.85714285714286% }

    .row-fluid .offset10 { margin-left: 85.7142857142857% }

    .row-fluid .offset10:first-child { margin-left: 84.4155844155844% }

    .row-fluid .offset9 { margin-left: 77.27272727272727% }

    .row-fluid .offset9:first-child { margin-left: 75.97402597402598% }

    .row-fluid .offset8 { margin-left: 68.83116883116882% }

    .row-fluid .offset8:first-child { margin-left: 67.53246753246754% }

    .row-fluid .offset7 { margin-left: 60.38961038961039% }

    .row-fluid .offset7:first-child { margin-left: 59.090909090909086% }

    .row-fluid .offset6 { margin-left: 51.94805194805195% }

    .row-fluid .offset6:first-child { margin-left: 50.649350649350644% }

    .row-fluid .offset5 { margin-left: 43.506493506493506% }

    .row-fluid .offset5:first-child { margin-left: 42.2077922077922% }

    .row-fluid .offset4 { margin-left: 35.064935064935064% }

    .row-fluid .offset4:first-child { margin-left: 33.76623376623376% }

    .row-fluid .offset3 { margin-left: 26.623376623376622% }

    .row-fluid .offset3:first-child { margin-left: 25.324675324675322% }

    .row-fluid .offset2 { margin-left: 18.18181818181818% }

    .row-fluid .offset2:first-child { margin-left: 16.883116883116884% }

    .row-fluid .offset1 { margin-left: 9.74025974025974% }

    .row-fluid .offset1:first-child { margin-left: 8.441558441558442% }
}

@media(max-width:767px) {
    .article-title a { font-size: 17px; line-height: 25px }

    .pagecontent { margin-left: 0 }

    .archive-header-info, .comt-comterinfo ul .help-inline, .page-sidebar, .pagesidebar, .relates li img, .speedbar { display: none }

    .header { position: relative }

    .relates li { float: none; width: 100% }

    .relates a { height: auto; text-align: left; line-height: 14px; border-left: none }

    .archives h3, .article-footer .share { float: none; clear: both }

    .archives-list, .comt-comterinfo, .content-page { padding-left: 0 }

    .comt-comterinfo h4 { float: none; width: 100%; margin-left: 0; line-height: 20px; text-align: left }

    .comt-comterinfo ul { padding-left: 0; border-left: none }

    .comt-comterinfo ul input { margin-right: 0; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 30px }

    .rollto { bottom: 32px; right: 4px }

    .plinks ul li { width: 33.3333333% }

    .excerpt, .excerpt:hover { padding: 10px 15px 10px 15px }

    .excerpt-nothumbnail, .excerpt-nothumbnail:hover { padding: 10px 20px }

    .excerpt .focus { width: 100px; height: 68px; margin: 0 10px 0 0; float: left; display: inline }

    .excerpt .focus a { width: 100px; height: 68px }

    .excerpt .focus a img { max-width: 100px; max-height: 68px }

    .excerpt header h2 { font-size: 16px; line-height: 20px; display: block }

    .excerpt header .label, .excerpt p.auth-span { display: none }

    .excerpt header { margin-bottom: 5px; margin-right: 0 }

    .excerpt span.note { font-size: 13px; display: block; height: 56px; padding-top: 3px; overflow: hidden; line-height: 20px }

    .banner { display: none }
}

@media(max-width:334px) {
    .yusi-mono { font-size: 32px !important }

    .article-title a { line-height: 25px }

    .article-header .muted { margin-right: 6px }

    .excerpt header h2 { display: block; font-size: 16px }

    .muted i { margin-top: -1px }

    .hot-posts .muted { margin-left: 5px }

    #go-comment, #mute-category, .banner, .navbar .menu .btn-group, .post-comments { display: none }

    .related_box { width: 50% }

    .related_box img { width: 90% }

    .action { padding: 6px 20px }

    .c-avatar .avatar { width: 24px; height: 24px }

    .children .comment { margin: 10px 0 0 10px }

    .c-main { padding: 5px 5px; line-height: 20px; margin-left: 35px; font-size: 12px }

    .c-main:before, .d_comment div.muted:before { top: 5px }

    .c-main:after, .d_comment div.muted:after { top: 7px }

    .url { font-size: 12px }
}

.hm-t-footer a { display: none }

#foot { display: none }

.tui . { display: none }

.d_subscribe form { margin: 0; padding: 10px 20px 10px }

.d_subscribe p { color: #666; font-size: 13px; height: 20px }

.d_subscribe .rsstxt { float: left; padding: 1px 8px; width: 220px; height: 30px; border: 0; background: #f7f7f7; outline: 0 }

.d_subscribe .rsstxt:hover, .widget_newsletter .rsstxt:focus { outline: 0 }

.d_subscribe .rssbutton { width: 84px; height: 32px; border: 0; background: #1abc9c; color: #fff; letter-spacing: 2px; font-size: 15px; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif !important }

.d_subscribe .rssbutton:hover { background-color: #16a085 }

#wowslider-container1 { zoom: 1; position: relative; max-width: 716px; float: right; margin: 0 0 10px 0; z-index: 90 }

* html #wowslider-container1 { width: 716px }

#wowslider-container1 .ws_images ul { position: relative; width: 10000%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible }

#wowslider-container1 .ws_images ul li { width: 1%; line-height: 0; float: left; font-size: 0; padding: 0 !important; margin: 0 !important }

#wowslider-container1 .ws_images { position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }

#wowslider-container1 .ws_images a { width: 100%; display: block; color: transparent }

#wowslider-container1 img { max-width: none !important }

#wowslider-container1 .ws_images img { width: 100%; border: none 0; max-width: none; padding: 0; margin: 0 }

#wowslider-container1 a { text-decoration: none; outline: 0; border: 0 }

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position: absolute; display: none; top: 50%; margin-top: -3.5em; z-index: 60; height: 7.1em; width: 7.1em; background-image: url(img/arrows.png); background-size: 200% }

#wowslider-container1 a.ws_next { background-position: 100% 0; right: 1em }

#wowslider-container1 a.ws_prev { left: 1em; background-position: 0 0 }

#wowslider-container1 a.ws_next:hover { background-position: 100% 100% }

#wowslider-container1 a.ws_prev:hover { background-position: 0 100% }

* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev { display: block }

#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev { display: block }

#wowslider-container1 .ws_playpause { display: none; width: 7.1em; height: 7.1em; position: absolute; top: 50%; left: 50%; margin-left: -3.5em; margin-top: -3.5em; z-index: 59; background-size: 100% }

#wowslider-container1:hover .ws_playpause { display: block }

#wowslider-container1 .ws_pause { background-image: url(img/pause.png) }

#wowslider-container1 .ws_play { background-image: url(img/play.png) }

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100% !important }

#wowslider-container1 .ws-title { position: absolute; display: block; bottom: 3.5em; left: 1em; margin-right: 1em; padding: 1em .9em .9em .9em; background-color: rgba(0,0,0,.4); color: #e7ffff; z-index: 50; font-weight: 700; text-transform: uppercase; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em }

#wowslider-container1 .ws-title div { margin-top: .3em; font-size: 1.6em; line-height: 1.15em; font-weight: 400; text-transform: none; color: #fff }

#wowslider-container1 .ws-title span { font-size: 2.4em }

#wowslider-container1 .ws_thumbs { font-size: 0; position: absolute; overflow: auto; z-index: 70; left: -19.51%; top: 0; width: 18.72%; height: 100% }

#wowslider-container1 .ws_thumbs img { text-decoration: none; border: 0; width: 100% }

#wowslider-container1 .ws_thumbs a { position: relative; text-indent: -4000px; color: transparent; opacity: .85; text-decoration: none; display: inline-block; border: 0; margin-bottom: 4.5%; text-indent: 0; padding: 2.99%; width: 89.54%; background-color: #fff }

#wowslider-container1 .ws_thumbs a:hover { opacity: 1 }

#wowslider-container1 .ws_thumbs a:hover img { visibility: visible }

#wowslider-container1 .ws_thumbs div { position: relative; width: 100% }

#wowslider-container1 .ws_thumbs a.ws_selthumb { background-color: #bce0dd }

#wowslider-container1 .ws_images ul { animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite }

@keyframes wsBasic {
    0% { left: 0 }

    12.5% { left: 0 }

    25% { left: -100% }

    37.5% { left: -100% }

    50% { left: -200% }

    62.5% { left: -200% }

    75% { left: -300% }

    87.5% { left: -300% }
}

@-moz-keyframes wsBasic {
    0% { left: 0 }

    12.5% { left: 0 }

    25% { left: -100% }

    37.5% { left: -100% }

    50% { left: -200% }

    62.5% { left: -200% }

    75% { left: -300% }

    87.5% { left: -300% }
}

@-webkit-keyframes wsBasic {
    0% { left: 0 }

    12.5% { left: 0 }

    25% { left: -100% }

    37.5% { left: -100% }

    50% { left: -200% }

    62.5% { left: -200% }

    75% { left: -300% }

    87.5% { left: -300% }
}

.footer { background: #333; border-top: 8px solid #e77843; position: relative }

.social { padding: 10px 6px; background-color: #fff }

.social i { font-size: 2.5em; width: 45px; height: 38px; padding-top: 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 -1px 0 #3333sf }

.sinaweibo { background: #58c3e0 }

.tencentweibo { background: #58c3e0 }

.qq { background: #58c3e0 }

.facebook { background: #5b7aa7 }

.email { background: #58c3e0 }

.twitter { background: #58c3e0 }

.weixins { background: #58c3e0 }

.weixin-popover { position: absolute; width: 256px; padding: 5px 0 2px; top: 45px; left: 50%; margin-left: -125px; display: none; height: 256px }

.weixin:hover .weixin-popover { display: block }

.weixin .popover { display: block; border-radius: 4px; color: #777 }

.social .rss { background: #ff7c49 }

.social a { float: left; width: 100px; text-align: center; margin-right: 6.5px; margin-left: 6.5px; position: relative; color: #fff }
.social a label { color: #626060; }


.open-message { margin-bottom: 10px; padding: 5px 10px; border-radius: 2px; background-color: #fcf8e3; border: 1px solid #faebcc; color: #8a6d3b }

.open-message i { text-indent: -20px }

.hot-posts { clear: both; background-color: #fff }

.hot-posts a { font-size: 14px }

.hot-posts h2 { line-height: 45px; font-weight: 400; font-size: 16px }

.hot-posts ul { margin: 0 20px 10px; padding: 15px 0 10px; list-style: none; overflow: hidden }

.hot-posts li { overflow: hidden; clear: both; margin-bottom: 10px; height: 20px }

.hot-posts p { float: right; font-size: 14px; color: #777; font-size: 13px; margin-left: 10px }

.hot-posts .label { margin-right: 8px; padding: 2px 7px; top: -1px }

.label-1 { background-color: #fd8c84 }

.label-2 { background-color: #6fc299 }

.label-3 { background-color: #81c1f2 }

.fenye { text-indent: 0; text-align: center; margin: 20px auto 10px; font-weight: 700 }

.fenye span { text-indent: 0; border-radius: 2px; border: 1px solid #f6ebeb; padding: 4px 12px 3px; color: #fff; display: inline-block; background-color: #5fbaac; margin: 0 1px }

.fenye a span { font-weight: 400; background-color: #f6f6e8; color: #000; text-decoration: none }

.fenye a:hover span { background-color: #fd9790; color: #fff }

@media (max-width:979px) and (min-width:879px) {
    .excerpt { padding: 20px 15px 40px 20px !important }
}

span .action-popover .popover-content a:hover { background-color: #7FB4AB }

span .action-popover .popover-content .sinaweibo { background: none repeat scroll 0 0 #F78585 }

span .action-popover .popover-content .bds_qzone { background: none repeat scroll 0 0 #FAC33F }

span .action-popover .popover-content .bds_renren { background: none repeat scroll 0 0 #94B3EB }

span .action-popover .popover-content .bds_weixin { background: none repeat scroll 0 0 #7AD071 }

span .action-popover .popover-content .bds_more { background: none repeat scroll 0 0 #40A57D }

.footer .footer-inner .copyright { text-align: center; float: none !important }

.side-ad { padding: 10px 30px 20px 30px }

.friend-links { padding: 10px; padding-left: 20px }

.friend-links .links li:hover { border-left: .5em solid rgba(233,126,103,1); padding-left: 10px }

.friend-links .links li { font-size: 15px; height: 30px; margin-bottom: 6px; line-height: 30px }

.yusi-logo h1 { font-family: "Microsoft Yahei" !important }

.ngg-gallery-thumbnail img { border: none !important }

.ngg-gallery-thumbnail img:hover { background-color: #f59090 }

.widget_links li a img { width: 140px; height: 60px; margin: 5px }

@media (max-width:767px) {
    .excerpt header .label { display: block !important; margin: 3px 8px 0 0; font-size: 13px; float: left; height: 11px; line-height: 13px }

    .excerpt header .label .label-arrow { top: 5px !important }

    .excerpt header h2 a { font-size: 14px; position: relative; top: -2px }
}

.bdsharebuttonbox a { border-bottom: 0; margin-right: 5px; width: 28px; height: 28px; line-height: 28px; color: #fff }

.bds_renren { background: #94b3eb }

.bds_qzone { background: #fac33f }

.bds_more { background: #40a57d }

.bds_weixin { background: #7ad071 }

.bdsharebuttonbox a:hover { background-color: #7fb4ab; color: #fff; border-bottom: 0 }

#SOHU_MAIN { width: initial !important; padding: 0 50px !important; background-color: #FFF !important; padding-top: 20px !important }

#SOHUCS #SOHU_MAIN .section-cbox-w .post-wrap-b { border: 1px solid #ccd4d9 !important }

#SOHU_MAIN .section-cbox-w .post-default-b { border: 1px solid #ccd4d9 !important }

.p-sm { padding: 10px }

.meta-slider { margin: 15px; width: 330px !important; padding-bottom: 15px }

.meta-slider .theme-bar.slider-wrapper { border: none }

.meta-slider .nivo-caption { background: rgba(0,0,0,.3) }

.meta-slider .nivoSlider { max-height: 186px; overflow: hidden }

.banner-navbar, .banner-site { margin-bottom: 0 }

.yusi-bloger { font-weight: inherit }

.content #qrcodes .row { overflow: hidden }

.crayon-syntax { float: initial !important }


.position-static { position: static !important; }

.position-relative { position: relative !important; }

.position-absolute { position: absolute !important; }

.position-fixed { position: fixed !important; }

.position-sticky { position: -webkit-sticky !important; position: sticky !important; }

.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; }
}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }

.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none { box-shadow: none !important; }

.w-25 { width: 25% !important; }

.w-50 { width: 50% !important; }

.w-75 { width: 75% !important; }

.w-100 { width: 100% !important; }

.w-auto { width: auto !important; }

.h-25 { height: 25% !important; }

.h-50 { height: 50% !important; }

.h-75 { height: 75% !important; }

.h-100 { height: 100% !important; }

.h-auto { height: auto !important; }

.mw-100 { max-width: 100% !important; }

.mh-100 { max-height: 100% !important; }

.m-0 { margin: 0 !important; }

.mt-0,
.my-0 { margin-top: 0 !important; }

.mr-0,
.mx-0 { margin-right: 0 !important; }

.mb-0,
.my-0 { margin-bottom: 0 !important; }

.ml-0,
.mx-0 { margin-left: 0 !important; }

.m-1 { margin: 0.25rem !important; }

.mt-1,
.my-1 { margin-top: 0.25rem !important; }

.mr-1,
.mx-1 { margin-right: 0.25rem !important; }

.mb-1,
.my-1 { margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 { margin-left: 0.25rem !important; }

.m-2 { margin: 0.5rem !important; }

.mt-2,
.my-2 { margin-top: 0.5rem !important; }

.mr-2,
.mx-2 { margin-right: 0.5rem !important; }

.mb-2,
.my-2 { margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 { margin-left: 0.5rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3,
.my-3 { margin-top: 1rem !important; }

.mr-3,
.mx-3 { margin-right: 1rem !important; }

.mb-3,
.my-3 { margin-bottom: 1rem !important; }

.ml-3,
.mx-3 { margin-left: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4,
.my-4 { margin-top: 1.5rem !important; }

.mr-4,
.mx-4 { margin-right: 1.5rem !important; }

.mb-4,
.my-4 { margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 { margin-left: 1.5rem !important; }

.m-5 { margin: 3rem !important; }

.mt-5,
.my-5 { margin-top: 3rem !important; }

.mr-5,
.mx-5 { margin-right: 3rem !important; }

.mb-5,
.my-5 { margin-bottom: 3rem !important; }

.ml-5,
.mx-5 { margin-left: 3rem !important; }

.p-0 { padding: 0 !important; }

.pt-0,
.py-0 { padding-top: 0 !important; }

.pr-0,
.px-0 { padding-right: 0 !important; }

.pb-0,
.py-0 { padding-bottom: 0 !important; }

.pl-0,
.px-0 { padding-left: 0 !important; }

.p-1 { padding: 0.25rem !important; }

.pt-1,
.py-1 { padding-top: 0.25rem !important; }

.pr-1,
.px-1 { padding-right: 0.25rem !important; }

.pb-1,
.py-1 { padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 { padding-left: 0.25rem !important; }

.p-2 { padding: 0.5rem !important; }

.pt-2,
.py-2 { padding-top: 0.5rem !important; }

.pr-2,
.px-2 { padding-right: 0.5rem !important; }

.pb-2,
.py-2 { padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 { padding-left: 0.5rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3,
.py-3 { padding-top: 1rem !important; }

.pr-3,
.px-3 { padding-right: 1rem !important; }

.pb-3,
.py-3 { padding-bottom: 1rem !important; }

.pl-3,
.px-3 { padding-left: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4,
.py-4 { padding-top: 1.5rem !important; }

.pr-4,
.px-4 { padding-right: 1.5rem !important; }

.pb-4,
.py-4 { padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 { padding-left: 1.5rem !important; }

.p-5 { padding: 3rem !important; }

.pt-5,
.py-5 { padding-top: 3rem !important; }

.pr-5,
.px-5 { padding-right: 3rem !important; }

.pb-5,
.py-5 { padding-bottom: 3rem !important; }

.pl-5,
.px-5 { padding-left: 3rem !important; }

.m-auto { margin: auto !important; }

.mt-auto,
.my-auto { margin-top: auto !important; }

.mr-auto,
.mx-auto { margin-right: auto !important; }

.mb-auto,
.my-auto { margin-bottom: auto !important; }

.ml-auto,
.mx-auto { margin-left: auto !important; }

@media (min-width: 576px) {
    .m-sm-0 { margin: 0 !important; }
    .mt-sm-0,
    .my-sm-0 { margin-top: 0 !important; }
    .mr-sm-0,
    .mx-sm-0 { margin-right: 0 !important; }
    .mb-sm-0,
    .my-sm-0 { margin-bottom: 0 !important; }
    .ml-sm-0,
    .mx-sm-0 { margin-left: 0 !important; }
    .m-sm-1 { margin: 0.25rem !important; }
    .mt-sm-1,
    .my-sm-1 { margin-top: 0.25rem !important; }
    .mr-sm-1,
    .mx-sm-1 { margin-right: 0.25rem !important; }
    .mb-sm-1,
    .my-sm-1 { margin-bottom: 0.25rem !important; }
    .ml-sm-1,
    .mx-sm-1 { margin-left: 0.25rem !important; }
    .m-sm-2 { margin: 0.5rem !important; }
    .mt-sm-2,
    .my-sm-2 { margin-top: 0.5rem !important; }
    .mr-sm-2,
    .mx-sm-2 { margin-right: 0.5rem !important; }
    .mb-sm-2,
    .my-sm-2 { margin-bottom: 0.5rem !important; }
    .ml-sm-2,
    .mx-sm-2 { margin-left: 0.5rem !important; }
    .m-sm-3 { margin: 1rem !important; }
    .mt-sm-3,
    .my-sm-3 { margin-top: 1rem !important; }
    .mr-sm-3,
    .mx-sm-3 { margin-right: 1rem !important; }
    .mb-sm-3,
    .my-sm-3 { margin-bottom: 1rem !important; }
    .ml-sm-3,
    .mx-sm-3 { margin-left: 1rem !important; }
    .m-sm-4 { margin: 1.5rem !important; }
    .mt-sm-4,
    .my-sm-4 { margin-top: 1.5rem !important; }
    .mr-sm-4,
    .mx-sm-4 { margin-right: 1.5rem !important; }
    .mb-sm-4,
    .my-sm-4 { margin-bottom: 1.5rem !important; }
    .ml-sm-4,
    .mx-sm-4 { margin-left: 1.5rem !important; }
    .m-sm-5 { margin: 3rem !important; }
    .mt-sm-5,
    .my-sm-5 { margin-top: 3rem !important; }
    .mr-sm-5,
    .mx-sm-5 { margin-right: 3rem !important; }
    .mb-sm-5,
    .my-sm-5 { margin-bottom: 3rem !important; }
    .ml-sm-5,
    .mx-sm-5 { margin-left: 3rem !important; }
    .p-sm-0 { padding: 0 !important; }
    .pt-sm-0,
    .py-sm-0 { padding-top: 0 !important; }
    .pr-sm-0,
    .px-sm-0 { padding-right: 0 !important; }
    .pb-sm-0,
    .py-sm-0 { padding-bottom: 0 !important; }
    .pl-sm-0,
    .px-sm-0 { padding-left: 0 !important; }
    .p-sm-1 { padding: 0.25rem !important; }
    .pt-sm-1,
    .py-sm-1 { padding-top: 0.25rem !important; }
    .pr-sm-1,
    .px-sm-1 { padding-right: 0.25rem !important; }
    .pb-sm-1,
    .py-sm-1 { padding-bottom: 0.25rem !important; }
    .pl-sm-1,
    .px-sm-1 { padding-left: 0.25rem !important; }
    .p-sm-2 { padding: 0.5rem !important; }
    .pt-sm-2,
    .py-sm-2 { padding-top: 0.5rem !important; }
    .pr-sm-2,
    .px-sm-2 { padding-right: 0.5rem !important; }
    .pb-sm-2,
    .py-sm-2 { padding-bottom: 0.5rem !important; }
    .pl-sm-2,
    .px-sm-2 { padding-left: 0.5rem !important; }
    .p-sm-3 { padding: 1rem !important; }
    .pt-sm-3,
    .py-sm-3 { padding-top: 1rem !important; }
    .pr-sm-3,
    .px-sm-3 { padding-right: 1rem !important; }
    .pb-sm-3,
    .py-sm-3 { padding-bottom: 1rem !important; }
    .pl-sm-3,
    .px-sm-3 { padding-left: 1rem !important; }
    .p-sm-4 { padding: 1.5rem !important; }
    .pt-sm-4,
    .py-sm-4 { padding-top: 1.5rem !important; }
    .pr-sm-4,
    .px-sm-4 { padding-right: 1.5rem !important; }
    .pb-sm-4,
    .py-sm-4 { padding-bottom: 1.5rem !important; }
    .pl-sm-4,
    .px-sm-4 { padding-left: 1.5rem !important; }
    .p-sm-5 { padding: 3rem !important; }
    .pt-sm-5,
    .py-sm-5 { padding-top: 3rem !important; }
    .pr-sm-5,
    .px-sm-5 { padding-right: 3rem !important; }
    .pb-sm-5,
    .py-sm-5 { padding-bottom: 3rem !important; }
    .pl-sm-5,
    .px-sm-5 { padding-left: 3rem !important; }
    .m-sm-auto { margin: auto !important; }
    .mt-sm-auto,
    .my-sm-auto { margin-top: auto !important; }
    .mr-sm-auto,
    .mx-sm-auto { margin-right: auto !important; }
    .mb-sm-auto,
    .my-sm-auto { margin-bottom: auto !important; }
    .ml-sm-auto,
    .mx-sm-auto { margin-left: auto !important; }
}

@media (min-width: 768px) {
    .m-md-0 { margin: 0 !important; }
    .mt-md-0,
    .my-md-0 { margin-top: 0 !important; }
    .mr-md-0,
    .mx-md-0 { margin-right: 0 !important; }
    .mb-md-0,
    .my-md-0 { margin-bottom: 0 !important; }
    .ml-md-0,
    .mx-md-0 { margin-left: 0 !important; }
    .m-md-1 { margin: 0.25rem !important; }
    .mt-md-1,
    .my-md-1 { margin-top: 0.25rem !important; }
    .mr-md-1,
    .mx-md-1 { margin-right: 0.25rem !important; }
    .mb-md-1,
    .my-md-1 { margin-bottom: 0.25rem !important; }
    .ml-md-1,
    .mx-md-1 { margin-left: 0.25rem !important; }
    .m-md-2 { margin: 0.5rem !important; }
    .mt-md-2,
    .my-md-2 { margin-top: 0.5rem !important; }
    .mr-md-2,
    .mx-md-2 { margin-right: 0.5rem !important; }
    .mb-md-2,
    .my-md-2 { margin-bottom: 0.5rem !important; }
    .ml-md-2,
    .mx-md-2 { margin-left: 0.5rem !important; }
    .m-md-3 { margin: 1rem !important; }
    .mt-md-3,
    .my-md-3 { margin-top: 1rem !important; }
    .mr-md-3,
    .mx-md-3 { margin-right: 1rem !important; }
    .mb-md-3,
    .my-md-3 { margin-bottom: 1rem !important; }
    .ml-md-3,
    .mx-md-3 { margin-left: 1rem !important; }
    .m-md-4 { margin: 1.5rem !important; }
    .mt-md-4,
    .my-md-4 { margin-top: 1.5rem !important; }
    .mr-md-4,
    .mx-md-4 { margin-right: 1.5rem !important; }
    .mb-md-4,
    .my-md-4 { margin-bottom: 1.5rem !important; }
    .ml-md-4,
    .mx-md-4 { margin-left: 1.5rem !important; }
    .m-md-5 { margin: 3rem !important; }
    .mt-md-5,
    .my-md-5 { margin-top: 3rem !important; }
    .mr-md-5,
    .mx-md-5 { margin-right: 3rem !important; }
    .mb-md-5,
    .my-md-5 { margin-bottom: 3rem !important; }
    .ml-md-5,
    .mx-md-5 { margin-left: 3rem !important; }
    .p-md-0 { padding: 0 !important; }
    .pt-md-0,
    .py-md-0 { padding-top: 0 !important; }
    .pr-md-0,
    .px-md-0 { padding-right: 0 !important; }
    .pb-md-0,
    .py-md-0 { padding-bottom: 0 !important; }
    .pl-md-0,
    .px-md-0 { padding-left: 0 !important; }
    .p-md-1 { padding: 0.25rem !important; }
    .pt-md-1,
    .py-md-1 { padding-top: 0.25rem !important; }
    .pr-md-1,
    .px-md-1 { padding-right: 0.25rem !important; }
    .pb-md-1,
    .py-md-1 { padding-bottom: 0.25rem !important; }
    .pl-md-1,
    .px-md-1 { padding-left: 0.25rem !important; }
    .p-md-2 { padding: 0.5rem !important; }
    .pt-md-2,
    .py-md-2 { padding-top: 0.5rem !important; }
    .pr-md-2,
    .px-md-2 { padding-right: 0.5rem !important; }
    .pb-md-2,
    .py-md-2 { padding-bottom: 0.5rem !important; }
    .pl-md-2,
    .px-md-2 { padding-left: 0.5rem !important; }
    .p-md-3 { padding: 1rem !important; }
    .pt-md-3,
    .py-md-3 { padding-top: 1rem !important; }
    .pr-md-3,
    .px-md-3 { padding-right: 1rem !important; }
    .pb-md-3,
    .py-md-3 { padding-bottom: 1rem !important; }
    .pl-md-3,
    .px-md-3 { padding-left: 1rem !important; }
    .p-md-4 { padding: 1.5rem !important; }
    .pt-md-4,
    .py-md-4 { padding-top: 1.5rem !important; }
    .pr-md-4,
    .px-md-4 { padding-right: 1.5rem !important; }
    .pb-md-4,
    .py-md-4 { padding-bottom: 1.5rem !important; }
    .pl-md-4,
    .px-md-4 { padding-left: 1.5rem !important; }
    .p-md-5 { padding: 3rem !important; }
    .pt-md-5,
    .py-md-5 { padding-top: 3rem !important; }
    .pr-md-5,
    .px-md-5 { padding-right: 3rem !important; }
    .pb-md-5,
    .py-md-5 { padding-bottom: 3rem !important; }
    .pl-md-5,
    .px-md-5 { padding-left: 3rem !important; }
    .m-md-auto { margin: auto !important; }
    .mt-md-auto,
    .my-md-auto { margin-top: auto !important; }
    .mr-md-auto,
    .mx-md-auto { margin-right: auto !important; }
    .mb-md-auto,
    .my-md-auto { margin-bottom: auto !important; }
    .ml-md-auto,
    .mx-md-auto { margin-left: auto !important; }
}

@media (min-width: 992px) {
    .m-lg-0 { margin: 0 !important; }
    .mt-lg-0,
    .my-lg-0 { margin-top: 0 !important; }
    .mr-lg-0,
    .mx-lg-0 { margin-right: 0 !important; }
    .mb-lg-0,
    .my-lg-0 { margin-bottom: 0 !important; }
    .ml-lg-0,
    .mx-lg-0 { margin-left: 0 !important; }
    .m-lg-1 { margin: 0.25rem !important; }
    .mt-lg-1,
    .my-lg-1 { margin-top: 0.25rem !important; }
    .mr-lg-1,
    .mx-lg-1 { margin-right: 0.25rem !important; }
    .mb-lg-1,
    .my-lg-1 { margin-bottom: 0.25rem !important; }
    .ml-lg-1,
    .mx-lg-1 { margin-left: 0.25rem !important; }
    .m-lg-2 { margin: 0.5rem !important; }
    .mt-lg-2,
    .my-lg-2 { margin-top: 0.5rem !important; }
    .mr-lg-2,
    .mx-lg-2 { margin-right: 0.5rem !important; }
    .mb-lg-2,
    .my-lg-2 { margin-bottom: 0.5rem !important; }
    .ml-lg-2,
    .mx-lg-2 { margin-left: 0.5rem !important; }
    .m-lg-3 { margin: 1rem !important; }
    .mt-lg-3,
    .my-lg-3 { margin-top: 1rem !important; }
    .mr-lg-3,
    .mx-lg-3 { margin-right: 1rem !important; }
    .mb-lg-3,
    .my-lg-3 { margin-bottom: 1rem !important; }
    .ml-lg-3,
    .mx-lg-3 { margin-left: 1rem !important; }
    .m-lg-4 { margin: 1.5rem !important; }
    .mt-lg-4,
    .my-lg-4 { margin-top: 1.5rem !important; }
    .mr-lg-4,
    .mx-lg-4 { margin-right: 1.5rem !important; }
    .mb-lg-4,
    .my-lg-4 { margin-bottom: 1.5rem !important; }
    .ml-lg-4,
    .mx-lg-4 { margin-left: 1.5rem !important; }
    .m-lg-5 { margin: 3rem !important; }
    .mt-lg-5,
    .my-lg-5 { margin-top: 3rem !important; }
    .mr-lg-5,
    .mx-lg-5 { margin-right: 3rem !important; }
    .mb-lg-5,
    .my-lg-5 { margin-bottom: 3rem !important; }
    .ml-lg-5,
    .mx-lg-5 { margin-left: 3rem !important; }
    .p-lg-0 { padding: 0 !important; }
    .pt-lg-0,
    .py-lg-0 { padding-top: 0 !important; }
    .pr-lg-0,
    .px-lg-0 { padding-right: 0 !important; }
    .pb-lg-0,
    .py-lg-0 { padding-bottom: 0 !important; }
    .pl-lg-0,
    .px-lg-0 { padding-left: 0 !important; }
    .p-lg-1 { padding: 0.25rem !important; }
    .pt-lg-1,
    .py-lg-1 { padding-top: 0.25rem !important; }
    .pr-lg-1,
    .px-lg-1 { padding-right: 0.25rem !important; }
    .pb-lg-1,
    .py-lg-1 { padding-bottom: 0.25rem !important; }
    .pl-lg-1,
    .px-lg-1 { padding-left: 0.25rem !important; }
    .p-lg-2 { padding: 0.5rem !important; }
    .pt-lg-2,
    .py-lg-2 { padding-top: 0.5rem !important; }
    .pr-lg-2,
    .px-lg-2 { padding-right: 0.5rem !important; }
    .pb-lg-2,
    .py-lg-2 { padding-bottom: 0.5rem !important; }
    .pl-lg-2,
    .px-lg-2 { padding-left: 0.5rem !important; }
    .p-lg-3 { padding: 1rem !important; }
    .pt-lg-3,
    .py-lg-3 { padding-top: 1rem !important; }
    .pr-lg-3,
    .px-lg-3 { padding-right: 1rem !important; }
    .pb-lg-3,
    .py-lg-3 { padding-bottom: 1rem !important; }
    .pl-lg-3,
    .px-lg-3 { padding-left: 1rem !important; }
    .p-lg-4 { padding: 1.5rem !important; }
    .pt-lg-4,
    .py-lg-4 { padding-top: 1.5rem !important; }
    .pr-lg-4,
    .px-lg-4 { padding-right: 1.5rem !important; }
    .pb-lg-4,
    .py-lg-4 { padding-bottom: 1.5rem !important; }
    .pl-lg-4,
    .px-lg-4 { padding-left: 1.5rem !important; }
    .p-lg-5 { padding: 3rem !important; }
    .pt-lg-5,
    .py-lg-5 { padding-top: 3rem !important; }
    .pr-lg-5,
    .px-lg-5 { padding-right: 3rem !important; }
    .pb-lg-5,
    .py-lg-5 { padding-bottom: 3rem !important; }
    .pl-lg-5,
    .px-lg-5 { padding-left: 3rem !important; }
    .m-lg-auto { margin: auto !important; }
    .mt-lg-auto,
    .my-lg-auto { margin-top: auto !important; }
    .mr-lg-auto,
    .mx-lg-auto { margin-right: auto !important; }
    .mb-lg-auto,
    .my-lg-auto { margin-bottom: auto !important; }
    .ml-lg-auto,
    .mx-lg-auto { margin-left: auto !important; }
}

@media (min-width: 1200px) {
    .m-xl-0 { margin: 0 !important; }
    .mt-xl-0,
    .my-xl-0 { margin-top: 0 !important; }
    .mr-xl-0,
    .mx-xl-0 { margin-right: 0 !important; }
    .mb-xl-0,
    .my-xl-0 { margin-bottom: 0 !important; }
    .ml-xl-0,
    .mx-xl-0 { margin-left: 0 !important; }
    .m-xl-1 { margin: 0.25rem !important; }
    .mt-xl-1,
    .my-xl-1 { margin-top: 0.25rem !important; }
    .mr-xl-1,
    .mx-xl-1 { margin-right: 0.25rem !important; }
    .mb-xl-1,
    .my-xl-1 { margin-bottom: 0.25rem !important; }
    .ml-xl-1,
    .mx-xl-1 { margin-left: 0.25rem !important; }
    .m-xl-2 { margin: 0.5rem !important; }
    .mt-xl-2,
    .my-xl-2 { margin-top: 0.5rem !important; }
    .mr-xl-2,
    .mx-xl-2 { margin-right: 0.5rem !important; }
    .mb-xl-2,
    .my-xl-2 { margin-bottom: 0.5rem !important; }
    .ml-xl-2,
    .mx-xl-2 { margin-left: 0.5rem !important; }
    .m-xl-3 { margin: 1rem !important; }
    .mt-xl-3,
    .my-xl-3 { margin-top: 1rem !important; }
    .mr-xl-3,
    .mx-xl-3 { margin-right: 1rem !important; }
    .mb-xl-3,
    .my-xl-3 { margin-bottom: 1rem !important; }
    .ml-xl-3,
    .mx-xl-3 { margin-left: 1rem !important; }
    .m-xl-4 { margin: 1.5rem !important; }
    .mt-xl-4,
    .my-xl-4 { margin-top: 1.5rem !important; }
    .mr-xl-4,
    .mx-xl-4 { margin-right: 1.5rem !important; }
    .mb-xl-4,
    .my-xl-4 { margin-bottom: 1.5rem !important; }
    .ml-xl-4,
    .mx-xl-4 { margin-left: 1.5rem !important; }
    .m-xl-5 { margin: 3rem !important; }
    .mt-xl-5,
    .my-xl-5 { margin-top: 3rem !important; }
    .mr-xl-5,
    .mx-xl-5 { margin-right: 3rem !important; }
    .mb-xl-5,
    .my-xl-5 { margin-bottom: 3rem !important; }
    .ml-xl-5,
    .mx-xl-5 { margin-left: 3rem !important; }
    .p-xl-0 { padding: 0 !important; }
    .pt-xl-0,
    .py-xl-0 { padding-top: 0 !important; }
    .pr-xl-0,
    .px-xl-0 { padding-right: 0 !important; }
    .pb-xl-0,
    .py-xl-0 { padding-bottom: 0 !important; }
    .pl-xl-0,
    .px-xl-0 { padding-left: 0 !important; }
    .p-xl-1 { padding: 0.25rem !important; }
    .pt-xl-1,
    .py-xl-1 { padding-top: 0.25rem !important; }
    .pr-xl-1,
    .px-xl-1 { padding-right: 0.25rem !important; }
    .pb-xl-1,
    .py-xl-1 { padding-bottom: 0.25rem !important; }
    .pl-xl-1,
    .px-xl-1 { padding-left: 0.25rem !important; }
    .p-xl-2 { padding: 0.5rem !important; }
    .pt-xl-2,
    .py-xl-2 { padding-top: 0.5rem !important; }
    .pr-xl-2,
    .px-xl-2 { padding-right: 0.5rem !important; }
    .pb-xl-2,
    .py-xl-2 { padding-bottom: 0.5rem !important; }
    .pl-xl-2,
    .px-xl-2 { padding-left: 0.5rem !important; }
    .p-xl-3 { padding: 1rem !important; }
    .pt-xl-3,
    .py-xl-3 { padding-top: 1rem !important; }
    .pr-xl-3,
    .px-xl-3 { padding-right: 1rem !important; }
    .pb-xl-3,
    .py-xl-3 { padding-bottom: 1rem !important; }
    .pl-xl-3,
    .px-xl-3 { padding-left: 1rem !important; }
    .p-xl-4 { padding: 1.5rem !important; }
    .pt-xl-4,
    .py-xl-4 { padding-top: 1.5rem !important; }
    .pr-xl-4,
    .px-xl-4 { padding-right: 1.5rem !important; }
    .pb-xl-4,
    .py-xl-4 { padding-bottom: 1.5rem !important; }
    .pl-xl-4,
    .px-xl-4 { padding-left: 1.5rem !important; }
    .p-xl-5 { padding: 3rem !important; }
    .pt-xl-5,
    .py-xl-5 { padding-top: 3rem !important; }
    .pr-xl-5,
    .px-xl-5 { padding-right: 3rem !important; }
    .pb-xl-5,
    .py-xl-5 { padding-bottom: 3rem !important; }
    .pl-xl-5,
    .px-xl-5 { padding-left: 3rem !important; }
    .m-xl-auto { margin: auto !important; }
    .mt-xl-auto,
    .my-xl-auto { margin-top: auto !important; }
    .mr-xl-auto,
    .mx-xl-auto { margin-right: auto !important; }
    .mb-xl-auto,
    .my-xl-auto { margin-bottom: auto !important; }
    .ml-xl-auto,
    .mx-xl-auto { margin-left: auto !important; }
}

.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.text-justify { text-align: justify !important; }

.text-nowrap { white-space: nowrap !important; }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

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

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

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

@media (min-width: 576px) {
    .text-sm-left { text-align: left !important; }
    .text-sm-right { text-align: right !important; }
    .text-sm-center { text-align: center !important; }
}

@media (min-width: 768px) {
    .text-md-left { text-align: left !important; }
    .text-md-right { text-align: right !important; }
    .text-md-center { text-align: center !important; }
}

@media (min-width: 992px) {
    .text-lg-left { text-align: left !important; }
    .text-lg-right { text-align: right !important; }
    .text-lg-center { text-align: center !important; }
}

@media (min-width: 1200px) {
    .text-xl-left { text-align: left !important; }
    .text-xl-right { text-align: right !important; }
    .text-xl-center { text-align: center !important; }
}

.text-lowercase { text-transform: lowercase !important; }

.text-uppercase { text-transform: uppercase !important; }

.text-capitalize { text-transform: capitalize !important; }

.font-weight-light { font-weight: 300 !important; }

.font-weight-normal { font-weight: 400 !important; }

.font-weight-bold { font-weight: 700 !important; }

.font-italic { font-style: italic !important; }

.text-white { color: #fff !important; }

.text-primary { color: #007bff !important; }

a.text-primary:hover, a.text-primary:focus { color: #0062cc !important; }

.text-secondary { color: #6c757d !important; }

a.text-secondary:hover, a.text-secondary:focus { color: #545b62 !important; }

.text-success { color: #28a745 !important; }

a.text-success:hover, a.text-success:focus { color: #1e7e34 !important; }

.text-info { color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus { color: #117a8b !important; }

.text-warning { color: #ffc107 !important; }

a.text-warning:hover, a.text-warning:focus { color: #d39e00 !important; }

.text-danger { color: #dc3545 !important; }

a.text-danger:hover, a.text-danger:focus { color: #bd2130 !important; }

.text-light { color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus { color: #dae0e5 !important; }

.text-dark { color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus { color: #1d2124 !important; }

.text-body { color: #212529 !important; }

.text-muted { color: #6c757d !important; }

.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.visible { visibility: visible !important; }

.invisible { visibility: hidden !important; }



@media print {
    *,
    *::before,
    *::after { text-shadow: none !important; box-shadow: none !important; }
    a:not(.btn) { text-decoration: underline; }
    abbr[title]::after { content: " (" attr(title) ")"; }
    pre { white-space: pre-wrap !important; }
    pre,
    blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr,
    img { page-break-inside: avoid; }
    p,
    h2,
    h3 { orphans: 3; widows: 3; }
    h2,
    h3 { page-break-after: avoid; }
    @page { size: a3; }
    body { min-width: 992px !important; }
    .container { min-width: 992px !important; }
    .navbar { display: none; }
    .badge { border: 1px solid #000; }
    .table { border-collapse: collapse !important; }
    .table td,
    .table th { background-color: #fff !important; }
    .table-bordered th,
    .table-bordered td { border: 1px solid #dee2e6 !important; }
    .table-dark { color: inherit; }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody { border-color: #dee2e6; }
    .table .thead-dark th { color: inherit; border-color: #dee2e6; }
}


.hidden-md { display: none; }
.service-m { padding-top: 30px; line-height: 30px; font-weight: bold; }

@media screen and (max-width:600px) {
}



.owner-desc { line-height: 25px; }
.site-justic div { float: left; width: 50%; background: #CCC; padding: 10px 0px; text-align: center; }
.site-justic .site-viewcount { box-sizing: border-box; border-right: 1px solid #FFF; }

#focusindex { height: 356px; overflow: hidden; position: relative; }
#focusindex li { height: 356px; overflow: hidden; position: absolute; width: 100%; }
#focusindex .btnw { display: none; position: absolute; z-index: 90; bottom: 0; left: 50%; margin-left: -275px; padding-bottom: 15px; }
#focusindex .btnw span { display: inline-block; _display: inline; _zoom: 1; width: 30px; height: 5px; _font-size: 0; margin: 5px; cursor: pointer; background: #adadad; z-index: 9; }
#focusindex .btnw span.on { background: #fff; z-index: 9; }
#focusindex .preNext { width: 53px; height: 96px; position: absolute; top: 124px; background: url(/content/images/sprite.png) no-repeat left bottom; cursor: pointer; z-index: 9; opacity: 0; transition: all 0.3s linear 0s; }
@media screen and (max-width:600px) {
#focusindex .preNext{top:24px;opacity:1;}
}
#focusindex .pre, #focusindex2 .pre { left: 0%; z-index: 9; }
#focusindex .next, #focusindex2 .next { right: 0%; background-position: right bottom; z-index: 9; }
#focusindex:hover .preNext, #focusindex2:hover .preNext { opacity: 0.5; }
#focusindex:hover .pre, #focusindex2:hover .pre { left: 2%; }
#focusindex2:hover .next, #focusindex:hover .next { right: 2%; }
#focusindex2 .pre:hover, #focusindex2 .next:hover, #focusindex .pre:hover, #focusindex .next:hover { opacity: 1; }



.p-pager { left: 50%; position: relative; float: left; }
.pager { margin-top: 20px; font-size: 12px; position: relative; margin-left: -50%; }
.pager a { padding: 10px 12px; margin: 0px 3px; text-decoration: none; background: #FFF; color: #222222; display: inline-block; }
.pager a.current { background: #e77843; color: #FFF; }
.pager a.die { }
.pager a.p-init, .pager a.p-first, .pager a.p-last { display: none; }
.pager a.p-prev { }
/* padding-left: 20px; background: url(../Images/p-prev.png) no-repeat 0px center;*/
.pager a.p-next { }
/* padding-right: 20px; background: url(../Images/p-next.png) no-repeat 0px center;*/

.about-content { font-size: 15px; line-height: 26px; text-indent: 30px; word-break: break-all; word-wrap: break-word; position: relative; padding: 10px 20px 20px 20px; background-color: #fff }
.col-6 { float: left; width: 50%; }
.about-content { padding-left: 160px; padding-right: 160px; padding-top: 20px; padding-bottom: 20px; }
.about-content p { margin-bottom: 8px; text-indent: 0px; }
.about-qrcode { padding-left: 300px; padding-right: 300px; padding-top: 20px; padding-bottom: 20px; }

.article-qrcode { padding-left: 200px; padding-right: 200px; padding-top: 20px; padding-bottom: 20px; color: #ef8337; }
.footer-type { margin-top: 10px; display: none; }
.footer-type ul { }
.footer-type ul li { float: left; width: 49%; background: #333; margin: 1px; padding: 10px 0px; text-align: center; }
.footer-type ul li a { color: #FFF; }
.art-list-detail { height: 125px; overflow: hidden; }


@media screen and (max-width:600px) {
    .about-content { padding-left: 10px !important; padding-right: 10px !important; }
    .article-qrcode { padding-left: 10px !important; padding-right: 10px !important; }
    .footer .pull-left { width: 100% !important; }
    .footer .pull-left div { padding-left: 0px !important; }
    .footer .pull-right { width: 100% !important; }
    .footer-type { display: block; }
    .art-list-detail { height: 70px; overflow: hidden; }
    .hidden-480 { display: none !important; }
    .d-480 { display: block !important; }
     
    #focusindex li { background-size:100% 100%;}
}