@charset "UTF-8"; 

html {
	color: #000;
	background: #FFF;
	height: 100%
}

body {
	min-height: 100%
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
	form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset, img {
	border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal
}

ol, ul {
	list-style: none
}

caption, th {
	text-align: left
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}

q:before, q:after {
	content: ''
}

abbr, acronym {
	border: 0;
	font-variant: normal
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	*font-size: 100%
}

legend {
	color: #000
}

#yui3-css-stamp.cssreset {
	display: none
} /*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
	font-family: 'FontAwesome';
	src:
		url("http://gpk-new.qiniudn.com/assets/fontawesome-webfont-b64d4ac71dc58ef78afbc23d0aee020d.eot?v=4.2.0");
	src:
		url("http://gpk-new.qiniudn.com/assets/fontawesome-webfont-b64d4ac71dc58ef78afbc23d0aee020d.eot?#iefix&v=4.2.0")
		format("embedded-opentype"),
		url("http://gpk-new.qiniudn.com/assets/fontawesome-webfont-7b07ce57a267815b7902936332129d46.woff?v=4.2.0")
		format("woff"),
		url("http://gpk-new.qiniudn.com/assets/fontawesome-webfont-9fdf91a58be546aefdb0d503cc72528a.ttf?v=4.2.0")
		format("truetype"),
		url("http://gpk-new.qiniudn.com/assets/fontawesome-webfont-3f8802daf26a29590af69a9be2630c82.svg?v=4.2.0#fontawesomeregular")
		format("svg");
	font-weight: normal;
	font-style: normal
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.fa-lg {
	font-size: 1.33333333em;
	line-height: 0.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: 0.14285714em;
	text-align: center
}

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

.fa-border {
	padding: .2em .25em .15em;
	border: solid 0.08em #eeeeee;
	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: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear
}

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

100%{
-webkit-transform
:rotate(359deg)
;transform
:rotate(359deg)
}
}
@
keyframes fa-spin { 0%{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

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

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

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

.fa-flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	-webkit-transform: scale(-1, 1);
	-ms-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);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal,
	:root .fa-flip-vertical {
	filter: none
}

.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: #ffffff
}

.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-remove:before, .fa-close:before, .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-gear:before, .fa-cog: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-rotate-right:before, .fa-repeat: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-photo:before, .fa-image: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-warning:before, .fa-exclamation-triangle: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, .fa-bar-chart: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-gears:before, .fa-cogs: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-save:before, .fa-floppy-o:before {
	content: "\f0c7"
}

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

.fa-navicon:before, .fa-reorder:before, .fa-bars: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-unsorted:before, .fa-sort:before {
	content: "\f0dc"
}

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

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

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

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

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

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

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

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

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

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

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

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

.fa-paste:before, .fa-clipboard: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-unlink:before, .fa-chain-broken: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-toggle-down:before, .fa-caret-square-o-down:before {
	content: "\f150"
}

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

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

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

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

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

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

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

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

.fa-won:before, .fa-krw: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-toggle-left:before, .fa-caret-square-o-left:before {
	content: "\f191"
}

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

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

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

.fa-turkish-lira:before, .fa-try: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-institution:before, .fa-bank:before, .fa-university:before {
	content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap: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: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-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before
	{
	content: "\f1c5"
}

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

.fa-file-sound-o:before, .fa-file-audio-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-buoy:before, .fa-life-saver:before,
	.fa-support:before, .fa-life-ring:before {
	content: "\f1cd"
}

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

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

.fa-ge:before, .fa-empire: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-send:before, .fa-paper-plane:before {
	content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-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-soccer-ball-o:before, .fa-futbol-o:before {
	content: "\f1e3"
}

.fa-tty:before {
	content: "\f1e4"
}

.fa-binoculars:before {
	content: "\f1e5"
}

.fa-plug:before {
	content: "\f1e6"
}

.fa-slideshare:before {
	content: "\f1e7"
}

.fa-twitch:before {
	content: "\f1e8"
}

.fa-yelp:before {
	content: "\f1e9"
}

.fa-newspaper-o:before {
	content: "\f1ea"
}

.fa-wifi:before {
	content: "\f1eb"
}

.fa-calculator:before {
	content: "\f1ec"
}

.fa-paypal:before {
	content: "\f1ed"
}

.fa-google-wallet:before {
	content: "\f1ee"
}

.fa-cc-visa:before {
	content: "\f1f0"
}

.fa-cc-mastercard:before {
	content: "\f1f1"
}

.fa-cc-discover:before {
	content: "\f1f2"
}

.fa-cc-amex:before {
	content: "\f1f3"
}

.fa-cc-paypal:before {
	content: "\f1f4"
}

.fa-cc-stripe:before {
	content: "\f1f5"
}

.fa-bell-slash:before {
	content: "\f1f6"
}

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

.fa-trash:before {
	content: "\f1f8"
}

.fa-copyright:before {
	content: "\f1f9"
}

.fa-at:before {
	content: "\f1fa"
}

.fa-eyedropper:before {
	content: "\f1fb"
}

.fa-paint-brush:before {
	content: "\f1fc"
}

.fa-birthday-cake:before {
	content: "\f1fd"
}

.fa-area-chart:before {
	content: "\f1fe"
}

.fa-pie-chart:before {
	content: "\f200"
}

.fa-line-chart:before {
	content: "\f201"
}

.fa-lastfm:before {
	content: "\f202"
}

.fa-lastfm-square:before {
	content: "\f203"
}

.fa-toggle-off:before {
	content: "\f204"
}

.fa-toggle-on:before {
	content: "\f205"
}

.fa-bicycle:before {
	content: "\f206"
}

.fa-bus:before {
	content: "\f207"
}

.fa-ioxhost:before {
	content: "\f208"
}

.fa-angellist:before {
	content: "\f209"
}

.fa-cc:before {
	content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
	content: "\f20b"
}

.fa-meanpath:before {
	content: "\f20c"
} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner,
	.fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object,
	.fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.fancybox-opened {
	z-index: 8030
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer, .fancybox-inner {
	position: relative
}

.fancybox-inner {
	overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span
	{
	background-image: url("/fancy/fancybox_sprite.png")
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url("/fancy/fancybox_loading.gif") center center no-repeat
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(blank.gif);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index: 8040
}

.fancybox-prev {
	left: 0
}

.fancybox-next {
	right: 0
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px
}

.fancybox-nav:hover span {
	visibility: visible
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important
}

.fancybox-lock {
	overflow: visible !important;
	width: auto
}

.fancybox-lock body {
	overflow: hidden !important
}

.fancybox-lock-test {
	overflow-y: hidden !important
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url("/fancy/fancybox_overlay.png")
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll
}

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050
}

.fancybox-opened .fancybox-title {
	visibility: visible
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff
}

.fancybox-title-inside-wrap {
	padding-top: 10px
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, 0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(min--moz-device-pixel-ratio: 1.5) , only screen and
	(min-device-pixel-ratio: 1.5) {
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span
		{
		background-image: url("/fancy/fancybox_sprite@2x.png");
		background-size: 44px 152px
	}
	#fancybox-loading div {
		background-image: url("/fancy/fancybox_loading@2x.gif");
		background-size: 24px 24px
	}
}

.blueimp-gallery, .blueimp-gallery>.slides>.slide>.slide-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-moz-backface-visibility: hidden
}

.blueimp-gallery>.slides>.slide>.slide-content {
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	opacity: 1
}

.blueimp-gallery {
	position: fixed;
	z-index: 9999;
	overflow: hidden;
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	opacity: 0;
	display: none;
	direction: ltr;
	-ms-touch-action: none
}

.blueimp-gallery-carousel {
	position: relative;
	z-index: auto;
	margin: 1em auto;
	padding-bottom: 56.25%;
	box-shadow: 0 0 10px #000
}

.blueimp-gallery-display {
	display: block;
	opacity: 1
}

.blueimp-gallery>.slides {
	position: relative;
	height: 100%;
	overflow: hidden
}

.blueimp-gallery-carousel>.slides {
	position: absolute
}

.blueimp-gallery>.slides>.slide {
	position: relative;
	float: left;
	height: 100%;
	text-align: center;
	-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

.blueimp-gallery, .blueimp-gallery>.slides>.slide>.slide-content {
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear
}

.blueimp-gallery>.slides>.slide-loading {
	background: url("loading.gif") center no-repeat;
	background-size: 64px 64px
}

.blueimp-gallery>.slides>.slide-loading>.slide-content {
	opacity: 0
}

.blueimp-gallery>.slides>.slide-error {
	background: url("error.png") center no-repeat
}

.blueimp-gallery>.slides>.slide-error>.slide-content {
	display: none
}

.blueimp-gallery>.prev, .blueimp-gallery>.next {
	position: absolute;
	top: 50%;
	left: 15px;
	width: 40px;
	height: 40px;
	margin-top: -23px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-weight: 100;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 2px #000;
	text-align: center;
	background: #222;
	background: rgba(0, 0, 0, 0.5);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 3px solid #fff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	opacity: 0.5;
	cursor: pointer;
	display: none
}

.blueimp-gallery>.next {
	left: auto;
	right: 15px
}

.blueimp-gallery>.close, .blueimp-gallery>.title {
	position: absolute;
	top: 15px;
	left: 15px;
	margin: 0 40px 0 0;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	opacity: 0.8;
	display: none
}

.blueimp-gallery>.close {
	padding: 15px;
	right: 15px;
	left: auto;
	margin: -15px;
	font-size: 30px;
	text-decoration: none;
	cursor: pointer
}

.blueimp-gallery>.play-pause {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 15px;
	height: 15px;
	background: url("play-pause.png") 0 0 no-repeat;
	cursor: pointer;
	opacity: 0.5;
	display: none
}

.blueimp-gallery-playing>.play-pause {
	background-position: -15px 0
}

.blueimp-gallery-controls>.prev, .blueimp-gallery-controls>.next,
	.blueimp-gallery-controls>.close, .blueimp-gallery-controls>.title,
	.blueimp-gallery-controls>.play-pause {
	display: block;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

.blueimp-gallery-single>.prev, .blueimp-gallery-left>.prev,
	.blueimp-gallery-single>.next, .blueimp-gallery-right>.next,
	.blueimp-gallery-single>.play-pause {
	display: none
}

.blueimp-gallery>.slides>.slide>.slide-content, .blueimp-gallery>.prev,
	.blueimp-gallery>.next, .blueimp-gallery>.close, .blueimp-gallery>.play-pause
	{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

body:last-child .blueimp-gallery>.slides>.slide-error {
	background-image: url("error.svg")
}

body:last-child .blueimp-gallery>.play-pause {
	width: 20px;
	height: 20px;
	background-size: 40px 20px;
	background-image: url("play-pause.svg")
}

body:last-child .blueimp-gallery-playing>.play-pause {
	background-position: -20px 0
}

*+html .blueimp-gallery>.slides>.slide {
	min-height: 300px
}

*+html .blueimp-gallery>.slides>.slide>.slide-content {
	position: relative
}

.blueimp-gallery>.indicator {
	position: absolute;
	top: auto;
	right: 15px;
	bottom: 15px;
	left: 15px;
	margin: 0 40px;
	padding: 0;
	list-style: none;
	text-align: center;
	line-height: 10px;
	display: none
}

.blueimp-gallery>.indicator>li {
	display: inline-block;
	width: 9px;
	height: 9px;
	margin: 6px 3px 0 3px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 1px solid transparent;
	background: #ccc;
	background: rgba(255, 255, 255, 0.25) center no-repeat;
	border-radius: 5px;
	box-shadow: 0 0 2px #000;
	opacity: 0.5;
	cursor: pointer
}

.blueimp-gallery>.indicator>.active {
	background-color: #fff;
	border-color: #fff;
	opacity: 0.8
}

.blueimp-gallery-controls>.indicator {
	display: block;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

.blueimp-gallery-single>.indicator {
	display: none
}

.blueimp-gallery>.indicator {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

*+html .blueimp-gallery>.indicator>li {
	display: inline
}

.blueimp-gallery>.slides>.slide>.video-content>video, .blueimp-gallery>.slides>.slide>.video-content>img
	{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	opacity: 1;
	-moz-backface-visibility: hidden
}

.blueimp-gallery>.slides>.slide>.video-content>iframe {
	width: 100%;
	height: 100%;
	border: none;
	position: absolute;
	top: 100%;
	left: 0
}

.blueimp-gallery>.slides>.slide>.video-playing>iframe {
	top: 0
}

.blueimp-gallery>.slides>.slide>.video-content>a {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin: -64px auto 0;
	width: 128px;
	height: 128px;
	background: url("video-play.png") center no-repeat;
	opacity: 0.8;
	cursor: pointer
}

.blueimp-gallery>.slides>.slide>.video-playing>a, .blueimp-gallery>.slides>.slide>.video-playing>img
	{
	display: none
}

.blueimp-gallery>.slides>.slide>.video-content>video {
	display: none
}

.blueimp-gallery>.slides>.slide>.video-playing>video {
	display: block
}

.blueimp-gallery>.slides>.slide>.video-loading>a {
	background: url("loading.gif") center no-repeat;
	background-size: 64px 64px
}

body:last-child .blueimp-gallery>.slides>.slide>.video-content:not (.video-loading
	)>a {
	background-image: url("video-play.svg")
}

*+html .blueimp-gallery>.slides>.slide>.video-content {
	height: 100%
}

*+html .blueimp-gallery>.slides>.slide>.video-content>a {
	left: 50%;
	margin-left: -64px
}

html {
	color: #333333;
	background: white;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizelegibility;
	-moz-osx-font-smoothing: grayscale
}

body {
	font-family: Avenir, "Hiragino Sans GB", "Noto Sans S Chinese",
		"Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei",
		sans-serif;
	margin: 0
}

a {
	text-decoration: none
}

a:focus {
	outline: none
}

button {
	font-family: Avenir, "Hiragino Sans GB", "Noto Sans S Chinese",
		"Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei",
		sans-serif
}

.mobile {
	display: none !important
}

.hidden {
	display: none !important
}

.clear {
	clear: both !important
}

.fa {
	font-family: FontAwesome !important
}

#status {
	float: right;
	text-align: right;
	margin: 0 10px 0 0
}

#title {
	position: absolute;
	left: 50%;
	width: 200px;
	text-align: center;
	margin: 0 0 0 -100px
}

#logo {
	max-height: 100%;
	padding: 6px 0;
	height: 29px
}

.gp_btn, .gp_confirm, .gp_delete {
	outline: none;
	border: none;
	padding: 4px 20px;
	color: white;
	border-radius: 4px;
	cursor: pointer;
	font-size: 15px;
	font-family: Avenir, "Hiragino Sans GB", "Noto Sans S Chinese",
		"Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei",
		sans-serif;
	display: inline-block
}

.gp_btn:focus, .gp_confirm:focus, .gp_delete:focus {
	outline: none;
	border: none
}

.gp_btn[disabled="disabled"], [disabled="disabled"].gp_confirm, [disabled="disabled"].gp_delete
	{
	cursor: default
}

.gp_btn:active, .gp_confirm:active, .gp_delete:active {
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) inset
}

.gp_confirm {
	background: #34b3db
}

.gp_confirm:hover {
	background: #40bee6
}

.gp_confirm:active {
	background: #189cc5
}

.gp_delete {
	background: #e06e50
}

.gp_cancel {
	background: #cccccc
}

.gp_button_blue {
	display: inline-block;
	background: #34b3db;
	color: white;
	font-size: 1.125em;
	border: none;
	outline: none;
	padding: 0.3em 1.5em;
	border-radius: 4px;
	cursor: pointer;
	margin: 7px 0
}

.gp_button_blue:hover {
	background: #40bee6
}

.gp_button_blue:active {
	background: #189cc5
}

.gp_button_blue.disabled {
	background: #cccccc
}

textarea.gp_editor {
	opacity: 0;
	visibility: hidden
}

.gp_editor_toolbar {
	box-shadow: 0 0 2px #cccccc;
	float: left;
	border: 1px solid #d9d9d9;
	background: white;
	border-radius: 4px;
	z-index: 1
}

.gp_editor_toolbar>a {
	color: #666666;
	text-decoration: none;
	padding: 6px;
	font-size: 14px;
	font-family: "FontAwesome", Georgia, serif;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: inline-block
}

.gp_editor_toolbar>a.disabled {
	color: #dddddd;
	cursor: not-allowed
}

.gp_editor_toolbar>a:first-child {
	border: 0
}

.gp_editor_toolbar .fa-picture-o.wysihtml5-command-active {
	background: white !important;
	box-shadow: none !important
}

.gp_editor_toolbar>a:active, .gp_editor_toolbar>a:focus,
	.gp_editor_toolbar .wysihtml5-command-active {
	background: #eeeeee;
	box-shadow: 0 0 10px #dddddd inset
}

.gp_editor_toolbar_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 34px;
	width: 100%;
	background: white
}

.wysihtml5-dialog {
	position: fixed;
	top: 50%;
	left: -100%;
	height: 1px;
	width: 1px;
	left: 1px;
	overflow: hidden
}

.gp_dialog {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5
}

.gp_dialog_window {
	background: white;
	width: 500px;
	max-width: 100%;
	box-shadow: 3px 3px 10px #dddddd;
	margin: auto;
	border-radius: 4px;
	border: 1px solid #dddddd;
	-moz-animation: popout 0.1s;
	-webkit-animation: popout 0.1s;
	-o-animation: popout 0.1s;
	-ms-animation: popout 0.1s;
	animation: popout 0.1s
}

.popin {
	-moz-animation: popin 0.1s;
	-webkit-animation: popin 0.1s;
	-o-animation: popin 0.1s;
	-ms-animation: popin 0.1s;
	animation: popin 0.1s
}

.gp_dialog_window_close {
	float: right;
	width: 40px;
	height: 32px;
	cursor: pointer;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	line-height: 36px;
	color: #aaaaaa;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.gp_dialog_window_close:hover {
	color: #888888
}

.gp_dialog_window_close:active {
	position: relative;
	color: #333333;
	top: 1px;
	left: 1px
}

.gp_dialog_window_content {
	line-height: 2;
	clear: both;
	padding: 30px 60px
}

.gp_dialog_window_input {
	display: block;
	margin: 20px 0 0 0;
	width: 100%;
	border: 1px solid #60bcde;
	outline: none;
	padding: 8px 4px
}

.gp_dialog_window_buttons {
	text-align: right;
	margin: 0 30px;
	padding: 0 0 30px 0
}

.gp_dialog_window_buttons .gp_confirm {
	margin: 0 20px 0 0
}

.gp_dialog_wysihtml5 {
	position: absolute;
	width: 370px;
	height: auto
}

.gp_dialog_wysihtml5 .gp_dialog_window {
	margin: 0;
	width: 100%;
	border: 1px solid #dddddd;
	background: #f2f2f2;
	border-radius: 2px;
	box-shadow: none
}

.gp_dialog_wysihtml5 .gp_dialog_window_close {
	display: none
}

.gp_dialog_wysihtml5 .gp_dialog_window_content {
	padding: 8px 50px 8px 8px
}

.gp_dialog_wysihtml5 .gp_dialog_window_input {
	margin: 0;
	padding: 8px;
	border: none;
	background: white;
	font-size: 14px
}

.gp_dialog_wysihtml5 .not_validated {
	outline: 1px solid #b72020
}

.gp_dialog_wysihtml5 .error_msg {
	color: #b72020;
	padding: 4px;
	display: none;
	position: relative;
	top: 4px;
	line-height: 2
}

.gp_dialog_wysihtml5 .gp_dialog_window_buttons {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0
}

.gp_dialog_wysihtml5 .gp_confirm {
	box-shadow: none;
	padding: 0;
	font-weight: bold;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 99px;
	margin: 14px 0 0 -25px;
	position: absolute;
	text-shadow: none;
	background: #40bee6;
	color: #f2f2f2
}

.gp_dialog_wysihtml5 .gp_confirm:hover {
	background: #bcbcbc
}

.gp_dialog_wysihtml5 .fa-spinner {
	background: none;
	color: #bcbcbc
}

.gp_dialog_wysihtml5 .fa-spinner:hover {
	background: none
}

.gp_dialog_wysihtml5 .gp_cancel {
	display: none
}

.gp_dialog_wysihtml5_link {
	width: 250px
}

.gp_popup {
	border-radius: 5px
}

.qrcodes .container {
	margin: 60px auto 20px;
	width: 30%;
	min-width: 250px;
	text-align: center;
	padding: 70px 20px;
	border: 15px #2ea8cd solid;
	border-radius: 20px;
	height: 350px
}

.qrcodes .container h2 {
	font-size: 30px;
	margin: 10px
}

.qrcodes .container p {
	font-size: 14px;
	margin: 10px;
	white-space: normal
}

.qrcodes .container div {
	margin: 10px
}

.qrcodes .container a {
	border: 1px solid gray;
	border-radius: 10px;
	padding: 5px 10px;
	color: gray
}

.baidu-analytics {
	display: none
}

@media only screen and (max-width: 640px) {
	.desktop {
		display: none
	}
	.gp_editor_toolbar>.fa {
		padding: 0
	}
	.gp_content blockquote {
		margin: 1em 0
	}
	.gp_media_video {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 35px;
		height: 0
	}
	.gp_media_video>iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
}

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

.title_link {
	padding: 5px 0;
	height: 44px
}

.title_link .geekpark_logo_left, .title_link .logo {
	height: 44px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left
}


.title_link .logo {
	width: 90px;
	background-size: 95%;
	background-image:
		url('../images/logo.png');
}

.title_link span {
	display: none
}

#gp_topbar {
	height: 44px;
	width: 100%;
	background: black;
	position: fixed;
	box-shadow: 0 0 2px black;
	top: 0;
	left: 0;
	z-index: 10
}

#gp_topbar #show-nav {
	color: #5f5f5f;
	padding: 0 10px;
	line-height: 44px;
	margin-left: 6px;
	float: left;
	display: none
}

#gp_topbar #show-nav.on {
	color: #58d0f3
}

#gp_topbar #nav li {
	width: auto
}

#gp_topbar #nav li>a {
	margin: 0 3px
}

#gp_topbar #nav li i {
	display: none;
	margin: 0 14px 0 5px
}

#gp_topbar .topbar_items {
	height: 44px;
	width: 42%;
	line-height: 44px;
	margin: 0 0 0 15px;
	float: left
}

#gp_topbar .topbar_items>li {
	display: inline-block;
	vertical-align: top;
	min-width: 25px;
	text-align: center;
	position: relative;
	padding: 0 8px
}

#gp_topbar .topbar_items>li.username:hover {
	background: #f9f9f9
}

#gp_topbar .topbar_items>li.username:hover a {
	color: #777777
}

#gp_topbar .topbar_items>li a {
	line-height: 44px;
	text-decoration: none;
	color: #cccccc
}

#gp_topbar .topbar_items>li a:hover {
	color: #dddddd
}

#gp_topbar .topbar_items>li a .num {
	position: absolute;
	padding: 2px 3px;
	color: white;
	background: #dd0f0f;
	height: 10px;
	display: inline-block;
	line-height: 10px;
	font-size: 10px;
	border-radius: 3px;
	right: 7px;
	top: 7px
}

#gp_topbar .topbar_items .on a {
	color: white
}

#gp_topbar .topbar_items .search {
	position: relative;
	width: 40%;
	max-width: 184px;
	margin-right: 2%
}

#gp_topbar .topbar_items .search.active input {
	background: white
}

#gp_topbar .topbar_items .search .search-box {
	width: 100%
}

#gp_topbar .topbar_items .search .search-box>input:focus {
	background: white
}

#gp_topbar .topbar_items .search .search-button {
	display: none
}

#gp_topbar .topbar_items .search .search-icon {
	position: absolute;
	top: 1px;
	right: 10px;
	color: #3d3d3d !important
}

#gp_topbar .topbar_items .search .search-icon.on {
	color: #58d0f3 !important
}

#gp_topbar .topbar_items .search input {
	width: 100%;
	background: #686868;
	border: none;
	border-radius: 2px;
	height: 26px;
	line-height: 20px;
	outline: none;
	padding: 0 4px;
	font-size: 14px
}

#gp_topbar #status {
	float: right;
	text-align: right;
	margin: 0 10px 0 0
}

#gp_topbar #title {
	position: absolute;
	left: 50%;
	width: 120px;
	text-align: center;
	margin: 0 0 0 -60px
}

#gp_topbar #logo {
	max-height: 100%;
	padding: 6px 0;
	height: 30px
}

#gp_topbar .username, #gp_topbar .sub {
	position: relative;
	z-index: 10
}

#gp_topbar .username:hover>.submenu, #gp_topbar .sub:hover>.submenu {
	display: block
}

#gp_topbar .username.open, #gp_topbar .sub.open {
	background: #f9f9f9
}

#gp_topbar .username.open a, #gp_topbar .sub.open a {
	color: #777777
}

#gp_topbar .username.open>.submenu, #gp_topbar .sub.open>.submenu {
	display: block
}

#gp_topbar .username.open>#note-area, #gp_topbar .sub.open>#note-area {
	display: block
}

#gp_topbar .username>img {
	width: 24px;
	height: 24px;
	position: relative;
	top: 7px;
	border-radius: 2px
}

#gp_topbar .submenu {
	box-shadow: 0 3px 5px #cccccc;
	display: none;
	margin-top: -1px;
	background: #f9f9f9
}

#gp_topbar .submenu li {
	z-index: 10;
	width: 92%;
	padding: 10px 4%;
	line-height: 20px;
	margin: 0;
	display: block;
	text-align: left;
	font-size: 14px;
	overflow: auto;
	position: relative
}

#gp_topbar .submenu li a {
	line-height: 35px;
	font-size: 14px;
	display: inline;
	width: 100%;
	height: 100%;
	text-align: left
}

#gp_topbar .submenu li a:hover i {
	color: #5f5f5f
}

#gp_topbar .submenu li a i {
	margin: 0 10px 0 14px;
	color: #aaaaaa
}

#gp_topbar .submenu li a.link {
	display: inline-block;
	width: 80%
}

#gp_topbar .submenu li .avatar {
	width: 28px;
	height: 28px;
	display: inline-block;
	vertical-align: middle;
	margin: 3px 10px 0 0;
	float: left
}

#gp_topbar .submenu li .avatar img {
	width: 28px;
	height: 28px
}

#gp_topbar .submenu li div {
	width: 84%;
	display: inline-block;
	line-height: 20px;
	font-size: 13px;
	color: #888888
}

#gp_topbar .submenu li div a {
	line-height: 20px;
	font-size: 13px
}

#gp_topbar .submenu li div span {
	color: #888888
}

#gp_topbar #notification li.new div {
	color: #333333
}

#gp_topbar #notification li.new div a {
	color: black
}

#gp_topbar #notification li.new:after {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #dd0f0f;
	position: absolute;
	right: 15px;
	top: 15px
}

#gp_topbar #notification li.read {
	color: #888888
}

#gp_topbar #notification li.read div, #gp_topbar #notification li.read a,
	#gp_topbar #notification li.read span {
	color: #999999
}

#gp_topbar #notification li.load {
	text-align: center
}

#gp_topbar #notification li.load:hover {
	background: #f9f9f9;
	box-shadow: none
}

#gp_topbar #notification li.load input {
	padding: 4px 0;
	border-radius: 4px;
	width: 88%;
	display: inline-block;
	cursor: pointer;
	outline: none;
	background: none;
	border: none;
	float: left;
	text-align: left;
	color: #cccccc;
	font-size: 13px
}

#gp_topbar #notification li.load input:hover {
	background: none;
	color: #aaaaaa
}

#gp_topbar #notification li.load input:active {
	position: relative;
	top: 1px;
	left: 1px
}

#gp_topbar #user_actions li {
	padding: 0 4%
}

#gp_topbar #user_actions {
	text-align: center;
	position: absolute;
	width: 130px;
	right: 0;
	z-index: 9
}

#gp_topbar #note-area {
	text-align: center;
	position: absolute;
	width: 310px;
	right: 0;
	z-index: 9;
	background: #f9f9f9;
	display: none;
	padding-top: 35px;
	box-shadow: 0 3px 5px #cccccc;
	overflow: hidden auto
}

#gp_topbar #note-area .submenu {
	display: block
}

#gp_topbar #note-area .head {
	border-bottom: 1px solid #eeeeee;
	padding: 4px 4%;
	overflow: auto;
	position: absolute;
	top: 0;
	width: 92%;
	z-index: 11;
	background: #f9f9f9
}

#gp_topbar #note-area .head h2 {
	float: left;
	font-weight: bold;
	padding: 1px 0;
	line-height: 28px;
	font-size: 14px
}

#gp_topbar #note-area .head input {
	float: right;
	background: none;
	border: 1px solid #cccccc;
	font-size: 0.875em;
	padding: 1px 7px;
	border-radius: 20px;
	cursor: pointer;
	outline: none;
	margin-top: 3px;
	font-size: 13px
}

#gp_topbar #note-area .head input:hover {
	background: #dddddd;
	border-radius: 20px
}

#gp_topbar #note-box {
	max-height: 460px;
	overflow: auto
}

#gp_topbar #note-box li {
	vertical-align: middle;
	overflow: hidden
}

@media screen and (max-width: 820px) {
	#gp_topbar .topbar_items .search {
		width: 20%
	}
	#gp_topbar .topbar_items .search .search-box {
		display: none;
		position: absolute;
		width: 300%;
		right: 0;
		padding: 0;
		background: black;
		border-radius: 3px
	}
	#gp_topbar .topbar_items .search .search-box input {
		width: 91%;
		position: relative;
		top: -1px
	}
	#gp_topbar .topbar_items .search .search-icon {
		color: #cccccc !important
	}
}

@media screen and (max-width: 610px) {
	#gp_topbar .topbar_items {
		margin-left: 0
	}
	#gp_topbar #show-nav {
		display: inline-block
	}
	#gp_topbar #nav {
		width: 160px;
		position: absolute;
		background: #4e4e4e;
		top: 44px;
		height: 0;
		padding-bottom: 200%;
		left: -160px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease
	}
	#gp_topbar #nav.on {
		left: 0;
		box-shadow: 1px 1px 30px #222222
	}
	#gp_topbar #nav>li {
		display: block;
		text-align: left;
		border-bottom: 1px solid #383838;
		border-top: 1px solid #5b5b5b
	}
	#gp_topbar #nav>li:last-child {
		box-shadow: 0 1px 0 #5b5b5b
	}
	#gp_topbar #nav>li:hover {
		background: #3a3a3a;
		box-shadow: 2px 2px 5px #333333 inset;
		border-top: 1px solid #333333
	}
	#gp_topbar #nav>li:hover i {
		color: #58d0f3
	}
	#gp_topbar #nav>li a {
		font-size: 14px;
		width: 100%;
		display: inline-block
	}
	#gp_topbar #nav>li a i {
		display: inline-block;
		color: #818181
	}
	#gp_topbar .signup {
		display: none !important
	}
}

@media screen and (max-width: 570px) {
	#gp_topbar .topbar_items #notification, #gp_topbar .topbar_items #new {
		display: none
	}
	#gp_topbar .topbar_items .search .search-box {
		width: 350%
	}
	#gp_topbar .topbar_items .search .search-box input {
		width: 94%
	}
}

.wysihtml5-editor {
	margin: 0
}

.wysihtml5-sandbox {
	-webkit-transition: height 0.1s;
	-moz-transition: height 0.1s;
	-ms-transition: height 0.1s;
	-o-transition: height 0.1s;
	transition: height 0.1s
}

.gp_editor.gp_content img {
	cursor: default
}

.gp_editor.gp_content figcaption.gp_media_title {
	cursor: pointer
}

.gp_editor.gp_content input.gp_media_title {
	display: block
}

.hide_flash iframe {
	visibility: hidden
}

.gp_content {
	font-family: Avenir, "Hiragino Sans GB", "Noto Sans S Chinese",
		"Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei",
		sans-serif;
	margin: 0 0 1.8em 0;
	overflow: hidden;
	line-height: 1.5em;
	letter-spacing: 0.03em
}

.gp_content>*:first-child {
	margin-top: 0
}

.gp_content .gp_media_container {
	background: white;
	margin: 0
}

.gp_content .gp_media_container img, .gp_content .gp_media_container embed
	{
	max-width: 100%;
	display: block
}

.gp_content .gp_media, .gp_content .gp_media_title {
	display: block;
	margin: 1.8em auto;
	border: none;
	outline: none;
	font-size: 13px;
	font-family: Avenir, "Hiragino Sans GB", "Noto Sans S Chinese",
		"Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei",
		sans-serif
}

.gp_content .gp_media_title {
	line-height: 24px;
	min-height: 24px;
	width: 100%;
	padding: 8px;
	text-align: center;
	color: darkgrey;
	background: transparent
}

.gp_content figcaption.gp_media_title {
	letter-spacing: inherit
}

.gp_content input.gp_media_title {
	display: none
}

.gp_content figure.main-pic {
	padding: 0;
	margin: 0;
	width: 100%
}

.gp_content figure.main-pic img {
	width: 100%;
	height: auto;
	display: block
}

.gp_content iframe {
	border: none;
	outline: none;
	display: block;
	margin: 0 auto;
	width: 100%
}

.gp_content blockquote.abstract {
	padding: 18px;
	font-size: 0.9375em;
	color: rgba(38, 38, 38, 0.82);
	line-height: 1.6;
	margin-top: 0;
	margin-bottom: 20px;
	border: #efefef 1px solid;
	border-radius: 0px 0px 4px 4px;
	background-color: #efefef
}

.gp_content p, .gp_content pre, .gp_content ul, .gp_content ol,
	.gp_content dl, .gp_content form, .gp_content hr, .gp_content table,
	.gp_content blockquote {
	margin: 1.8em 0
}

.gp_content strong {
	font-weight: bold
}

.gp_content strong em {
	font-style: italic
}

.gp_content em {
	font-style: italic
}

.gp_content em strong {
	font-weight: bold
}

.gp_content h2, .gp_content h3, .gp_content h4, .gp_content h5,
	.gp_content h6 {
	margin-bottom: 0.8em;
	line-height: 1.5em;
	font-weight: 200;
	color: black
}

.gp_content h2 {
	font-size: 1.8em;
	border-left: 10px solid #7fc042;
	padding-left: 0.5em
}

.gp_content h3 {
	font-size: 1.4em
}

.gp_content h4 {
	font-size: 1.2em
}

.gp_content h5 {
	font-size: 1em
}

.gp_content p {
	font-size: 1em;
	line-height: 1.8em
}

.gp_content p:first-child {
	margin-top: 0
}

.gp_content p:last-child {
	margin-bottom: 0
}

.gp_content blockquote {
	color: #666666;
	font-size: 1em;
	padding-left: 1em;
	border-left: 4px solid #dddddd;
	line-height: 1.5em
}

.gp_content a {
	color: #1abc9c;
	text-decoration: none;
	border-bottom: none
}

.gp_content a:hover {
	text-decoration: underline;
	color: #555555;
	border-bottom: 1px solid #555555
}

.gp_content img {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in
}

.gp_content figure {
	margin: 20px auto;
	text-align: center
}

.gp_content figure img {
	max-width: 100%
}

.gp_content figure figcaption {
	text-align: center;
	color: #333333;
	font-size: 0.875em;
	padding: 1em 0
}

.gp_content ul, .gp_content ol {
	margin-left: 1.8em
}

.gp_content ul li, .gp_content ol li {
	padding: 5px 0;
	list-style: disc
}

.gp_content ul li p, .gp_content ol li p {
	margin: 0
}

.gp_content ul li ul, .gp_content ul li ol, .gp_content ol li ul,
	.gp_content ol li ol {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2em
}

.gp_content ol li {
	list-style: decimal
}

.gp_content p img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block
}

.gp_content hr {
	display: block;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	height: 1px;
	width: 70%;
	margin: 30px auto
}

.gp_content table th, .gp_content table td, .gp_content th, .gp_content table caption
	{
	border: 1px solid #dddddd;
	padding: 0.5em 1em;
	color: #666666
}

.gp_content table th {
	background: #fbfbfb
}

.gp_content table thead th {
	background: #f1f1f1
}

.gp_content table caption {
	border-bottom: none
}

#footer {
	background: #50c088;
	padding: 0 0 50px 0;
	box-shadow: 0 0px 20px lightgrey inset;
	width: 100%;
	overflow: visible;
	color: white;
}

#footer .footer_container {
	max-width: 1200px;
	margin: 0 auto;
	background: transparent;
	padding-bottom: 30px;
	width: 62%;
	overflow: visible
}

#footer .info-box {
	float: right;
	margin-top: 30px
}

#footer .info-box div {
	display: block;
}

#footer .col {
	display: inline-block;
	margin-top: 30px
}

#footer ul {
	overflow: visible;
	width: 250px;
	display: inline-block;
	vertical-align: top;
}

#footer ul li {
	margin: 5px 0 5px 0;
	position: relative
}

#footer ul li .fa {
	width: 25px
}

#footer ul li:hover .qrcode {
	_display: block;
	*display: block;
	display: block \9;
	opacity: 1;
	z-index: 9
}

#footer a {
	font-size: 13px;
	color: #888888
}

#footer a:hover {
	color: #666666
}

#footer p {
	font-size: 13px;
	color: #aaaaaa;
	width: 200px;
	line-height: 1.7em
}

#footer .qrcode {
	position: absolute;
	width: 150px;
	height: 150px;
	margin: -180px 0 0 0;
	z-index: -1;
	_display: none;
	*display: none;
	display: none9;
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

#footer .qrcode img {
	width: 100%;
	height: auto;
	box-shadow: 0 0 40px #aaaaaa
}

#footer .qrcode p {
	background: #333333;
	color: #cccccc;
	padding: 9px 13px;
	font-size: 12px;
	border-radius: 8px;
	width: 200px;
	position: relative;
	left: 50%;
	margin-left: -110px;
	top: -230px
}

#footer .qrcode p:after {
	content: "";
	display: block;
	height: 0;
	width: 0;
	border: 10px solid;
	border-color: #333333 transparent transparent transparent;
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -12px
}

#footer .fa-rss {
	font-size: 1.2em
}

#footer .fa-envelope {
	position: relative;
	top: -1px;
	font-size: 1.1em
}

#footer .fa-weixin {
	font-size: 1.1em
}

@media only screen and (max-width: 1010px) {
	#footer .info-box {
		width: 100%;
		float: none;
		margin-top: 20px;
		overflow: auto
	}
	#footer .info-box div {
		float: left
	}
	#footer .qrcode {
		left: 0
	}
}

@media only screen and (max-width: 360px) {
	#footer .col {
		width: 46%
	}
	#footer .col ul {
		width: 100%
	}
	#footer .qrcode {
		display: none
	}
}

@
-webkit-keyframes zoom-beat { 0%{
	-webkit-transform: scale(0.9)
}

50%{
-webkit-transform
:scale
(1
.1
)
}
100%{
-webkit-transform
:scale(1)
}
}
@
-moz-keyframes zoom-beat { 0%{
	-moz-transform: scale(0.9)
}

50%{
-moz-transform
:scale
(1
.1
)
}
100%{
-moz-transform
:scale(1)
}
}
@
-ms-keyframes zoom-beat { 0%{
	-ms-transform: scale(0.9)
}

50%{
-ms-transform
:scale
(1
.1
)
}
100%{
-ms-transform
:scale(1)
}
}
@
-o-keyframes zoom-beat { 0%{
	-o-transform: scale(0.9)
}

50%{
-o-transform
:scale
(1
.1
)
}
100%{
-o-transform
:scale(1)
}
}
@
keyframes zoom-beat { 0%{
	transform: scale(0.9)
}

50%{
transform
:scale
(1
.1
)
}
100%{
transform
:scale(1)
}
}
@
-webkit-keyframes rotate { 0%{
	-webkit-transform: rotate(0)
}

100%{
-webkit-transform
:rotate(360deg)
}
}
@
-moz-keyframes rotate { 0%{
	-moz-transform: rotate(0)
}

100%{
-moz-transform
:rotate(360deg)
}
}
@
-ms-keyframes rotate { 0%{
	-ms-transform: rotate(0)
}

100%{
-ms-transform
:rotate(360deg)
}
}
@
-o-keyframes rotate { 0%{
	-o-transform: rotate(0)
}

100%{
-o-transform
:rotate(360deg)
}
}
@
keyframes rotate { 0%{
	transform: rotate(0)
}

100%{
transform
:rotate(360deg)
}
}
@
-webkit-keyframes popout { 0%{
	opacity: 0.9;
	-webkit-transform: scale(0.9)
}

100%{
opacity
:
1;-webkit-transform
:scale(1)
}
}
@
-moz-keyframes popout { 0%{
	opacity: 0.9;
	-moz-transform: scale(0.9)
}

100%{
opacity
:
1;-moz-transform
:scale(1)
}
}
@
-ms-keyframes popout { 0%{
	opacity: 0.9;
	-ms-transform: scale(0.9)
}

100%{
opacity
:
1;-ms-transform
:scale(1)
}
}
@
-o-keyframes popout { 0%{
	opacity: 0.9;
	-o-transform: scale(0.9)
}

100%{
opacity
:
1;-o-transform
:scale(1)
}
}
@
keyframes popout { 0%{
	opacity: 0.9;
	transform: scale(0.9)
}

100%{
opacity
:
1;transform
:scale(1)
}
}
@
-webkit-keyframes popin { 0%{
	opacity: 1;
	-webkit-transform: scale(1)
}

100%{
opacity
:
0
.4
;-webkit-transform
:scale
(0
.9
)
}
}
@
-moz-keyframes popin { 0%{
	opacity: 1;
	-moz-transform: scale(1)
}

100%{
opacity
:
0
.4
;-moz-transform
:scale
(0
.9
)
}
}
@
-ms-keyframes popin { 0%{
	opacity: 1;
	-ms-transform: scale(1)
}

100%{
opacity
:
0
.4
;-ms-transform
:scale
(0
.9
)
}
}
@
-o-keyframes popin { 0%{
	opacity: 1;
	-o-transform: scale(1)
}

100%{
opacity
:
0
.4
;-o-transform
:scale
(0
.9
)
}
}
@
keyframes popin { 0%{
	opacity: 1;
	transform: scale(1)
}

100%{
opacity
:
0
.4
;transform
:scale
(0
.9
)
}
}
@
-webkit-keyframes fadein { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
@
-moz-keyframes fadein { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
@
-ms-keyframes fadein { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
@
-o-keyframes fadein { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
@
keyframes fadein { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
@
-webkit-keyframes fadeout { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
@
-moz-keyframes fadeout { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
@
-ms-keyframes fadeout { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
@
-o-keyframes fadeout { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
@
keyframes fadeout { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
.breaking-news {
	position: relative;
	max-width: 1122px;
	margin: 20px auto;
	font-size: 13px;
	letter-spacing: 2px;
	opacity: 1;
	z-index: 2
}

.breaking-news label {
	background:
		url(http://gpk-new.qiniudn.com/assets/nbg2-f61b839c88959e7014a7110ef0b363f3.svg)
		right;
	background-repeat: no-repeat;
	display: inline-block;
	width: 74px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	padding-left: 15px;
	margin-right: 10px;
	border: 0px;
	box-sizing: initial;
	-ms-box-sizing: initial;
	-webkit-box-sizing: initial
}

.breaking-news a {
	color: #000
}

.breaking-news i.fa {
	position: relative;
	display: inline-block;
	font-size: 19px;
	color: #ccc;
	top: 1.5px;
	margin-left: 15px;
	cursor: pointer
}

@media screen and (max-width: 640px) {
	.breaking-news {
		width: 100%;
		border-bottom: 1px solid #ccc;
		background-color: #ddd;
		margin: 0 auto;
		padding: 16px 3%;
		box-sizing: border-box;
		top: 3px
	}
	.breaking-news label {
		display: none
	}
	.breaking-news a {
		display: inline-block;
		width: 86%
	}
	.breaking-news i {
		margin-left: 0px;
		float: right;
		color: #666
	}
	.breaking-news i:hover {
		color: #333
	}
	section.annt-next {
		margin: 10px auto 0px
	}
}

.relate-articles {
	text-indent: 15px;
	display: none;
	position: fixed;
	background: #666666;
	opacity: 0.6;
	color: white;
	width: 100%;
	height: 35px;
	line-height: 35px;
	z-index: 2
}

.relate-articles a {
	display: block;
	margin-left: 10px;
	float: left;
	width: 80%;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden
}

.relate-articles a:hover {
	text-decoration: none
}

.relate-articles i {
	display: inline-block;
	font-size: 19px;
	float: right;
	top: 8.5px;
	margin-right: 19px;
	position: relative;
	cursor: pointer
}

.share {
	float: right;
	position: relative;
	overflow: visible
}

.share a {
	border: none;
	display: inline-block;
	color: white;
	padding: 0;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 60px;
	font-size: 1em;
	margin: 0 2px
}

.share a i {
	margin: 0
}

.share a.invite {
	background: #1bd3d3;
	font-size: 1em;
	width: 125px
}

.share a.invite span {
	font-size: 0.875em;
	margin-left: 5px
}

.share a.invite:hover {
	background: #1fdbdb
}

.share a.sina_weibo {
	background: #d52b2a
}

.share a.sina_weibo:hover {
	background: #e05454
}

.share a.weixin {
	background: #8dc61f
}

.share a.weixin:hover {
	background: #a3d642
}

.share a.twitter {
	background: #2daae2
}

.share a.twitter:hover {
	background: #54c6f9
}

.share .popup {
	position: absolute;
	background: #eeeeee;
	padding: 10px;
	display: none;
	border-radius: 4px;
	text-align: center;
	font-size: 13px;
	color: #777777
}

.share .popup.on {
	display: block
}

.share .popup:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 8px solid #eeeeee;
	border-color: transparent transparent #eeeeee transparent;
	left: 50%;
	top: -16px;
	position: absolute;
	margin-left: -4px
}

.share .invite-tip {
	position: absolute;
	width: 204px;
	top: 44px;
	left: -59px;
	background: #fff4bb;
	padding: 10px 16px;
	font-size: 13px;
	background: #f1f1f1
}

.share .invite-tip:after {
	color: #fff4bb
}

.topics_show, .manuscripts_show, .videos_show {
	background-color: #e8e8e8;
	font-size: 16px;
	font-size: 1em;
	padding-top: 44px;
	margin: 0; @
	-webkit-keyframes active{0%{-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}

50%{
-webkit-transform
:scale
(1
.8
);-moz-transform
:scale
(1
.8
);transform
:scale
(1
.8
)
}
100%{
-webkit-transform
:scale(1)
;-moz-transform
:scale(1)
;transform
:scale(1)
}
}
}
.topics_show article.gp_content, .manuscripts_show article.gp_content,
	.videos_show article.gp_content {
	padding-top: 0
}

.topics_show article.gp_content .share, .manuscripts_show article.gp_content .share,
	.videos_show article.gp_content .share {
	margin: 20px 0;
	float: none
}

.topics_show article.gp_content .share a, .manuscripts_show article.gp_content .share a,
	.videos_show article.gp_content .share a {
	border-radius: 0;
	margin: 0 4px 0 0;
	width: auto;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	display: inline-block;
	padding: 4px 10px
}

.topics_show article.gp_content .share a:hover, .manuscripts_show article.gp_content .share a:hover,
	.videos_show article.gp_content .share a:hover {
	border: none;
	color: white
}

.topics_show article.gp_content .share a i:before, .manuscripts_show article.gp_content .share a i:before,
	.videos_show article.gp_content .share a i:before {
	margin-right: 5px
}

.topics_show article.gp_content dt, .manuscripts_show article.gp_content dt,
	.videos_show article.gp_content dt {
	font-weight: bold;
	margin: 20px 0;
	font-size: 1.2em;
	line-height: 2em;
	border-bottom: 1px solid #dddddd
}

.topics_show article.gp_content .link-list a, .manuscripts_show article.gp_content .link-list a,
	.videos_show article.gp_content .link-list a {
	margin-right: 10px
}

.topics_show article.gp_content .link-list a:first-child:before,
	.manuscripts_show article.gp_content .link-list a:first-child:before,
	.videos_show article.gp_content .link-list a:first-child:before {
	content: "";
	display: none
}

.topics_show article.gp_content .link-list a:before, .manuscripts_show article.gp_content .link-list a:before,
	.videos_show article.gp_content .link-list a:before {
	content: "·";
	margin-right: 10px
}

.topics_show article.gp_content .link-list a:hover, .manuscripts_show article.gp_content .link-list a:hover,
	.videos_show article.gp_content .link-list a:hover {
	border-bottom: none
}

.topics_show .blur, .manuscripts_show .blur, .videos_show .blur {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px)
}

.topics_show>.container, .manuscripts_show>.container, .videos_show>.container
	{
	background-color: white;
	max-width: 1040px;
	min-width: 320px;
	width: 90%;
	margin: 0 auto;
	padding: 25px 40px 70px;
	overflow: auto;
	zoom: 1;
	margin-top: 40px;
	border-radius: 4px
}

.topics_show .masonry-area, .manuscripts_show .masonry-area,
	.videos_show .masonry-area {
	width: 100%;
	max-width: 1160px;
	position: relative;
	left: 0.7%
}

.topics_show .top-section, .manuscripts_show .top-section, .videos_show .top-section
	{
	border-bottom: 1px solid #ebebeb;
	border-collapse: separate;
	margin-bottom: 20px
}

.topics_show .top-section h1, .manuscripts_show .top-section h1,
	.videos_show .top-section h1 {
	font-size: 2em;
	margin-bottom: 6px;
	line-height: 1.5;
	font-weight: 400;
	color: black;
	white-space: normal
}

.topics_show .top-section .sections, .manuscripts_show .top-section .sections,
	.videos_show .top-section .sections {
	margin-bottom: 20px
}

.topics_show .top-section .sections .classify, .manuscripts_show .top-section .sections .classify,
	.videos_show .top-section .sections .classify {
	display: inline-block;
	color: white;
	background-color: #34b3db;
	padding: 4px 10px;
	margin: 0 1px 0 0;
	font-size: 13px
}

.topics_show .topic-info, .manuscripts_show .topic-info, .videos_show .topic-info
	{
	margin: 6px 0 12px
}

.topics_show .topic-info span, .topics_show .topic-info a.dot,
	.manuscripts_show .topic-info span, .manuscripts_show .topic-info a.dot,
	.videos_show .topic-info span, .videos_show .topic-info a.dot {
	position: relative;
	color: #888888;
	font-size: 0.875em
}

.topics_show .topic-info>span, .topics_show .topic-info a.dot,
	.manuscripts_show .topic-info>span, .manuscripts_show .topic-info a.dot,
	.videos_show .topic-info>span, .videos_show .topic-info a.dot {
	margin: 0 5px
}

.topics_show .topic-info>span:before, .topics_show .topic-info a.dot:before,
	.manuscripts_show .topic-info>span:before, .manuscripts_show .topic-info a.dot:before,
	.videos_show .topic-info>span:before, .videos_show .topic-info a.dot:before
	{
	content: "·";
	margin-right: 10px
}

.topics_show .topic-info a.author, .manuscripts_show .topic-info a.author,
	.videos_show .topic-info a.author {
	color: #666666;
	margin-right: 6px;
	height: 30px;
	display: inline-block;
	border-bottom: none
}

.topics_show .topic-info a.author:hover span, .manuscripts_show .topic-info a.author:hover span,
	.videos_show .topic-info a.author:hover span {
	color: black
}

.topics_show .topic-info a.author img, .manuscripts_show .topic-info a.author img,
	.videos_show .topic-info a.author img {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	border-radius: 4px;
	vertical-align: top
}

.topics_show .topic-info a.author span, .manuscripts_show .topic-info a.author span,
	.videos_show .topic-info a.author span {
	font-size: 0.875em;
	line-height: 30px
}

.topics_show .topic-info .comment_count, .manuscripts_show .topic-info .comment_count,
	.videos_show .topic-info .comment_count {
	margin-left: 10px
}

.topics_show .topic-info .comment_count:before, .manuscripts_show .topic-info .comment_count:before,
	.videos_show .topic-info .comment_count:before {
	content: none
}

.topics_show .topic-info .comment_count a, .manuscripts_show .topic-info .comment_count a,
	.videos_show .topic-info .comment_count a {
	color: #666666;
	font-size: 13px;
	border-radius: 20px;
	padding: 3px 11px;
	margin-right: 10px;
	background-color: #f7f7f7;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.topics_show .topic-info .comment_count a:hover, .manuscripts_show .topic-info .comment_count a:hover,
	.videos_show .topic-info .comment_count a:hover {
	color: #3e9ac0
}

.topics_show .topic-info .comment_count span, .manuscripts_show .topic-info .comment_count span,
	.videos_show .topic-info .comment_count span {
	margin-left: 5px;
	font-size: 13px
}

.topics_show .topic-info .edit_mode, .manuscripts_show .topic-info .edit_mode,
	.videos_show .topic-info .edit_mode {
	font-size: 13px
}

.topics_show .topic-info .edit_mode:before, .manuscripts_show .topic-info .edit_mode:before,
	.videos_show .topic-info .edit_mode:before {
	content: none
}

.topics_show .topic-info span.dot, .manuscripts_show .topic-info span.dot,
	.videos_show .topic-info span.dot {
	margin: 0 5px
}

.topics_show .topic-info a.classify, .manuscripts_show .topic-info a.classify,
	.videos_show .topic-info a.classify {
	color: white;
	display: inline-block;
	padding: 0px 10px;
	background: #00bff3;
	position: relative;
	top: -10px;
	border-radius: 4px;
	margin-left: 15px;
	font-size: 14px
}

.topics_show .topic-info a.classify:hover, .manuscripts_show .topic-info a.classify:hover,
	.videos_show .topic-info a.classify:hover {
	background: #39cef7
}

.topics_show .main-content, .manuscripts_show .main-content,
	.videos_show .main-content {
	width: 66.923077%;
	float: left;
	box-sizing: border-box
}

.topics_show .main-content hr, .manuscripts_show .main-content hr,
	.videos_show .main-content hr {
	border: none;
	border-bottom: 1px solid #cccccc;
	margin: 15px 0
}

.topics_show .main-content p, .manuscripts_show .main-content p,
	.videos_show .main-content p {
	white-space: normal
}

.topics_show .main-content .tags, .manuscripts_show .main-content .tags,
	.videos_show .main-content .tags {
	margin-bottom: 20px
}

.topics_show .main-content .tags a, .manuscripts_show .main-content .tags a,
	.videos_show .main-content .tags a {
	font-size: 0.875em;
	color: #aaaaaa;
	margin-right: 1em;
	border-bottom: none
}

.topics_show .main-content .tags a:before, .manuscripts_show .main-content .tags a:before,
	.videos_show .main-content .tags a:before {
	content: "\# "
}

.topics_show .main-content .tags a:hover, .manuscripts_show .main-content .tags a:hover,
	.videos_show .main-content .tags a:hover {
	color: black
}

.topics_show .main-content .operate, .manuscripts_show .main-content .operate,
	.videos_show .main-content .operate {
	height: 30px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 20px;
	margin-bottom: 20px
}

.topics_show .main-content .operate .rate a, .manuscripts_show .main-content .operate .rate a,
	.videos_show .main-content .operate .rate a {
	color: #666666;
	font-size: 13px;
	border-radius: 20px;
	padding: 3px 11px;
	background-color: #f7f7f7;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.topics_show .main-content .operate .rate a i, .manuscripts_show .main-content .operate .rate a i,
	.videos_show .main-content .operate .rate a i {
	line-height: 30px;
	margin-right: 0
}

.topics_show .main-content .operate .rate a span, .manuscripts_show .main-content .operate .rate a span,
	.videos_show .main-content .operate .rate a span {
	line-height: 20px;
	margin-left: 5px
}

.topics_show .main-content .operate .rate a:hover, .manuscripts_show .main-content .operate .rate a:hover,
	.videos_show .main-content .operate .rate a:hover {
	color: #3e9ac0
}

.topics_show .main-content .operate .rate a.active, .manuscripts_show .main-content .operate .rate a.active,
	.videos_show .main-content .operate .rate a.active {
	color: white;
	background: #1bd3d3
}

.topics_show .main-content .operate .rate a.active i, .manuscripts_show .main-content .operate .rate a.active i,
	.videos_show .main-content .operate .rate a.active i {
	animation: active 0.4s;
	-webkit-animation: active 0.4s
}

.topics_show .main-content .comments, .manuscripts_show .main-content .comments,
	.videos_show .main-content .comments {
	margin-top: 20px;
	clear: both
}

.topics_show .main-content .comments h3, .manuscripts_show .main-content .comments h3,
	.videos_show .main-content .comments h3 {
	font-size: 20px;
	color: #888888;
	margin-bottom: 19px
}

.topics_show .main-content .comments h3 a, .manuscripts_show .main-content .comments h3 a,
	.videos_show .main-content .comments h3 a {
	color: #5aabda;
	margin-left: 10px
}

.topics_show .main-content .comments hr, .manuscripts_show .main-content .comments hr,
	.videos_show .main-content .comments hr {
	color: transparent;
	clear: both;
	border: none;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px
}

.topics_show .main-content .comments .comment-info, .manuscripts_show .main-content .comments .comment-info,
	.videos_show .main-content .comments .comment-info {
	border-radius: 4px;
	overflow: hidden;
	float: left;
	margin-bottom: 20px;
	background: #f1f1f1
}

.topics_show .main-content .comments .comment-info span,
	.manuscripts_show .main-content .comments .comment-info span,
	.videos_show .main-content .comments .comment-info span {
	font-size: 0.875em;
	display: inline-block;
	padding: 7px 15px;
	float: left
}

.topics_show .main-content .comments .comment-info span i,
	.manuscripts_show .main-content .comments .comment-info span i,
	.videos_show .main-content .comments .comment-info span i {
	color: #c1c1c1;
	margin-right: 5px
}

.topics_show .main-content .comments .comment-info a, .manuscripts_show .main-content .comments .comment-info a,
	.videos_show .main-content .comments .comment-info a {
	background: #00bff3;
	color: white;
	display: inline-block;
	padding: 7px 15px;
	font-size: 0.875em
}

.topics_show .main-content .comments .comment-cell, .manuscripts_show .main-content .comments .comment-cell,
	.videos_show .main-content .comments .comment-cell {
	overflow: hidden;
	margin: 0;
	position: relative;
	padding-top: 0.625em
}

.topics_show .main-content .comments .comment-cell a, .manuscripts_show .main-content .comments .comment-cell a,
	.videos_show .main-content .comments .comment-cell a {
	border-bottom: none
}

.topics_show .main-content .comments .comment-cell:hover .comment-close .fa-plus,
	.topics_show .main-content .comments .comment-cell:hover .comment-close .fa-minus,
	.manuscripts_show .main-content .comments .comment-cell:hover .comment-close .fa-plus,
	.manuscripts_show .main-content .comments .comment-cell:hover .comment-close .fa-minus,
	.videos_show .main-content .comments .comment-cell:hover .comment-close .fa-plus,
	.videos_show .main-content .comments .comment-cell:hover .comment-close .fa-minus
	{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}

.topics_show .main-content .comments .comment-cell:hover .operate,
	.manuscripts_show .main-content .comments .comment-cell:hover .operate,
	.videos_show .main-content .comments .comment-cell:hover .operate {
	opacity: 1 !important
}

.topics_show .main-content .comments .comment-cell.collapsed,
	.manuscripts_show .main-content .comments .comment-cell.collapsed,
	.videos_show .main-content .comments .comment-cell.collapsed {
	display: block;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 8px;
	padding-top: 0
}

.topics_show .main-content .comments .comment-cell.collapsed .comment-detail,
	.manuscripts_show .main-content .comments .comment-cell.collapsed .comment-detail,
	.videos_show .main-content .comments .comment-cell.collapsed .comment-detail
	{
	line-height: 40px
}

.topics_show .main-content .comments .comment-cell.collapsed .comment-content,
	.manuscripts_show .main-content .comments .comment-cell.collapsed .comment-content,
	.videos_show .main-content .comments .comment-cell.collapsed .comment-content
	{
	display: none
}

.topics_show .main-content .comments .comment-cell.collapsed .operate,
	.manuscripts_show .main-content .comments .comment-cell.collapsed .operate,
	.videos_show .main-content .comments .comment-cell.collapsed .operate {
	display: none
}

.topics_show .main-content .comments .comment-cell.collapsed .comment-close,
	.manuscripts_show .main-content .comments .comment-cell.collapsed .comment-close,
	.videos_show .main-content .comments .comment-cell.collapsed .comment-close
	{
	top: 10px
}

.topics_show .main-content .comments .comment-cell.child-collapsed,
	.manuscripts_show .main-content .comments .comment-cell.child-collapsed,
	.videos_show .main-content .comments .comment-cell.child-collapsed {
	display: none
}

.topics_show .main-content .comments .comment-cell .comment-close,
	.manuscripts_show .main-content .comments .comment-cell .comment-close,
	.videos_show .main-content .comments .comment-cell .comment-close {
	position: absolute;
	right: 0;
	color: #cfcfcf;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.topics_show .main-content .comments .comment-cell .comment-close .fa-plus,
	.manuscripts_show .main-content .comments .comment-cell .comment-close .fa-plus,
	.videos_show .main-content .comments .comment-cell .comment-close .fa-plus
	{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}

.topics_show .main-content .comments .comment-cell .comment-close .fa-minus,
	.manuscripts_show .main-content .comments .comment-cell .comment-close .fa-minus,
	.videos_show .main-content .comments .comment-cell .comment-close .fa-minus
	{
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0
}

.topics_show .main-content .comments .comment-cell .comment-close:hover,
	.manuscripts_show .main-content .comments .comment-cell .comment-close:hover,
	.videos_show .main-content .comments .comment-cell .comment-close:hover
	{
	color: #333333
}

.topics_show .main-content .comments .comment-cell .avatar,
	.manuscripts_show .main-content .comments .comment-cell .avatar,
	.videos_show .main-content .comments .comment-cell .avatar {
	display: inline-block;
	vertical-align: top
}

.topics_show .main-content .comments [class^="depth-"], .topics_show .main-content .comments [class*=" depth-"],
	.manuscripts_show .main-content .comments [class^="depth-"],
	.manuscripts_show .main-content .comments [class*=" depth-"],
	.videos_show .main-content .comments [class^="depth-"], .videos_show .main-content .comments [class*=" depth-"]
	{
	padding-left: 28%
}

.topics_show .main-content .comments .depth-1, .manuscripts_show .main-content .comments .depth-1,
	.videos_show .main-content .comments .depth-1 {
	padding-left: 0
}

.topics_show .main-content .comments .depth-2, .manuscripts_show .main-content .comments .depth-2,
	.videos_show .main-content .comments .depth-2 {
	padding-left: 7%
}

.topics_show .main-content .comments .depth-3, .manuscripts_show .main-content .comments .depth-3,
	.videos_show .main-content .comments .depth-3 {
	padding-left: 14%
}

.topics_show .main-content .comments .depth-4, .manuscripts_show .main-content .comments .depth-4,
	.videos_show .main-content .comments .depth-4 {
	padding-left: 21%
}

.topics_show .main-content .comments .comment-body, .manuscripts_show .main-content .comments .comment-body,
	.videos_show .main-content .comments .comment-body {
	display: inline-block;
	width: 90%;
	margin-left: 2%
}

.topics_show .main-content .comments .comment-body iframe,
	.manuscripts_show .main-content .comments .comment-body iframe,
	.videos_show .main-content .comments .comment-body iframe {
	margin-bottom: 0 !important
}

.topics_show .main-content .comments .comment-body .comment-detail,
	.manuscripts_show .main-content .comments .comment-body .comment-detail,
	.videos_show .main-content .comments .comment-body .comment-detail {
	font-size: 0.8125em;
	color: #666666;
	margin-bottom: 0.625em
}

.topics_show .main-content .comments .comment-body .comment-detail a,
	.manuscripts_show .main-content .comments .comment-body .comment-detail a,
	.videos_show .main-content .comments .comment-body .comment-detail a {
	color: #3e9ac0
}

.topics_show .main-content .comments .comment-body .comment-detail a:hover,
	.manuscripts_show .main-content .comments .comment-body .comment-detail a:hover,
	.videos_show .main-content .comments .comment-body .comment-detail a:hover
	{
	color: #2abcf8
}

.topics_show .main-content .comments .comment-body .comment-detail span.dot,
	.manuscripts_show .main-content .comments .comment-body .comment-detail span.dot,
	.videos_show .main-content .comments .comment-body .comment-detail span.dot
	{
	margin: 0 5px
}

.topics_show .main-content .comments .comment-body .comment-content.deleted,
	.manuscripts_show .main-content .comments .comment-body .comment-content.deleted,
	.videos_show .main-content .comments .comment-body .comment-content.deleted
	{
	color: #888888;
	padding: 10px;
	padding-left: 0;
	font-size: 0.875em
}

.topics_show .main-content .comments .comment-body .comment-content p,
	.topics_show .main-content .comments .comment-body .comment-content pre,
	.topics_show .main-content .comments .comment-body .comment-content form,
	.topics_show .main-content .comments .comment-body .comment-content hr,
	.topics_show .main-content .comments .comment-body .comment-content table,
	.topics_show .main-content .comments .comment-body .comment-content blockquote,
	.topics_show .main-content .comments .comment-body .comment-content figure,
	.manuscripts_show .main-content .comments .comment-body .comment-content p,
	.manuscripts_show .main-content .comments .comment-body .comment-content pre,
	.manuscripts_show .main-content .comments .comment-body .comment-content form,
	.manuscripts_show .main-content .comments .comment-body .comment-content hr,
	.manuscripts_show .main-content .comments .comment-body .comment-content table,
	.manuscripts_show .main-content .comments .comment-body .comment-content blockquote,
	.manuscripts_show .main-content .comments .comment-body .comment-content figure,
	.videos_show .main-content .comments .comment-body .comment-content p,
	.videos_show .main-content .comments .comment-body .comment-content pre,
	.videos_show .main-content .comments .comment-body .comment-content form,
	.videos_show .main-content .comments .comment-body .comment-content hr,
	.videos_show .main-content .comments .comment-body .comment-content table,
	.videos_show .main-content .comments .comment-body .comment-content blockquote,
	.videos_show .main-content .comments .comment-body .comment-content figure
	{
	margin: 1em 0
}

.topics_show .main-content .comments .comment-body .comment-content strong,
	.manuscripts_show .main-content .comments .comment-body .comment-content strong,
	.videos_show .main-content .comments .comment-body .comment-content strong
	{
	font-weight: bold
}

.topics_show .main-content .comments .comment-body .comment-content strong em,
	.manuscripts_show .main-content .comments .comment-body .comment-content strong em,
	.videos_show .main-content .comments .comment-body .comment-content strong em
	{
	font-style: italic
}

.topics_show .main-content .comments .comment-body .comment-content em,
	.manuscripts_show .main-content .comments .comment-body .comment-content em,
	.videos_show .main-content .comments .comment-body .comment-content em
	{
	font-style: italic
}

.topics_show .main-content .comments .comment-body .comment-content em strong,
	.manuscripts_show .main-content .comments .comment-body .comment-content em strong,
	.videos_show .main-content .comments .comment-body .comment-content em strong
	{
	font-weight: bold
}

.topics_show .main-content .comments .comment-body .comment-content p,
	.manuscripts_show .main-content .comments .comment-body .comment-content p,
	.videos_show .main-content .comments .comment-body .comment-content p {
	font-size: 0.9375em;
	line-height: 1.8em
}

.topics_show .main-content .comments .comment-body .comment-content p:first-child,
	.manuscripts_show .main-content .comments .comment-body .comment-content p:first-child,
	.videos_show .main-content .comments .comment-body .comment-content p:first-child
	{
	margin-top: 0
}

.topics_show .main-content .comments .comment-body .comment-content p:last-child,
	.manuscripts_show .main-content .comments .comment-body .comment-content p:last-child,
	.videos_show .main-content .comments .comment-body .comment-content p:last-child
	{
	margin-bottom: 0
}

.topics_show .main-content .comments .comment-body .comment-content blockquote,
	.manuscripts_show .main-content .comments .comment-body .comment-content blockquote,
	.videos_show .main-content .comments .comment-body .comment-content blockquote
	{
	margin: 1.25em;
	padding: 5px 0 5px 1em;
	position: relative;
	color: #666666;
	font-size: 1em;
	border-left: 4px solid #dddddd;
	line-height: 1.5em
}

.topics_show .main-content .comments .comment-body .comment-content a,
	.manuscripts_show .main-content .comments .comment-body .comment-content a,
	.videos_show .main-content .comments .comment-body .comment-content a {
	color: #1abc9c;
	text-decoration: none;
	border-bottom: none
}

.topics_show .main-content .comments .comment-body .comment-content a:hover,
	.manuscripts_show .main-content .comments .comment-body .comment-content a:hover,
	.videos_show .main-content .comments .comment-body .comment-content a:hover
	{
	text-decoration: underline;
	color: #555555;
	border-bottom: 1px solid #555555
}

.topics_show .main-content .comments .comment-body .comment-content img,
	.manuscripts_show .main-content .comments .comment-body .comment-content img,
	.videos_show .main-content .comments .comment-body .comment-content img
	{
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in
}

.topics_show .main-content .comments .comment-body .comment-content figure,
	.manuscripts_show .main-content .comments .comment-body .comment-content figure,
	.videos_show .main-content .comments .comment-body .comment-content figure
	{
	margin: 0 0 1em 0
}

.topics_show .main-content .comments .comment-body .comment-content figure img,
	.manuscripts_show .main-content .comments .comment-body .comment-content figure img,
	.videos_show .main-content .comments .comment-body .comment-content figure img
	{
	max-width: 100%;
	display: block;
	padding: 0;
	margin: 0
}

.topics_show .main-content .comments .comment-body .comment-content figure figcaption,
	.manuscripts_show .main-content .comments .comment-body .comment-content figure figcaption,
	.videos_show .main-content .comments .comment-body .comment-content figure figcaption
	{
	text-align: center;
	color: #333333;
	font-size: 0.875em;
	padding: 1em 0
}

.topics_show .main-content .comments .comment-body .comment-content figure iframe,
	.manuscripts_show .main-content .comments .comment-body .comment-content figure iframe,
	.videos_show .main-content .comments .comment-body .comment-content figure iframe
	{
	padding: 0;
	margin: 0;
	display: block;
	max-width: 100%
}

.topics_show .main-content .comments .comment-body .comment-content figure:last-child,
	.manuscripts_show .main-content .comments .comment-body .comment-content figure:last-child,
	.videos_show .main-content .comments .comment-body .comment-content figure:last-child
	{
	margin-bottom: 0
}

.topics_show .main-content .comments .comment-body .comment-content input,
	.manuscripts_show .main-content .comments .comment-body .comment-content input,
	.videos_show .main-content .comments .comment-body .comment-content input
	{
	display: none !important
}

.topics_show .main-content .comments .comment-body .comment-content ul,
	.topics_show .main-content .comments .comment-body .comment-content ol,
	.manuscripts_show .main-content .comments .comment-body .comment-content ul,
	.manuscripts_show .main-content .comments .comment-body .comment-content ol,
	.videos_show .main-content .comments .comment-body .comment-content ul,
	.videos_show .main-content .comments .comment-body .comment-content ol
	{
	margin-left: 1.8em
}

.topics_show .main-content .comments .comment-body .comment-content ul li,
	.topics_show .main-content .comments .comment-body .comment-content ol li,
	.manuscripts_show .main-content .comments .comment-body .comment-content ul li,
	.manuscripts_show .main-content .comments .comment-body .comment-content ol li,
	.videos_show .main-content .comments .comment-body .comment-content ul li,
	.videos_show .main-content .comments .comment-body .comment-content ol li
	{
	padding: 5px 0;
	list-style: disc
}

.topics_show .main-content .comments .comment-body .comment-content ul li p,
	.topics_show .main-content .comments .comment-body .comment-content ol li p,
	.manuscripts_show .main-content .comments .comment-body .comment-content ul li p,
	.manuscripts_show .main-content .comments .comment-body .comment-content ol li p,
	.videos_show .main-content .comments .comment-body .comment-content ul li p,
	.videos_show .main-content .comments .comment-body .comment-content ol li p
	{
	margin: 0
}

.topics_show .main-content .comments .comment-body .comment-content ul li ul,
	.topics_show .main-content .comments .comment-body .comment-content ul li ol,
	.topics_show .main-content .comments .comment-body .comment-content ol li ul,
	.topics_show .main-content .comments .comment-body .comment-content ol li ol,
	.manuscripts_show .main-content .comments .comment-body .comment-content ul li ul,
	.manuscripts_show .main-content .comments .comment-body .comment-content ul li ol,
	.manuscripts_show .main-content .comments .comment-body .comment-content ol li ul,
	.manuscripts_show .main-content .comments .comment-body .comment-content ol li ol,
	.videos_show .main-content .comments .comment-body .comment-content ul li ul,
	.videos_show .main-content .comments .comment-body .comment-content ul li ol,
	.videos_show .main-content .comments .comment-body .comment-content ol li ul,
	.videos_show .main-content .comments .comment-body .comment-content ol li ol
	{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2em
}

.topics_show .main-content .comments .comment-body .comment-content ol li,
	.manuscripts_show .main-content .comments .comment-body .comment-content ol li,
	.videos_show .main-content .comments .comment-body .comment-content ol li
	{
	list-style: decimal
}

.topics_show .main-content .comments .comment-body .comment-content p img,
	.manuscripts_show .main-content .comments .comment-body .comment-content p img,
	.videos_show .main-content .comments .comment-body .comment-content p img
	{
	max-width: 100%;
	height: auto;
	margin: 0 auto
}

.topics_show .main-content .comments .comment-body .operate,
	.manuscripts_show .main-content .comments .comment-body .operate,
	.videos_show .main-content .comments .comment-body .operate {
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin: 5px 0;
	padding-bottom: 0;
	border-bottom: none
}

.topics_show .main-content .comments .comment-body .operate a,
	.manuscripts_show .main-content .comments .comment-body .operate a,
	.videos_show .main-content .comments .comment-body .operate a {
	font-size: 0.8125em
}

.topics_show .main-content .comments .comment-body .operate .rate,
	.manuscripts_show .main-content .comments .comment-body .operate .rate,
	.videos_show .main-content .comments .comment-body .operate .rate {
	padding: 3px 0
}

.topics_show .main-content .comments .comment-body .operate .rate a,
	.manuscripts_show .main-content .comments .comment-body .operate .rate a,
	.videos_show .main-content .comments .comment-body .operate .rate a {
	border: none;
	background: none
}

.topics_show .main-content .comments .comment-body .operate .rate a:first-child,
	.manuscripts_show .main-content .comments .comment-body .operate .rate a:first-child,
	.videos_show .main-content .comments .comment-body .operate .rate a:first-child
	{
	padding-left: 0
}

.topics_show .main-content .comments .comment-body .operate .rate a.dot,
	.manuscripts_show .main-content .comments .comment-body .operate .rate a.dot,
	.videos_show .main-content .comments .comment-body .operate .rate a.dot
	{
	padding: 0;
	margin-right: 10px
}

.topics_show .main-content .comments .comment-body .operate .rate a.dot:before,
	.manuscripts_show .main-content .comments .comment-body .operate .rate a.dot:before,
	.videos_show .main-content .comments .comment-body .operate .rate a.dot:before
	{
	content: "·";
	display: inline-block;
	margin-right: 10px
}

.topics_show .main-content .comments .comment-body .operate .rate a.dot span,
	.manuscripts_show .main-content .comments .comment-body .operate .rate a.dot span,
	.videos_show .main-content .comments .comment-body .operate .rate a.dot span
	{
	margin-left: 0
}

.topics_show .main-content .comments .comment-body .operate .rate a.active i,
	.manuscripts_show .main-content .comments .comment-body .operate .rate a.active i,
	.videos_show .main-content .comments .comment-body .operate .rate a.active i
	{
	color: #00bff3
}

.topics_show .main-content .comments .comment-body .operate .rate a:hover,
	.manuscripts_show .main-content .comments .comment-body .operate .rate a:hover,
	.videos_show .main-content .comments .comment-body .operate .rate a:hover
	{
	color: #3e9ac0
}

.topics_show .main-content .comments .comment-body .operate .rate a:hover i,
	.manuscripts_show .main-content .comments .comment-body .operate .rate a:hover i,
	.videos_show .main-content .comments .comment-body .operate .rate a:hover i
	{
	color: #3e9ac0
}

.topics_show .main-content .comments .comment-body .operate .rate a i,
	.manuscripts_show .main-content .comments .comment-body .operate .rate a i,
	.videos_show .main-content .comments .comment-body .operate .rate a i {
	color: #cccccc
}

.topics_show .main-content .comments .reply-box, .manuscripts_show .main-content .comments .reply-box,
	.videos_show .main-content .comments .reply-box {
	display: none
}

.topics_show .main-content .comments .main-reply, .manuscripts_show .main-content .comments .main-reply,
	.videos_show .main-content .comments .main-reply {
	clear: both;
	display: block;
	margin-top: 10px
}

.topics_show .main-content .comments .main-reply>p, .manuscripts_show .main-content .comments .main-reply>p,
	.videos_show .main-content .comments .main-reply>p {
	text-align: center;
	font-size: 1.25em;
	border: 1px solid #eeeeee;
	padding: 15px 5px;
	background: #f4f4f4;
	border-radius: 4px
}

.topics_show .main-content .comments .main-reply>p a, .manuscripts_show .main-content .comments .main-reply>p a,
	.videos_show .main-content .comments .main-reply>p a {
	margin: 0 3px;
	color: #1abc9c
}

.topics_show .main-content .comments .gp_editor_toolbar,
	.manuscripts_show .main-content .comments .gp_editor_toolbar,
	.videos_show .main-content .comments .gp_editor_toolbar {
	background: #fafafa;
	box-shadow: 0 1px 0 #cacaca, 1px 1px 0 white inset;
	overflow: visible;
	z-index: 1000000;
	margin-bottom: 1px;
	width: 99.7% !important
}

.topics_show .comment-body .operate, .manuscripts_show .comment-body .operate,
	.videos_show .comment-body .operate {
	margin-bottom: 10px;
	overflow: visible
}

.topics_show .comment-body .operate a, .manuscripts_show .comment-body .operate a,
	.videos_show .comment-body .operate a {
	color: #666666;
	padding: 0px 15px;
	border-right: 1px solid #dddddd;
	display: inline-block;
	font-size: 0.875em;
	border-bottom: none
}

.topics_show .comment-body .operate a:first-child, .manuscripts_show .comment-body .operate a:first-child,
	.videos_show .comment-body .operate a:first-child {
	padding-left: 0
}

.topics_show .comment-body .operate a:last-child, .manuscripts_show .comment-body .operate a:last-child,
	.videos_show .comment-body .operate a:last-child {
	border-right: none
}

.topics_show .comment-body .operate a:hover, .manuscripts_show .comment-body .operate a:hover,
	.videos_show .comment-body .operate a:hover {
	color: #3e9ac0
}

.topics_show .comment-body .operate a i, .manuscripts_show .comment-body .operate a i,
	.videos_show .comment-body .operate a i {
	font-size: 0.9em;
	display: inline-block
}

.topics_show .comment-body .operate a span, .manuscripts_show .comment-body .operate a span,
	.videos_show .comment-body .operate a span {
	margin-left: 5px
}

.topics_show .comment-body .operate .rate, .manuscripts_show .comment-body .operate .rate,
	.videos_show .comment-body .operate .rate {
	float: left;
	padding: 4px 0
}

.topics_show .comment-body .operate .rate i, .manuscripts_show .comment-body .operate .rate i,
	.videos_show .comment-body .operate .rate i {
	line-height: 20px
}

.topics_show .comment-body .operate .rate span, .manuscripts_show .comment-body .operate .rate span,
	.videos_show .comment-body .operate .rate span {
	line-height: 20px
}

.topics_show .comment-body .operate .rate a.active, .manuscripts_show .comment-body .operate .rate a.active,
	.videos_show .comment-body .operate .rate a.active {
	color: #00bff3
}

.topics_show .comment-body .operate .rate a.active i, .manuscripts_show .comment-body .operate .rate a.active i,
	.videos_show .comment-body .operate .rate a.active i {
	animation: active 0.4s;
	-webkit-animation: active 0.4s
}

.topics_show .main-content .rate, .manuscripts_show .main-content .rate,
	.videos_show .main-content .rate {
	float: left
}

.topics_show #qrcode, .manuscripts_show #qrcode, .videos_show #qrcode {
	font-size: 13px;
	text-align: center;
	display: none
}

.topics_show #qrcode img, .manuscripts_show #qrcode img, .videos_show #qrcode img
	{
	width: 300px;
	height: 300px;
	display: block;
	margin: 10px auto 20px auto
}

.topics_show .reply-box, .topics_show .comment-body, .manuscripts_show .reply-box,
	.manuscripts_show .comment-body, .videos_show .reply-box, .videos_show .comment-body
	{
	overflow: auto;
	padding-bottom: 5px
}

.topics_show .reply-box a, .topics_show .comment-body a,
	.manuscripts_show .reply-box a, .manuscripts_show .comment-body a,
	.videos_show .reply-box a, .videos_show .comment-body a {
	border-bottom: none
}

.topics_show .reply-box .avatar, .topics_show .comment-body .avatar,
	.manuscripts_show .reply-box .avatar, .manuscripts_show .comment-body .avatar,
	.videos_show .reply-box .avatar, .videos_show .comment-body .avatar {
	float: left
}

.topics_show .reply-box form, .topics_show .comment-body form,
	.manuscripts_show .reply-box form, .manuscripts_show .comment-body form,
	.videos_show .reply-box form, .videos_show .comment-body form {
	float: left;
	width: 88%;
	margin-left: 2.5%
}

.topics_show .reply-box form textarea, .topics_show .comment-body form textarea,
	.manuscripts_show .reply-box form textarea, .manuscripts_show .comment-body form textarea,
	.videos_show .reply-box form textarea, .videos_show .comment-body form textarea
	{
	height: 100px;
	overflow: auto;
	border: 1px solid #e2e2e2 !important;
	padding: 9.5px;
	opacity: 1 !important;
	visibility: visible
}

.topics_show .reply-box .gp_editor_toolbar, .topics_show .comment-body .gp_editor_toolbar,
	.manuscripts_show .reply-box .gp_editor_toolbar, .manuscripts_show .comment-body .gp_editor_toolbar,
	.videos_show .reply-box .gp_editor_toolbar, .videos_show .comment-body .gp_editor_toolbar
	{
	width: 100%;
	border-radius: 4px 4px 0 0;
	border-bottom: none;
	box-shadow: none
}

.topics_show .reply-box .gp_editor, .topics_show .comment-body .gp_editor,
	.manuscripts_show .reply-box .gp_editor, .manuscripts_show .comment-body .gp_editor,
	.videos_show .reply-box .gp_editor, .videos_show .comment-body .gp_editor
	{
	width: 91%
}

.topics_show .reply-box .comment_submit, .topics_show .comment-body .comment_submit,
	.manuscripts_show .reply-box .comment_submit, .manuscripts_show .comment-body .comment_submit,
	.videos_show .reply-box .comment_submit, .videos_show .comment-body .comment_submit
	{
	float: right
}

.topics_show .reply-box iframe, .topics_show .comment-body iframe,
	.manuscripts_show .reply-box iframe, .manuscripts_show .comment-body iframe,
	.videos_show .reply-box iframe, .videos_show .comment-body iframe {
	display: block !important;
	margin-bottom: 10px !important;
	width: 99.7% !important
}

.topics_show .comment-body form, .manuscripts_show .comment-body form,
	.videos_show .comment-body form {
	width: 99%;
	margin-left: 0;
	position: relative;
	top: 0
}

.topics_show .comment-body form .clone_content, .manuscripts_show .comment-body form .clone_content,
	.videos_show .comment-body form .clone_content {
	display: none
}

.topics_show .comment-body form a.cancle, .manuscripts_show .comment-body form a.cancle,
	.videos_show .comment-body form a.cancle {
	float: right;
	margin: 16px 20px 0 0;
	color: #666666
}

.topics_show .comment-body form .comment_update, .manuscripts_show .comment-body form .comment_update,
	.videos_show .comment-body form .comment_update {
	float: right
}

.topics_show .sidebar, .manuscripts_show .sidebar, .videos_show .sidebar
	{
	width: 25.076923%;
	min-width: 265px;
	float: right;
	box-sizing: border-box
}

.topics_show .sidebar .need-help, .manuscripts_show .sidebar .need-help,
	.videos_show .sidebar .need-help {
	margin: 20px 0 160px 0
}

.topics_show .sidebar .need-help strong, .manuscripts_show .sidebar .need-help strong,
	.videos_show .sidebar .need-help strong {
	font-size: 1.5em;
	color: #666666
}

.topics_show .sidebar .need-help strong a, .manuscripts_show .sidebar .need-help strong a,
	.videos_show .sidebar .need-help strong a {
	color: #00bff3
}

.topics_show .sidebar .need-help p, .manuscripts_show .sidebar .need-help p,
	.videos_show .sidebar .need-help p {
	color: #666666;
	font-size: 0.875em;
	line-height: 1.6em;
	margin: 15px 0
}

.topics_show .sidebar .related-topics, .manuscripts_show .sidebar .related-topics,
	.videos_show .sidebar .related-topics {
	overflow: auto
}

.topics_show .sidebar .related-topics h3, .manuscripts_show .sidebar .related-topics h3,
	.videos_show .sidebar .related-topics h3 {
	color: #333333;
	font-size: 1.25em;
	line-height: 1.8em
}

.topics_show .sidebar .related-topics h3 i, .manuscripts_show .sidebar .related-topics h3 i,
	.videos_show .sidebar .related-topics h3 i {
	margin-right: 10px
}

.topics_show .sidebar .related-topics ul, .manuscripts_show .sidebar .related-topics ul,
	.videos_show .sidebar .related-topics ul {
	padding-left: 7%;
	margin-top: 8px
}

.topics_show .sidebar .related-topics ul li, .manuscripts_show .sidebar .related-topics ul li,
	.videos_show .sidebar .related-topics ul li {
	padding: 4px 0;
	list-style: disc
}

.topics_show .sidebar .related-topics ul li a, .manuscripts_show .sidebar .related-topics ul li a,
	.videos_show .sidebar .related-topics ul li a {
	font-size: 0.875em;
	color: #333333;
	line-height: 1.4em
}

.topics_show .sidebar .related-topics ul li a:hover, .manuscripts_show .sidebar .related-topics ul li a:hover,
	.videos_show .sidebar .related-topics ul li a:hover {
	color: #3e9ac0
}

.topics_show .sidebar .related-topics ul li a img, .manuscripts_show .sidebar .related-topics ul li a img,
	.videos_show .sidebar .related-topics ul li a img {
	float: left;
	width: 67px;
	height: 67px
}

.topics_show .sidebar .related-topics ul li a span, .manuscripts_show .sidebar .related-topics ul li a span,
	.videos_show .sidebar .related-topics ul li a span {
	cursor: pointer
}

.topics_show .sidebar .showbox, .manuscripts_show .sidebar .showbox,
	.videos_show .sidebar .showbox {
	display: block;
	width: 100%;
	overflow: auto
}

.topics_show .sidebar .showbox#s1, .manuscripts_show .sidebar .showbox#s1,
	.videos_show .sidebar .showbox#s1 {
	margin-bottom: 50px
}

.topics_show .sidebar .showbox#s2, .manuscripts_show .sidebar .showbox#s2,
	.videos_show .sidebar .showbox#s2 {
	margin-top: 50px
}

.topics_show .sidebar .showbox img, .manuscripts_show .sidebar .showbox img,
	.videos_show .sidebar .showbox img {
	width: 100%
}

.topics_show .sidebar .info_content li, .manuscripts_show .sidebar .info_content li,
	.videos_show .sidebar .info_content li {
	font-size: 14px
}

.topics_show .sidebar .info_content li a, .manuscripts_show .sidebar .info_content li a,
	.videos_show .sidebar .info_content li a {
	font-size: 1em !important
}

.topics_show .avatar img, .manuscripts_show .avatar img, .videos_show .avatar img
	{
	width: 40px;
	height: 40px;
	border-radius: 4px
}

.topics_show .gpcard .topic-info, .manuscripts_show .gpcard .topic-info,
	.videos_show .gpcard .topic-info {
	position: relative;
	top: -10px
}

.topics_show .gpcard .author span, .manuscripts_show .gpcard .author span,
	.videos_show .gpcard .author span {
	top: 4px !important
}

.topics_show .gp_popup .fancybox-outer, .manuscripts_show .gp_popup .fancybox-outer,
	.videos_show .gp_popup .fancybox-outer {
	overflow: hidden !important
}

.topics_show .gp_popup .fancybox-outer .fancybox-inner, .topics_show .gp_popup .fancybox-outer iframe,
	.manuscripts_show .gp_popup .fancybox-outer .fancybox-inner,
	.manuscripts_show .gp_popup .fancybox-outer iframe, .videos_show .gp_popup .fancybox-outer .fancybox-inner,
	.videos_show .gp_popup .fancybox-outer iframe {
	overflow: hidden !important
}

.topics_show>.breaking-news, .manuscripts_show>.breaking-news,
	.videos_show>.breaking-news {
	display: none
}

@media screen and (max-width: 960px) {
	.topics_show .main-content, .manuscripts_show .main-content,
		.videos_show .main-content {
		width: 64%
	}
}

@media screen and (max-width: 880px) {
	.topics_show>.breaking-news, .manuscripts_show>.breaking-news,
		.videos_show>.breaking-news {
		display: block
	}
	.topics_show .container, .manuscripts_show .container, .videos_show .container
		{
		width: 89%
	}
	.topics_show .main-content, .manuscripts_show .main-content,
		.videos_show .main-content {
		width: 100%;
		float: none
	}
	.topics_show .sidebar, .manuscripts_show .sidebar, .videos_show .sidebar
		{
		float: none;
		margin: 0 auto;
		width: 100%
	}
	.topics_show .sidebar .need-help, .manuscripts_show .sidebar .need-help,
		.videos_show .sidebar .need-help {
		margin-bottom: 20px
	}
	.topics_show .sidebar .related-topics ul, .manuscripts_show .sidebar .related-topics ul,
		.videos_show .sidebar .related-topics ul {
		padding-left: 4%
	}
	.topics_show .sidebar .related-topics ul li, .manuscripts_show .sidebar .related-topics ul li,
		.videos_show .sidebar .related-topics ul li {
		width: 44%;
		float: left;
		margin-right: 5%
	}
	.topics_show .sidebar .showbox, .manuscripts_show .sidebar .showbox,
		.videos_show .sidebar .showbox {
		display: none;
		width: 50%;
		margin: 20px auto 40px auto !important
	}
	.topics_show .reuse .masonry-area, .manuscripts_show .reuse .masonry-area,
		.videos_show .reuse .masonry-area {
		left: 0.2%
	}
}

@media screen and (max-width: 640px) {
	.topics_show .container, .manuscripts_show .container, .videos_show .container
		{
		padding: 25px 5%;
		width: 98%;
		box-sizing: border-box
	}
	.topics_show .sidebar .related-topics ul li, .manuscripts_show .sidebar .related-topics ul li,
		.videos_show .sidebar .related-topics ul li {
		width: 40%;
		margin-right: 8%
	}
	.topics_show .sidebar .related-topics ul li a span, .manuscripts_show .sidebar .related-topics ul li a span,
		.videos_show .sidebar .related-topics ul li a span {
		width: 50%
	}
	.topics_show .reply-box form, .manuscripts_show .reply-box form,
		.videos_show .reply-box form {
		width: 83%
	}
	.topics_show .reply-box form .gp_editor_toolbar, .manuscripts_show .reply-box form .gp_editor_toolbar,
		.videos_show .reply-box form .gp_editor_toolbar {
		display: none
	}
	.topics_show .main-content .comments .comment-body, .manuscripts_show .main-content .comments .comment-body,
		.videos_show .main-content .comments .comment-body {
		width: 80%;
		margin-left: 4%
	}
}

@media screen and (max-width: 500px) {
	.topics_show .sidebar .related-topics ul, .manuscripts_show .sidebar .related-topics ul,
		.videos_show .sidebar .related-topics ul {
		padding-left: 5%
	}
	.topics_show .sidebar .related-topics ul li, .manuscripts_show .sidebar .related-topics ul li,
		.videos_show .sidebar .related-topics ul li {
		width: 100%
	}
}

@media screen and (max-width: 500px) {
	.topics_show h1.topic-title, .manuscripts_show h1.topic-title,
		.videos_show h1.topic-title {
		font-size: 1.3em
	}
	.topics_show .gp_content h2, .manuscripts_show .gp_content h2,
		.videos_show .gp_content h2 {
		font-size: 1.1em
	}
}

@media screen and (max-width: 640px) {
	.relate-bloc {
		display: block !important
	}
}

.topics_new, .topics_edit {
	margin: 0
}

.topics_new #gp_topbar, .topics_edit #gp_topbar {
	display: none
}

.topics_new #header, .topics_edit #header {
	height: 50px;
	padding: 0 0 0 20px
}

.topics_new #content, .topics_edit #content {
	width: 990px;
	margin: 70px auto 0 auto
}

.topics_new #article, .topics_edit #article {
	width: 80%
}

.topics_new .input_title, .topics_new .input_editor, .topics_new .input_tags,
	.topics_edit .input_title, .topics_edit .input_editor, .topics_edit .input_tags
	{
	display: block;
	border: none;
	outline: none
}

.topics_new #input_title, .topics_edit #input_title {
	font-size: 30px;
	width: 100%;
	padding: 0 0 30px 0;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	resize: none
}

.topics_new #limit_msg, .topics_edit #limit_msg {
	display: block;
	visibility: hidden;
	opacity: 0;
	margin: -30px 0 20px 0;
	font-size: 14px;
	color: #e06e50;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s
}

.topics_new .input_title, .topics_new .input_tags, .topics_edit .input_title,
	.topics_edit .input_tags {
	width: 100%
}

.topics_new #gp_editor_toolbar_input_editor, .topics_edit #gp_editor_toolbar_input_editor
	{
	position: absolute;
	top: auto;
	overflow: hidden
}

.topics_new #input_editor, .topics_edit #input_editor {
	outline: none;
	width: 100%;
	height: 300px;
	min-height: 300px;
	margin: 70px 0 0 0;
	background: transparent;
	overflow: hidden
}

.topics_new .wysihtml5-sandbox, .topics_edit .wysihtml5-sandbox {
	overflow: hidden
}

.topics_new .tags_container, .topics_edit .tags_container {
	margin: 30px 0 0 0;
	font-size: 0
}

.topics_new .input_tags, .topics_edit .input_tags {
	height: 22px;
	display: inline-block;
	padding: 6px 0;
	position: relative;
	left: 10px;
	font-size: 16px
}

.topics_new .input_tags:disabled, .topics_edit .input_tags:disabled {
	background: white
}

.topics_new .tag, .topics_edit .tag {
	color: #666666;
	display: inline-block;
	zoom: 1;
	cursor: pointer;
	padding: 6px 10px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-animation: zoom-beat 0.3s;
	-webkit-animation: zoom-beat 0.3s;
	-o-animation: zoom-beat 0.3s;
	-ms-animation: zoom-beat 0.3s;
	animation: zoom-beat 0.3s;
	font-size: 16px
}

.topics_new .tag:hover, .topics_edit .tag:hover {
	text-decoration: line-through
}

.topics_new .tag:before, .topics_edit .tag:before {
	content: "#";
	margin: 0 2px 0 0;
	font-size: 16px
}

.topics_new .tags_suggestions, .topics_edit .tags_suggestions {
	position: absolute;
	display: none;
	min-width: 100px;
	border: 1px solid #9d9d9d;
	background: white;
	border-radius: 0 0 2px 2px;
	z-index: 1;
	font-size: 14px
}

.topics_new .tags_suggestions li, .topics_edit .tags_suggestions li {
	padding: 8px 10px;
	cursor: pointer
}

.topics_new .tags_suggestions li.on, .topics_edit .tags_suggestions li.on
	{
	background: #eeeeee
}

.topics_new .remove_tag, .topics_edit .remove_tag {
	float: right;
	margin: 0 0 0 10px;
	cursor: pointer;
	color: #cccccc;
	position: relative;
	top: 2px
}

.topics_new .remove_tag:active, .topics_edit .remove_tag:active {
	position: relative;
	top: 1px;
	left: 1px
}

.topics_new .wants, .topics_edit .wants {
	margin: 20px 0 20px 0px;
	font-size: 14px
}

.topics_new .wants>a, .topics_edit .wants>a {
	text-decoration: none;
	color: #999999
}

.topics_new .delete, .topics_edit .delete {
	margin: 0 0 0 30px;
	color: #999999;
	text-decoration: none
}

.topics_new .save_status, .topics_edit .save_status {
	margin: 0 0 0 10px;
	color: #999999;
	display: none
}

.topics_new .save_status .save_status_msg, .topics_edit .save_status .save_status_msg
	{
	margin: 0 0 0 10px
}

.topics_new #submit, .topics_edit #submit {
	margin: 30px 0 130px 0;
	padding: 5px 20px
}

@media only screen and (max-width: 640px) {
	.topics_new #content {
		width: 90%;
		padding: 0 5%
	}
}

.refresh-btn {
	float: right;
	padding: 10px 10px 0 0;
	color: #666666
}

.refresh-btn.active {
	color: #3e9ac0
}

.refresh-btn span {
	margin-left: 5px
}

.headline.dying {
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-ms-filter: blur(1px);
	-o-filter: blur(1px);
	filter: blur(1px)
}

@media screen and (max-width: 800px) {
	.refresh-btn {
		display: none
	}
}

.manuscripts_new, .manuscripts_edit {
	margin: 0
}

.manuscripts_new #gp_topbar, .manuscripts_edit #gp_topbar {
	display: none
}

.manuscripts_new #header, .manuscripts_edit #header {
	height: 50px;
	padding: 0 0 0 20px
}

.manuscripts_new #content, .manuscripts_edit #content {
	width: 990px;
	margin: 70px auto 0 auto
}

.manuscripts_new #article, .manuscripts_edit #article {
	width: 80%
}

.manuscripts_new .input_title, .manuscripts_new .input_editor,
	.manuscripts_new .input_tags, .manuscripts_edit .input_title,
	.manuscripts_edit .input_editor, .manuscripts_edit .input_tags {
	display: block;
	border: none;
	outline: none
}

.manuscripts_new #input_title, .manuscripts_edit #input_title {
	font-size: 30px;
	width: 100%;
	padding: 0 0 30px 0;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	resize: none
}

.manuscripts_new #limit_msg, .manuscripts_edit #limit_msg {
	display: block;
	visibility: hidden;
	opacity: 0;
	margin: -30px 0 20px 0;
	font-size: 14px;
	color: #e06e50;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s
}

.manuscripts_new .input_title, .manuscripts_new .input_tags,
	.manuscripts_edit .input_title, .manuscripts_edit .input_tags {
	width: 100%
}

.manuscripts_new #gp_editor_toolbar_input_editor, .manuscripts_edit #gp_editor_toolbar_input_editor
	{
	position: absolute;
	top: auto;
	overflow: hidden
}

.manuscripts_new #input_editor, .manuscripts_edit #input_editor {
	outline: none;
	width: 100%;
	height: 300px;
	min-height: 300px;
	margin: 70px 0 0 0;
	background: transparent;
	overflow: hidden
}

.manuscripts_new .wysihtml5-sandbox, .manuscripts_edit .wysihtml5-sandbox
	{
	overflow: hidden
}

.manuscripts_new .tags_container, .manuscripts_edit .tags_container {
	margin: 30px 0 0 0;
	font-size: 0
}

.manuscripts_new .input_tags, .manuscripts_edit .input_tags {
	height: 22px;
	display: inline-block;
	padding: 6px 0;
	position: relative;
	left: 10px;
	font-size: 16px
}

.manuscripts_new .input_tags:disabled, .manuscripts_edit .input_tags:disabled
	{
	background: white
}

.manuscripts_new .tag, .manuscripts_edit .tag {
	color: #666666;
	display: inline-block;
	zoom: 1;
	cursor: pointer;
	padding: 6px 10px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-animation: zoom-beat 0.3s;
	-webkit-animation: zoom-beat 0.3s;
	-o-animation: zoom-beat 0.3s;
	-ms-animation: zoom-beat 0.3s;
	animation: zoom-beat 0.3s;
	font-size: 16px
}

.manuscripts_new .tag:hover, .manuscripts_edit .tag:hover {
	text-decoration: line-through
}

.manuscripts_new .tag:before, .manuscripts_edit .tag:before {
	content: "#";
	margin: 0 2px 0 0;
	font-size: 16px
}

.manuscripts_new .tags_suggestions, .manuscripts_edit .tags_suggestions
	{
	position: absolute;
	display: none;
	min-width: 100px;
	border: 1px solid #9d9d9d;
	background: white;
	border-radius: 0 0 2px 2px;
	z-index: 1;
	font-size: 14px
}

.manuscripts_new .tags_suggestions li, .manuscripts_edit .tags_suggestions li
	{
	padding: 8px 10px;
	cursor: pointer
}

.manuscripts_new .tags_suggestions li.on, .manuscripts_edit .tags_suggestions li.on
	{
	background: #eeeeee
}

.manuscripts_new .remove_tag, .manuscripts_edit .remove_tag {
	float: right;
	margin: 0 0 0 10px;
	cursor: pointer;
	color: #cccccc;
	position: relative;
	top: 2px
}

.manuscripts_new .remove_tag:active, .manuscripts_edit .remove_tag:active
	{
	position: relative;
	top: 1px;
	left: 1px
}

.manuscripts_new .wants, .manuscripts_edit .wants {
	margin: 20px 0 20px 0px;
	font-size: 14px
}

.manuscripts_new .wants>a, .manuscripts_edit .wants>a {
	text-decoration: none;
	color: #999999
}

.manuscripts_new .delete, .manuscripts_edit .delete {
	margin: 0 0 0 30px;
	color: #999999;
	text-decoration: none
}

.manuscripts_new .save_status, .manuscripts_edit .save_status {
	margin: 0 0 0 10px;
	color: #999999;
	display: none
}

.manuscripts_new .save_status .save_status_msg, .manuscripts_edit .save_status .save_status_msg
	{
	margin: 0 0 0 10px
}

.manuscripts_new #submit, .manuscripts_edit #submit {
	margin: 30px 0 130px 0;
	padding: 5px 20px
}

@media only screen and (max-width: 640px) {
	.topics_new #content {
		width: 90%;
		padding: 0 5%
	}
}

.home_index .video-container {
	overflow: visible;
	overflow-x: hidden
}

.home_index .video-container .video-area {
	width: 100%
}

.home_index .video-container .video-coll {
	padding-bottom: 29%;
	height: 0
}

.videos {
	background: #e8e8e8
}

.video-feature {
	width: 100%;
	overflow: hidden;
	margin-top: 44px;
	position: relative;
	padding-top: 22%
}

.video-feature a {
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: 0
}

.video-feature a.cur {
	z-index: 1
}

.video-feature a div {
	width: 100%
}

.video-feature a img {
	width: 100%
}

.video-feature a span {
	position: absolute;
	left: 20%;
	bottom: 15%;
	z-index: 9;
	font-size: 1.3em;
	color: white;
	background: rgba(0, 0, 0, 0.2);
	padding: 5px 20px
}

.video-feature .arr {
	display: block;
	font-size: 3em;
	color: rgba(255, 255, 255, 0.5);
	position: absolute;
	cursor: pointer;
	top: 36%;
	z-index: 3;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.video-feature .arr.next {
	right: 15%
}

.video-feature .arr.prev {
	left: 15%
}

.video-feature .arr:hover {
	color: white
}

.video-feature ul {
	text-align: center;
	position: relative;
	bottom: 20px;
	z-index: 4
}

.video-feature ul li {
	display: inline-block;
	width: 7px;
	height: 7px;
	background-color: #2ea9cd;
	border-radius: 10px;
	margin: 0 4px;
	border: 2px solid #2ea9cd
}

.video-feature ul li.on {
	background: white;
	border-color: transparent;
	width: 8px;
	height: 8px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box
}

.video-plac {
	overflow: visible;
	position: relative;
	padding-top: 0
}

.video-plac .tag-link {
	float: left;
	margin-bottom: 0
}

.video-plac span.arr {
	position: absolute;
	width: 27px;
	height: 37px;
	top: 41%;
	margin-top: -30px;
	color: #acacac;
	text-align: center;
	line-height: 37px;
	font-size: 4em;
	z-index: 8
}

.video-plac span.arr:active {
	color: black
}

.video-plac span.arr:hover i {
	opacity: 1
}

.video-plac span.arr.next {
	right: -25px
}

.video-plac span.arr.prev {
	left: -25px;
	display: none
}

.video-plac span.arr i {
	opacity: 0.4;
	cursor: pointer;
	padding: 10px;
	margin: -10px 0 0 -10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.video-plac .loading {
	position: absolute;
	top: 29%;
	left: 46%;
	background: black;
	color: white;
	width: 100px;
	height: 100px;
	font-size: 36px;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 0 10px black;
	border: 2px solid #383838;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.video-plac .loading.show {
	opacity: 0.7;
	visibility: visible
}

.video-plac .loading.show i {
	animation: rotate 2.5s infinite linear;
	-webkit-animation: rotate 2.5s infinite linear
}

.video-plac .loading i {
	margin-top: 20px
}

.video-plac .loading span {
	font-size: 14px;
	display: block
}

.edit-pla .loading.show {
	z-index: 9999
}

.video-coll {
	width: 99%;
	clear: both;
	overflow: hidden;
	padding: 15px 0;
	position: relative;
	margin-left: 1.2%
}

.video-coll h2 {
	font-size: 22px;
	font-weight: bold;
	margin: 35px 0;
	border-left: 13px solid #7fc042;
	line-height: 23px;
	padding: 2px 0 0 10px;
	clear: both
}

.video-coll ul {
	overflow: auto
}

.video-coll ul li {
	position: relative;
	height: 0;
	width: 22.819047619%;
	padding-bottom: 12.380952381%;
	margin-right: 1.9841269841%;
	margin-bottom: 1.9841269841%;
	float: left
}

.video-coll ul li:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05)
}

.video-coll ul li:after {
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 4px;
	bottom: -9px;
	right: 0;
	background: #58d0f3
}

.video-coll ul li .video-info {
	padding: 10px;
	position: absolute;
	bottom: -5px;
	width: 100%;
	box-sizing: border-box;
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), #000);
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), #000);
	background-image: linear-gradient(rgba(0, 0, 0, 0), #000)
}

.video-coll ul li .video-info h3 {
	font-size: 16px;
	color: white;
	font-weight: bold
}

.video-coll ul li .video-info p {
	font-size: 13px;
	color: white
}

.video-coll ul li a {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 0;
	padding-bottom: 56%
}

.video-coll ul li a img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.video-coll ul li.highlight {
	height: 0;
	width: 47.5428571429%;
	padding-bottom: 26.6666666667%
}

.video-coll ul li.highlight:after {
	bottom: -8px;
	width: 30%
}

.video-coll ul li.highlight .video-info {
	padding: 20px 20px;
	margin-bottom: 1px
}

.video-coll ul li.highlight .video-info h3 {
	font-size: 26px;
	font-weight: bold
}

.video-coll ul li.single {
	width: 98.3%;
	height: 0;
	padding-bottom: 29.6825396825%;
	overflow: hidden
}

.video-coll ul li.single .video-info {
	bottom: -1px
}

.video-coll ul li.single:after {
	background-color: #58d0f3;
	bottom: 0;
	width: 20%
}

.videos .video-plac {
	width: 98%
}

.videos .video-coll {
	margin-left: 0
}

.tags .video-coll, .collections .video-coll, .home .video-coll {
	height: 0;
	padding-bottom: 29%
}

.tags .video-coll ul, .collections .video-coll ul, .home .video-coll ul
	{
	position: absolute;
	max-width: 1200px;
	width: 100%;
	left: 1200px;
	top: 0;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.tags .video-coll ul.cur, .collections .video-coll ul.cur, .home .video-coll ul.cur
	{
	left: 0
}

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

100%{
transform
:rotate(360deg)
;-ms-transform
:rotate(360deg)
;-webkit-transform
:rotate(360deg)
}
}
.videos_show .video-box {
	background-color: black
}

.videos_show .video-player-area {
	width: 100%;
	margin: 0 auto;
	height: 400px;
	max-width: 1122px;
	background-size: cover;
	background-position: center;
	position: relative
}

.videos_show .video-player-area:before, .videos_show .video-player-area:after
	{
	content: "";
	position: absolute;
	height: 100%;
	width: 20%;
	left: 0;
	top: 0;
	background-image: -webkit-linear-gradient(left, #000, rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, #000, rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, #000, rgba(0, 0, 0, 0));
	background-image: linear-gradient(left, #000, rgba(0, 0, 0, 0))
}

.videos_show .video-player-area:after {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(right, #000, rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, #000, rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(right, #000, rgba(0, 0, 0, 0));
	background-image: linear-gradient(right, #000, rgba(0, 0, 0, 0))
}

.videos_show .video-player-area h2 {
	font-size: 2em;
	color: white;
	width: 37%;
	position: absolute;
	font-weight: bold;
	text-shadow: 1px 1px 4px black;
	line-height: 1.3em;
	left: 5%;
	bottom: 8%;
	opacity: 1;
	margin-left: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.videos_show .video-player-area h2 span {
	display: block;
	font-size: 16px
}

.videos_show .video-player-area .play {
	position: absolute;
	font-size: 7em;
	color: white;
	left: 50%;
	top: 50%;
	margin: -56px 0 0 -48px;
	opacity: 0.6;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.videos_show .video-player-area .play:hover {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 1
}

.videos_show .video-player-area .play:active {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1)
}

.videos_show .video-player-area .play.clicked {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 0
}

.videos_show .video-player-area div {
	width: 100%;
	position: absolute;
	top: 0;
	display: none
}

.videos_show .video-player-area div embed, .videos_show .video-player-area div object
	{
	width: 100% !important
}

.videos_show .playing:before, .videos_show .playing:after {
	display: none
}

.videos_show .playing h2 {
	margin-left: -5%;
	opacity: 0
}

.videos_show .gp_editor {
	width: 96.5% !important;
	margin-bottom: 0
}

.videos_show .video-bar {
	background-color: #576370;
	padding: 5px 0;
	box-shadow: 0 -1px 0px #474747 inset
}

.videos_show .video-bar .operate {
	width: 100%;
	margin: 0 auto;
	max-width: 1122px;
	padding-bottom: 0;
	overflow: auto
}

.videos_show .video-bar .operate .rate {
	float: left
}

.videos_show .video-bar .operate .rate a {
	color: #666666;
	font-size: 13px;
	border-radius: 20px;
	padding: 3px 11px;
	color: white;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.videos_show .video-bar .operate .rate a i {
	line-height: 30px;
	margin-right: 0
}

.videos_show .video-bar .operate .rate a span {
	line-height: 20px;
	margin-left: 5px
}

.videos_show .video-bar .operate .rate a:hover {
	color: #3e9ac0
}

.videos_show .video-bar .operate .rate a.active {
	color: white;
	background: #1bd3d3
}

.videos_show .video-bar .operate .rate a.active i {
	animation: active 0.4s;
	-webkit-animation: active 0.4s
}

.videos_show .container {
	background-color: white;
	max-width: 1040px;
	min-width: 320px;
	width: 90%;
	margin: 0 auto 20px auto;
	padding: 25px 40px 70px
}

.videos_show .container h2 {
	font-size: 1.8em;
	width: 66.9231%;
	line-height: 1.2em;
	margin-top: 10px;
	cursor: pointer
}

.videos_show .container h2:hover {
	color: #2daae2
}

.videos_show .container h2 i {
	display: inline-block;
	float: right;
	color: #2daae2
}

.videos_show .container .belongto {
	font-size: 15px;
	font-weight: normal
}

.videos_show .container .belongto span {
	display: inline-block;
	font-size: 15px;
	border-left: 8px solid #7fc042;
	padding-left: 10px;
	line-height: 1.2em;
	margin: 10px 10px 0 0;
	font-weight: bold
}

.videos_show .main-content {
	width: 66.923077%;
	float: left;
	box-sizing: border-box;
	margin-top: 20px
}

.videos_show .main-content .video-description {
	display: none;
	font-size: 14px;
	margin: 0px 0px 15px;
	padding-left: 10px
}

.videos_show .main-content .guest-list {
	overflow: hidden;
	margin: 30px 0
}

.videos_show .main-content .guest-list li {
	width: 30%;
	margin-right: 3%;
	display: block;
	float: left;
	margin-top: 15px;
	overflow: hidden
}

.videos_show .main-content .guest-list li img {
	display: inline-block;
	vertical-align: top;
	width: 45px;
	height: auto;
	margin-right: 15px;
	position: absolute
}

.videos_show .main-content .guest-list li div.guest-info {
	margin-left: 60px
}

.videos_show .main-content .guest-list li div.guest-info p {
	display: inline-block;
	width: 100%;
	color: black
}

.videos_show .main-content .guest-list li div.guest-info p span {
	display: block;
	color: #444444;
	font-size: 14px
}

.videos_show .main-content .tags {
	margin-bottom: 20px
}

.videos_show .main-content .tags a {
	font-size: 0.875em;
	color: #aaaaaa;
	margin-right: 1em;
	border-bottom: none
}

.videos_show .main-content .tags a:before {
	content: "\# "
}

.videos_show .main-content .tags a:hover {
	color: black
}

.videos_show .sidebar {
	width: 25.076923%;
	min-width: 265px;
	float: right;
	box-sizing: border-box
}

.videos_show .sidebar .related-videos {
	margin-top: 18px
}

.videos_show .sidebar .related-videos h3 {
	font-size: 1.125em;
	line-height: 1.8em
}

.videos_show .sidebar .related-videos h3 i {
	margin-right: 10px
}

.videos_show .sidebar .related-videos ul {
	overflow: auto;
	padding-top: 10px
}

.videos_show .sidebar .related-videos ul li {
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 55%;
	margin-bottom: 25px;
	float: left
}

.videos_show .sidebar .related-videos ul li:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05)
}

.videos_show .sidebar .related-videos ul li:after {
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 4px;
	bottom: -9px;
	right: 0;
	background: #58d0f3
}

.videos_show .sidebar .related-videos ul li .video-info {
	padding: 10px;
	position: absolute;
	bottom: -5px;
	width: 100%;
	box-sizing: border-box;
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), #000);
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), #000);
	background-image: linear-gradient(rgba(0, 0, 0, 0), #000)
}

.videos_show .sidebar .related-videos ul li .video-info h3 {
	font-size: 14px;
	color: white
}

.videos_show .sidebar .related-videos ul li .video-info p {
	font-size: 13px;
	color: white
}

.videos_show .sidebar .related-videos ul li a {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 0;
	padding-bottom: 56%
}

.videos_show .sidebar .related-videos ul li a img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

@media screen and (max-width: 800px) {
	.videos_show .video-box h2 {
		width: 90%
	}
	.videos_show .container .expand-more {
		width: 100%
	}
	.videos_show .main-content {
		width: 100%
	}
	.videos_show .main-content .guest-list li {
		width: 100%
	}
}

@media only screen and (max-width: 800px) {
	.video-feature {
		padding-top: 0;
		overflow: auto;
		white-space: nowrap;
		height: 273px;
		padding-bottom: 0
	}
	.video-feature a {
		width: 100%;
		height: 100%;
		position: relative;
		display: inline-block;
		max-height: 273px;
		height: 273px;
		overflow: hidden
	}
	.video-feature a div {
		position: absolute;
		top: 0;
		width: 1200px;
		left: 50%;
		margin-left: -600px
	}
	.video-feature a img {
		height: 273px;
		width: auto
	}
	.video-feature .arr, .video-feature ul {
		display: none
	}
	.video-coll ul {
		position: relative;
		display: none
	}
	.video-coll ul:last-child {
		display: block !important
	}
	.video-coll ul li {
		width: 31.2958333333%;
		padding-bottom: 17.3694444444%
	}
	.video-coll ul li.highlight {
		width: 64.1333333333%;
		padding-bottom: 35.7666666667%
	}
	.video-coll ul li.single {
		width: 98%
	}
	.video-area .arr {
		display: none
	}
	.tags .video-coll, .collections .video-coll, .home .video-coll {
		min-height: 0;
		padding-top: 0;
		height: auto;
		padding-bottom: 30px
	}
	.tags .video-coll ul, .collections .video-coll ul, .home .video-coll ul
		{
		position: relative
	}
	.home_index .video-container .video-coll {
		min-height: 0;
		padding-top: 0;
		height: auto;
		padding-bottom: 30px
	}
	.home_index .video-container .video-coll ul {
		position: relative
	}
}

@media only screen and (max-width: 480px) {
	.video-area .tag-link {
		float: none
	}
	.video-coll {
		min-height: auto;
		margin-left: 0
	}
	.video-coll ul li {
		width: 47.9708333333%;
		padding-bottom: 26.6242063492%;
		margin-bottom: 20px
	}
	.video-coll ul li.highlight {
		width: 98%;
		padding-bottom: 55%
	}
	.video-area {
		padding-top: 0;
		left: 0.9%
	}
	.home_index .video-container .video-collect {
		padding-bottom: 30px;
		height: auto
	}
	.home_index .video-container .video-area {
		padding-top: 0;
		left: 0
	}
}

@media only screen and (max-width: 450px) {
	.video-feature a>span {
		left: 0;
		width: 100%;
		bottom: 0
	}
	.video-collect ul li, .video-collect ul li.highlight {
		width: 100%;
		padding-bottom: 55.5%
	}
	.video-collect ul li.highlight .video-info h3 {
		font-size: 16px
	}
	.video-area {
		left: 0
	}
	.white h2 {
		padding: 20px 0
	}
}

.bgvid-white {
	position: relative
}

.bgvid-white .video-area {
	left: 0.7%;
	margin: 0 auto;
	max-width: 1160px;
	overflow: visible;
	padding: 0px;
	position: relative;
	padding: 20px 0px 30px
}

.bgvid-white .video-area .video-collect {
	position: relative
}

.bgvid-white .video-area .video-collect .cur {
	height: auto;
	overflow: auto;
	position: relative;
	top: 0;
	width: 100%
}

.bgvid-white .video-area .video-collect .cur li {
	float: left;
	margin-left: 1.98413%;
	width: 21.8%;
	margin-bottom: 2.48413%;
	background: none repeat scroll 0 0 #58d0f3;
	display: block
}

.bgvid-white .video-area .video-collect .cur li a {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: block
}

.bgvid-white .video-area .video-collect .cur li a img {
	width: 100%;
	transition: all 0.2s ease-in-out 0s
}

.bgvid-white .video-area .video-collect .cur li a .video-info {
	background-image: linear-gradient(rgba(0, 0, 0, 0), #000);
	bottom: -5px;
	box-sizing: border-box;
	padding: 10px;
	position: absolute;
	margin-bottom: 1px;
	padding: 10px;
	width: 100%
}

.bgvid-white .video-area .video-collect .cur li a .video-info h3 {
	font-size: 16px;
	color: white
}

.bgvid-white .video-area .video-collect .cur li a .video-info p {
	color: white;
	font-size: 13px
}

.bgvid-white .video-area .video-collect .cur li:hover img {
	transform: scale(1.05)
}

.bgvid-white .video-area .video-collect .cur .highlight {
	bottom: -9px;
	width: 50%;
	overflow: visible;
	margin-left: 1%
}

.bgvid-white .video-area .video-collect .cur .highlight h3 {
	font-size: 16px;
	font-weight: bold
}

.bgvid-white .video-area .arr {
	font-size: 4em;
	height: 37px;
	line-height: 37px;
	position: absolute;
	top: 41%;
	width: 27px;
	cursor: pointer
}

.bgvid-white .video-area .arr i {
	opacity: 0.4;
	color: #acacac
}

.bgvid-white .video-area .arr:hover i {
	opacity: 1
}

.bgvid-white .video-area .next {
	right: -25px
}

.bgvid-white .video-area .prev {
	left: -25px;
	display: none
}

.bgvid-white .video-area .loading {
	left: 46%;
	position: absolute;
	text-align: center;
	top: 29%;
	visibility: hidden;
	width: 100px
}

.activities .container {
	margin: 44px 0 0
}

.activities .main {
	color: white;
	text-align: center;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.activities .main.small {
	width: 50%;
	float: left;
	overflow: hidden
}

.activities .main.small .main_description, .activities .main.small .vertical_bar
	{
	display: none
}

.activities .main.small .data, .activities .main.small .location {
	display: block
}

.activities .main.small .location {
	margin: 10px 0 0 0
}

.activities .main.small .main_cover {
	width: 150%;
	margin: 0 0 0 -25%
}

.activities .main_cover {
	width: 100%
}

.activities .main_cover img {
	display: block;
	max-width: 100%
}

.activities .main_cover button {
	display: block;
	margin: -45px auto 0 auto;
	width: 166px;
	height: 48px;
	position: relative;
	top: -15px;
	z-index: 5;
	cursor: pointer;
	border: none;
	outline: none;
	border-radius: 4px;
	background: rgba(35, 24, 22, 0.8);
	color: white;
	cursor: pointer;
	font-size: 18px
}

.activities {
	position: relative;
}
.main_bar {
	padding: 15px 0;
	position: relative;
	background: #50c088;
	color:white;
}

.activities .main_meta {
	text-align: center
}

.activities .main_meta .date>.fa, .activities .main_meta .location>.fa {
	margin: 0 6px 0 0
}

.activities .main_meta .vertical_bar {
	margin: 0 10px
}

@media only screen and (max-width: 640px) {
	.activities .main.small {
		width: 100%
	}
	.activities .main_bar {
		font-size: 12px;
		padding: 20px 0
	}
	.activities .main_cover {
		width: 150%;
		margin: 0 0 0 -25%
	}
	.activities .main_cover button {
		width: 100px;
		height: 40px;
		font-size: 14px;
		top: 0
	}
	.activities .main_cover a {
		top: -10px;
		height: 36px;
		margin: -36px auto 0 auto
	}
}

.activities_index .container {
	margin: 44px 0 0
}

.activities_index .main_description {
	padding: 10px 30px 0;
	font-size: 14px
}

.activities_index .archive>.title {
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	padding: 40px 0;
	color: #444444
}

.activities_index .archive>.title:after {
	content: "History";
	margin: 0 0 0 20px;
	font-size: 22px
}

.activities_index .archive>.title .fa {
	margin: 0 20px 0
}

@media only screen and (max-width: 640px) {
	.activities_index .archive>.title {
		font-size: 20px
	}
}

.activities_index .old_activities {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 0
}

.activities_index .old_activities .activity {
	text-align: center;
	float: none
}

.activities_index .old_activities .activity:hover {
	box-shadow: 0 4px 10px #bbbbbb
}

.activities_index .old_activities .load_more {
	display: block;
	margin: 0 auto 40px;
	background: #f7f7f7;
	border: 1px solid #c6c6c6;
	border-radius: 1px;
	padding: 10px 20px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer
}

.activities_index .old_activities .load_more.disabled {
	color: #aaaaaa
}

.activities_index .activity {
	display: inline-block;
	width: 340px;
	margin: 0 20px 40px;
	overflow: hidden;
	box-shadow: 0 0 4px #666666
}

.activities_index .activity .activity_link {
	display: block;
	color: black
}

.activities_index .activity img {
	max-width: 100%;
	width: 340px;
	height: 210px;
	display: block
}

.activities_index .activity .no {
	float: right;
	text-align: right;
	margin: -30px 0 0;
	position: relative;
	z-index: 1px;
	height: 30px;
	line-height: 30px;
	padding: 0 4px;
	color: white
}

.activities_index .activity .no .bg {
	width: 0;
	height: 0;
	border-top: 120px solid transparent;
	border-bottom: 120px solid transparent;
	border-left: 200px solid transparent;
	border-right: 200px solid rgba(0, 0, 0, 0.6);
	margin: -60px -4px 0 0
}

.activities_index .activity .bar {
	background: #e9eaea;
	position: relative;
	z-index: 1;
	padding: 16px 0
}

.activities_index .activity .bar .title {
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0 30px;
	text-overflow: ellipsis;
	display: block;
	white-space: nowrap;
	overflow: hidden
}

.activities_index .topics {
	max-width: 100%;
	background: #e8e8e8;
	padding: 0 0 10px 0
}

.activities_index .topics>.title {
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	padding: 40px 0;
	background: #394042;
	color: white
}

.activities_index .topics>.title:after {
	content: "News";
	margin: 0 0 0 20px;
	font-size: 22px
}

.activities_index .topics>.title .fa {
	margin: 0 20px 0
}

@media only screen and (max-width: 640px) {
	.activities_index .topics>.title {
		font-size: 20px
	}
}

.activities_index .topics .more_link_container {
	max-width: 100%;
	width: 1100px;
	height: 130px;
	margin: -130px auto 0 auto
}

.activities_index .topics .more_link_container .border {
	width: 0;
	height: 0;
	border: 16px solid transparent;
	margin: auto
}

.activities_index .topics .more_link_container .border.border_top {
	border-top: 16px solid white
}

.activities_index .topics .more_link_container .border.border_bottom {
	margin: 98px auto 0 auto;
	border-top: 16px solid #394042
}

.activities_index .topics .more {
	line-height: 130px;
	color: white;
	float: right;
	margin: 10px 10px 0 0;
	font-size: 14px
}

.activities_index .topics .topic_container {
	max-width: 1160px;
	width: 100%;
	margin: 40px auto
}

.activities_index .topics .topic_container .topic {
	text-align: left;
	display: inline-block;
	width: 340px;
	margin: 20px 20px;
	overflow: hidden;
	box-shadow: 0 0 4px #999999;
	padding: 30px 0
}

.activities_index .topics .topic_container .topic .title,
	.activities_index .topics .topic_container .topic .meta {
	padding: 0 30px;
	display: block;
	color: black
}

.activities_index .topics .topic_container .topic .title {
	font-size: 20px
}

.activities_index .topics .topic_container .topic .meta {
	padding: 10px 30px
}

.activities_index .topics .topic_container .topic .content {
	padding: 10px 30px 20px
}

.activities_index .topics .topic_container .topic .avatar,
	.activities_index .topics .topic_container .topic .author,
	.activities_index .topics .topic_container .topic .date,
	.activities_index .topics .topic_container .topic .dot {
	display: inline-block;
	vertical-align: middle
}

.activities_index .topics .topic_container .topic .avatar>a,
	.activities_index .topics .topic_container .topic .author>a,
	.activities_index .topics .topic_container .topic .date>a,
	.activities_index .topics .topic_container .topic .dot>a {
	color: #888888
}

.activities_index .topics .topic_container .topic .avatar {
	border-radius: 3px;
	height: 30px;
	width: 30px;
	margin: 0 10px 0 0
}

.activities_index .topics .topic_container .topic .dot:before {
	content: "·";
	margin: 0 10px
}

.activities_index .topics .topic_container .topic .operate {
	margin: 20px 0 0;
	padding: 10px 20px 0 30px
}

.activities_index .topics .topic_container .topic .operate>a {
	color: #666666
}

.activities_index .topics .topic_container .topic .operate>a>span {
	margin: 0 0 0 5px
}

.activities_index .topics .topic_container .topic .rate_down {
	padding: 0 15px;
	border: 1px solid #dddddd;
	border-top: none;
	border-bottom: none;
	margin: 0 15px
}

.activities_index .topics .topic_container .topic .operate>.replybox {
	background: #dddddd;
	color: white;
	float: right;
	height: 22px;
	width: 60px;
	text-align: center;
	font-size: 13px;
	line-height: 22px;
	border-radius: 4px
}

@media only screen and (max-width: 800px) {
	.activities_index .old_activities {
		max-width: 100%
	}
	.activities_index .old_activities .activity {
		max-width: 340px;
		width: 90%;
		display: block;
		margin: 0 auto 20px auto;
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: -ms-calc(100% - 40px);
		width: calc(100% - 40px)
	}
	.activities_index .topics {
		max-width: 100%
	}
	.activities_index .topics .topic_container {
		margin: 20pfx auto;
		max-width: 100%
	}
	.activities_index .topics .topic_container .topic {
		width: 90%;
		width: -webkit-calc(100% - 60px);
		width: -moz-calc(100% - 60px);
		width: -o-calc(100% - 60px);
		width: -ms-calc(100% - 60px);
		width: calc(100% - 60px)
	}
	.activities_index .topics .topic_container .topic .cover {
		max-width: 100%
	}
}

@media only screen and (max-width: 600px) {
	.activities_index .topics {
		max-width: 100%
	}
	.activities_index .topics .topic_container {
		margin: 20px auto;
		max-width: 60%;
		min-width: 320px
	}
	.activities_index .topics .topic_container .topic {
		width: 90%;
		width: -webkit-calc(100% - 60px);
		width: -moz-calc(100% - 60px);
		width: -o-calc(100% - 60px);
		width: -ms-calc(100% - 60px);
		width: calc(100% - 60px)
	}
	.activities_infdex .topics .topic_container .topic .cover {
		max-width: 100%
	}
}

.activities_show #gp_topbar {
	position: static;
	width: 0 !important;
	height: 0 !important
}

.activities_show #gp_topbar #show-nav, .activities_show #gp_topbar #nav,
	.activities_show #gp_topbar #title, .activities_show #gp_topbar .search,
	.activities_show #gp_topbar .new {
	display: none !important
}

.activities_show #gp_topbar .topbar_items {
	width: auto
}

.activities_show #gp_topbar #status {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 12
}

.activities_show .activity_nav_container {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10;
	background: #f9f9f9;
}

.activities_show #show_activity_nav {
	display: none
}

.activities_show .activity_nav {
	margin: auto;
	width:80%
}

.activities_show .activity_logo_title {
	margin: 0 0 0 0
}

.activities_show .logo {
	margin: 0 30px 0 0
}

.activities_show .main_cover img {
	min-width: 100%
}

.activities_show .item {
	float: left;
	color: white;
	text-align: center;
	line-height: 44px;
	font-size: 14px;
	padding: 0px 15px 0px 15px;
}

.activities_show .item.on {
	border-bottom: 4px solid #2ea9cd;
	margin: -4px 0 0 0;
}

.activities_show .item.on a {
	color: #aaaaaa;
	position: relative;
	top: 4px
}

.activities_show .item a {
	display: block;
	height: 44px;
	color: #aaaaaa
}

.activities_show .share {
	position: fixed;
	right: 0;
	box-shadow: 0 0 6px #333333;
	z-index: 10;
	color: white;
	top: 50%;
	margin: -60px 0 0 0;
	background-color: #2ea9cd
}

.activities_show .share a {
	color: white;
	display: block;
	font-size: 20px;
	padding: 10px
}

.activities_show .share a .share2weixin {
	position: fixed;
	right: 48px;
	top: -9999px;
	box-shadow: 0 0 8px #333333;
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s
}

.activities_show .share a:hover>.share2weixin {
	opacity: 1;
	top: 50%;
	margin: -60px 0 0 0
}

.activities_show .main {
	width: 100%;
	overflow: hidden
}

.activities_show .main_meta {
	font-size: 24px;
	margin: 0
}

.activities_show .main_meta .date>.fa, .activities_show .main_meta .location>.fa
	{
	margin: 0 10px 0 0
}

.activities_show .main_meta .vertical_bar {
	margin: 0 20px
}

.activities_show .description {
	text-align: center
}

.activities_show .description .desc_title {
	font-size: 24px;
	font-weight: normal;
	margin: 0 auto 0 auto;
	padding: 40px 0 20px 0
}

.activities_show .description .desc_content {
	text-align: left;
	width: 800px;
	max-width: 90%;
	margin: 0 auto 40px auto;
	white-space: normal;
	font-size: 14px;
	color: #222222
}

.activities_show .description .desc_content p {
	margin: 10px 0 0 0
}

.activities_show .pics {
	background: #efefef;
	padding: 0 0 30px 0
}

.activities_show .pics>.title {
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	padding: 40px 0;
	background: #394042;
	color: white
}

.activities_show .pics>.title:after {
	content: "Picture";
	margin: 0 0 0 20px;
	font-size: 20px
}

@media only screen and (max-width: 640px) {
	.activities_show .pics>.title:after {
		font-size: 14px
	}
}

.activities_show .pics>.title .fa {
	margin: 0 20px 0
}

@media only screen and (max-width: 640px) {
	.activities_show .pics>.title {
		font-size: 16px
	}
}

.activities_show .pics #blueimp-gallery-carousel {
	width: 900px;
	height: 400px;
	max-width: 100%;
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: #efefef;
	box-shadow: none
}

.activities_show .pics #blueimp-gallery-carousel .slide-content {
	box-shadow: 0 0 10px #aaaaaa inset
}

.activities_show .pics #links {
	width: 800px;
	max-width: 100%;
	margin: 30px auto;
	line-height: 0;
	text-align: center;
	word-wrap: normal;
	white-space: normal
}

.activities_show .pics #links .pic {
	text-align: center;
	width: 100px;
	height: 100px;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: -ms-zoom-in;
	cursor: -o-zoom-in;
	cursor: zoom-in;
	-webkit-transition: box-shadow 0.4s;
	-moz-transition: box-shadow 0.4s;
	-ms-transition: box-shadow 0.4s;
	-o-transition: box-shadow 0.4s;
	transition: box-shadow 0.4s
}

.activities_show .pics #links .pic:hover {
	box-shadow: 0 0 14px black;
	position: relative;
	z-index: 2
}

.activities_show .pics #links .pic>img {
	width: 200px;
	height: auto;
	margin: 0 0 0 -50px
}

.activities_show .calendar>.title {
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	padding: 40px 0;
	background: #394042;
	color: white
}

.activities_show .calendar>.title:after {
	content: "Agenda";
	margin: 0 0 0 20px;
	font-size: 20px
}

@media only screen and (max-width: 640px) {
	.activities_show .calendar>.title:after {
		font-size: 14px
	}
}

.activities_show .calendar>.title .fa {
	margin: 0 20px 0
}

@media only screen and (max-width: 640px) {
	.activities_show .calendar>.title {
		font-size: 16px
	}
}

.activities_show .calendar .add2calendar {
	font-size: 14px;
	color: white;
	position: absolute;
	z-index: 3;
	float: right;
	margin: -66px 0 0px 300px;
	left: 50%
}

.activities_show .calendar .add2calendar .fa {
	margin: 0 4px 0 0
}

.activities_show .calendar .add2calendar a {
	color: white
}

.activities_show .schedule {
	width: 800px;
	max-width: 100%;
	margin: 40px auto;
	text-align: center
}

.activities_show .schedule h4 {
	font-size: 18px
}

.activities_show .schedule h4 .fa {
	margin: 0 8px 0 0
}

.activities_show .schedule h4 .info {
	padding: 0 0 20px 40px
}

.activities_show .schedule h4 .time {
	padding: 0 0 20px 0
}

.activities_show .schedule .time, .activities_show .schedule .info {
	float: left;
	padding: 15px 0;
	text-align: left
}

.activities_show .schedule .time {
	width: 50%;
	text-align: right;
	position: relative;
	right: 66px
}

.activities_show .schedule .time:after {
	content: " ";
	width: 10px;
	height: 10px;
	border-radius: 99px;
	background: #0095e7;
	display: block;
	float: right;
	border: 6px solid #7dcdf9;
	position: relative;
	left: -3px;
	float: left;
	margin: -28px 0 0 100%
}

.activities_show .schedule .time .time_inner {
	position: relative;
	left: -20px
}

.activities_show .schedule .info {
	border-left: 2px solid #d5d3d4;
	margin: 0 0 0 -59px;
	padding: 15px 0 15px 20px;
	width: 50%
}

.activities_show .schedule .info .title {
	font-size: 18px
}

.activities_show .schedule .info .guests {
	padding: 20px 0
}

.activities_show .schedule .info .guests>.avatar, .activities_show .schedule .info .guests>.guest_info
	{
	float: left;
	position: relative
}

.activities_show .schedule .info .guests>.avatar {
	top: 2px;
	border-radius: 4px;
	width: 40px;
	height: 40px
}

.activities_show .schedule .info .guests>.avatar>a>img {
	border-radius: 4px;
	width: 40px;
	height: 40px
}

.activities_show .schedule .info .guests>.guest_info {
	left: 10px;
	width: 70%;
	font-size: 14px
}

.activities_show .schedule .info .guests>.guest_info>a {
	color: #0095e7
}

.activities_show .schedule .section>h4 {
	background: #0095e7;
	padding: 4px 15px;
	border-radius: 4px;
	color: white;
	position: relative;
	right: 58px;
	display: inline-block;
	font-size: 14px;
	font-weight: normal
}

.activities_show .schedule>.dot {
	content: " ";
	width: 10px;
	height: 10px;
	border-radius: 99px;
	background: #0095e7;
	display: block;
	border: 6px solid #7dcdf9;
	position: relative;
	left: -69px;
	margin: 0 0 0 50%
}

.activities_show .status {
	background: #0095e7;
	height: 600px;
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
	display: table
}

.activities_show .status .bg {
	position: absolute;
	width: 100%;
	line-height: 0;
	height: 600px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.9)
}

.activities_show .status .bg .avatar_container {
	width: 120%
}

.activities_show .status .bg .avatar {
	width: 100px;
	height: 100px
}

.activities_show .status .bg .img_cover {
	background: rgba(0, 0, 0, 0.5);
	height: 100px;
	position: absolute;
	width: 100px;
	display: inline-block;
	margin: 0 0 0 -100px
}

.activities_show .status .data {
	position: relative;
	z-index: 1;
	width: 720px;
	max-width: 100%;
	margin: 120px auto 0 auto
}

.activities_show .status .data .login {
	background: #0289d4
}

.activities_show .status .data .register {
	background: #77b240
}

.activities_show .status .data .link {
	display: block;
	text-align: center;
	float: left;
	color: white;
	width: 300px;
	max-width: 100%;
	height: 300px;
	margin: 0 30px;
	box-shadow: 0 0 4px #666666
}

.activities_show .status .data .link .fa {
	font-size: 60px;
	margin: 90px 0 0 0
}

.activities_show .status .data .link .title {
	margin: 40px 0 0 0
}

.activities_show .status .data .current_user_avatar {
	width: 100px;
	height: 100px
}

.activities_show .status .info {
	padding: 30px 0 0 0
}

.activities_show .status .info, .activities_show .status .ps {
	width: 100%;
	margin: auto;
	position: relative;
	text-align: center;
	color: white;
	text-shadow: 0 0 3px #333333;
	white-space: normal;
	font-size: 14px
}

.activities_show .status .info a, .activities_show .status .ps a {
	color: white;
	text-decoration: underline;
	text-shadow: 0 0 4px #111111;
	margin: 0 2px
}

.activities_show .status .ps.larger a {
	font-size: 116%;
	color: #65a732
}

.activities_show .status .number {
	margin: 0 4px;
	font-size: 36px
}

.activities_show .status .pending {
	width: 250px;
	background: #0094e7;
	padding: 50px 0
}

.activities_show .status .pending .inner {
	text-align: center;
	border-radius: 4px
}

.activities_show .status .pending .inner img {
	border: 4px solid #c1e2f4;
	border-radius: 4px
}

.activities_show .status .pending .text {
	text-align: center;
	background: white;
	width: 110px;
	margin: 20px auto 0 auto;
	text-align: center;
	color: #0095e7;
	border-radius: 2px;
	font-size: 16px;
	padding: 4px 10px
}

.activities_show .status .end {
	margin: 240px auto 0 auto
}

.activities_show .status .end .text {
	text-align: center;
	background: #0095e7;
	width: 110px;
	margin: 20px auto 0 auto;
	text-align: center;
	color: white;
	font-size: 18px;
	padding: 10px;
	border-radius: 2px
}

.activities_show .status .form_container {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 1
}

.activities_show .status .hidden_lable {
	visibility: hidden
}

.activities_show .status .form {
	background: #0095e7;
	color: white;
	margin: auto;
	padding: 30px 50px;
	width: 350px;
	box-shadow: 0 0 10px #888888
}

.activities_show .status .form .fa-times {
	float: right;
	position: relative;
	bottom: 40px;
	left: 40px;
	cursor: pointer
}

.activities_show .status .form>h4 {
	text-align: center;
	font-size: 18px;
	font-weight: bold
}

.activities_show .status .form hr {
	border: none;
	border-top: 1px solid white;
	width: 100%
}

.activities_show .status .form>p {
	margin: 16px 0
}

.activities_show .status .form label {
	display: inline-block;
	width: 70px;
	vertical-align: top;
	font-size: 14px;
	line-height: 25px
}

.activities_show .status .form input, .activities_show .status .form textarea
	{
	padding: 4px 8px;
	border: none;
	outline: none;
	width: 260px;
	box-shadow: 0 0 4px #aaaaaa;
	font-size: 12px
}

.activities_show .status .form #form_info {
	height: 80px
}

.activities_show .status .form .checkbox {
	width: auto;
	vertical-align: middle;
	margin: 0 8px 0 0
}

.activities_show .status .form .more {
	font-size: 14px;
	margin: 0 0 10px 0
}

.activities_show .status .form .more .text {
	cursor: pointer;
	width: auto
}

.activities_show .status .form .ps {
	font-size: 12px;
	padding: 10px 0 0 0
}

.activities_show .status .form .submit {
	background: white;
	box-shadow: 0 0 4px #666666;
	width: 80px;
	margin: 10px 0 0 0;
	font-size: 12px;
	cursor: pointer;
	float: right
}

.activities_show .status .form .submit:active {
	position: relative;
	top: 1px;
	left: 1px
}

.activities_show .special-activity {
	height: 200px;
	padding: 40px 0;
	background: transparent
		url(http://gpk-new.qiniudn.com/speciallineart.png) no-repeat center
		bottom
}

.activities_show .special-activity .bg {
	display: none
}

.activities_show .special-activity .end {
	margin-top: 0
}

.activities_show .special-activity .end .text {
	margin: auto;
	padding: 0;
	background: transparent
}

.activities_show .special-activity .end .text a {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	padding: 10px;
	color: white;
	font-size: 16px;
	font-family: "Lodgecode", "Helvetica Neue", helvetica, sans-serif;
	text-transform: uppercase;
	background-color: #4dd5b0;
	border-radius: 4px
}

.activities_show .pos .title {
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	padding: 40px 0;
	background: #394042;
	color: white
}

.activities_show .pos .title:after {
	content: "Location";
	margin: 0 0 0 20px;
	font-size: 20px
}

@media only screen and (max-width: 640px) {
	.activities_show .pos .title:after {
		font-size: 14px
	}
}

.activities_show .pos .title .fa {
	margin: 0 20px 0
}

@media only screen and (max-width: 640px) {
	.activities_show .pos .title {
		font-size: 16px
	}
}

.activities_show .pos .iframe, .activities_show .pos #dituContent {
	width: 100%;
	height: 550px;
	border: none;
	outline: none
}

.activities_show .pos .info {
	position: absolute;
	margin: 50px 0 0;
	left: 5%
}

.activities_show .pos .card {
	box-shadow: 0 0 10px #888888;
	width: 400px;
	padding: 25px;
	background: white;
	position: relative;
	z-index: 1
}

.activities_show .pos .card img {
	width: 450px;
	height: auto
}

.activities_show .pos .card .fa {
	width: 20px;
	vertical-align: top;
	position: relative;
	top: 4px;
	right: 8px;
	color: #1292da
}

.activities_show .pos .card span {
	display: inline-block;
	width: 375px
}

.activities_show .pos .card1 {
	padding: 0 0 0 0;
	width: 450px
}

.activities_show .pos .card1 div {
	padding: 0 0 25px 25px;
	position: relative;
	top: 10px
}

.activities_show .pos .card1 .right {
	float: right;
	padding: 0 25px 25px 0;
	margin: -50px 0 0 0
}

.activities_show .pos .card2 {
	padding: 15px 25px;
	font-size: 14px
}

.activities_show .pos .card2 p {
	margin: 10px 0 0 0
}

.activities_show .pos .iframe {
	overflow: hidden
}

.activities_show .partner {
	background: white
}

.activities_show .partner>.title {
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	padding: 40px 0;
	background: #394042;
	color: white
}

.activities_show .partner>.title:after {
	content: "Partner";
	margin: 0 0 0 20px;
	font-size: 20px
}

@media only screen and (max-width: 640px) {
	.activities_show .partner>.title:after {
		font-size: 14px
	}
}

.activities_show .partner>.title .fa {
	margin: 0 20px 0
}

@media only screen and (max-width: 640px) {
	.activities_show .partner>.title {
		font-size: 16px
	}
}

.activities_show .partner .container {
	margin: auto;
	padding: 40px 0
}

.activities_show .partner .container .title {
	text-align: center;
	margin: 20px 0 10px 0;
	font-weight: bold
}

.activities_show .partner .container .partners {
	text-align: center;
	white-space: normal
}

.activities_show .partner .container .partners a {
	margin: 0 25px;
	display: inline-block
}

.activities_show .partner .container img {
	margin: 8px 0;
	vertical-align: middle
}

.activities_show .comments {
	margin: 20px auto 70px;
	clear: both
}

.activities_show .comments>.title {
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	padding: 40px 0;
	background: #394042;
	color: white;
	background: white;
	color: black
}

.activities_show .comments>.title:after {
	content: "Comment";
	margin: 0 0 0 20px;
	font-size: 20px
}

@media only screen and (max-width: 640px) {
	.activities_show .comments>.title:after {
		font-size: 14px
	}
}

.activities_show .comments>.title .fa {
	margin: 0 20px 0
}

@media only screen and (max-width: 640px) {
	.activities_show .comments>.title {
		font-size: 16px
	}
}

.activities_show .comments .comments_container {
	width: 800px;
	max-width: 90%;
	margin: 0 auto
}

.activities_show .comments .comment_nav {
	width: 150px;
	padding: 0 10px;
	margin: -36px auto 20px auto;
	background: white
}

.activities_show .comments .comment_nav .fa-comment {
	color: #c1c1c1;
	margin: 0 4px 0 0
}

.activities_show .comments .comment_nav .left, .activities_show .comments .comment_nav .right
	{
	float: left;
	display: block;
	border-radius: 4px 0 0 4px;
	background: #f1f1f1;
	padding: 4px 10px
}

.activities_show .comments .comment_nav .left {
	padding: 5px 10px
}

.activities_show .comments .comment_nav .right {
	border-radius: 0 4px 4px 0;
	background: #00bff3;
	color: white
}

.activities_show .comments h3 {
	font-size: 20px;
	color: #888888;
	margin-bottom: 19px
}

.activities_show .comments h3 a {
	color: #5aabda;
	margin-left: 10px
}

.activities_show .comments hr {
	color: transparent;
	clear: both;
	border: none;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px
}

.activities_show .comments .avatar img {
	width: 30px;
	height: 30px
}

.activities_show .comments .comment_list form {
	margin: 0 0 0 1%
}

.activities_show .comments .comment-info {
	border-radius: 4px;
	overflow: hidden;
	float: left;
	margin-bottom: 20px;
	background: #f1f1f1
}

.activities_show .comments .comment-info span {
	font-size: 0.875em;
	display: inline-block;
	padding: 7px 15px;
	float: left
}

.activities_show .comments .comment-info span i {
	color: #c1c1c1;
	margin-right: 5px
}

.activities_show .comments .comment-info a {
	background: #00bff3;
	color: white;
	display: inline-block;
	padding: 7px 15px;
	font-size: 0.875em
}

.activities_show .comments .comment-cell {
	overflow: hidden;
	margin: 0;
	position: relative;
	padding-top: 0.625em
}

.activities_show .comments .comment-cell a {
	border-bottom: none
}

.activities_show .comments .comment-cell .comment_replay_link {
	display: none
}

.activities_show .comments .comment-cell:hover .comment-close .fa-plus,
	.activities_show .comments .comment-cell:hover .comment-close .fa-minus
	{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}

.activities_show .comments .comment-cell:hover .operate {
	opacity: 1 !important
}

.activities_show .comments .comment-cell.collapsed {
	display: block;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 8px;
	padding-top: 0
}

.activities_show .comments .comment-cell.collapsed .comment-detail {
	line-height: 40px
}

.activities_show .comments .comment-cell.collapsed .comment-content {
	display: none
}

.activities_show .comments .comment-cell.collapsed .operate {
	display: none
}

.activities_show .comments .comment-cell.collapsed .comment-close {
	top: 10px
}

.activities_show .comments .comment-cell.child-collapsed {
	display: none
}

.activities_show .comments .comment-cell .comment-close {
	position: absolute;
	right: 0;
	color: #cfcfcf;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.activities_show .comments .comment-cell .comment-close .fa-plus {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1
}

.activities_show .comments .comment-cell .comment-close .fa-minus {
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0
}

.activities_show .comments .comment-cell .comment-close:hover {
	color: #333333
}

.activities_show .comments .comment-cell .avatar {
	display: inline-block;
	vertical-align: top
}

.activities_show .comments [class^="depth-"], .activities_show .comments [class*=" depth-"]
	{
	padding-left: 28%
}

.activities_show .comments .depth-1 {
	padding-left: 0
}

.activities_show .comments .depth-2 {
	padding-left: 7%
}

.activities_show .comments .depth-3 {
	padding-left: 14%
}

.activities_show .comments .depth-4 {
	padding-left: 21%
}

.activities_show .comments .comment-body {
	display: inline-block;
	width: 90%;
	margin-left: 2%
}

.activities_show .comments .comment-body iframe {
	margin-bottom: 0 !important
}

.activities_show .comments .comment-body .comment-detail {
	font-size: 0.8125em;
	color: #666666;
	margin-bottom: 0.625em
}

.activities_show .comments .comment-body .comment-detail a {
	color: #3e9ac0
}

.activities_show .comments .comment-body .comment-detail a:hover {
	color: #2abcf8
}

.activities_show .comments .comment-body .comment-detail span.dot {
	margin: 0 5px
}

.activities_show .comments .comment-body .comment-content.deleted {
	color: #888888;
	padding: 10px;
	padding-left: 0;
	font-size: 0.875em
}

.activities_show .comments .comment-body .comment-content p,
	.activities_show .comments .comment-body .comment-content pre,
	.activities_show .comments .comment-body .comment-content form,
	.activities_show .comments .comment-body .comment-content hr,
	.activities_show .comments .comment-body .comment-content table,
	.activities_show .comments .comment-body .comment-content blockquote,
	.activities_show .comments .comment-body .comment-content figure {
	margin: 1em 0
}

.activities_show .comments .comment-body .comment-content strong {
	font-weight: bold
}

.activities_show .comments .comment-body .comment-content strong em {
	font-style: italic
}

.activities_show .comments .comment-body .comment-content em {
	font-style: italic
}

.activities_show .comments .comment-body .comment-content em strong {
	font-weight: bold
}

.activities_show .comments .comment-body .comment-content p {
	font-size: 1em;
	line-height: 1.8em
}

.activities_show .comments .comment-body .comment-content p:first-child
	{
	margin-top: 0
}

.activities_show .comments .comment-body .comment-content p:last-child {
	margin-bottom: 0
}

.activities_show .comments .comment-body .comment-content blockquote {
	margin: 1.25em;
	padding: 5px 0 5px 1em;
	position: relative;
	color: #666666;
	font-size: 1em;
	border-left: 4px solid #dddddd;
	line-height: 1.5em
}

.activities_show .comments .comment-body .comment-content a {
	color: #1abc9c;
	text-decoration: none;
	border-bottom: none
}

.activities_show .comments .comment-body .comment-content a:hover {
	text-decoration: underline;
	color: #555555;
	border-bottom: 1px solid #555555
}

.activities_show .comments .comment-body .comment-content img {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in
}

.activities_show .comments .comment-body .comment-content figure {
	margin: 0 0 1em 0
}

.activities_show .comments .comment-body .comment-content figure img {
	max-width: 100%;
	display: block;
	padding: 0;
	margin: 0
}

.activities_show .comments .comment-body .comment-content figure figcaption
	{
	text-align: center;
	color: #333333;
	font-size: 0.875em;
	padding: 1em 0
}

.activities_show .comments .comment-body .comment-content figure iframe
	{
	padding: 0;
	margin: 0;
	display: block;
	max-width: 100%
}

.activities_show .comments .comment-body .comment-content figure:last-child
	{
	margin-bottom: 0
}

.activities_show .comments .comment-body .comment-content input {
	display: none !important
}

.activities_show .comments .comment-body .comment-content ul,
	.activities_show .comments .comment-body .comment-content ol {
	margin-left: 1.8em
}

.activities_show .comments .comment-body .comment-content ul li,
	.activities_show .comments .comment-body .comment-content ol li {
	padding: 5px 0;
	list-style: disc
}

.activities_show .comments .comment-body .comment-content ul li p,
	.activities_show .comments .comment-body .comment-content ol li p {
	margin: 0
}

.activities_show .comments .comment-body .comment-content ul li ul,
	.activities_show .comments .comment-body .comment-content ul li ol,
	.activities_show .comments .comment-body .comment-content ol li ul,
	.activities_show .comments .comment-body .comment-content ol li ol {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2em
}

.activities_show .comments .comment-body .comment-content ol li {
	list-style: decimal
}

.activities_show .comments .comment-body .comment-content p img {
	max-width: 100%;
	height: auto;
	margin: 0 auto
}

.activities_show .comments .comment-body .operate {
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin: 5px 0;
	padding-bottom: 0;
	border-bottom: none
}

.activities_show .comments .comment-body .operate a {
	font-size: 0.8125em
}

.activities_show .comments .comment-body .operate .rate {
	padding: 3px 0
}

.activities_show .comments .comment-body .operate .rate a {
	border: none
}

.activities_show .comments .comment-body .operate .rate a.dot {
	padding: 0;
	margin-right: 10px
}

.activities_show .comments .comment-body .operate .rate a.dot:before {
	content: "·";
	display: inline-block;
	margin-right: 10px
}

.activities_show .comments .comment-body .operate .rate a.dot span {
	margin-left: 0
}

.activities_show .comments .comment-body .operate .rate a.active i {
	color: #00bff3
}

.activities_show .comments .comment-body .operate .rate a:hover {
	color: #3e9ac0
}

.activities_show .comments .comment-body .operate .rate a:hover i {
	color: #3e9ac0
}

.activities_show .comments .comment-body .operate .rate a i {
	color: #cccccc
}

.activities_show .comments .reply-box {
	display: none
}

.activities_show .comments .main-reply {
	clear: both;
	display: block;
	margin-top: 10px
}

.activities_show .comments .main-reply>p {
	text-align: center;
	font-size: 1.25em;
	border: 1px solid #eeeeee;
	padding: 15px 5px;
	background: #f4f4f4;
	border-radius: 4px
}

.activities_show .comments .gp_editor_toolbar {
	background: #fafafa;
	box-shadow: 0 1px 0 #cacaca, 1px 1px 0 white inset;
	overflow: visible;
	z-index: 1000000;
	margin-bottom: 1px
}

.activities_show .operate {
	margin-bottom: 10px;
	overflow: visible
}

.activities_show .operate a {
	color: #666666;
	padding: 0px 15px;
	border-right: 1px solid #dddddd;
	display: inline-block;
	font-size: 0.875em;
	border-bottom: none
}

.activities_show .operate a:first-child {
	padding-left: 0
}

.activities_show .operate a:last-child {
	border-right: none
}

.activities_show .operate a:hover {
	color: #3e9ac0
}

.activities_show .operate a i {
	font-size: 0.9em;
	display: inline-block
}

.activities_show .operate a span {
	margin-left: 5px
}

.activities_show .operate .rate {
	float: left;
	padding: 4px 0
}

.activities_show .operate .rate i {
	line-height: 20px
}

.activities_show .operate .rate span {
	line-height: 20px
}

.activities_show .operate .rate a.active {
	color: #00bff3
}

.activities_show .operate .rate a.active i {
	animation: active 0.4s;
	-webkit-animation: active 0.4s
}

.activities_show .operate .share {
	float: right;
	position: relative;
	overflow: visible
}

.activities_show .operate .share a {
	border: none;
	display: inline-block;
	color: white;
	padding: 0;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 60px;
	font-size: 1em;
	margin: 0 2px
}

.activities_show .operate .share a i {
	margin: 0
}

.activities_show .operate .share a.invite {
	background: #1bd3d3;
	font-size: 1em;
	width: 125px
}

.activities_show .operate .share a.invite span {
	font-size: 0.875em;
	margin-left: 5px
}

.activities_show .operate .share a.invite:hover {
	background: #1fdbdb
}

.activities_show .operate .share a.sina_weibo {
	background: #d52b2a
}

.activities_show .operate .share a.sina_weibo:hover {
	background: #e05454
}

.activities_show .operate .share a.weixin {
	background: #8dc61f
}

.activities_show .operate .share a.weixin:hover {
	background: #a3d642
}

.activities_show .operate .share a.twitter {
	background: #2daae2
}

.activities_show .operate .share a.twitter:hover {
	background: #54c6f9
}

.activities_show .operate .share .popup {
	position: absolute;
	background: #eeeeee;
	padding: 10px;
	display: none;
	border-radius: 4px;
	text-align: center;
	font-size: 13px;
	color: #777777
}

.activities_show .operate .share .popup.on {
	display: block
}

.activities_show .operate .share .popup:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 8px solid #eeeeee;
	border-color: transparent transparent #eeeeee transparent;
	left: 50%;
	top: -16px;
	position: absolute;
	margin-left: -4px
}

.activities_show .operate .share .invite-tip {
	position: absolute;
	width: 204px;
	top: 44px;
	left: -59px;
	background: #fff4bb;
	padding: 10px 16px;
	font-size: 13px;
	background: #f1f1f1
}

.activities_show .operate .share .invite-tip:after {
	color: #fff4bb
}

.activities_show .reply-box, .activities_show .comment-body {
	overflow: auto;
	padding-bottom: 5px
}

.activities_show .reply-box a, .activities_show .comment-body a {
	border-bottom: none;
	color: #1abc9c;
	margin: 0 3px
}

.activities_show .reply-box .avatar, .activities_show .comment-body .avatar
	{
	float: left
}

.activities_show .reply-box form, .activities_show .comment-body form {
	float: left;
	width: 88%;
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -ms-calc(100% - 50px);
	width: calc(100% - 50px)
}

.activities_show .reply-box form textarea, .activities_show .comment-body form textarea
	{
	height: 190px;
	width: 100%;
	overflow: auto;
	border: 1px solid #e2e2e2 !important;
	padding: 9.5px
}

.activities_show .reply-box .gp_editor_toolbar, .activities_show .comment-body .gp_editor_toolbar
	{
	width: 100%;
	border-radius: 4px 4px 0 0;
	border-bottom: none;
	box-shadow: none
}

.activities_show .reply-box .gp_editor, .activities_show .comment-body .gp_editor
	{
	width: 100%
}

.activities_show .reply-box .comment_submit, .activities_show .comment-body .comment_submit
	{
	float: right
}

.activities_show .reply-box .gp_editor_toolbar, .activities_show .comment-body .gp_editor_toolbar
	{
	display: none
}

@media only screen and (max-width: 850px) {
	.activities_show #show_activity_nav {
		display: block;
		color: #5f5f5f;
		padding: 0 10px;
		line-height: 44px;
		margin-left: 6px;
		height: 44px;
		width: 14px;
		float: left;
	}
	.activities_show #show_activity_nav:hover {
		color: #58d0f3
	}
	.activities_show .activity_nav>.items {
		position: fixed;
		z-index: 11;
		top: 44px;
		left: -160px;
		background: black;
		width: 150px;
		height: 100%;
		box-shadow: 0 0 10px black;
		-webkit-transition: left 0.2s;
		-moz-transition: left 0.2s;
		-ms-transition: left 0.2s;
		-o-transition: left 0.2s;
		transition: left 0.2s
	}
	.activities_show .activity_nav>.items>.item {
		display: block;
		float: none;
		width: 100%;
		text-align: left;
		text-indent: 30px
	}
	.activities_show .activity_nav>.items>.item.on {
		border-bottom: none;
		margin: 0;
		background: #222222
	}
	.activities_show .activity_nav>.items>.item.on a {
		top: 0;
		color: #58d0f3
	}
	.activities_show .status .data {
		width: 100%
	}
}

@media only screen and (max-width: 640px) {
	.activities_show .share {
		display: none
	}
	.activities_show .desc_content>p {
		-ms-word-wrap: break-word;
		word-wrap: break-word;
		word-break: normal;
		white-space: normal
	}
	.activities_show .schedule {
		max-width: 90%;
		margin: 0 auto
	}
	.activities_show .schedule h4 {
		padding: 20px 0;
		border-bottom: 1px solid rgba(128, 128, 128, 0.14)
	}
	.activities_show .schedule h4 .time {
		text-align: center
	}
	.activities_show .schedule h4 .info {
		padding: 0
	}
	.activities_show .schedule .section {
		margin: 40px 0
	}
	.activities_show .schedule .section>h4 {
		right: 0
	}
	.activities_show .schedule .part {
		margin: 0 0 30px 0
	}
	.activities_show .schedule .before .part {
		margin-bottom: 40px
	}
	.activities_show .schedule .time, .activities_show .schedule .info {
		float: none;
		width: 100%;
		margin: 0;
		position: static;
		padding: 0;
		text-align: center
	}
	.activities_show .schedule .time:after {
		display: none
	}
	.activities_show .schedule .time .time_inner {
		position: static
	}
	.activities_show .schedule .info {
		border: none;
		margin: 0 auto;
		width: 80%;
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: -ms-calc(100% - 20px);
		width: calc(100% - 20px)
	}
	.activities_show .schedule .info .title {
		margin: 10px auto
	}
	.activities_show .schedule .info .guests {
		width: 150px;
		margin: 10px auto;
		padding: 0
	}
	.activities_show .schedule .info .guests>.avatar {
		float: left;
		margin: 0 10px 0 0
	}
	.activities_show .schedule .info .guests>.guest_info {
		width: auto;
		position: static;
		float: none;
		text-align: left;
		padding-left: 50px
	}
	.activities_show .schedule .dot {
		display: none
	}
	.activities_show .calendar {
		padding: 0 0 20px 0
	}
	.activities_show .status {
		display: block;
		background: #111111;
		height: auto
	}
	.activities_show .status .data, .activities_show .status .pending {
		margin: 20px auto;
		width: auto
	}
	.activities_show .status .data .link, .activities_show .status .pending .link
		{
		display: block;
		margin: 0
	}
	.activities_show .status .form {
		max-width: 100%;
		padding: 20px 0
	}
	.activities_show .status .form .fa-times {
		left: -10px
	}
	.activities_show .status .form p, .activities_show .status .form .more,
		.activities_show .status .form .submit, .activities_show .status .form .ps
		{
		width: 276px;
		margin: 5px auto;
		float: none;
		display: block
	}
	.activities_show .status .form .text {
		display: inline
	}
	.activities_show .status .form label {
		display: block;
		margin: 0 0 4px 0
	}
	.activities_show .status .form .hidden_lable {
		display: none
	}
	.activities_show .calendar .add2calendar {
		display: none
	}
	.activities_show .pos .info {
		left: 0;
		margin: 100px 0 0 0;
		position: static;
		margin: 0
	}
	.activities_show .pos .card1 img {
		width: 100%
	}
	.activities_show .pos .card {
		height: auto;
		width: 80%;
		width: -webkit-calc(100% - 50px);
		width: -moz-calc(100% - 50px);
		width: -o-calc(100% - 50px);
		width: -ms-calc(100% - 50px);
		width: calc(100% - 50px)
	}
	.activities_show .pos .card .fa {
		position: static
	}
	.activities_show .pos .card span {
		width: -webkit-calc(100% - 30px);
		width: -moz-calc(100% - 30px);
		width: -o-calc(100% - 30px);
		width: -ms-calc(100% - 30px);
		width: calc(100% - 30px)
	}
	.activities_show .pos .iframe {
		display: none
	}
	.activities_show .partner .container {
		text-align: center;
		max-width: 100%
	}
	.activities_show .comments .comments_container {
		max-width: 90%
	}
	.activities_show .comments .comment-body {
		width: 85%
	}
	.activities_show .activity_nav_bg {
		background: rgba(0, 0, 0, 0.8);
		position: fixed;
		top: 44px;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		display: none;
		opacity: 0;
		-webkit-transition: opacity 0.2s 0.2s;
		-moz-transition: opacity 0.2s 0.2s;
		-ms-transition: opacity 0.2s 0.2s;
		-o-transition: opacity 0.2s 0.2s;
		transition: opacity 0.2s 0.2s
	}
	.activities_show .activity_nav_container.nav_on .activity_nav_bg {
		display: block;
		opacity: 1
	}
	.activities_show .activity_nav_container.nav_on .activity_nav .items {
		left: 0
	}
	.activities_show .activity_nav_container.nav_on #show_activity_nav {
		color: #58d0f3
	}
	.activities_show .status {
		max-width: 100%
	}
	.activities_show .status .bg {
		display: none
	}
	.activities_show .status .data {
		width: 250px;
		text-align: center
	}
	.activities_show .status .data .link {
		display: inline-block;
		float: none
	}
	.activities_show .status .data .link.register {
		margin: 20px 0 0 0
	}
	.activities_show .status .data .ps {
		padding: 0 30px
	}
	.activities_show .status .info {
		padding-top: 0
	}
	.activities_show .status .ps {
		padding-bottom: 20px
	}
	.activities_show .status .form_container {
		display: block
	}
	.activities_show .pos .card {
		max-width: 400px
	}
	.activities_show .pos .card1, .activities_show .pos .card2 {
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: -ms-calc(100% - 20px);
		width: calc(100% - 20px);
		margin: auto;
		padding: 0
	}
	.activities_show .pos .card1 {
		margin: 15px auto 0 auto
	}
	.activities_show .pos .card2 {
		margin: 15px auto 15px auto
	}
	.activities_show .pos .card2 p {
		padding: 20px
	}
}

.users_show, .users_topics, .users_likes, .home_recent,
	.users_manuscripts, .collections {
	background: #e8e8e8
}

.home_index {
	background: #e8e8e8;
	padding-top: 44px
}

.tags_show, .search_show, .collections {
	background-color: #e8e8e8
}

.tags_show .top-area, .search_show .top-area, .collections .top-area {
	min-height: 233px;
	padding: 0;
	margin-bottom: 50px
}

.tags_show .top-area h1, .search_show .top-area h1, .collections .top-area h1
	{
	line-height: 163px
}

.tags_show .top-area h1 i, .search_show .top-area h1 i, .collections .top-area h1 i
	{
	margin-right: 10px
}

.tags_show .top-area .container, .search_show .top-area .container,
	.collections .top-area .container {
	margin-top: 20px
}

.home_index .split-text {
	text-align: center;
	padding: 50px 0 5px;
	margin-top: 0;
	font-size: 22px
}

.home_index .split-text i {
	margin-right: 5px
}

.reuse {
	overflow: hidden
}

.topics_show .reuse .masonry-area {
	padding: 0 !important
}

.collections .top-area h1 {
	line-height: 36px;
	vertical-align: middle
}

.collections .top-area p {
	font-size: 13px;
	width: 50%;
	line-height: 1.8em;
	margin-top: 10px
}

.collections .top-area .container {
	top: 40px
}

.container {
	overflow: auto
}

.gray {
	background-color: #e8e8e8
}

.white {
	background-color: white;
	position: relative
}

.white h2 {
	text-align: center;
	font-size: 1.375em;
	position: relative;
	padding: 50px 0 20px
}

.white h2 span {
	margin-right: 10px;
	position: relative;
	top: -1px
}

.users_show .container {
	max-width: 1200px;
	margin: 0 auto;
	overflow: auto
}

.frontpage {
	padding-bottom: 35px;
	width: 100%;
	margin: 40px auto 0 auto;
	max-width: 1122px;
	z-index: 5;
	position: relative
}

.frontpage ul {
	float: right
}

.frontpage ul li {
	overflow: auto
}

.frontpage ul li:first-child {
	margin-bottom: 2%
}

.breaknew-padd {
	padding: 0px 0px 40px;
	margin: 0px auto
}

section.white .container {
	overflow-x: hidden
}

.edit-pla {
	overflow: visible;
	margin: 0 auto;
	position: relative;
	max-width: 1160px
}

.edit-pla .video-collect {
	padding-bottom: 21%;
	position: relative;
	overflow: hidden
}

.edit-pla span.arr {
	position: absolute;
	width: 27px;
	height: 37px;
	top: 41%;
	margin-top: -30px;
	color: #acacac;
	text-align: center;
	line-height: 37px;
	font-size: 4em;
	z-index: 8
}

.edit-pla span.arr:active {
	color: black
}

.edit-pla span.arr:hover i {
	opacity: 1
}

.edit-pla span.arr.next {
	right: -25px
}

.edit-pla span.arr.prev {
	left: -25px;
	display: none
}

.edit-pla span.arr i {
	opacity: 0.4;
	cursor: pointer;
	padding: 10px;
	margin: -10px 0 0 -10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.edit-pla .loading {
	position: absolute;
	top: 29%;
	left: 46%;
	background: black;
	color: white;
	width: 100px;
	height: 100px;
	font-size: 36px;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 0 10px black;
	border: 2px solid #383838;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.edit-pla .loading.show {
	opacity: 0.7;
	visibility: visible
}

.edit-pla .loading.show i {
	animation: rotate 2.5s infinite linear;
	-webkit-animation: rotate 2.5s infinite linear
}

.edit-pla .loading i {
	margin-top: 20px
}

.edit-pla .loading span {
	font-size: 14px;
	display: block
}

.edit-pla .load-more {
	background: #dddddd;
	margin: 5px auto 20px auto;
	padding: 5px 0;
	text-align: center;
	border-radius: 4px;
	color: #888888;
	width: 48%;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.edit-pla .load-more:hover {
	background: #bbbbbb;
	color: white
}

.edit-pla .load-more.disabled {
	background: none;
	padding-top: 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
	color: #666666
}

.edit-pla .load-more.disabled:hover {
	color: #666666
}

.edit-pla .tag-link {
	width: 20%;
	min-width: 230px;
	padding: 4px 0
}

.edit-pla .tag-link.t3 {
	width: 32%;
	position: relative;
	left: -0.5%
}

.edit-pla .tag-link.t4 {
	width: 50%
}

.edit-pla .tag-link.t4 a {
	width: 24%
}

.edit-pla .tag-link a {
	background: #f7f7f7
}

.edit-pla .tag-link a.on {
	background: #f1f1f1;
	box-shadow: 1px 1px 4px #cccccc inset;
	border-color: #cccccc;
	color: #4f4f4f
}

.edit-pla .tag-link a.on:hover {
	border-color: #cccccc
}

.edit-pla .pagination {
	display: none
}

.headlist {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
	position: absolute;
	overflow-x: hidden;
	width: 100%;
	padding: 0 0 4% 0;
	text-align: center;
	max-width: 1160px;
	margin: 0 auto;
	left: 1160px
}

.headlist.cur {
	left: 0
}

.headlist li {
	width: 31%;
	display: inline-block;
	margin: 0 0.9%
}

.headline {
	display: block;
	overflow: hidden;
	float: left;
	position: relative;
	background-size: cover;
	background-position: center center;
	z-index: 1;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.headline div {
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	height: 0;
	text-align: center
}

.headline img {
	width: auto;
	height: 100%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}

.headline p {
	font-size: 1.5em;
	background: rgba(25, 105, 163, 0.8);
	color: white;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 81%;
	padding: 1.5% 13% 1.5% 6%
}

.headline p b {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 13%;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	font-size: 1.5em;
	background: #1d2f5e
}

.headline p b i {
	position: absolute;
	top: 40%;
	margin-top: -20%;
	right: 36%;
	line-height: 33px
}

.headline p span {
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 97%;
	display: inline-block;
	position: relative;
	top: 3px;
	font-size: 22px
}

.headline.big {
	width: 49.4630872483%;
	height: 0;
	padding-bottom: 40%
}

.headline.small {
	width: 49.4630872483%;
	height: 0;
	padding-bottom: 19.5%;
	float: right
}

.headline.small:last-child {
	margin-top: 1%
}

.headline.small div {
	padding-bottom: 37.926174%
}

.headline.tiny {
	float: none;
	height: 0;
	padding-top: 46%;
	overflow: visible;
	background-size: 100%;
	background-position: center center;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.headline.tiny:hover {
	background-size: 110%
}

.headline.tiny img {
	width: 100%;
	display: block
}

.headline.tiny p {
	position: relative;
	padding: 2% 13% 2% 6%
}

.headline.tiny p span {
	display: inline-block;
	width: 82%;
	font-size: 18px;
	margin-top: 7px;
	white-space: nowrap
}

.headline.tiny p b {
	width: 18%
}

.headline.tiny p b i {
	font-size: 34px;
	display: block
}

.headline.tiny p.c1 {
	background-color: #561144
}

.headline.tiny p.c1 b {
	background-color: #4d1f44
}

.headline.tiny p.c2 {
	background-color: #321156
}

.headline.tiny p.c2 b {
	background-color: #301e4d
}

.headline.tiny p.c3 {
	background-color: #114d56
}

.headline.tiny p.c3 b {
	background-color: #1f4b4e
}

.top-marketing p {
	display: none
}

.tags_show .top-area {
	margin-bottom: 10px
}

.users_show .top-area, .users_topics .top-area, .users_likes .top-area,
	.users_manuscripts .top-area {
	min-height: 233px;
	margin-bottom: 20px;
	padding: 0;
	overflow: visible
}

.users_show .top-area .container, .users_topics .top-area .container,
	.users_likes .top-area .container, .users_manuscripts .top-area .container
	{
	position: relative;
	top: 25px
}

.users_manuscripts .masonry .gpcard .abstract {
	margin-bottom: 20px
}

.focus {
	width: 98%;
	padding-top: 23.232323%;
	position: relative;
	overflow: hidden;
	margin: 10px auto
}

.focus a {
	position: absolute;
	top: 0;
	left: 1200px;
	width: 100%;
	height: 100%;
	z-index: 1
}

.focus a.cur {
	z-index: 1;
	left: 0
}

.focus a img {
	width: 100%
}

.focus span.arr {
	position: absolute;
	width: 27px;
	height: 37px;
	top: 42%;
	margin-top: -30px;
	color: white;
	text-align: center;
	line-height: 37px;
	font-size: 4em;
	text-shadow: 0 0 3px #666666;
	z-index: 8
}

.focus span.arr:hover i {
	opacity: 1
}

.focus span.arr.next {
	right: 15px
}

.focus span.arr.prev {
	left: 15px
}

.focus span.arr i {
	opacity: 0.4;
	cursor: pointer;
	padding: 10px;
	margin: -10px 0 0 -10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.focus ul {
	text-align: center;
	position: relative;
	bottom: 10px;
	z-index: 1
}

.focus ul li {
	background: #0a0a0a;
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius: 13px;
	border: 1px solid #595959;
	cursor: pointer;
	margin: 0 5px
}

.focus ul li.on {
	background: #d6d6d6;
	border-color: transparent
}

.top-area {
	background: #777777;
	overflow: auto;
	padding: 20px 0;
	margin-top: 44px;
	position: relative;
	overflow: hidden
}

.top-area .bg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	background-position: center;
	background-size: cover !important;
	background-repeat: no-repeat !important
}

.top-area .container {
	margin-top: 0;
	background: transparent;
	text-align: center;
	padding: 0;
	position: relative;
	z-index: 3
}

.top-area .container .avatar {
	width: 130px;
	height: 130px;
	margin: 10px auto;
	overflow: hidden;
	display: block;
	border-radius: 10px;
	box-shadow: 0 0 20px white
}

.top-area .container .avatar img {
	width: 130px;
	height: auto
}

.top-area .container a, .top-area .container p {
	text-align: center;
	margin: 10px auto
}

.top-area .container p.username {
	color: white;
	font-size: 1.875em;
	display: inline-block;
	margin: 5px 0 10px 0;
	text-shadow: #525252 1px 1px 6px
}

.top-area .container p.username a {
	font-size: 14px;
	margin-left: 8px;
	background: #d8d8d8;
	padding: 3px 4px;
	color: #858585;
	border-radius: 4px;
	position: relative;
	top: -3px;
	text-shadow: none
}

.top-area .container p.username a:hover {
	background: #40bee6;
	color: white
}

.top-area .container p.userinfo {
	color: white
}

.top-area .container p.userdescription {
	color: white;
	max-width: 830px;
	font-size: 0.875em;
	width: 69.1666666667%;
	margin: 12px auto
}

.top-area .container h1 {
	font-size: 1.875em;
	color: white;
	margin: 15px 0;
	text-shadow: 1px 1px 5px #888888
}

.top-area .container h1 span {
	font-size: 26px;
	margin-right: 10px
}

.top-area .container .keywords a {
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: white;
	font-size: 1em;
	padding: 5px 10px;
	display: inline-block;
	border-radius: 4px;
	margin: 5px 7px;
	vertical-align: middle;
	height: 22px;
	line-height: 22px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.top-area .container .keywords a:hover {
	background: white;
	color: #555555
}

.top-area .container .gp_button_green {
	background: rgba(255, 255, 255, 0.7);
	color: #3c3c3c;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 4px;
	margin: 20px auto;
	font-size: 1em
}

.sns-link {
	margin: 10px 0;
	padding-top: 5px
}

.sns-link a {
	border: none;
	display: inline-block;
	color: white;
	padding: 0;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 60px;
	font-size: 0.875em;
	margin: 0 2px !important
}

.sns-link a i {
	margin: 0
}

.sns-link a.weibo {
	background: #d52b2a
}

.sns-link a.weibo:hover {
	background: #e05454
}

.sns-link a.weixin {
	background: #8dc61f
}

.sns-link a.weixin:hover {
	background: #a3d642
}

.sns-link a.twitter {
	background: #2daae2
}

.sns-link a.twitter:hover {
	background: #54c6f9
}

.user-info {
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
	overflow: visible;
	text-align: center
}

.user-info a, .user-info p {
	text-align: center;
	margin: 0 auto
}

.user-info p.username {
	color: #333333;
	font-size: 1.875em;
	display: inline-block;
	margin: 5px 0 10px 0
}

.user-info p.username a {
	font-size: 14px;
	margin-left: 8px;
	background: #d8d8d8;
	padding: 3px 4px;
	color: #858585;
	border-radius: 4px;
	position: relative;
	top: -3px
}

.user-info p.username a:hover {
	background: #40bee6;
	color: white
}

.user-info p.userinfo {
	color: #333333
}

.user-info p.userdescription {
	color: #333333;
	max-width: 830px;
	font-size: 0.875em;
	width: 69.1666666667%;
	margin: 12px auto
}

.masonry-area, .video-plac {
	margin: 0 auto;
	overflow: visible;
	padding: 30px 0;
	width: 100%;
	max-width: 1160px;
	position: relative;
	left: 0.7%
}

.masonry-area .load-more, .video-plac .load-more {
	background: #dddddd;
	margin: 5px auto 20px auto;
	padding: 5px 0;
	text-align: center;
	border-radius: 4px;
	color: #888888;
	width: 48%;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.masonry-area .load-more:hover, .video-plac .load-more:hover {
	background: #bbbbbb;
	color: white
}

.masonry-area .load-more.disabled, .video-plac .load-more.disabled {
	background: none;
	padding-top: 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
	color: #666666
}

.masonry-area .load-more.disabled:hover, .video-plac .load-more.disabled:hover
	{
	color: #666666
}

.masonry-area .tag-link, .video-plac .tag-link {
	width: 20%;
	min-width: 230px;
	padding: 4px 0
}

.masonry-area .tag-link.t3, .video-plac .tag-link.t3 {
	width: 32%;
	position: relative;
	left: -0.5%
}

.masonry-area .tag-link.t4, .video-plac .tag-link.t4 {
	width: 50%
}

.masonry-area .tag-link.t4 a, .video-plac .tag-link.t4 a {
	width: 24%
}

.masonry-area .tag-link a, .video-plac .tag-link a {
	background: #f7f7f7
}

.masonry-area .tag-link a.on, .video-plac .tag-link a.on {
	background: #f1f1f1;
	box-shadow: 1px 1px 4px #cccccc inset;
	border-color: #cccccc;
	color: #4f4f4f
}

.masonry-area .tag-link a.on:hover, .video-plac .tag-link a.on:hover {
	border-color: #cccccc
}

.masonry-area .pagination, .video-plac .pagination {
	display: none
}

.video-area {
	padding: 0
}

.users .masonry-area {
	padding-top: 0
}

.empty-box {
	width: 60%;
	border: 1px dashed #cccccc;
	border-radius: 6px;
	text-align: center;
	margin: 0 auto;
	padding: 50px;
	background: #f1f1f1;
	margin-bottom: 20px
}

.empty-box span {
	font-size: 5em;
	color: #dddddd;
	display: block;
	margin-bottom: 20px
}

.empty-box a {
	background: #2ea9cd;
	margin-bottom: 20px;
	display: block;
	color: white;
	width: 15%;
	margin: 10px auto;
	padding: 5px;
	border-radius: 5px;
	min-width: 100px
}

.masonry {
	overflow: visible;
	_zoom: 1
}

.masonry .gpcard {
	width: 31%;
	margin: 15px 0.9%;
	background: white;
	padding: 0;
	overflow: auto;
	_zoom: 1;
	float: left;
	position: relative;
	box-shadow: 0 1px 0 #d1d1d1
}

.masonry .gpcard:hover {
	box-shadow: 0 4px 10px #bbbbbb
}

.masonry .gpcard .dot {
	color: #888888;
	font-size: 13px
}

.masonry .gpcard .dot:before {
	content: "·";
	margin-right: 10px
}

.masonry .gpcard p.type {
	padding: 5px 8.5% 0 8.5%;
	margin: 10px 0
}

.masonry .gpcard p.type i {
	font-size: 1.25em;
	color: #888888;
	margin-right: 5px
}

.masonry .gpcard p.type i.topic:before {
	content: "\f086"
}

.masonry .gpcard p.type i.like:before {
	content: "\f077"
}

.masonry .gpcard p.type i.reply:before {
	content: "\f112"
}

.masonry .gpcard p.type span {
	color: black;
	font-size: 1em;
	margin-right: 10px
}

.masonry .gpcard p.type span.time {
	font-size: 0.875em;
	color: #888888
}

.masonry .gpcard p.act {
	margin: 10px 8.5%;
	font-size: 14px
}

.masonry .gpcard hr {
	margin: 10px 6.25%;
	border: none;
	border-bottom: 1px solid #cccccc
}

.masonry .gpcard .restrict {
	height: 188px;
	overflow: hidden;
	position: relative
}

.masonry .gpcard .restrict:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 15px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,
		255, 255, 0)), color-stop(1, #fff));
	background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%,
		#fff 100%);
	background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%,
		#fff 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0)
		0%, #fff 100%);
	background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%,
		#fff 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,
		#fff 100%)
}

.masonry .gpcard .topic-info {
	padding: 0 8.5%;
	margin: 10px 0 10px 0;
	height: 25px
}

.masonry .gpcard .topic-info a {
	font-size: 1em
}

.masonry .gpcard .topic-info a span {
	font-size: 13px;
	color: #aaaaaa
}

.masonry .gpcard .topic-info a.author {
	color: #444444;
	margin-right: 10px;
	height: 25px;
	display: inline-block;
	border-bottom: none
}

.masonry .gpcard .topic-info a.author img {
	width: 25px;
	height: 25px;
	border-radius: 3px;
	margin-right: 0;
	vertical-align: top
}

.masonry .gpcard .topic-info a.author span {
	color: black;
	margin-left: 12px;
	overflow: hidden;
	text-overflow: clip;
	position: relative;
	line-height: 25px
}

.masonry .gpcard .topic-info a.publish_time:before {
	content: "·";
	margin-right: 10px
}

.masonry .gpcard .topic-info a.comment {
	float: right;
	font-size: 13px;
	color: #666666;
	font-size: 0.875em;
	margin-top: 1px
}

.masonry .gpcard .topic-info a.comment i {
	top: 0;
	margin-right: 8px;
	color: #cccccc
}

.masonry .gpcard .topic-info i {
	position: relative;
	top: -11px;
	margin-left: 10px;
	color: #aaaaaa
}

.masonry .gpcard .topic-info>span {
	font-size: 13px
}

.masonry .gpcard .topic-info span.reply {
	float: right;
	top: 5px;
	right: -3%
}

.masonry .gpcard .topic-info span.reply i {
	margin-right: 6px;
	color: #cccccc;
	position: relative;
	top: -1px
}

.masonry .gpcard p.abstract {
	font-size: 0.875em;
	padding: 5px 8.5%;
	line-height: 1.4em;
	color: #666666
}

.masonry .gpcard a.title {
	display: inline-block;
	color: black;
	margin: 15px 8.5% 0;
	font-size: 1.25em
}

.masonry .gpcard a.title h2 {
	font-weight: bold
}

.masonry .gpcard a.img-link {
	max-width: 100%;
	height: 174px;
	overflow: hidden;
	display: block;
	margin: 0;
	text-align: center;
	background-size: cover;
	background-position: center center
}

.masonry .gpcard a.img-link span {
	vertical-align: middle;
	display: inline-block;
	height: 100%
}

.masonry .gpcard a.img-link img {
	width: 100%;
	height: auto;
	vertical-align: middle
}

.masonry .gpcard .abstract {
	font-size: 0.875rem;
	padding: 0 8.5%;
	margin: 5px 0 0;
	color: #666666
}

.masonry .gpcard .abstract figure {
	display: none
}

.masonry .gpcard .abstract img {
	display: none
}

.masonry .gpcard .abstract p, .masonry .gpcard .abstract pre, .masonry .gpcard .abstract form,
	.masonry .gpcard .abstract hr, .masonry .gpcard .abstract table,
	.masonry .gpcard .abstract blockquote {
	margin: 1em 0
}

.masonry .gpcard .abstract strong {
	font-weight: bold
}

.masonry .gpcard .abstract strong em {
	font-style: italic
}

.masonry .gpcard .abstract em {
	font-style: italic
}

.masonry .gpcard .abstract em strong {
	font-weight: bold
}

.masonry .gpcard .abstract p {
	font-size: 1em;
	line-height: 1.6em
}

.masonry .gpcard .abstract p:first-child {
	margin-top: 0
}

.masonry .gpcard .abstract p:last-child {
	margin-bottom: 0
}

.masonry .gpcard .abstract blockquote {
	margin: 1.25em;
	padding: 5px 0 5px 1em;
	position: relative;
	color: #666666;
	font-size: 1em;
	border-left: 4px solid #dddddd;
	line-height: 1.5em
}

.masonry .gpcard .abstract blockquote:last-child {
	margin-bottom: 0
}

.masonry .gpcard .abstract a {
	color: #1abc9c;
	text-decoration: none;
	border-bottom: none
}

.masonry .gpcard .abstract a:hover {
	text-decoration: underline;
	color: #555555;
	border-bottom: 1px solid #555555
}

.masonry .gpcard .abstract input {
	display: none !important
}

.masonry .gpcard .abstract ul, .masonry .gpcard .abstract ol {
	margin-left: 1.8em
}

.masonry .gpcard .abstract ul li, .masonry .gpcard .abstract ol li {
	padding: 5px 0;
	list-style: disc
}

.masonry .gpcard .abstract ul li p, .masonry .gpcard .abstract ol li p {
	margin: 0
}

.masonry .gpcard .abstract ul li ul, .masonry .gpcard .abstract ul li ol,
	.masonry .gpcard .abstract ol li ul, .masonry .gpcard .abstract ol li ol
	{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2em
}

.masonry .gpcard .abstract ol li {
	list-style: decimal
}

.masonry .gpcard .tags {
	margin: 20px 8.5% 0;
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap
}

.masonry .gpcard .tags a {
	color: #888888;
	font-size: 13px;
	margin-right: 1em
}

.masonry .gpcard .tags a:before {
	content: "#";
	display: inline-block;
	margin-right: 3px
}

.masonry .gpcard #sections {
	position: absolute;
	top: 20px;
	left: 8.5%
}

.masonry .gpcard #sections a {
	display: inline-block;
	color: white;
	background-color: rgba(52, 179, 219, 0.6);
	padding: 4px 10px;
	margin: 0 1px 0 0;
	font-size: 13px
}

.masonry .gpcard .operate {
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	margin-left: 8.5%
}

.masonry .gpcard .operate a {
	color: #666666;
	font-size: 13px;
	border-radius: 20px;
	padding: 3px 11px;
	margin-right: 10px;
	background-color: #f7f7f7;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.masonry .gpcard .operate a i {
	line-height: 20px;
	margin-right: 0
}

.masonry .gpcard .operate a span {
	line-height: 20px;
	margin-left: 5px
}

.masonry .gpcard .operate a:hover {
	color: #3e9ac0
}

.masonry .gpcard .operate a.active {
	color: white;
	background: #1bd3d3
}

.masonry .gpcard .operate a.active i {
	animation: active 0.4s;
	-webkit-animation: active 0.4s
}

.masonry .gpcard .replybox {
	display: none
}

.masonry .gpcard .hot {
	overflow: auto;
	_zoom: 1;
	clear: both;
	background: #f6f6f6;
	padding-bottom: 20px
}

.masonry .gpcard .hot strong {
	padding: 12px 28px;
	display: inline-block;
	font-size: 16px
}

.masonry .gpcard .hot p {
	padding: 0 8.25%;
	margin: 0 30px 10px
}

.masonry .marketing {
	background: transparent;
	box-shadow: none
}

.masonry .marketing:hover {
	box-shadow: none
}

.masonry .marketing a.img-link {
	height: 451px
}

.masonry .marketing a.img-link img {
	vertical-align: top
}

.masonry .gpcard.list {
	background-color: white;
	box-shadow: none;
	height: 424px;
	overflow: hidden
}

.masonry .gpcard.list h2 {
	font-size: 1.25em;
	width: 80%;
	margin: 30px auto 10px;
	text-align: left
}

.masonry .gpcard.list h2 a {
	color: black
}

.masonry .gpcard.list h2 a i {
	margin-right: 5px
}

.masonry .gpcard.list ul {
	list-style: disc;
	margin: auto;
	width: 80%;
	height: 290px;
	overflow: hidden;
	position: relative
}

.masonry .gpcard.list ul:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,
		255, 255, 0)), color-stop(1, #fff));
	background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%,
		#fff 100%);
	background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%,
		#fff 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0)
		0%, #fff 100%);
	background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%,
		#fff 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,
		#fff 100%)
}

.masonry .gpcard.list ul li {
	margin: 12px 0;
	list-style: disc inside
}

.masonry .gpcard.list ul li a {
	font-size: 0.875em;
	color: #666666
}

.masonry .gpcard.list a.more-link {
	color: #34b3db;
	font-size: 13px;
	display: block;
	width: 100%;
	text-align: right;
	position: absolute;
	bottom: 0;
	padding: 20px 0;
	line-height: 22px
}

.masonry .gpcard.list a.more-link .more-arrow {
	margin: 0 20px 0 5px
}

.users_show .masonry-area .masonry .gpcard #sections {
	display: none
}

.split {
	background: white;
	padding: 40px 0 20px;
	text-align: center;
	font-size: 1.375em;
	position: relative
}

.split i {
	margin-right: 10px;
	position: relative;
	top: -1px
}

.split span {
	font-size: 13px;
	margin-left: 10px
}

.split:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid;
	border-color: #e8e8e8 transparent transparent transparent;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -5px
}

.bg-white {
	background: white
}

.container .hoveBig {
	background-size: cover
}

@
-webkit-keyframes active { 0%{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}

50%{
-webkit-transform
:scale
(1
.8
);-moz-transform
:scale
(1
.8
);transform
:scale
(1
.8
)
}
100%{
-webkit-transform
:scale(1)
;-moz-transform
:scale(1)
;transform
:scale(1)
}
}
@media screen and (max-width: 880px) {
	.frontpage {
		padding: 0
	}
	.frontpage .container {
		white-space: nowrap;
		text-overflow: ellipsis
	}
	.headline {
		float: none
	}
	.headline.small, .headline.big {
		float: none;
		display: inline-block;
		width: 100%;
		height: 250px;
		padding-bottom: 0;
		position: relative;
		z-index: 8
	}
	.headline.small div, .headline.big div {
		padding-bottom: 49.892617%
	}
	.headline.small p span, .headline.big p span {
		white-space: nowrap
	}
	.headline.small p b i, .headline.big p b i {
		margin-top: -13px
	}
}

@media screen and (max-width: 880px) {
	.masonry .gpcard {
		width: 48%
	}
}

@media screen and (max-width: 800px) {
	.headlist-container {
		display: none
	}
}

@media screen and (max-width: 600px) {
	.focus span.arr {
		font-size: 3em;
		margin-top: -20px
	}
	.masonry-area, .reuse .masonry-area {
		left: 0;
		width: 60%;
		min-width: 300px
	}
	.masonry .gpcard {
		width: 98%;
		margin-bottom: 8px
	}
	.masonry-area .tag-link.t4 {
		width: 90%
	}
	.masonry-area .tag-link.t4 a {
		width: 24%
	}
}

.profiles_show, .accounts_show, .passwords_show {
	font-size: 1em;
	padding-top: 35px;
	margin: 0;
	position: relative;
	background: #e8e8e8
}

.profiles_show .tag-link, .accounts_show .tag-link, .passwords_show .tag-link
	{
	margin: 50px auto 40px auto
}

.profiles_show .tag-link a, .accounts_show .tag-link a, .passwords_show .tag-link a
	{
	background: white
}

.tag-link {
	display: block;
	margin: 20px auto;
	font-size: 0.875em;
	color: #333333;
	width: 33.3333333333%;
	overflow: auto;
	padding-left: 1px;
	text-align: center;
	min-width: 280px
}

.tag-link.t3 a {
	width: 32.3%
}

.tag-link.t2 a {
	width: 49%
}

.tag-link a {
	display: inline-block;
	padding: 5px 0;
	border: 1px solid #cccccc;
	float: left;
	margin-right: -1px;
	color: #666666
}

.tag-link a.on {
	color: white;
	background: #2ea9cd;
	border-color: #2ea9cd
}

.tag-link a.on:hover {
	border-color: #2ea9cd
}

.tag-link a:hover {
	border-color: #aaaaaa
}

.tag-link a:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.tag-link a:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.form-box {
	margin: 0 auto;
	width: 60%;
	max-width: 960px;
	background: white;
	padding: 20px 5%;
	border-radius: 4px;
	overflow: auto;
	margin-bottom: 40px
}

.form-box .title {
	font-size: 1.5em;
	text-align: center
}

.form-box p {
	text-align: center;
	margin: 5px 0;
	font-size: 0.875em;
	clear: both
}

.form-box label {
	display: block;
	margin: 30px 0;
	overflow: auto;
	padding: 5px 0;
	_zoom: 1
}

.form-box label div.ctrl {
	float: left;
	width: 45%
}

.form-box label div.ctrl p {
	margin: 15% 0 0 10px;
	text-align: left
}

.form-box label strong {
	font-size: 14px;
	display: inline-block;
	position: absolute;
	left: 69%;
	color: #cd2e2e;
	width: 12%
}

.form-box label span {
	color: #333333;
	display: inline-block;
	width: 25%;
	text-align: right;
	margin-right: 3.0769230769%;
	font-size: 1em
}

.form-box label span.top {
	vertical-align: top
}

.form-box label span.float {
	float: left
}

.form-box label span.center {
	margin-top: 45px
}

.form-box label .input-text {
	width: 50%;
	display: inline-block;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 0 5px;
	min-width: 225px
}

.form-box label input {
	width: 90%;
	outline: none;
	border: none;
	padding: 5px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	font-size: 0.875em
}

.form-box label input.checkbox {
	width: auto;
	float: left;
	margin-right: 10px
}

.form-box label input#change-avatar, .form-box label input#change-background
	{
	width: 10%;
	min-width: 83px;
	max-width: 15%;
	background-color: #2ea9cd;
	border: none;
	color: white;
	line-height: 1em;
	margin: 2px 0 0 10px;
	padding: 0;
	height: 10px;
	height: 25px;
	cursor: pointer
}

.form-box label input#change-avatar:hover, .form-box label input#change-background:hover
	{
	background: #40bee6
}

.form-box label input#change-avatar:active, .form-box label input#change-background:active
	{
	background: #189cc5
}

.form-box label input#change-avatar.disabled, .form-box label input#change-background.disabled
	{
	background: #cccccc
}

.form-box label textarea {
	width: 50%;
	padding: 5px;
	resize: none;
	outline: none;
	height: 100px;
	border: 1px solid #cccccc;
	font-size: 0.875em;
	border-radius: 4px;
	min-width: 225px
}

.form-box label ul {
	float: left
}

.form-box label ul li {
	margin-bottom: 15px;
	font-size: 0.875em
}

.form-box label ul li a {
	color: black
}

.form-box label ul li a.sns-icon {
	color: white
}

.form-box label b {
	font-weight: normal;
	float: left;
	margin-top: 6px;
	width: 50%;
	font-size: 0.875em
}

.form-box label i.status {
	position: relative;
	left: 1%
}

.form-box label .fa-times-circle {
	color: #cc2e2e
}

.form-box label .fa-check {
	color: #97c597
}

.form-box label .fa-spinner {
	color: #aaaaaa;
	animation: rotate 2s infinite;
	-webkit-animation: rotate 2s infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear
}

.form-box #avatar-box, .form-box #background-box {
	position: relative;
	overflow: hidden
}

.form-box #avatar-box img, .form-box #background-box img {
	width: 100px;
	height: 100px;
	border-radius: 6px;
	position: absolute;
	top: 0;
	left: 0
}

.form-box .empty-avatar-box {
	width: 100px;
	height: 100px;
	background: #eeeeee;
	border-radius: 4px;
	margin: 30px auto 20px auto
}

.form-box .empty-avatar-box a {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 6px
}

.form-box .empty-avatar-box a img {
	width: 100%;
	height: 100%
}

.form-box .gp_button_blue {
	display: block;
	clear: both;
	float: right;
	margin-right: 20%
}

.form-box .dz-details img {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0
}

.form-box .dz-clickable {
	width: 100px;
	height: 100px;
	background: #eeeeee;
	border: 1px solid #e7e7e7;
	float: left;
	cursor: pointer;
	border-radius: 10px;
	margin-left: 4px
}

.form-box .dz-clickable .dz-filename, .form-box .dz-clickable .dz-size,
	.form-box .dz-clickable .dz-success-mark, .form-box .dz-clickable .dz-error-mark,
	.form-box .dz-clickable .dz-error-message {
	display: none
}

.form-box .dz-clickable .dz-progress {
	position: absolute;
	bottom: 0;
	height: 4px;
	background: #cccccc;
	width: 100%
}

.form-box .dz-clickable .dz-progress .dz-upload {
	height: 4px;
	background: #81cd2e;
	position: absolute
}

section.done {
	display: none;
	text-align: center
}

section.done i.ok {
	color: #91e906;
	font-size: 4em;
	margin: 10px auto
}

section.done p {
	font-size: 0.875em;
	margin: 5px 0
}

section.note {
	display: none;
	text-align: center
}

.sns-icon {
	border: none;
	display: inline-block;
	color: white;
	padding: 0;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	border-radius: 22px;
	font-size: 0.875em;
	margin: 0 2px
}

.sns-icon.weibo {
	background: #d52b2a
}

.sns-icon.weibo:hover {
	background: #e05454
}

.sns-icon.twitter {
	background: #2daae2
}

.sns-icon.twitter:hover {
	background: #54c6f9
}

.inline-msg-box {
	border-radius: 5px;
	font-size: 0.875em;
	width: 50%;
	min-width: 225px;
	margin: 13px 0 0 29%;
	position: relative
}

.inline-msg-box.error {
	color: #cd2e2e
}

.global-msg-box {
	position: fixed;
	width: 40%;
	margin-left: -20%;
	left: 50%;
	padding: 15px;
	border: 1px solid;
	border-radius: 8px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	font-size: 0.875em;
	top: 44px;
	z-index: 9;
	animation: globalMsgShow 0.2s;
	-webkit-animation: globalMsgShow 0.2s;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear
}

.global-msg-box.close {
	animation: globalMsgHide 0.2s;
	-webkit-animation: globalMsgHide 0.2s;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear
}

.global-msg-box i {
	margin-right: 5px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.global-msg-box i.closeit {
	float: right;
	color: #d1d1d1;
	cursor: pointer
}

.global-msg-box i.closeit:hover {
	color: #666666
}

.global-msg-box.ok {
	background: #e8f4e4;
	border-color: #aeca86
}

.global-msg-box.ok i.icon {
	color: #7eb333
}

.global-msg-box.error {
	background: #ffefef;
	border-color: #d98c8c
}

.global-msg-box.error i.icon {
	color: #ab3b3b
}

@media screen and (max-width: 1090px) {
	.form-box label input {
		width: 87%
	}
}

@media screen and (max-width: 960px) {
	.form-box label strong {
		position: relative;
		width: 50%;
		min-width: 225px;
		margin: 13px 0 0 29%;
		color: #cd2e2e;
		left: auto
	}
}

@media screen and (max-width: 800px) {
	.profiles_show .tag-link {
		margin-bottom: 30px
	}
	.form-box .gp_button_blue {
		margin-right: 0
	}
	.form-box label {
		margin: 10px 0
	}
	.form-box label span {
		margin-bottom: 10px;
		text-align: left;
		font-size: 1.125em;
		width: 80%
	}
	.form-box label span.center {
		margin-top: 0
	}
	.form-box label .input-text {
		width: 95%
	}
	.form-box label input.checkbox {
		clear: both
	}
	.form-box label b {
		width: 90%
	}
	.form-box label .inline-msg-box, .form-box label strong {
		margin-left: 0;
		width: 100%
	}
}

@media screen and (max-width: 450px) {
	.form-box {
		width: 86%
	}
}

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

100%{
transform
:rotate(360deg)
;-ms-transform
:rotate(360deg)
;-webkit-transform
:rotate(360deg)
}
}
@
-webkit-keyframes globalMsgShow { 0%{
	top: 30px;
	opacity: 0
}

100%{
top
:
44px;opacity
:
1
}
}
@
-webkit-keyframes globalMsgHide { 0%{
	top: 44px;
	opacity: 1
}

100%{
top
:
30px;opacity
:
0
}
}
.sessions_new #content, .users_new #content {
	background: #f9f9f9;
	box-shadow: 0 0 20px #dddddd;
	width: 100%;
	max-width: 380px;
	margin: 80px auto 60px auto;
	position: relative;
	z-index: 1
}

.sessions_new #sign_title, .users_new #sign_title {
	text-align: center;
	font-weight: bold;
	padding: 20px 0 0 0
}

.sessions_new #sign_nav, .users_new #sign_nav {
	border-bottom: 1px solid #e4e4e4;
	font-size: 0;
	text-align: center
}

.sessions_new #sign_nav>div, .users_new #sign_nav>div {
	cursor: pointer;
	padding: 10px 0;
	font-size: 18px;
	width: 46.368421%;
	display: inline-block;
	text-align: center;
	background: #f9f9f9;
	color: #acacac
}

.sessions_new #sign_nav .on, .users_new #sign_nav .on {
	color: #373737;
	border: 1px solid #e4e4e4;
	border-bottom: none;
	position: relative;
	top: 1px;
	cursor: default
}

.sessions_new #sign_up, .sessions_new #sign_in, .users_new #sign_up,
	.users_new #sign_in {
	padding: 30px 0;
	font-size: 0
}

.sessions_new #sign_up .field, .sessions_new #sign_in .field, .users_new #sign_up .field,
	.users_new #sign_in .field {
	width: 84.2105263158%;
	margin: 0 auto 20px auto
}

.sessions_new #sign_up .input_field label, .sessions_new #sign_in .input_field label,
	.users_new #sign_up .input_field label, .users_new #sign_in .input_field label
	{
	height: 42px;
	background: #f4f4f4;
	display: block
}

.sessions_new #sign_up .input_field label .input, .sessions_new #sign_in .input_field label .input,
	.users_new #sign_up .input_field label .input, .users_new #sign_in .input_field label .input
	{
	width: 80%
}

.sessions_new #sign_up .input_field label .status, .sessions_new #sign_in .input_field label .status,
	.users_new #sign_up .input_field label .status, .users_new #sign_in .input_field label .status
	{
	position: absolute;
	right: 14%
}

.sessions_new #sign_up .input_field label .fa-times-circle,
	.sessions_new #sign_in .input_field label .fa-times-circle, .users_new #sign_up .input_field label .fa-times-circle,
	.users_new #sign_in .input_field label .fa-times-circle {
	color: #cc2e2e
}

.sessions_new #sign_up .input_field label .fa-check, .sessions_new #sign_in .input_field label .fa-check,
	.users_new #sign_up .input_field label .fa-check, .users_new #sign_in .input_field label .fa-check
	{
	color: #97c597
}

.sessions_new #sign_up .input_field .inline-msg-box, .sessions_new #sign_in .input_field .inline-msg-box,
	.users_new #sign_up .input_field .inline-msg-box, .users_new #sign_in .input_field .inline-msg-box
	{
	font-size: 14px;
	margin-left: 0;
	width: 90%;
	padding: 0 5%
}

.sessions_new #sign_up .input_field .inline-msg-box.error, .sessions_new #sign_in .input_field .inline-msg-box.error,
	.users_new #sign_up .input_field .inline-msg-box.error, .users_new #sign_in .input_field .inline-msg-box.error
	{
	background: none
}

.sessions_new #sign_up .checkbox_field, .sessions_new #sign_in .checkbox_field,
	.users_new #sign_up .checkbox_field, .users_new #sign_in .checkbox_field
	{
	width: 84%;
	font-size: 14px
}

.sessions_new #sign_up .checkbox_field span, .sessions_new #sign_in .checkbox_field span,
	.users_new #sign_up .checkbox_field span, .users_new #sign_in .checkbox_field span
	{
	margin: 0 0 0 10px;
	color: #333333
}

.sessions_new #sign_up #forget_password, .sessions_new #sign_in #forget_password,
	.users_new #sign_up #forget_password, .users_new #sign_in #forget_password
	{
	float: right;
	color: #999999
}

.sessions_new #sign_up .msg, .sessions_new #sign_in .msg, .users_new #sign_up .msg,
	.users_new #sign_in .msg {
	border-radius: 4px;
	font-size: 14px;
	text-align: center;
	line-height: 42px;
	display: none
}

.sessions_new #sign_up .msg_error, .sessions_new #sign_in .msg_error,
	.users_new #sign_up .msg_error, .users_new #sign_in .msg_error {
	border: 1px solid #e06e50;
	background: #efb6a7;
	color: #ac3c1e
}

.sessions_new #sign_up .msg_success, .sessions_new #sign_in .msg_success,
	.users_new #sign_up .msg_success, .users_new #sign_in .msg_success {
	border: 1px solid #6cd267;
	background: #b8e9b6;
	color: #36a330
}

.sessions_new #sign_up .loading, .sessions_new #sign_in .loading,
	.users_new #sign_up .loading, .users_new #sign_in .loading {
	background: #f4f4f4 no-repeat 96% center
		url("data:image/gif;base64,R0lGODlhEAAQANU4AMvLy/r6+vHx8f39/f7+/vT09P///8rKyufn5/Dw8Pz8/PLy8vn5+fv7++Tk5Pj4+Nzc3M7Ozt3d3dHR0dDQ0Ozs7PX19evr6+/v783Nzff39/Pz88/Pz+7u7u3t7ebm5szMzOjo6ODg4Nvb28jIyOXl5dLS0unp6cfHx9bW1tjY2Pb29t7e3tTU1OHh4cnJyd/f39PT09nZ2dXV1dra2uPj4+Li4sbGxv///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI1MkNEMDkwREM2NTExRTFBNDVCRjIyOEI3NjExNjY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI1MkNEMDkxREM2NTExRTFBNDVCRjIyOEI3NjExNjY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjUyQ0QwOEVEQzY1MTFFMUE0NUJGMjI4Qjc2MTE2NjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjUyQ0QwOEZEQzY1MTFFMUE0NUJGMjI4Qjc2MTE2NjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFCgA4ACwAAAAAEAAQAAAGOUCccEgsGo/IpLJoGAwIS0KgsNAoCZqE9pEcPDBagSLJsBQKgsQYSVAYCIbAIGkwCN/2pX7P7/v5QQAh+QQFCgA4ACwJAAMABwAHAAAGJkCckNBQDIQ4jee0EQpKDoelsYmWEIFNx+MJYRUBwmCgUSCFA0IQACH5BAUKADgALAgAAAAIAAkAAAY1QEIhZcEZcQ8aStI4fjgAAEthHIEAIBFuQBi9KBhGJ7RwTQSFj7FgsRRKR5xhcEQcDUeCMQgAIfkEBQoAOAAsAwAAAA0ACQAABkTAxueyKTBWuAJuiVtRDhFKAsJkDkYAQEwQWUqYhgToxaoAcABYgEkoHSAVUrWqCIkwSwtTvxw8HkoOc1UEVSGDgwNLQQAh+QQFCgA4ACwAAAAABwAJAAAGLkCccCAs4gJGHONRNGgkEFwGJ1ABMhUELkUCADgXRME1iQBMK5xiUdh0FE2DMAgAIfkEBQoAOAAsAAAEAA8ACQAABj1AnHBIJJ5axWJhyMCZOCCchVgaBjw4gSCRHAoiE1Vq9OjiFhnAAXAhdAmnwyESGphxnxnMYr8HCgoGd0JBACH5BAUKADgALAAABAAPAAwAAAZBQJxwSCSGikgcIslkDooV5AzSaBJPiYGhSbkgOJstsiVaIEAggZjYeAhkgENEzQyIAIBJYI1sjFAuBFY4GxJ7SUEAIfkEBQoAOAAsBQAJAAgABwAABipAHE7BIAiPC1ZIcRTKAAijcEE7ZDZCU2ECAEiMDsyEc5gEII2ApnCJBgEAIfkEBQoAOAAsCAAFAAgACgAABjhAnNDyERpxjqMw0emcTkJFp+IRWAa4DYcEiIwWEpxgAgCgUsJLBwRgWYwLSK1hEB5wDIUS1zAGAQAh+QQFCgA4ACwJAAMABwAIAAAGKUCcUEgwDBuFhUbISDgfOAbGKVAQVpbVpjpI4DCahjGCO2Rsm6HwhgsCADs=")
}

.sessions_new #sign_up .validated, .sessions_new #sign_in .validated,
	.users_new #sign_up .validated, .users_new #sign_in .validated {
	background: #f4f4f4 no-repeat 96% center
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADuSURBVHja1NO9SkNBEMXxX4K9nS4EBG0iViLY3SaCTUDsLfYxfBobt7IUjE0KUbg2CiqWthpcPwrfIDa3uF6NElI55bL/M2c4M63xeGyWapuxZhaYmxYoc1pBD6dFiLk9JbyKSxxgf6oRypw2cYGAEY6+CJQ57ZY5LU+A13GCBbygX4R41XRwjPMyp24DXsMAi3jHThHi/U8pPGEJwzKnjZrtITp4xHYR4vWkGPt4q0QGZU57VecOXivbd83xWvVNrDqfYb725wNbRYi3fy5SEeJNlfFz9TRCbxL8zUHNSRcRh0WID7/F2/r/x/Q5APyPUeyaSKkRAAAAAElFTkSuQmCC")
}

.sessions_new #sign_up .not_validated, .sessions_new #sign_in .not_validated,
	.users_new #sign_up .not_validated, .users_new #sign_in .not_validated
	{
	background: #f4f4f4 no-repeat 95% center
		url("data:image/gif;base64,R0lGODlhCgAKAKIHAPjIyPa3t/rY2POenvnT0/////KTk////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNEZBQzRCRkQ1RUYxMUUzOUEwQkQ0QjRDRjUyMEJEMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNEZBQzRDMEQ1RUYxMUUzOUEwQkQ0QjRDRjUyMEJEMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE0RkFDNEJERDVFRjExRTM5QTBCRDRCNENGNTIwQkQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE0RkFDNEJFRDVFRjExRTM5QTBCRDRCNENGNTIwQkQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAABwAsAAAAAAoACgAAAyd4JzETQh1gqgXLFFJJMYzhEaPRdMVWOahqPOJWQhoXg5N1SYwDKQkAOw==")
}

.sessions_new #sign_up .error, .sessions_new #sign_in .error, .users_new #sign_up .error,
	.users_new #sign_in .error {
	background: #efb6a7
}

.sessions_new #sign_up .fa, .sessions_new #sign_in .fa, .users_new #sign_up .fa,
	.users_new #sign_in .fa {
	padding: 0 0 0 16px;
	width: 10px;
	height: 42px;
	display: inline-block;
	line-height: 42px;
	font-size: 14px;
	color: #707070
}

.sessions_new #sign_up .input, .sessions_new #sign_in .input, .users_new #sign_up .input,
	.users_new #sign_in .input {
	font-size: 14px;
	border: none;
	outline: none;
	width: 274px;
	height: 22px;
	line-height: 22px;
	padding: 10px;
	margin: 0 auto 10px auto;
	background: transparent
}

.sessions_new #sign_up #sign_up_captcha, .sessions_new #sign_up #sign_in_captcha,
	.sessions_new #sign_in #sign_up_captcha, .sessions_new #sign_in #sign_in_captcha,
	.users_new #sign_up #sign_up_captcha, .users_new #sign_up #sign_in_captcha,
	.users_new #sign_in #sign_up_captcha, .users_new #sign_in #sign_in_captcha
	{
	width: 168px
}

.sessions_new #sign_up .captcha, .sessions_new #sign_in .captcha,
	.users_new #sign_up .captcha, .users_new #sign_in .captcha {
	width: 106px;
	height: 42px;
	vertical-align: top
}

.sessions_new #sign_up .gp_confirm, .sessions_new #sign_in .gp_confirm,
	.users_new #sign_up .gp_confirm, .users_new #sign_in .gp_confirm {
	width: 100%
}

.sessions_new #sign_up .gp_confirm.disabled, .sessions_new #sign_in .gp_confirm.disabled,
	.users_new #sign_up .gp_confirm.disabled, .users_new #sign_in .gp_confirm.disabled
	{
	background: #cccccc
}

.sessions_new #sign_in .loading, .users_new #sign_in .loading {
	background-image: none
}

.sessions_new #sign_in .validated, .users_new #sign_in .validated {
	background-image: none
}

.sessions_new #sign_in .not_validated, .users_new #sign_in .not_validated
	{
	background-image: none
}

.sessions_new #sign_in .error, .users_new #sign_in .error {
	background-image: none
}

.sessions_new #avatar_preview, .users_new #avatar_preview {
	margin: 0 auto 20px auto;
	display: block;
	width: 70px;
	height: 70px
}

.sessions_new #social_login, .users_new #social_login {
	text-align: center;
	line-height: 30px;
	padding: 20px 0
}

.sessions_new #social_login>li, .users_new #social_login>li {
	display: inline-block
}

.sessions_new #social_login>li .fa, .users_new #social_login>li .fa {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 99px;
	text-align: center;
	color: white;
	font-size: 22px;
	margin: 0 4px
}

.sessions_new #social_login>li .fa-qq, .users_new #social_login>li .fa-qq
	{
	background: #34c9db
}

.sessions_new #social_login>li .fa-weibo, .users_new #social_login>li .fa-weibo
	{
	background: #e6162d
}

.sessions_new #social_login>li .fa-renren, .users_new #social_login>li .fa-renren
	{
	background: #8bc0d9
}

.sessions_new #social_login>li .fa-google-plus, .users_new #social_login>li .fa-google-plus
	{
	background: #dd4b39
}

.sessions_new #social_login>li>a, .users_new #social_login>li>a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 99px;
	box-shadow: 0 0 2px #aaaaaa
}

.sessions_new .unnecessary, .users_new .unnecessary {
	display: none
}

.sessions_new #sign_in, .users_new #sign_in {
	display: none
}

.sessions_new #footer, .users_new #footer {
	display: none
}

.captcha {
	cursor: pointer
}

.captcha-box i.status {
	right: 40% !important
}

.no-sign .fa-check {
	display: none !important
}

#bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ededed;
	z-index: 0
}

.password_resets {
	background: #ededed
}

.password_resets .container {
	background: none;
	margin-top: 44px
}

.mid-box {
	background: #f9f9f9;
	box-shadow: 0 0 20px #dddddd;
	min-width: 320px;
	width: 100%;
	margin: 40px auto 0 auto;
	padding: 20px 0
}

.mid-box p {
	color: #888888
}

.mid-box p a {
	color: #1489ca;
	margin-left: 3px
}

.mid-box label {
	margin: 10px 0 10px 0
}

.mid-box label .input-text {
	width: 77%;
	display: block;
	margin: 0 auto;
	background: #f4f4f4;
	border: none
}

.mid-box label .input-text input {
	background: #f4f4f4
}

.mid-box label .inline-msg-box {
	margin-left: 10%
}

.mid-box .gp_button_blue {
	float: none;
	width: 79%;
	margin: 10px auto 15px auto
}

.related-topics {
	margin-bottom: 40px
}

a.bfd-img-logo {
	float: right;
	display: block;
	width: 101px;
	height: 14px;
	margin: 5px 3px 0 0;
	background:
		url(http://static.baifendian.com/themes/logo/bfd_logo_ch.gif)
		no-repeat;
	overflow: hidden
}

a.bfd-img-logo:hover {
	background:
		url(http://static.baifendian.com/themes/logo/bfd_logo_ch.gif)
		no-repeat 0 -14px
}

.en-markup-crop-options {
	top: 18px !important;
	left: 50% !important;
	margin-left: -100px !important;
	width: 200px !important;
	border: 2px rgba(255, 255, 255, 0.38) solid !important;
	border-radius: 4px !important
}

.en-markup-crop-options div div:first-of-type {
	margin-left: 0px !important
}
.container li{
	float:left;
	margin:0 5px 0 5px;
}
.tnw-gallery{
	overflow: hidden;
}
.tnw-gallery img{
	width:200px;
}
.tnw-gallery img:hover{
	transform: scale(1, 1);
}
.logo_list{
	margin: 30px 0 0 0;
}
.logo_list ul{
	list-style: none;
	float:left;
	overflow:hidden;
}
.logo_list ul li{
	margin:0 10px 0 0;
	display:inline-block
}
.logo_list ul li a img{
	height:52px;
	width:122px;
}
.guest_list{
	text-align:center;
	width:60%;
	display:inline-block;
	margin:0 0 35px 0;
}
.guest_list li{
	width:18%;	
	margin:0 1% 2% 1%;
}
.guest_list li span{
	display:block;
}
.guest_list li span img{
	width:80%;
}
.guest_name{
	color:#fe884d;
}
.guest_org{
	font-size:12px;
	
}
.guest_title{
	font-size:12px;
}