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

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

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

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

a:focus {
	outline: thin dotted
}

a:hover,
a:active {
	outline: 0
}

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

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

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

#map_canvas img {
	max-width: none
}

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

button,
input {
	*overflow: visible;
	line-height: normal
}

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

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

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

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

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

.clearfix {
	*zoom: 1
}

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

.clearfix:after {
	clear: both
}

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

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

body {
	margin: 0;
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, "寰蒋闆呴粦", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	background-color: #fff
}

a {
	color: #1ba1e2;
	text-decoration: none
}

a:hover {
	color: #13709e
}

.img-rounded {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}

.img-polaroid {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.img-circle {
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px
}

.row {
	*zoom: 1
}

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

.row:after {
	clear: both
}

[class*="span"] {
	float: left;
	min-height: 1px;
	margin-right: 20px
}

[class*="span"]:last-child {
	margin-right: 0
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
	width: 940px
}

.span12 {
	width: 940px
}

.span11 {
	width: 860px
}

.span10 {
	width: 780px
}

.span9 {
	width: 700px
}

.span8 {
	width: 620px
}

.span7 {
	width: 540px
}

.span6 {
	width: 460px
}

.span5 {
	width: 380px
}

.span4 {
	width: 300px
}

.span3 {
	width: 220px
}

.span2 {
	width: 140px
}

.span1 {
	width: 60px
}

.offset12 {
	margin-left: 960px
}

.offset11 {
	margin-left: 880px
}

.offset10 {
	margin-left: 800px
}

.offset9 {
	margin-left: 720px
}

.offset8 {
	margin-left: 640px
}

.offset7 {
	margin-left: 560px
}

.offset6 {
	margin-left: 480px
}

.offset5 {
	margin-left: 400px
}

.offset4 {
	margin-left: 320px
}

.offset3 {
	margin-left: 240px
}

.offset2 {
	margin-left: 160px
}

.offset1 {
	margin-left: 80px
}

.row-fluid {
	width: 100%;
	*zoom: 1
}

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

.row-fluid:after {
	clear: both
}

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

.row-fluid [class*="span"]:last-child {
	margin-right: 0
}

.row-fluid .span12 {
	width: 100%;
	*width: 99.94680851063829%
}

.row-fluid .span11 {
	width: 91.48936170212765%;
	*width: 91.43617021276594%
}

.row-fluid .span10 {
	width: 82.97872340425532%;
	*width: 82.92553191489361%
}

.row-fluid .span9 {
	width: 74.46808510638297%;
	*width: 74.41489361702126%
}

.row-fluid .span8 {
	width: 65.95744680851064%;
	*width: 65.90425531914893%
}

.row-fluid .span7 {
	width: 57.44680851063829%;
	*width: 57.39361702127659%
}

.row-fluid .span6 {
	width: 48.93617021276595%;
	*width: 48.88297872340425%
}

.row-fluid .span5 {
	width: 40.42553191489362%;
	*width: 40.37234042553192%
}

.row-fluid .span4 {
	width: 31.914893617021278%;
	*width: 31.861702127659576%
}

.row-fluid .span3 {
	width: 23.404255319148934%;
	*width: 23.351063829787233%
}

.row-fluid .span2 {
	width: 14.893617021276595%;
	*width: 14.840425531914894%
}

.row-fluid .span1 {
	width: 6.382978723404255%;
	*width: 6.329787234042553%
}

.row-fluid .offset12 {
	margin-left: 102.12765957446808%;
	*margin-left: 102.02127659574467%
}

.row-fluid .offset11 {
	margin-left: 93.61702127659574%;
	*margin-left: 93.51063829787232%
}

.row-fluid .offset10 {
	margin-left: 85.1063829787234%;
	*margin-left: 84.99999999999999%
}

.row-fluid .offset9 {
	margin-left: 76.59574468085106%;
	*margin-left: 76.48936170212764%
}

.row-fluid .offset8 {
	margin-left: 68.08510638297872%;
	*margin-left: 67.9787234042553%
}

.row-fluid .offset7 {
	margin-left: 59.574468085106375%;
	*margin-left: 59.46808510638297%
}

.row-fluid .offset6 {
	margin-left: 51.063829787234035%;
	*margin-left: 50.95744680851063%
}

.row-fluid .offset5 {
	margin-left: 42.5531914893617%;
	*margin-left: 42.4468085106383%
}

.row-fluid .offset4 {
	margin-left: 34.04255319148936%;
	*margin-left: 33.93617021276596%
}

.row-fluid .offset3 {
	margin-left: 25.53191489361702%;
	*margin-left: 25.425531914893618%
}

.row-fluid .offset2 {
	margin-left: 17.02127659574468%;
	*margin-left: 16.914893617021278%
}

.row-fluid .offset1 {
	margin-left: 8.51063829787234%;
	*margin-left: 8.404255319148938%
}

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

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

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

.icon-awesome-style,
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit
}

a [class^="icon-"],
a [class*=" icon-"] {
	display: inline-block;
	text-decoration: inherit
}

.icon-huge:before {
	vertical-align: middle;
	font-size: 2.5em
}

.icon-large:before {
	vertical-align: middle;
	font-size: 1.9em
}

.btn [class^="icon-"],
.nav-tabs [class^="icon-"],
.btn [class*=" icon-"],
.nav-tabs [class*=" icon-"] {
	line-height: .9em
}

li [class^="icon-"],
li [class*=" icon-"] {
	display: inline-block;
	width: 1.25em;
	text-align: center
}

li .icon-large:before {
	width: 1.9em
}

li .icon-huge:before {
	width: 2.5em
}

ul.icons {
	list-style-type: none;
	margin-left: 2em;
	text-indent: -0.8em
}

ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
	width: .8em
}

ul.icons li .icon-large:before {
	vertical-align: initial;
	width: 1.9em
}

ul.icons li .icon-huge:before {
	width: 2.5em
}

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

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

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

.icon-envelope:before {
	content: "\f003"
}

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

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

.icon-star-empty:before {
	content: "\f006"
}

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

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

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

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

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

.icon-ok:before {
	content: "\f00c"
}

.icon-remove:before {
	content: "\f00d"
}

.icon-zoom-in:before {
	content: "\f00e"
}

.icon-zoom-out:before {
	content: "\f010"
}

.icon-off:before {
	content: "\f011"
}

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

.icon-cog:before {
	content: "\f013"
}

.icon-trash:before {
	content: "\f014"
}

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

.icon-file:before {
	content: "\f016"
}

.icon-time:before {
	content: "\f017"
}

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

.icon-download-alt:before {
	content: "\f019"
}

.icon-download:before {
	content: "\f01a"
}

.icon-upload:before {
	content: "\f01b"
}

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

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

.icon-repeat:before {
	content: "\f01e"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-indent-left:before {
	content: "\f03b"
}

.icon-indent-right:before {
	content: "\f03c"
}

.icon-facetime-video:before {
	content: "\f03d"
}

.icon-picture:before {
	content: "\f03e"
}

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

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

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

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

.icon-edit:before {
	content: "\f044"
}

.icon-share:before {
	content: "\f045"
}

.icon-check:before {
	content: "\f046"
}

.icon-move:before {
	content: "\f047"
}

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

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

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

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

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

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

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

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

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

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

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

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

.icon-plus-sign:before {
	content: "\f055"
}

.icon-minus-sign:before {
	content: "\f056"
}

.icon-remove-sign:before {
	content: "\f057"
}

.icon-ok-sign:before {
	content: "\f058"
}

.icon-question-sign:before {
	content: "\f059"
}

.icon-info-sign:before {
	content: "\f05a"
}

.icon-screenshot:before {
	content: "\f05b"
}

.icon-remove-circle:before {
	content: "\f05c"
}

.icon-ok-circle:before {
	content: "\f05d"
}

.icon-ban-circle:before {
	content: "\f05e"
}

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

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

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

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

.icon-share-alt:before {
	content: "\f064"
}

.icon-resize-full:before {
	content: "\f065"
}

.icon-resize-small:before {
	content: "\f066"
}

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

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

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

.icon-exclamation-sign:before {
	content: "\f06a"
}

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

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

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

.icon-eye-open:before {
	content: "\f06e"
}

.icon-eye-close:before {
	content: "\f070"
}

.icon-warning-sign:before {
	content: "\f071"
}

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

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

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

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

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

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

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

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

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

.icon-folder-close:before {
	content: "\f07b"
}

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

.icon-resize-vertical:before {
	content: "\f07d"
}

.icon-resize-horizontal:before {
	content: "\f07e"
}

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

.icon-twitter-sign:before {
	content: "\f081"
}

.icon-facebook-sign:before {
	content: "\f082"
}

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

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

.icon-cogs:before {
	content: "\f085"
}

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

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

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

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

.icon-heart-empty:before {
	content: "\f08a"
}

.icon-signout:before {
	content: "\f08b"
}

.icon-linkedin-sign:before {
	content: "\f08c"
}

.icon-pushpin:before {
	content: "\f08d"
}

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

.icon-signin:before {
	content: "\f090"
}

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

.icon-github-sign:before {
	content: "\f092"
}

.icon-upload-alt:before {
	content: "\f093"
}

.icon-lemon:before {
	content: "\f094"
}

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

.icon-check-empty:before {
	content: "\f096"
}

.icon-bookmark-empty:before {
	content: "\f097"
}

.icon-phone-sign:before {
	content: "\f098"
}

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

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

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

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

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

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

.icon-hdd:before {
	content: "\f0a0"
}

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

.icon-bell:before {
	content: "\f0a2"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-fullscreen:before {
	content: "\f0b2"
}

.icon-group:before {
	content: "\f0c0"
}

.icon-link:before {
	content: "\f0c1"
}

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

.icon-beaker:before {
	content: "\f0c3"
}

.icon-cut:before {
	content: "\f0c4"
}

.icon-copy:before {
	content: "\f0c5"
}

.icon-paper-clip:before {
	content: "\f0c6"
}

.icon-save:before {
	content: "\f0c7"
}

.icon-sign-blank:before {
	content: "\f0c8"
}

.icon-reorder:before {
	content: "\f0c9"
}

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

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

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

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

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

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

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

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

.icon-pinterest-sign:before {
	content: "\f0d3"
}

.icon-google-plus-sign:before {
	content: "\f0d4"
}

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

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

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

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

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

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

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

.icon-sort:before {
	content: "\f0dc"
}

.icon-sort-down:before {
	content: "\f0dd"
}

.icon-sort-up:before {
	content: "\f0de"
}

.icon-envelope-alt:before {
	content: "\f0e0"
}

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

.icon-undo:before {
	content: "\f0e2"
}

.icon-legal:before {
	content: "\f0e3"
}

.icon-dashboard:before {
	content: "\f0e4"
}

.icon-comment-alt:before {
	content: "\f0e5"
}

.icon-comments-alt:before {
	content: "\f0e6"
}

.icon-bolt:before {
	content: "\f0e7"
}

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

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

.icon-paste:before {
	content: "\f0ea"
}

.icon-user-md:before {
	content: "\f200"
}

.icon-metro-close:before {
	content: "\f205"
}

.icon-metro-right:before {
	content: "\f206"
}

.icon-metro-left:before {
	content: "\f207"
}

.icon-metro-up:before {
	content: "\f208"
}

.icon-metro-down:before {
	content: "\f209"
}

.container {
	margin-right: auto;
	margin-left: auto;
	*zoom: 1
}

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

.container:after {
	clear: both
}

.container-fluid {
	padding-right: 20px;
	padding-left: 20px;
	*zoom: 1
}

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

.container-fluid:after {
	clear: both
}

p {
	margin: 0 0 10px
}

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

small {
	font-size: 85%
}

strong {
	font-weight: bold
}

em {
	font-style: italic
}

cite {
	font-style: normal
}

.muted {
	color: #9e9e9e
}

.text-warning {
	color: #f09609
}

.text-error {
	color: #e51400
}

.text-info {
	color: #00aba9
}

.text-success {
	color: #393
}

.bg-blue {
	color: #fff;
	background-color: #1ba1e2
}

.bg-blue a,
.bg-blue a:hover {
	color: #fff;
	text-decoration: underline
}

.bg-green {
	color: #fff;
	background-color: #393
}

.bg-green a,
.bg-green a:hover {
	color: #fff;
	text-decoration: underline
}

.bg-red {
	color: #fff;
	background-color: #e51400
}

.bg-red a,
.bg-red a:hover {
	color: #fff;
	text-decoration: underline
}

.bg-orange {
	color: #fff;
	background-color: #f09609
}

.bg-orange a,
.bg-orange a:hover {
	color: #fff;
	text-decoration: underline
}

.bg-teal {
	color: #fff;
	background-color: #00aba9
}

.bg-teal a,
.bg-teal a:hover {
	color: #fff;
	text-decoration: underline
}

.bg-lime {
	color: #fff;
	background-color: #a4c400
}

.bg-lime a,
.bg-lime a:hover {
	color: #fff;
	text-decoration: underline
}

.bg-magenta {
	color: #fff;
	background-color: #ff0097
}

.bg-magenta a,
.bg-magenta a:hover {
	color: #fff;
	text-decoration: underline
}

.bg-purple {
	color: #fff;
	background-color: #a200ff
}

.bg-purple a,
.bg-purple a:hover {
	color: #fff;
	text-decoration: underline
}

.bg-brown {
	color: #fff;
	background-color: #a05000
}

.bg-brown a,
.bg-brown a:hover {
	color: #fff;
	text-decoration: underline
}

.bg-pink {
	color: #fff;
	background-color: #e671bb
}

.bg-pink a,
.bg-pink a:hover {
	color: #fff;
	text-decoration: underline
}

.bg-grayDarker {
	color: #fff;
	background-color: #414141
}

.bg-grayDarker a,
.bg-grayDarker a:hover {
	color: #fff;
	text-decoration: underline
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 10px 0;
	font-family: inherit;
	font-weight: normal;
	line-height: 1;
	color: inherit;
	text-rendering: optimizelegibility
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-weight: normal;
	line-height: 1;
	color: #9e9e9e
}

h1 {
	font-size: 30px;
	line-height: 40px
}

h2 {
	font-size: 26px;
	line-height: 40px
}

h3 {
	font-size: 20px;
	line-height: 40px
}

h4 {
	font-size: 18px;
	line-height: 20px
}

h5 {
	font-size: 14px;
	line-height: 20px
}

h6 {
	font-size: 12px;
	line-height: 20px
}

h1 small {
	font-size: 24px
}

h2 small {
	font-size: 18px
}

h3 small {
	font-size: 14px
}

h4 small {
	font-size: 14px
}

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

ul,
ol {
	padding: 0;
	margin: 0 0 10px 25px
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin-bottom: 0
}

li {
	line-height: 20px
}

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

dl {
	margin-bottom: 20px
}

dt,
dd {
	line-height: 20px
}

dt {
	font-weight: bold
}

dd {
	margin-left: 10px
}

.dl-horizontal {
	*zoom: 1
}

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

.dl-horizontal:after {
	clear: both
}

.dl-horizontal dt {
	float: left;
	width: 160px;
	clear: left;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dl-horizontal dd {
	margin-left: 180px
}

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

abbr[title] {
	cursor: help;
	border-bottom: 1px dotted #9e9e9e
}

abbr.initialism {
	font-size: 90%;
	text-transform: uppercase
}

blockquote {
	padding: 5px 15px;
	margin: 0 0 20px;
	border-left: 5px solid #dfdfdf;
	background-color: #f7f7f9
}

blockquote p {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 25px
}

blockquote small {
	display: block;
	line-height: 20px;
	color: #5d5d5d
}

blockquote small:before {
	content: '\2014 \00A0'
}

blockquote.pull-right {
	padding: 5px 15px;
	border-right: 5px solid #dfdfdf;
	border-left: 0
}

blockquote.pull-right p,
blockquote.pull-right small {
	text-align: right
}

blockquote.pull-right small:before {
	content: ''
}

blockquote.pull-right small:after {
	content: '\00A0 \2014'
}

q:before,
q:after,
blockquote:before,
blockquote:after {
	content: ""
}

address {
	display: block;
	margin-bottom: 20px;
	font-style: normal;
	line-height: 20px
}

.scrollable::-webkit-scrollbar {
	height: 16px;
	width: 10px
}

.scrollable::-webkit-scrollbar-button:start:decrement,
.scrollable::-webkit-scrollbar-button:end:increment {
	background-color: transparent;
	display: block;
	height: 0
}

.scrollable::-webkit-scrollbar-track {
	background-clip: padding-box;
	border: solid transparent;
	border-width: 0 0 0 4px
}

.scrollable::-webkit-scrollbar-track-piece {
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.scrollable::-webkit-scrollbar:hover {
	background-color: #f3f3f3;
	border: 1px solid #dbdbdb
}

.scrollable::-webkit-scrollbar-thumb:vertical,
.scrollable::-webkit-scrollbar-thumb:horizontal {
	background-color: #c6c6c6;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.scrollable::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2);
	border: solid transparent;
	border-width: 0;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
	-moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
	box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
	background-clip: padding-box
}

.scrollable::-webkit-scrollbar-thumb:hover {
	background-color: #949494
}

.scrollable::-webkit-scrollbar-thumb:active {
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35)
}

.btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	*line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333;
	background-color: #dfdfdf;
	*margin-left: .3em;
	border: 0
}

.btn:hover {
	color: #333
}

.btn.disabled,
.btn[disabled] {
	color: #333;
	background-color: #d2d2d2
}

.btn:first-child {
	*margin-left: 0
}

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

.btn.active,
.btn:active {
	outline: 0;
	background-color: #000;
	color: #fff
}

.btn.disabled,
.btn[disabled] {
	cursor: default;
	background-color: #e6e6e6;
	background-image: none;
	opacity: .65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.btn-large {
	padding: 9px 14px;
	font-size: 16px;
	line-height: normal
}

.btn-large [class^="icon-"] {
	margin-top: 2px
}

.btn-small {
	padding: 3px 9px;
	font-size: 12px;
	line-height: 18px
}

.btn-small [class^="icon-"] {
	margin-top: 0
}

.btn-mini {
	padding: 2px 6px;
	font-size: 11px;
	line-height: 17px
}

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

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

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

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
	color: rgba(255, 255, 255, 0.75)
}

.btn {
	border-color: #c5c5c5;
	border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25)
}

.btn-primary {
	color: #fff;
	background-color: #1ba1e2
}

.btn-primary:hover {
	color: #fff
}

.btn-primary.disabled,
.btn-primary[disabled] {
	color: #fff;
	background-color: #1891cb
}

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

.btn-warning:hover {
	color: #fff
}

.btn-warning.disabled,
.btn-warning[disabled] {
	color: #fff;
	background-color: #d78708
}

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

.btn-danger:hover {
	color: #fff
}

.btn-danger.disabled,
.btn-danger[disabled] {
	color: #fff;
	background-color: #cc1200
}

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

.btn-success:hover {
	color: #fff
}

.btn-success.disabled,
.btn-success[disabled] {
	color: #fff;
	background-color: #2d862d
}

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

.btn-info:hover {
	color: #fff
}

.btn-info.disabled,
.btn-info[disabled] {
	color: #fff;
	background-color: #009290
}

.btn-inverse {
	color: #fff;
	background-color: #545454
}

.btn-inverse:hover {
	color: #fff
}

.btn-inverse.disabled,
.btn-inverse[disabled] {
	color: #fff;
	background-color: #474747
}

button.btn,
input[type="submit"].btn {
	*padding-top: 3px;
	*padding-bottom: 3px
}

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

button.btn.btn-large,
input[type="submit"].btn.btn-large {
	*padding-top: 7px;
	*padding-bottom: 7px
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
	*padding-top: 3px;
	*padding-bottom: 3px
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
	*padding-top: 1px;
	*padding-bottom: 1px
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
	background-color: transparent;
	background-image: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.btn-link {
	border-color: transparent;
	cursor: pointer;
	color: #1ba1e2;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.btn-link:hover {
	color: #13709e;
	text-decoration: underline;
	background-color: transparent
}

.btn-link[disabled]:hover {
	color: #545454;
	text-decoration: none
}

form {
	margin: 0 0 20px
}

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

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

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

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

input,
button,
select,
textarea {
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, "寰蒋闆呴粦", sans-serif
}

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

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	display: inline-block;
	height: 20px;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #5d5d5d;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	vertical-align: middle
}

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

textarea {
	height: auto
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.select,
.uneditable-input {
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.select:focus,
.uneditable-input:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6)
}

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

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

select,
input[type="file"] {
	height: 30px;
	*margin-top: 4px;
	line-height: 30px
}

select {
	width: 220px;
	border: 1px solid #ccc;
	background-color: #fff
}

select[multiple],
select[size] {
	height: auto
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.uneditable-input,
.uneditable-textarea {
	color: #9e9e9e;
	background-color: #fcfcfc;
	border-color: #ccc;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
	cursor: not-allowed
}

.uneditable-input {
	overflow: hidden;
	white-space: nowrap
}

.uneditable-textarea {
	width: auto;
	height: auto
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #9e9e9e
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #9e9e9e
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #9e9e9e
}

.radio,
.checkbox {
	min-height: 20px;
	padding-left: 20px;
	vertical-align: middle;
	margin-bottom: 0
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	float: left;
	margin-left: -20px
}

label.radio,
label.checkbox {
	display: inline-block
}

.controls>.radio:first-child,
.controls>.checkbox:first-child {
	padding-top: 5px
}

.radio.inline,
.checkbox.inline {
	display: inline-block;
	padding-top: 5px;
	margin-bottom: 0;
	vertical-align: middle
}

.radio.inline+.radio.inline,
.checkbox.inline+.checkbox.inline {
	margin-left: 10px
}

.input-mini {
	width: 60px
}

.input-small {
	width: 90px
}

.input-medium {
	width: 150px
}

.input-large {
	width: 210px
}

.input-xlarge {
	width: 270px
}

.input-xxlarge {
	width: 530px
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.select[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
	float: none;
	margin-left: 0;
	margin-right: 0
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
	display: inline-block
}

input,
textarea,
.select,
.uneditable-input {
	margin-left: 0
}

.controls-row [class*="span"]+[class*="span"] {
	margin-left: 20px
}

input.span12,
textarea.span12,
.select.span12 .uneditable-input.span12 {
	width: 926px
}

input.span11,
textarea.span11,
.select.span11 .uneditable-input.span11 {
	width: 846px
}

input.span10,
textarea.span10,
.select.span10 .uneditable-input.span10 {
	width: 766px
}

input.span9,
textarea.span9,
.select.span9 .uneditable-input.span9 {
	width: 686px
}

input.span8,
textarea.span8,
.select.span8 .uneditable-input.span8 {
	width: 606px
}

input.span7,
textarea.span7,
.select.span7 .uneditable-input.span7 {
	width: 526px
}

input.span6,
textarea.span6,
.select.span6 .uneditable-input.span6 {
	width: 446px
}

input.span5,
textarea.span5,
.select.span5 .uneditable-input.span5 {
	width: 366px
}

input.span4,
textarea.span4,
.select.span4 .uneditable-input.span4 {
	width: 286px
}

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

input.span2,
textarea.span2,
.select.span2 .uneditable-input.span2 {
	width: 126px
}

input.span1,
textarea.span1,
.select.span1 .uneditable-input.span1 {
	width: 46px
}

.controls-row {
	*zoom: 1
}

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

.controls-row:after {
	clear: both
}

.controls-row [class*="span"] {
	float: left
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
	cursor: not-allowed;
	background-color: #dfdfdf
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
	background-color: transparent
}

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
	color: #f09609
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning .select,
.control-group.warning textarea {
	color: #f09609
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning .select,
.control-group.warning textarea {
	border-color: #f09609;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning .select:focus,
.control-group.warning textarea:focus {
	border-color: #bf7707;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@borderColor, 20%);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@borderColor, 20%);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@borderColor, 20%)
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
	color: #f09609;
	background-color: #f09609;
	border-color: #f09609
}

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
	color: #e51400
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error .select,
.control-group.error textarea {
	color: #e51400
}

.control-group.error input,
.control-group.error select,
.control-group.error .select,
.control-group.error textarea {
	border-color: #e51400;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error .select:focus,
.control-group.error textarea:focus {
	border-color: #b21000;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@borderColor, 20%);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@borderColor, 20%);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@borderColor, 20%)
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
	color: #e51400;
	background-color: #e51400;
	border-color: #e51400
}

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
	color: #393
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success .select,
.control-group.success textarea {
	color: #393
}

.control-group.success input,
.control-group.success select,
.control-group.success .select,
.control-group.success textarea {
	border-color: #393;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success .select:focus,
.control-group.success textarea:focus {
	border-color: #267326;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@borderColor, 20%);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@borderColor, 20%);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@borderColor, 20%)
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
	color: #393;
	background-color: #393;
	border-color: #393
}

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
	color: #00aba9
}

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info .select,
.control-group.info textarea {
	color: #00aba9
}

.control-group.info input,
.control-group.info select,
.control-group.info .select,
.control-group.info textarea {
	border-color: #00aba9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info .select:focus,
.control-group.info textarea:focus {
	border-color: #007877;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@borderColor, 20%);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@borderColor, 20%);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@borderColor, 20%)
}

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
	color: #00aba9;
	background-color: #00aba9;
	border-color: #00aba9
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
	color: #b94a48;
	border-color: #ee5f5b
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	-moz-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7
}

.form-actions {
	padding: 19px 20px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
	*zoom: 1
}

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

.form-actions:after {
	clear: both
}

.help-block,
.help-inline {
	color: #595959
}

.help-block {
	display: block;
	margin-bottom: 10px
}

.help-inline,
.inline {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding-left: 5px
}

.input-append,
.input-prepend {
	margin-bottom: 5px;
	font-size: 0;
	white-space: nowrap
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
	position: relative;
	margin-bottom: 0;
	*margin-left: 0;
	font-size: 14px;
	vertical-align: top;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
	z-index: 2
}

.input-append .add-on,
.input-prepend .add-on {
	display: inline-block;
	width: auto;
	height: 20px;
	min-width: 16px;
	padding: 4px 5px;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	background-color: #dfdfdf;
	border: 1px solid #ccc
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group>.dropdown-toggle,
.input-prepend .btn-group>.dropdown-toggle {
	vertical-align: top;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.input-append .active,
.input-prepend .active {
	background-color: #8cd98c;
	border-color: #393
}

.input-prepend .add-on,
.input-prepend .btn {
	margin-right: -1px
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0
}

.input-append .add-on,
.input-append .btn {
	margin-left: -1px
}

.input-append .add-on:last-child,
.input-append .btn:last-child {
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
	margin-right: -1px;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
	margin-left: -1px;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0
}

input.search-query {
	padding-right: 14px;
	padding-right: 4px \9;
	padding-left: 14px;
	padding-left: 4px \9;
	margin-bottom: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px
}

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.form-search .input-append .search-query {
	-webkit-border-radius: 14px 0 0 14px;
	-moz-border-radius: 14px 0 0 14px;
	border-radius: 14px 0 0 14px
}

.form-search .input-append .btn {
	-webkit-border-radius: 0 14px 14px 0;
	-moz-border-radius: 0 14px 14px 0;
	border-radius: 0 14px 14px 0
}

.form-search .input-prepend .search-query {
	-webkit-border-radius: 0 14px 14px 0;
	-moz-border-radius: 0 14px 14px 0;
	border-radius: 0 14px 14px 0
}

.form-search .input-prepend .btn {
	-webkit-border-radius: 14px 0 0 14px;
	-moz-border-radius: 14px 0 0 14px;
	border-radius: 14px 0 0 14px
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-bottom: 0;
	vertical-align: middle
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
	display: none
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
	display: inline-block
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
	margin-bottom: 0
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
	padding-left: 0;
	margin-bottom: 0;
	vertical-align: middle
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
	float: left;
	margin-right: 3px;
	margin-left: 0
}

.control-group {
	margin-bottom: 10px
}

legend+.control-group {
	margin-top: 20px;
	-webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
	margin-bottom: 20px;
	*zoom: 1
}

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

.form-horizontal .control-group:after {
	clear: both
}

.form-horizontal .control-label {
	float: left;
	width: 160px;
	padding-top: 5px;
	text-align: right
}

.form-horizontal .controls {
	*display: inline-block;
	*padding-left: 20px;
	margin-left: 180px;
	*margin-left: 0
}

.form-horizontal .controls:first-child {
	*padding-left: 180px
}

.form-horizontal .help-block {
	margin-bottom: 0
}

.form-horizontal input+.help-block,
.form-horizontal select+.help-block,
.form-horizontal textarea+.help-block {
	margin-top: 10px
}

.form-horizontal .form-actions {
	padding-left: 180px
}

.openbox {
	position: absolute;
	visibility: hidden;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2)
}

.openbox .loading {
	min-width: 320px;
	min-height: 180px
}

.openbox .close {
	color: #545454;
	position: absolute;
	right: 4px;
	top: 6px;
	font-size: 35px
}

.openbox .openbox-drag {
	cursor: move
}

.openbox .openbox-resize {
	position: absolute;
	width: 10px;
	height: 10px;
	right: 2px;
	bottom: 2px;
	border: 2px solid #dfdfdf;
	border-color: transparent #dfdfdf #dfdfdf transparent;
	cursor: se-resize
}

.openbox .openbox-resize:hover,
.openbox .openbox-resize:active {
	border-color: transparent #5d5d5d #5d5d5d transparent
}

.openbox-title {
	border-bottom: 1px solid #f5f5f5;
	position: relative;
	padding: 0 60px 0 20px;
	height: 45px;
	background-color: #f5f5f5
}

.openbox-title h3 {
	margin: 0;
	font-size: 20px;
	line-height: 45px;
	color: #545454;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.openbox-body {
	position: relative
}

.openbox-content {
	padding: 0 20px;
	margin-top: 20px
}

.openbox-content:last-child {
	margin-bottom: 20px
}

.openbox-buttons {
	padding: 7px;
	background-color: #f5f5f5;
	text-align: right
}

.openbox-buttons button {
	margin-right: 7px
}

.openbox-buttons button:last-child {
	margin-right: 0
}

.openbox-image .openbox-bottom {
	border-width: 0;
	padding: 0 10px;
	height: 44px;
	line-height: 44px
}

.openbox-image .openbox-bottom a {
	color: #000;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	opacity: .3;
	filter: alpha(opacity=30)
}

.openbox-image .openbox-bottom a:not(.disabled):hover,
.openbox-image .openbox-bottom a:not(.disabled):active {
	opacity: 1;
	filter: alpha(opacity=100)
}

.openbox-image .openbox-bottom a.disabled {
	cursor: default;
	opacity: .08;
	filter: alpha(opacity=8)
}

.openbox-image .openbox-bottom a.image-close {
	float: right;
	width: 32px
}

.openbox-image .openbox-tip {
	background-color: rgba(255, 255, 255, 0.6);
	font-size: 12px;
	position: absolute;
	width: 100%;
	cursor: pointer;
	bottom: 0
}

.openbox-image .openbox-tip p {
	margin: 0;
	padding: 5px 7px
}

.openbox-image .openbox-body {
	margin: 8px 8px 0;
	position: relative
}

.openbox-alert {
	color: #fff;
	background-color: #1ba1e2
}

.openbox-alert h4 {
	margin: 0
}

.openbox-alert.success {
	background-color: #393
}

.openbox-alert.warning {
	background-color: #f09609
}

.openbox-alert.danger {
	background-color: #e51400
}

.openbox-alert.info {
	background-color: #00aba9
}

.openbox-alert .openbox-buttons {
	background-color: transparent
}

.openbox-alert .btn {
	background-color: #fff
}

.openbox-alert .btn:active {
	background-color: #000
}

.mask-loading {
	opacity: .5;
	filter: alpha(opacity=50);
	background: #ccc url(../img/circle-loader.gif) no-repeat center
}

html,
body {
	height: 100%
}

body {
	background: #222 url(../magazineImg/bg-line.png) repeat
}

a,
a:hover,
a:focus {
	color: #333
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden
}

.noborder {
	border-width: 0
}

.bg-body {
	background: url(../img/bg-body.jpg) repeat-x;
	width: 100%;
	height: 670px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.login-partial {
	width: 515px;
	height: 315px;
	background: url(img/login-partial.jpg) no-repeat
}

.login-partial form {
	margin: 0
}

.login-partial input {
	position: absolute;
	left: 262px;
	width: 199px;
	height: 33px;
	line-height: 33px;
	border-width: 0;
	background-color: #f0ebe8;
	opacity: .05;
	filter: alpha(opacity=5)
}

.login-partial input.active {
	opacity: .99;
	filter: alpha(opacity=99)
}

.login-partial input.email {
	top: 82px
}

.login-partial input.password {
	top: 124px
}

.login-partial input.error {
	color: #fff;
	background-color: #e51400
}

.login-partial button {
	width: 82px;
	height: 32px;
	position: absolute;
	border: 0;
	left: 283px;
	top: 190px;
	background: transparent url(../img/login-button.png) no-repeat
}

.login-partial a.register {
	width: 82px;
	height: 32px;
	position: absolute;
	display: block;
	left: 375px;
	top: 190px;
	background: url(img/login-button.png) no-repeat 0 -32px
}

.login-partial a.weibo {
	position: absolute;
	left: 320px;
	top: 240px
}

.container {
	width: 908px;
	position: relative;
	z-index: 2
}

.load-more {
	display: block;
	line-height: 50px;
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #b3b3b3;
	text-align: center
}

.load-more img {
	margin-top: -5px
}

.load-more .gif {
	display: none
}

.load-more.loading .gif {
	display: inline
}

.load-more.loading .png {
	display: none
}

.hr,
hr {
	width: 908px;
	position: relative;
	margin: 0 auto;
	border-top: dashed 1px #000;
	height: 20px
}

hr {
	width: 100%;
	border-bottom: 0
}

.header {
	position: relative;
	margin-bottom: 40px;
	z-index: 999;
	height: 109px
}

.header .top {
	height: 55px;
	position: relative;
	background: url(img/logo1.png) no-repeat left bottom
}

.header .top .login {
	position: absolute;
	top: 10px;
	right: 10px
}

.header .nav {
	width: 100%;
	height: 54px;
	background: #222;
	z-index: 999
}

.header .nav .logo {
	background: url(img/logo2.png) no-repeat;
	width: 109px;
	height: 54px;
	display: inline-block;
	float: left
}

.header .nav .search {
	width: 190px;
	height: 54px;
	float: right;
	position: relative
}

.header .nav .search input {
	margin-top: 14px;
	width: 160px;
	padding: 0 23px 0 5px;
	height: 24px;
	line-height: 24px;
	border: solid 1px #f9cc00;
	position: relative
}

.header .nav .search input.error {
	border-color: #e51400
}

.header .nav .search button {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 15px;
	right: 1px;
	border: 0;
	background: #fff url(img/icon-search.png) no-repeat right 50%
}

.header .nav .menu {
	color: #fff;
	float: right
}

.header .nav .menu a {
	color: #fff
}

.header .nav .menu .more {
	position: relative
}

.header .nav .menu .more i {
	width: 12px;
	line-height: 14px;
	position: relative;
	top: -3px
}

.header .nav .menu .more ul {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #222;
	display: none
}

.header .nav .menu .more ul li {
	width: 160px
}

.header .nav .menu .more ul li a {
	left: 0;
	right: 0;
	height: 40px;
	line-height: 40px
}

.header .nav .menu .more:hover ul,
.header .nav .menu .more:active ul {
	display: block
}

.header .nav .menu .menu-wrapper {
	margin-right: 20px
}

.header .nav .menu .menu-wrapper ul {
	margin: 0
}

.header .nav .menu .menu-wrapper li {
	display: block;
	float: left
}

.header .nav .menu .menu-wrapper a,
.header .nav .menu .menu-wrapper label {
	height: 54px;
	line-height: 54px;
	padding: 0 20px;
	font-size: 18px;
	font-weight: blod;
	display: block;
	margin: 0;
	cursor: pointer
}

.header .nav .menu .menu-wrapper a:hover,
.header .nav .menu .menu-wrapper a:focus,
.header .nav .menu .menu-wrapper .active {
	background-color: #f9cc00;
	color: #222
}

.header .tablet-menu {
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 999;
	background-color: #333;
	display: none;
	opacity: .9;
	filter: alpha(opacity=90)
}

.header .tablet-menu ul {
	padding-top: 15px
}

.header .tablet-menu li {
	width: 150px;
	display: block;
	float: left
}

.header .tablet-menu li a {
	color: #fff;
	left: 0;
	right: 0;
	display: block;
	padding-left: 20px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: blod
}

.header .tablet-menu li a:hover,
.header .tablet-menu li a:focus,
.header .tablet-menu li a.active {
	background-color: #f9cc00;
	color: #222
}

.header .tablet-menu.active {
	display: block
}

.header.fixed .nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 40px;
	opacity: .9;
	filter: alpha(opacity=90)
}

.header.fixed .logo {
	background: url(img/logo3.png) no-repeat;
	width: 81px;
	height: 40px
}

.header.fixed .search {
	height: 40px
}

.header.fixed .search input {
	margin-top: 6px
}

.header.fixed .search button {
	top: 7px
}

.header.fixed .menu .menu-wrapper label,
.header.fixed .menu .menu-wrapper a {
	height: 40px;
	line-height: 40px
}

.header.fixed .tablet-menu {
	position: fixed;
	top: 40px
}

.footer {
	margin-top: 40px;
	background-color: #000;
	padding: 40px 0;
	text-align: center;
	color: #6a6d42;
	position: relative;
	z-index: 2
}

.footer hr {
	border-color: #6a6d42
}

.footer .links {
	margin-bottom: 40px
}

.footer .links a {
	padding: 0 20px;
	line-height: 14px;
	height: 14px;
	margin-bottom: 8px;
	border-right: 1px solid #f9cc00;
	display: inline-block;
	color: #f9cc00
}

.footer .links a:last-child {
	border-width: 0
}

.footer .sitelink label {
	color: #f9cc00
}

.footer .sitelink ul {
	margin: 10px auto 15px;
	text-align: center;
	display: inline-block
}

.footer .sitelink ul li {
	float: left;
	margin: 0 10px 10px
}

.footer .sitelink ul li a {
	color: #6a6d42;
	display: inline-block
}

h2 {
	margin: 0 0 30px;
	font-size: 24px
}

.search-title {
	height: 50px;
	border-bottom: dashed 1px #000
}

.search-list {
	min-height: 500px
}

.not-found {
	padding: 100px 0 200px;
	text-align: center
}

.not-found label {
	margin-top: 20px
}

.not-found label span {
	font-weight: bold
}

.main-story {
	width: 704px;
	margin-bottom: 40px
}

.main-story img.heading {
	width: 100%
}

.main-story h4 {
	clear: both;
	font-weight: bold
}

.main-story .title {
	margin-bottom: 40px;
	border-bottom: dashed 1px #000
}

.main-story .title h2 {
	font-weight: bold;
	margin: 0
}

.main-story .title .info {
	margin: 15px 0 5px
}

.main-story .story-content {
	margin-bottom: 40px;
	line-height: 24px
}

.main-story .story-content p {
	text-indent: 2em
}

.main-story .story-content p img {
	margin-left: -2em
}

.main-story .story-content iframe {
	width: 100%;
	display: block;
	margin: 0 auto;
	height: 440px
}

.main-story .full-picture.hidden {
	display: none
}

.main-story .full-picture .img {
	position: relative
}

.main-story .full-picture .img img {
	width: 100%
}

.main-story .full-picture .img a {
	position: absolute;
	display: block;
	height: 100px;
	width: 100px;
	top: 50%;
	margin-top: -50px;
	left: 0;
	background: url(img/jt_left.png) no-repeat;
	opacity: .45;
	filter: alpha(opacity=45)
}

.main-story .full-picture .img a img {
	display: none;
	width: 92px;
	height: 92px;
	border: solid 4px #fff;
	position: absolute;
	left: 100px
}

.main-story .full-picture .img a.right {
	left: auto;
	right: 0;
	background: url(img/jt_right.png) no-repeat
}

.main-story .full-picture .img a.right img {
	left: -100px
}

.main-story .full-picture .img a:hover {
	opacity: .9;
	filter: alpha(opacity=90)
}

.main-story .full-picture .img a:hover img {
	display: block
}

.main-story .full-picture label {
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
	text-align: center;
	background-color: #222;
	color: #fff
}

.main-story .full-picture label a {
	color: #fff;
	display: inline-block;
	padding: 7px 20px 5px 20px
}

.main-story .gallery-wrapper {
	width: 720px;
	margin-bottom: 20px
}

.main-story .gallery-wrapper .gallery {
	float: left;
	margin: 0 8px 8px 0
}

.main-story .gallery-wrapper .gallery img {
	width: 170px;
	height: 170px
}

.main-story .gallery-wrapper .gallery.first img {
	width: 348px;
	height: 348px
}

.main-story .gallery-wrapper .hidden {
	display: none
}

.main-story .gallery-wrapper .load {
	font-weight: bold
}

.main-story .share,
.main .share {
	float: right;
	padding: 5px 0
}

.main-story .share:after,
.main .share:after {
	content: '';
	clear: both
}

.right-side {
	width: 164px;
	position: absolute;
	top: 0;
	right: 0
}

.right-side .tile {
	width: 100%;
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: top;
	font-size: 12px\9
}

.right-side .tile img {
	width: 100%
}

.right-side .tile h5 {
	font-weight: bold;
	line-height: 20px;
	padding: 5px 0;
	margin: 0
}

.overflow {
	width: 940px
}

.tile-half,
.tile-full {
	display: inline-block;
	position: relative;
	padding-left: 240px;
	width: 199px;
	min-height: 220px;
	vertical-align: top;
	margin: 0 30px 40px 0
}

.tile-half img,
.tile-full img {
	width: 220px;
	height: 220px;
	position: absolute;
	left: 0;
	top: 0
}

.tile-half h4,
.tile-full h4 {
	font-weight: bold;
	margin-top: 0
}

.tile-half p,
.tile-full p {
	margin: 10px 0 0
}

.tile-full {
	width: auto;
	left: 0;
	right: 0;
	padding-left: 290px;
	min-height: 260px;
	margin: 0 0 30px
}

.tile-full img {
	width: 260px;
	height: 260px
}

.history li {
	display: block;
	float: left;
	margin: 0 8px 8px 0
}

.history li a {
	display: block;
	width: 221px;
	height: 221px;
	overflow: hidden;
	position: relative
}

.history li a .img {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden
}

.history li a .desc {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	position: absolute;
	color: #fff;
	background-color: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	display: none
}

.history li a .desc h5 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0
}

.history li a .desc label {
	cursor: pointer
}

.history li a .desc .read-more {
	position: absolute;
	right: 10px;
	bottom: 0
}

.history li a img {
	width: 100%;
	height: auto
}

.history li a:hover .desc,
.history li a:focus .desc {
	display: block
}

.category-list li {
	display: block;
	float: left;
	margin: 0 8px 8px 0
}

.category-list li a {
	display: block;
	width: 221px;
	overflow: hidden;
	position: relative
}

.category-list li a .img {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	opacity: .8;
	filter: alpha(opacity=80)
}

.category-list li a img {
	width: 100%;
	height: auto
}

.category-list li a .desc {
	margin-top: 15px;
	left: 0;
	right: 0;
	height: 160px
}

.category-list li a .desc h5 {
	font-size: 16px;
	font-weight: bold;
	text-style: italic;
	margin-top: 0
}

.category-list li a:hover .img,
.category-list li a:focus .img {
	opacity: 1;
	filter: alpha(opacity=100)
}

.story-view {
	min-height: 800px
}

.story-relative-list {
	width: 734px
}

.story-relative-list h3 {
	margin-bottom: 40px
}

.story-relative-list .tile-relative {
	position: relative;
	width: 50%;
	float: left
}

.story-relative-list .tile-relative a {
	display: block;
	padding: 0 30px 0 100px;
	height: 130px
}

.story-relative-list .tile-relative a h5 {
	margin: 0;
	font-weight: bold
}

.story-relative-list .tile-relative a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px
}

.about {
	padding-right: 380px;
	position: relative;
	line-height: 22px
}

.about h4 {
	font-weight: bold;
	font-size: 18px;
	margin: 20px 0
}

.about p {
	text-indent: 2em
}

.about .img-history {
	position: absolute;
	right: 0;
	top: 0
}

.contact {
	height: 566px;
	position: relative
}

.contact .img {
	z-index: 3;
	position: absolute;
	width: 100%;
	height: 566px;
	overflow: hidden
}

.contact .img img {
	max-width: none
}

.contact .desc {
	padding: 20px;
	border: solid 2px #f9cc00;
	position: absolute;
	background-color: #fff;
	opacity: .85;
	filter: alpha(opacity=85);
	line-height: 30px;
	right: 40px;
	top: 60px;
	width: 300px;
	z-index: 4
}

.events-list .buttons {
	margin-bottom: 30px
}

.events-list .buttons a {
	display: inline-block;
	height: 32px;
	width: 94px;
	margin-right: 24px;
	background: url(img/event-btns.png) no-repeat
}

.events-list .buttons a.active {
	background-position: 0 -32px
}

.events-list .buttons a.end {
	background-position: 0 -64px
}

.events-list .event {
	margin-bottom: 70px
}

.events-list .event h3 {
	margin: 0;
	font-weight: bold
}

.events-list .event label {
	margin: 0
}

.events-list .event img {
	width: 100%;
	margin: 20px 0
}

.events-list .event .desc {
	font-size: 16px;
	line-height: 26px;
	text-indent: 2em
}

.event-view {
	position: relative
}

.event-view .heading {
	width: 100%;
	margin-bottom: 30px
}

.event-view .main {
	background-color: #fff;
	padding: 10px;
	margin-right: 360px;
	line-height: 24px
}

.event-view .main h3 {
	margin: 0;
	font-weight: bold
}

.event-view .main label {
	margin-bottom: 20px
}

.event-view .main p {
	text-indent: 2em
}

.event-view .main p img {
	margin-left: -2em
}

.event-view .member {
	padding-top: 90px;
	margin-top: 30px;
	background: #f8c820 url(img/ban-member-club.png) no-repeat
}

.event-view .remark {
	width: 330px;
	max-height: 800px;
	overflow: auto;
	position: absolute;
	top: 0;
	right: 0
}

.event-view .remark .join {
	display: block;
	padding: 16px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	background-color: #1ba1e2;
	color: #fff;
	margin-bottom: 20px
}

.event-view .remark .joined {
	background-color: #999
}

.event-view .imgs-title {
	background-color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 0 10px;
	height: 50px;
	line-height: 50px;
	border-left: solid 8px #f8c820;
	position: relative
}

.event-view .imgs-title a {
	display: inline-block;
	height: 32px;
	width: 94px;
	background: url(img/event-btns.png) no-repeat 0 -96px;
	position: absolute;
	right: 10px;
	top: 9px
}

.event-view .imgs-title a.back {
	background: none;
	font-size: 14px;
	width: auto;
	height: auto;
	top: -24px
}

.event-view .imgs-list {
	padding-right: 0
}

.event-view .imgs-list .event-img {
	width: 33.3333%;
	margin-bottom: 10px;
	float: left;
	line-height: 18px
}

.event-view .imgs-list .event-img .img {
	display: block;
	padding-right: 10px
}

.event-view .imgs-list .event-img .img img {
	width: 100%
}

.event-view .imgs-list .event-img span {
	font-size: 12px
}

.event-view .img-view {
	text-align: center;
	padding: 20px 10px 30px
}

.event-view .img-view .img-nav {
	margin-bottom: 15px
}

.event-view .img-view .desc {
	text-align: left
}

.event-view .img-view .auth {
	text-align: left;
	margin-top: 30px
}

.event-view .load-more {
	margin-right: 10px
}

div.register {
	position: relative;
	margin: 30px 0 50px
}

div.register .third-contact {
	display: none;
	width: 363px;
	position: absolute;
	top: 0;
	right: 0
}

div.register .third-contact a {
	display: block;
	margin-bottom: 20px
}

div.register .third-parts {
	position: absolute;
	left: 460px;
	top: 0
}

div.register .third-parts a {
	display: block;
	margin-top: 20px
}

div.register .form-horizontal legend {
	font-weight: bold;
	border: 0;
	margin-bottom: 10px
}

div.register .form-horizontal .control-label {
	width: 60px
}

div.register .form-horizontal .controls {
	margin-left: 80px
}

div.register .form-horizontal .controls input,
div.register .form-horizontal .controls textarea {
	width: 280px
}

div.register .form-horizontal button.ok {
	width: 82px;
	height: 32px;
	border: 0;
	background: transparent url(img/login-button.png) no-repeat 0 -64px
}

div.order .third-contact {
	top: 30px;
	right: 100px
}

.magazine-top {
	background-color: #fff;
	padding: 20px 0;
	height: 357px
}

.magazine-top .left {
	padding-left: 280px;
	width: 160px;
	position: relative;
	float: left;
	height: 357px;
	overflow: hidden;
	border-right: dashed 1px #000
}

.magazine-top .left label {
	font-size: 18px;
	margin: 10px 0 0
}

.magazine-top .left h3 {
	line-height: 20px;
	font-weight: bold;
	margin: 0 0 5px
}

.magazine-top .left span {
	font-size: 14px;
	font-weight: bold
}

.magazine-top .left img {
	position: absolute;
	left: 10px;
	top: 0;
	width: 250px
}

.magazine-top .left a.lnk {
	display: block;
	margin-top: 10px;
	width: 94px;
	height: 32px;
	background: url(../magazineImg/magazine-btn.jpg) no-repeat
}

.magazine-top .left a.lnk.download {
	background-position: 0 -32px
}

.magazine-top .desc {
	margin-left: 440px;
	padding: 0 40px;
	font-size: 16px;
	line-height: 24px
}

.magazine-list {
	margin-top: 40px
}

.magazine-list ul li {
	width: 250px;
	float: left;
	margin: 0 33px 30px 0;
	position: relative
}

.magazine-list ul li a img {
	width: 100%
}

.magazine-list ul li a .desc {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	color: #fff;
	text-align: right
}

.magazine-list ul li a .desc div {
	padding: 20px
}

.magazine-list ul li a .desc div label {
	font-size: 16px
}

.magazine-list ul li a .desc div h4 {
	margin: 0
}

.magazine-list ul li a .desc .readmore {
	position: absolute;
	right: 20px;
	bottom: 20px
}

.magazine-list ul li a:hover .desc {
	display: block
}

.magazine-view-top {
	height: 40px;
	padding: 5px;
	background-color: #ccc;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100
}

.magazine-view-top ul li {
	display: inline-block;
	vertical-align: middle
}

.magazine-view-top ul li input {
	width: 40px;
	padding: 8px 6px;
	border: solid 1px #666;
	text-align: center;
	margin: 0
}

.magazine-view-top ul li a {
	display: block;
	width: 40px;
	height: 40px;
	/* background: url(/resources/templates/jtgw/magazineImg/magazine-btn.jpg) no-repeat */
}

.magazine-view-top ul li a.min {
	background-position: -40px 0
}

.magazine-view-top ul li a.begin {
	background-position: -160px 0
}

.magazine-view-top ul li a.pre {
	background-position: -200px 0
}

.magazine-view-top ul li a.next {
	background-position: -321px 0
}

.magazine-view-top ul li a.end {
	background-position: -361px 0
}

.magazine-view-top ul li a.goto {
	width: 82px;
	background-position: -240px 0
}

.magazine-view-bottom {
	height: 20px;
	padding: 15px;
	background-color: #ccc;
	position: fixed;
	text-align: center;
	color: #999;
	font-size: 18px;
	font-weight: bold;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 97
}

.magazine-view-content {
	background-color: #fff;
	position: fixed;
	padding: 20px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 50px;
	margin-top: 50px;
	overflow: hidden;
	text-align: center;
	z-index: 96
}

.magazine-view-content img {
	max-height: 100%
}

.magazine-view-content.max {
	padding: 0;
	position: absolute;
	z-index: 99
}

.magazine-view-content.max img {
	cursor: pointer;
	left: 0;
	top: 0;
	position: absolute;
	width: 2560px;
	height: 1814px;
	max-width: 2560px;
	max-height: 1814px
}
.magazine-view-content.maxj img {
	cursor: pointer;
	left: 0;
	top: 0;
	position: absolute;
	width: 2560px;
	height: 3698px;
	max-width: 2560px;
	max-height: 3698px
}
.magazine-view-content.max.mobi {
	overflow: visible;
	position: relative
}

.vote-list li .desc {
	padding: 5px 0;
	height: 40px
}

.vote-list li .desc h5 {
	margin: 0
}

.vote-list li .desc a {
	color: #1ba1e2
}

.visible-320 {
	display: none !important
}

.hidden-320 {
	display: inherit !important
}

.visible-phone {
	display: none !important
}

.visible-tablet {
	display: none !important
}

.hidden-desktop {
	display: none !important
}

.visible-desktop {
	display: inherit !important
}

@media (min-width:768px) and (max-width:979px) {
	.hidden-desktop {
		display: inherit !important
	}
	.visible-desktop {
		display: none !important
	}
	.visible-tablet {
		display: inherit !important
	}
	.hidden-tablet {
		display: none !important
	}
}

@media (max-width:767px) {
	.hidden-desktop {
		display: inherit !important
	}
	.visible-desktop {
		display: none !important
	}
	.visible-phone {
		display: inherit !important
	}
	.hidden-phone {
		display: none !important
	}
}

@media (max-width:479px) {
	.visible-320 {
		display: inherit !important
	}
	.hidden-320 {
		display: none !important
	}
}

@media (max-width:979px) {
	.event-view .main {
		margin-right: 0
	}
	.event-view .remark {
		width: auto;
		position: relative;
		max-height: auto
	}
}

@media (min-width:1200px) {
	.container,
	.hr {
		width: 1100px
	}
	.main-story {
		width: 890px
	}
	.main-story .story-content iframe {
		height: 540px
	}
	.main-story .gallery-wrapper {
		width: 910px
	}
	.main-story .gallery-wrapper .gallery {
		margin: 0 10px 10px 0
	}
	.main-story .gallery-wrapper .gallery img {
		width: 215px;
		height: 215px
	}
	.main-story .gallery-wrapper .gallery.first img {
		width: 440px;
		height: 440px
	}
	.overflow {
		width: 1140px
	}
	.tile-half {
		width: 290px
	}
	.history li {
		margin: 0 1px 1px 0
	}
	.history li a {
		width: 219px;
		height: 219px
	}
	.history li:first-child a {
		width: 439px;
		height: 439px
	}
	.history li:first-child a .desc {
		padding: 100px 50px 0
	}
	.recommend .tile-full {
		margin-bottom: 80px
	}
	.category-list li {
		margin: 0 1px 1px 0
	}
	.category-list li a {
		width: 219px
	}
	.category-list li a .desc {
		padding: 0 10px
	}
	.story-relative-list {
		width: 920px
	}
	div.register .third-contact {
		display: block
	}
}

@media only screen and (min-width:980px) and (max-width:1199px) {
	.main-story {
		min-height: 540px
	}
	.recommend .tile-full {
		margin-bottom: 80px
	}
	.magazine-list ul li {
		width: 209px;
		margin-right: 24px
	}
}

@media only screen and (min-width:768px) and (max-width:979px) {
	.container,
	.hr {
		width: 704px
	}
	.right-side {
		border-top: dashed 1px #000;
		position: relative;
		margin: 0 auto;
		width: 100%;
		padding-top: 40px
	}
	.right-side .tile {
		width: 157px;
		height: 164px;
		padding-left: 180px;
		position: relative
	}
	.right-side .tile img {
		position: absolute;
		width: 164px;
		height: 164px;
		left: 0;
		top: 0
	}
	.right-side .tile:first-child {
		margin-right: 30px
	}
	.overflow {
		left: 0;
		right: 0;
		width: auto
	}
	.tile-half {
		width: auto;
		left: 0;
		right: 0;
		margin-right: 0
	}
	.tile-full {
		padding-left: 240px
	}
	.tile-full img {
		width: 220px;
		height: 220px
	}
	.history .overflow {
		width: 720px
	}
	.history li {
		margin: 0 10px 10px 0
	}
	.history li a {
		width: 228px;
		height: 228px
	}
	.category-list .overflow {
		width: 720px
	}
	.category-list li {
		margin: 0 10px 10px 0
	}
	.category-list li a {
		width: 228px
	}
	.about {
		padding: 0
	}
	.about .img-history {
		display: none
	}
	.contact {
		height: auto
	}
	.contact .img {
		position: relative
	}
	.contact .desc {
		border-width: 0;
		background-color: transparent;
		right: 0;
		top: 0;
		width: auto;
		position: relative
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.container,
	.hr {
		width: auto;
		margin: 0 20px;
		min-width: 440px
	}
	.main-story {
		width: 100%
	}
	.main-story .story-content iframe {
		width: 440px;
		height: 300px
	}
	.main-story .gallery-wrapper {
		width: auto;
		left: 0;
		right: 0;
		margin-right: -10px
	}
	.main-story .gallery-wrapper .gallery,
	.main-story .gallery-wrapper .gallery.first,
	.main-story .gallery-wrapper .load {
		width: 33.333%;
		margin: 0
	}
	.main-story .gallery-wrapper .gallery a,
	.main-story .gallery-wrapper .gallery.first a,
	.main-story .gallery-wrapper .load a {
		width: 100%;
		height: 100%;
		display: block;
		padding: 0 10px 10px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.main-story .gallery-wrapper .gallery a .img,
	.main-story .gallery-wrapper .gallery.first a .img,
	.main-story .gallery-wrapper .load a .img {
		width: 100%;
		height: 0;
		padding-bottom: 100%
	}
	.main-story .gallery-wrapper .gallery a img,
	.main-story .gallery-wrapper .gallery.first a img,
	.main-story .gallery-wrapper .load a img {
		width: 100%;
		height: auto
	}
	.main-story .gallery-wrapper .load {
		float: left;
		text-align: center
	}
	.main-story .gallery-wrapper .load .img {
		background-color: #ddd;
		position: relative
	}
	.main-story .gallery-wrapper .load .img label {
		position: absolute;
		width: 100%;
		top: 50%;
		margin-top: -10px
	}
	.right-side {
		border-top: dashed 1px #000;
		position: relative;
		margin: 0 auto;
		width: 100%;
		padding-top: 30px
	}
	.right-side .tile {
		width: 47%
	}
	.right-side .tile:first-child {
		margin-right: 6%
	}
	.overflow {
		left: 0;
		right: 0;
		width: auto
	}
	.tile-half,
	.tile-full {
		width: auto;
		left: 0;
		right: 0;
		margin-right: 0;
		padding-left: 180px;
		min-height: 164px
	}
	.tile-half img,
	.tile-full img {
		width: 164px;
		height: 164px
	}
	.history,
	.category-list {
		margin-right: 10px
	}
	.history li,
	.category-list li {
		width: 33.333%;
		margin: 0
	}
	.history li a,
	.category-list li a {
		width: 100%;
		height: 100%;
		padding: 0 10px 10px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.history li a .desc,
	.category-list li a .desc {
		right: 10px;
		bottom: 10px
	}
	.category-list .desc {
		padding: 0
	}
	.story-relative-list {
		width: auto
	}
	.story-relative-list .tile-relative {
		width: 100%;
		height: 110px;
		padding-right: 0
	}
	.about {
		padding: 0
	}
	.about .img-history {
		display: none
	}
	.contact {
		height: auto
	}
	.contact .img {
		position: relative
	}
	.contact .desc {
		border-width: 0;
		background-color: transparent;
		right: 0;
		top: 0;
		width: auto;
		position: relative
	}
	div.register .third-parts {
		margin-top: 40px;
		position: relative;
		left: 0;
		top: 0
	}
}

@media only screen and (min-width:0) and (max-width:479px) {
	.container,
	.hr {
		width: auto;
		margin: 0 10px;
		min-width: 300px
	}
	.header .search {
		display: none
	}
	.main-story {
		width: 100%
	}
	.main-story .story-content iframe {
		width: 300px;
		height: 240px
	}
	.main-story .gallery-wrapper {
		width: auto;
		left: 0;
		right: 0;
		margin-right: -10px
	}
	.main-story .gallery-wrapper .gallery,
	.main-story .gallery-wrapper .gallery.first,
	.main-story .gallery-wrapper .load {
		width: 50%;
		margin: 0
	}
	.main-story .gallery-wrapper .gallery a,
	.main-story .gallery-wrapper .gallery.first a,
	.main-story .gallery-wrapper .load a {
		width: 100%;
		height: 100%;
		display: block;
		padding: 0 10px 10px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.main-story .gallery-wrapper .gallery a .img,
	.main-story .gallery-wrapper .gallery.first a .img,
	.main-story .gallery-wrapper .load a .img {
		width: 100%;
		height: 0;
		padding-bottom: 100%
	}
	.main-story .gallery-wrapper .gallery a img,
	.main-story .gallery-wrapper .gallery.first a img,
	.main-story .gallery-wrapper .load a img {
		width: 100%;
		height: auto
	}
	.main-story .gallery-wrapper .load {
		float: left;
		text-align: center
	}
	.main-story .gallery-wrapper .load .img {
		background-color: #ddd;
		position: relative
	}
	.main-story .gallery-wrapper .load .img label {
		position: absolute;
		width: 100%;
		top: 50%;
		margin-top: -10px
	}
	.right-side {
		border-top: dashed 1px #000;
		position: relative;
		margin: 0 auto;
		width: 100%;
		padding-top: 30px
	}
	.right-side .tile {
		width: 47%
	}
	.right-side .tile:first-child {
		margin-right: 6%
	}
	.search-list {
		min-height: 0
	}
	.overflow {
		left: 0;
		right: 0;
		width: auto
	}
	.tile-half,
	.tile-full {
		width: auto;
		left: 0;
		right: 0;
		margin: 0 0 30px;
		padding-left: 140px;
		min-height: 120px
	}
	.tile-half img,
	.tile-full img {
		width: 120px;
		height: 120px
	}
	.history,
	.category-list {
		margin-right: 0
	}
	.history li,
	.category-list li {
		margin: 0;
		width: 50%
	}
	.history li a,
	.category-list li a {
		width: 100%;
		height: 100%;
		padding: 0 10px 10px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.history li a .desc,
	.category-list li a .desc {
		padding: 10px;
		right: 10px;
		bottom: 10px
	}
	.category-list li a .desc {
		padding: 0
	}
	.story-relative-list {
		width: auto
	}
	.story-relative-list .tile-relative {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px
	}
	.story-relative-list .tile-relative a {
		min-height: 80px;
		height: auto
	}
	.about {
		padding: 0
	}
	.about .img-history {
		display: none
	}
	.contact {
		height: auto
	}
	.contact .img {
		position: relative;
		height: auto
	}
	.contact .img img {
		width: 100%
	}
	.contact .desc {
		border-width: 0;
		background-color: transparent;
		right: 0;
		top: 0;
		width: auto;
		position: relative
	}
	div.register .form-horizontal .controls input {
		width: 200px
	}
	div.register .third-parts {
		margin-top: 40px;
		position: relative;
		left: 0;
		top: 0
	}
}