/* See http://code.google.com/p/minify/wiki/CommonProblems#@imports_can_appear_in_invalid_locations_in_combined_CSS_files */
@import url(/static/css/kickstart-buttons.css);
@import url(/static/css/kickstart-forms.css);
@import url(/static/css/kickstart-menus.css);
@import url(/static/css/kickstart-grid.css);
@import url(/static/css/jquery.fancybox-1.3.4.css);
@import url(/static/css/kickstart-slideshow.css);
@import url(/static/css/prettify.css);
@import url(/static/css/tiptip.css);
@import url(/static/css/fonts/font-awesome-4.2.0/css/font-awesome.min.css);

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

a {
	color: #fff;
	outline: 0
}

a:link {
	text-decoration: none;
}

li {
	display: list-item;
	text-align: -webkit-match-parent;
}

a:active {
	color: inherit
}

a:visited {}

a:hover {}

a img {
	border: 0
}

a [class^="icon-"] {
	color: inherit;
	text-decoration: none
}

strong,
b {
	color: #000;
	font-weight: bold
}

strike {}

em,
i {}

.hide {
	display: none
}

.show {
	display: block
}

.center {
	text-align: center
}

.left {
	text-align: left
}

.right {
	text-align: right
}

hr {
	clear: both;
	border-bottom: 0;
	border-top: 1px dotted #ccc;
	border-right: 0;
	border-left: 0;
	margin: 30px 0;
	min-height: 0;
	height: 1px
}

hr.alt1 {
	border-style: solid
}

hr.alt2 {
	border-style: dashed
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	line-height: 140%
}

h1 {
	font-size: 3.5em;
	margin: 10px 0 10px 0
}

h2 {
	font-size: 3em;
	margin: 10px 0 10px 0
}

h3 {
	font-size: 2.5em;
	margin: 10px 0 10px 0;
	line-height: 130%
}

h4 {
	font-size: 2em;
	margin: 10px 0 10px 0
}

h5 {
	font-size: 1.5em;
	margin: 10px 0 10px 0
}

h6 {
	font-size: 1.2em;
	margin: 10px 0 5px 0
}

p {
	margin: 10px 0
}

blockquote {
	font-size: 1.5em;
	line-height: 1.5em;
	font-style: italic;
	margin: 30px 30px 30px 0;
	padding: 0 0 0 20px;
	border-left: 1px solid #ccc
}

blockquote span {
	font-size: 0.7em;
	display: block
}

blockquote.small {
	font-size: 1.2em
}

ul,
ol {
	list-style: none outside none;
	padding: 0;
	margin: 0 0 20px 25px
}

li {
	padding: 5px 0;
	margin: 0
}

ul.list-unstyled {
	padding: 0;
	margin: 0 0 20px 0
}

ul.list-unstyled li {
	padding: 5px 0;
	margin: 0;
	list-style-type: none
}

ul.alt {
	padding: 0;
	margin: 0 0 20px 0
}

ul.alt li {
	list-style-type: none;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 -1px 0;
	background: url(/css/img/icon-arrow-right.png) no-repeat 5px 0.7em;
	padding-left: 20px
}

ul.icons {
	margin: 0 0 20px 0;
	padding: 0
}

ul.icons li {
	list-style-type: none;
	margin: 0;
	padding: 5px 0
}

code {
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	font-size: 0.9em;
	border: 1px solid lightblue;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #518BAB
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	margin: 0 0 0 0;
	padding: 5px 5px 3px 5px;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2);
	padding: 10px;
	margin: 0 0;
	border: 1px solid #ddd;
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	font-size: 0.9em
}

table {
	width: 100%;
	margin: 0 0 10px 0;
	text-align: left;
	border-collapse: collapse
}

thead,
tbody {
	margin: 0;
	padding: 0
}

th,
td {
	padding: 7px 10px;
	font-size: 0.9em;
	border-bottom: 1px dotted #ddd;
	text-align: left
}

thead th {
	font-size: 0.9em;
	padding: 3px 10px;
	border-bottom: 1px solid #ddd
}

tbody tr.last th,
tbody tr.last td {
	border-bottom: 0
}

table.striped {}

table.striped tr.alt {
	background: #f5f5f5
}

table.striped thead th {
	background: #fff
}

table.striped tbody th {
	background: #f5f5f5;
	text-align: right;
	padding-right: 15px;
	border-right: 1px dotted #e5e5e5
}

table.striped tbody tr.alt th {
	background: #efefef
}

table.tight {}

table.tight th,
.tight td {
	padding: 2px 10px
}

table.sortable {
	border: 1px solid #ddd
}

table.sortable thead th {
	cursor: pointer;
	position: relative;
	top: 0;
	left: 0;
	border-right: 1px solid #ddd
}

table.sortable thead th:hover {
	background: #efefef
}

table.sortable span.arrow {
	border-style: solid;
	border-width: 5px;
	display: block;
	position: absolute;
	top: 50%;
	right: 5px;
	font-size: 0;
	border-color: #ccc transparent transparent transparent;
	line-height: 0;
	height: 0;
	width: 0;
	margin-top: -2px
}

table.sortable span.arrow.up {
	border-color: transparent transparent #ccc transparent;
	margin-top: -7px
}

ul.tabs {
	margin: 10px 0 -1px 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #b81e26;
	float: left;
	font-size: 0
}

ul.tabs.left {
	text-align: left
}

ul.tabs.center {
	text-align: center
}

ul.tabs.right {
	text-align: right
}

ul.tabs.right li {
	margin: 0 0 0 -2px
}

ul.tabs li {
	font-size: 14px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	*display: inline;
	position: relative;
	top: 0;
	left: 0;
	*top: 1px;
	zoom: 1
}

ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: inline-block;
	padding: 12px 30px;
	position: relative;
	top: 0;
	left: 0;
	line-height: 100%;
	background: #b81e26;
	border-bottom: 0;
	zoom: 1;
	text-align: center
}

ul.tabs li a:hover {
	background: #880a10
}

ul.tabs li.current a {
	position: relative;
	top: 1px;
	left: 0;
	background: #101113;
	border-top: 1px solid #b81e26;
	border-left: 1px solid #b81e26;
	border-right: 1px solid #b81e26;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
	margin: -1px 0 0 0;
	text-align: center
}

.tab-content {
	color: #FFF;
	background: #101113;
	clear: both;
	padding: 20px;
	margin: 0 0 40px 0
}

ul.breadcrumbs {
	margin: 10px 0;
	padding: 0;
	line-height: 0%;
	font-size: 0
}

ul.breadcrumbs li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	*display: inline;
	position: relative;
	zoom: 1;
	line-height: 100%;
	font-size: 14px
}

ul.breadcrumbs li a {
	display: inline-block;
	*display: inline;
	position: relative;
	padding: 5px 15px 5px 5px;
	font-size: 0.9em;
	zoom: 1;
	margin: 0;
	background: url(/css/img/icon-arrow-right.png) no-repeat right center
}

ul.breadcrumbs li.last a {
	color: #333;
	cursor: default;
	text-decoration: none;
	background: none
}

ul.breadcrumbs li.last a:hover {
	text-decoration: none
}

ul.breadcrumbs.alt1 {
	border: 1px solid transparent;
	font-size: 0
}

ul.breadcrumbs.alt1 li a {
	padding: 10px 25px 10px 15px;
	background: url(/css/img/breadcrumbs-bg.gif) no-repeat right center;
	text-decoration: none;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	font-size: 12px
}

ul.breadcrumbs.alt1 a:hover {
	text-decoration: underline
}

ul.breadcrumbs.alt1 li.first a {
	border-left: 1px solid #efefef
}

ul.breadcrumbs.alt1 li.last a {
	background: none;
	border-right: 1px solid #efefef
}

img {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	zoom: 1;
	vertical-align: bottom
}

img.align-left,
.img-wrap.align-left {
	float: left;
	margin: 0 10px 5px 0
}

img.align-right,
.img-wrap.align-right {
	float: right;
	margin: 0 0 5px 10px
}

img.full-width {
	clear: both;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 10px 0
}

div.caption {
	background: #f5f5f5;
	border: 1px solid #ddd;
	padding: 3px;
	max-width: 100%;
	display: inline-block;
	height: auto
}

div.caption img {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto
}

div.caption span {
	display: block;
	margin-top: 3px;
	font-size: 0.8em;
	color: #666;
	padding: 0px 5px
}

.gallery {}

.gallery a {
	display: inline-block;
	position: relative;
	border: 1px solid #ddd;
	background: #fff;
	padding: 3px;
	margin: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.gallery a img {
	display: block;
	position: relative;
	margin: 0;
	padding: 0
}

.slideshow-wrap {
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	clear: both
}

.slideshow-inner {
	overflow: hidden;
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	border: 1px solid #efefef
}

.slideshow {
	clear: both;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	overflow: hidden
}

.slideshow li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	display: block
}

.slideshow img {
	vertical-align: bottom
}

.slideshow-buttons {
	text-align: right;
	margin: 3px 0 0 0;
	padding: 0
}

.slideshow-buttons li {
	display: inline;
	position: relative;
	top: 0;
	left: 0;
	line-height: 100%;
	margin: 0;
	padding: 0
}

.slideshow-buttons li.current a {
	background: #ddd
}

.slideshow-buttons a {
	display: inline;
	position: relative;
	top: 0;
	left: 0;
	padding: 1px 3px;
	margin: 0 1px;
	line-height: 100%;
	border: 1px solid #efefef;
	text-decoration: none;
	font-size: 0.8em
}

/*!
 * jquery-confirm v3.0.1 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2016 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@-webkit-keyframes jconfirm-spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes jconfirm-spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

body[class*=jconfirm-no-scroll-] {
	overflow: hidden !important
}

.jconfirm {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999999;
	font-family: inherit;
	overflow: hidden
}

.jconfirm .jconfirm-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: opacity .4s;
	transition: opacity .4s
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
	opacity: 0 !important
}

.jconfirm .jconfirm-scrollpane {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	-webkit-perspective: 500px;
	perspective: 500px;
	-webkit-perspective-origin: center;
	perspective-origin: center
}

.jconfirm .jconfirm-box {
	background: white;
	border-radius: 4px;
	position: relative;
	outline: none;
	padding: 15px 15px 0;
	overflow: hidden
}

@-webkit-keyframes type-blue {

	1%,
	100% {
		border-color: #3498db
	}

	50% {
		border-color: #5faee3
	}
}

@keyframes type-blue {

	1%,
	100% {
		border-color: #3498db
	}

	50% {
		border-color: #5faee3
	}
}

@-webkit-keyframes type-green {

	1%,
	100% {
		border-color: #2ecc71
	}

	50% {
		border-color: #54d98c
	}
}

@keyframes type-green {

	1%,
	100% {
		border-color: #2ecc71
	}

	50% {
		border-color: #54d98c
	}
}

@-webkit-keyframes type-red {

	1%,
	100% {
		border-color: #e74c3c
	}

	50% {
		border-color: #ed7669
	}
}

@keyframes type-red {

	1%,
	100% {
		border-color: #e74c3c
	}

	50% {
		border-color: #ed7669
	}
}

@-webkit-keyframes type-orange {

	1%,
	100% {
		border-color: #f1c40f
	}

	50% {
		border-color: #f4d03f
	}
}

@keyframes type-orange {

	1%,
	100% {
		border-color: #f1c40f
	}

	50% {
		border-color: #f4d03f
	}
}

@-webkit-keyframes type-purple {

	1%,
	100% {
		border-color: #9b59b6
	}

	50% {
		border-color: #b07cc6
	}
}

@keyframes type-purple {

	1%,
	100% {
		border-color: #9b59b6
	}

	50% {
		border-color: #b07cc6
	}
}

@-webkit-keyframes type-dark {

	1%,
	100% {
		border-color: #34495e
	}

	50% {
		border-color: #46627f
	}
}

@keyframes type-dark {

	1%,
	100% {
		border-color: #34495e
	}

	50% {
		border-color: #46627f
	}
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.jconfirm .jconfirm-box.jconfirm-blue {
	border-top: solid 7px #3498db;
	-webkit-animation-name: type-blue;
	animation-name: type-blue
}

.jconfirm .jconfirm-box.jconfirm-green {
	border-top: solid 7px #2ecc71;
	-webkit-animation-name: type-green;
	animation-name: type-green
}

.jconfirm .jconfirm-box.jconfirm-red {
	border-top: solid 7px #e74c3c;
	-webkit-animation-name: type-red;
	animation-name: type-red
}

.jconfirm .jconfirm-box.jconfirm-orange {
	border-top: solid 7px #f1c40f;
	-webkit-animation-name: type-orange;
	animation-name: type-orange
}

.jconfirm .jconfirm-box.jconfirm-purple {
	border-top: solid 7px #9b59b6;
	-webkit-animation-name: type-purple;
	animation-name: type-purple
}

.jconfirm .jconfirm-box.jconfirm-dark {
	border-top: solid 7px #34495e;
	-webkit-animation-name: type-dark;
	animation-name: type-dark
}

.jconfirm .jconfirm-box.loading {
	height: 120px
}

.jconfirm .jconfirm-box.loading:before {
	content: '';
	position: absolute;
	left: 0;
	background: white;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 10px;
	z-index: 1
}

.jconfirm .jconfirm-box.loading:after {
	opacity: 0.6;
	content: '';
	height: 30px;
	width: 30px;
	border: solid 3px transparent;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	border-radius: 50%;
	-webkit-animation: jconfirm-spin 1s infinite linear;
	animation: jconfirm-spin 1s infinite linear;
	border-bottom-color: dodgerblue;
	top: 50%;
	margin-top: -15px;
	z-index: 2
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
	height: 20px;
	width: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	opacity: .6;
	text-align: center;
	-webkit-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
	font-size: 27px !important;
	line-height: 14px !important;
	display: none
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
	display: none
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
	font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
	font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
	font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
	opacity: 1
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
	display: block;
	font-size: 22px;
	line-height: 20px
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
	font-size: inherit;
	padding-bottom: 15px;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
	vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
	display: none
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
	font-size: inherit;
	font-family: inherit;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 15px
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
	display: none
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
	margin-bottom: 15px;
	height: auto;
	-webkit-transition: height 0.4s ease-in;
	transition: height 0.4s ease-in;
	display: inline-block;
	width: 100%;
	position: relative;
	overflow: hidden
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
	max-width: 100%;
	height: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
	display: none
}

.jconfirm .jconfirm-box .jconfirm-buttons {
	padding-bottom: 11px
}

.jconfirm .jconfirm-box .jconfirm-buttons>button {
	margin-bottom: 4px;
	margin-left: 2px;
	margin-right: 2px
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	border-radius: 4px;
	min-height: 1em;
	outline: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
	transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
	-webkit-tap-highlight-color: transparent;
	border: none;
	background-image: none
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
	background-color: #3498db;
	color: #FFF;
	text-shadow: none;
	-webkit-transition: background .2s;
	transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
	background-color: #2980b9;
	color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
	background-color: #2ecc71;
	color: #FFF;
	text-shadow: none;
	-webkit-transition: background .2s;
	transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
	background-color: #27ae60;
	color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
	background-color: #e74c3c;
	color: #FFF;
	text-shadow: none;
	-webkit-transition: background .2s;
	transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
	background-color: #c0392b;
	color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
	background-color: #f1c40f;
	color: #FFF;
	text-shadow: none;
	-webkit-transition: background .2s;
	transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
	background-color: #f39c12;
	color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
	background-color: #ecf0f1;
	color: #000;
	text-shadow: none;
	-webkit-transition: background .2s;
	transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
	background-color: #bdc3c7;
	color: #000
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
	background-color: #9b59b6;
	color: #FFF;
	text-shadow: none;
	-webkit-transition: background .2s;
	transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
	background-color: #8e44ad;
	color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
	background-color: #34495e;
	color: #FFF;
	text-shadow: none;
	-webkit-transition: background .2s;
	transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
	background-color: #2c3e50;
	color: #FFF
}

.jconfirm .jconfirm-clear {
	clear: both
}

.jconfirm.jconfirm-rtl {
	direction: rtl
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
	left: 5px;
	right: auto
}

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
	background-color: #444;
	opacity: .2
}

.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
	margin: 0 auto;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	border-radius: 5px
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
	float: right
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	text-shadow: none
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
	box-shadow: none;
	color: #333
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
	background: #ddd
}

.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
	background-color: darkslategray;
	opacity: .4
}

.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	background: #444;
	border-radius: 5px;
	color: white
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
	float: right
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
	border: none;
	background-image: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	text-shadow: none;
	-webkit-transition: background .1s;
	transition: background .1s;
	color: white
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
	box-shadow: none;
	color: #fff;
	background: none
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
	background: #666
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
	-webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
	animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
	-webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
	animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

@-webkit-keyframes shake {

	10%,
	90% {
		-webkit-transform: translate3d(-2px, 0, 0);
		transform: translate3d(-2px, 0, 0)
	}

	20%,
	80% {
		-webkit-transform: translate3d(4px, 0, 0);
		transform: translate3d(4px, 0, 0)
	}

	30%,
	50%,
	70% {
		-webkit-transform: translate3d(-8px, 0, 0);
		transform: translate3d(-8px, 0, 0)
	}

	40%,
	60% {
		-webkit-transform: translate3d(8px, 0, 0);
		transform: translate3d(8px, 0, 0)
	}
}

@keyframes shake {

	10%,
	90% {
		-webkit-transform: translate3d(-2px, 0, 0);
		transform: translate3d(-2px, 0, 0)
	}

	20%,
	80% {
		-webkit-transform: translate3d(4px, 0, 0);
		transform: translate3d(4px, 0, 0)
	}

	30%,
	50%,
	70% {
		-webkit-transform: translate3d(-8px, 0, 0);
		transform: translate3d(-8px, 0, 0)
	}

	40%,
	60% {
		-webkit-transform: translate3d(8px, 0, 0);
		transform: translate3d(8px, 0, 0)
	}
}

@-webkit-keyframes glow {

	0%,
	100% {
		box-shadow: 0 0 3px red
	}

	50% {
		box-shadow: 0 0 30px red
	}
}

@keyframes glow {

	0%,
	100% {
		box-shadow: 0 0 3px red
	}

	50% {
		box-shadow: 0 0 30px red
	}
}

.jconfirm {
	-webkit-perspective: 400px;
	perspective: 400px
}

.jconfirm .jconfirm-box {
	opacity: 1;
	-webkit-transition-property: all;
	transition-property: all
}

.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
	opacity: 0
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
	-webkit-transform: rotatey(90deg);
	-ms-transform: rotatey(90deg);
	transform: rotatey(90deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
	-webkit-transform: rotatey(-90deg);
	-ms-transform: rotatey(-90deg);
	transform: rotatey(-90deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
	-webkit-transform: scaley(1.5);
	-ms-transform: scaley(1.5);
	transform: scaley(1.5);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
	-webkit-transform: scalex(1.5);
	-ms-transform: scalex(1.5);
	transform: scalex(1.5);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
	-webkit-transform: translate(0px, -100px);
	-ms-transform: translate(0px, -100px);
	transform: translate(0px, -100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
	-webkit-transform: translate(-100px, 0px);
	-ms-transform: translate(-100px, 0px);
	transform: translate(-100px, 0px)
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
	-webkit-transform: translate(100px, 0px);
	-ms-transform: translate(100px, 0px);
	transform: translate(100px, 0px)
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
	-webkit-transform: translate(0px, 100px);
	-ms-transform: translate(0px, 100px);
	transform: translate(0px, 100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5)
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
	visibility: hidden
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
	background-color: rgba(54, 70, 93, 0.95)
}

.jconfirm.jconfirm-supervan .jconfirm-box {
	background-color: transparent
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
	color: white
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
	text-align: center;
	color: white;
	font-size: 28px;
	font-weight: normal
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>* {
	padding-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
	margin-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
	text-align: center;
	color: white
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
	text-align: center
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
	font-size: 16px;
	border-radius: 2px;
	background: #303f53;
	text-shadow: none;
	border: none;
	color: white;
	padding: 10px;
	min-width: 100px
}

.jconfirm.jconfirm-material .jconfirm-bg {
	background-color: rgba(0, 0, 0, 0.67)
}

.jconfirm.jconfirm-material .jconfirm-box {
	background-color: white;
	box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
	padding: 30px 25px 10px 25px
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
	color: rgba(0, 0, 0, 0.87)
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
	color: rgba(0, 0, 0, 0.87);
	font-size: 22px;
	font-weight: bold
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
	text-align: left;
	color: rgba(0, 0, 0, 0.87)
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
	text-align: right
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
	text-transform: uppercase;
	font-weight: 500
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
	background-color: rgba(0, 0, 0, 0.21)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
	background-color: white;
	box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
	border: solid 1px rgba(0, 0, 0, 0.4);
	padding: 15px 0 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
	color: rgba(0, 0, 0, 0.87)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
	color: rgba(0, 0, 0, 0.87);
	font-size: 22px;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
	text-align: left;
	color: rgba(0, 0, 0, 0.87);
	padding: 0px 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
	text-align: right;
	padding: 0px 0 0px;
	margin: -5px 0 0px;
	border-top: solid 1px #ddd;
	overflow: hidden;
	border-radius: 0 0 4px 4px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
	font-weight: 500;
	border-radius: 0px;
	margin: 0;
	border-left: solid 1px #ddd
}

@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Microsoft JhengHei", arial, verdana, sans-serif;
	font-weight: normal
}

thead th,
tbody th {
	font-family: "Microsoft JhengHei", arial, verdana, sans-serif
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	font-family: "Microsoft JhengHei", arial, verdana, sans-serif
}

.menu {
	font-family: "Microsoft JhengHei", arial, verdana, sans-serif
}

blockquote {
	font-family: "Microsoft JhengHei", arial, verdana, sans-serif
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #16181b;
	font: normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
	text-shadow: 0 0 1px transparent;
	font-family: 'Microsoft JhengHei'
}

#wrap {
	width: 100%;
	background: #fff;
	margin: 30px auto 30px auto;
	padding: 0 2%;
	border: 1px solid #ccc
}

#footer {
	text-align: center;
	padding: 20px;
	margin: 0;
	border-top: 1px solid #ddd;
	color: #999;
	font-size: 0.8em;
	text-shadow: 0px 1px 1px #fff;
	position: relative;
	top: 0;
	left: 0;
	background: #fff
}

#link-top {
	display: none
}

.navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #000;
	color: #fff;
	z-index: 1000
}

.navbar #logo {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.5em 1em;
	font-size: 1.7em;
	color: #efefef;
	text-decoration: none
}

.navbar span {
	color: #86dc00
}

.navbar ul {
	display: inline-block;
	margin: 0;
	padding: 0
}

.navbar li {
	margin: 0;
	padding: 0;
	list-style-type: 0;
	display: inline-block
}

.navbar li a {
	display: inline-block;
	color: #efefef;
	padding: 1em 1.3em;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 100%;
	font-size: 1.2em
}

.callout {
	background: #4598ef;
	padding: 3em 0;
	color: #fff;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
	text-align: center;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	display: block
}

.callout+div.grid {
	margin-top: 50px
}

a.callout {
	cursor: pointer
}

.callout i.icon-4x {
	font-size: 6em
}

.callout h4 {
	margin-bottom: 30px
}

.callout-top {
	margin: 50px 0 0 0
}

.callout p {
	margin-bottom: 0
}

.callout.button {
	margin-top: 10px
}

.callout.green {
	background: #19ad0b
}

#mc_embed_signup {
	padding: 30px 0
}

#ui-preview {
	border: 5px solid #ddd;
	margin: 30px 0;
	display: block
}

.left,
.center,
.right {
	display: table
}

.row {
	width: 100%;
	display: inline-block
}

.row span {
	display: inline-block;
	text-align: center
}

.spacing {
	padding: 0
}

.adjust,
.spacing {
	overflow: hidden
}

.adjust {
	padding: 0
}

.line_spacing span {
	margin: 10px 5px
}

.btn_size {
	width: 100px
}

.url_size {
	width: 90%
}

.menu_bg {
	width: 100%;
	height: 120px;
	background: url(../images/menu_bg.png);
	margin: 0 auto;
	text-align: center;
	position: fixed;
	z-index: 9999;
	top: 0
}

.header-top.clearfix {
	height: 23px;
	line-height: 23px;
	padding-left: 20px;
	max-width: 1100px;
	margin: 0 auto;
}

.top-info {
	float: left;
	color: #FFE7B8;
	font-size: 12px;
	font-weight: 600;
}

.top-info span {
	margin-left: 20px;
}

.menu_contents {
	max-width: 1100px;
	width: 100%;
	height: 111px;
	margin: 0 auto;
	display: block;
	float: none;
	padding: 9px 0 0
}

.logo a {
	width: 192px;
	height: 60px;
	float: left;
	background: url(../images/logo.png) 0px no-repeat;
	background-size: 196px;
	text-indent: -9999px
}

.logo a:hover {
	background: url(../images/logo_hover.png) 0px no-repeat;
	background-size: 196px;
}

.menu_point {
	width: 350px;
	height: 70px;
	display: inline-block;
	float: left;
	text-align: left;
	padding: 24px 0 0 50px
}

.point_1,
.point_2 {
	font-size: 18px;
	font-weight: bold
}

.point_1 {
	color: #FFF
}

.point_2 {
	color: #f0b87e;
	margin: 0 0 0 20px
}

.menu_add {
	width: 300px;
	height: 70px;
	float: right;
	padding: 10px 0 0 0
}

.add_1 a,
.add_2 a {
	font-size: 18px;
	font-weight: bold;
	height: 50px;
	display: inline-block;
	padding: 15px 0 0 0;
	margin: 0 0 0 8px;
	text-align: right;
	text-decoration: none
}

.add_1 a {
	width: 120px;
	background: url(../images/add_bg.png) no-repeat;
	color: #ff4a4a
}

.add_1 a:hover {
	color: #f0b87e;
	background: url(../images/add_bg.png) 0 -50px no-repeat
}

.add_2 a {
	width: 120px;
	background: url(../images/deal_bg.png) no-repeat;
	color: #fff
}

.add_2 a:hover {
	width: 120px;
	background: url(../images/deal_bg.png) 0 -50px no-repeat;
	color: #f0b87e
}

.link_bg {
	background: url(../images/link_bg.jpg);
	margin: 130px 0 0 0
}

.link_content {
	margin: 10px 0 30px 0
}

.link h4 {
	margin: 15px 0
}

.link_speed,
.link_url {
	color: #FFF
}

.link_speed,
.link_click,
.link_copy {
	width: 15%
}

.link_url {
	width: 45%
}

.link_row a {
	background: rgba(255, 255, 255, 0.01);
	border-bottom: #222 1px solid;
	border-radius: 5px;
	text-decoration: none;
	min-height: 56px;
	display: block
}

.link_row a:hover {
	background-color: rgba(238, 77, 96, 0.3)
}

.link_img a {
	width: 214px;
	height: 185px;
	display: block;
	margin: 20px 0;
	text-indent: -9999px;
	background: url(../images/link_img.png)
}

.link_img a:hover {
	background: url(../images/link_img_hover.png)
}

.link_more {
	width: 85%;
	height: 60px;
	font-size: 16px
}

.add_bg {
	background: #1c1e20
}

.add_text h4 {
	margin: 25px 0 30px 0
}

.add_text span {
	width: 100%;
	display: inline-block;
	color: #FFF;
	font-size: 16px;
	line-height: 40px;
	padding: 0 0 0 20px
}

.add_img {
	background: url(../images/add_img.jpg) no-repeat;
	width: 290px;
	height: 240px
}

.add_form {
	margin: 80px 0 0 0
}

.add_u_p {
	width: 55%;
	display: block;
	float: left;
	margin: 0 8px 0 0
}

.add_u_p input {
	width: 100%
}

.add_join {
	width: 40%;
	display: block;
	float: left
}

.add_join button {
	border: 1px solid #ffe7b8;
	width: 88px;
	height: 70px
}

.add_point {
	width: 100%;
	display: inline-block;
	color: #ffe7b8;
	font-size: 16px;
	line-height: 50px
}

.link_more_bg {
	padding: 20px 0;
	height: 80px;
	background: url(../images/link_more_bg.png)0 3px repeat-x;
	background-color: #1c1e20
}

.link_more_btn a {
	width: 100%;
	height: 45px;
	background: #000;
	line-height: 45px;
	font-size: 16px;
	text-decoration: none;
	color: #f0e399;
	border: 1px solid #f0e399;
	display: inline-block;
	padding: 0 120px
}

.link_more_btn a:hover {
	background: #850619
}

.pub_bg {
	background: #101113
}

.pub_bg h5 {
	text-indent: -9999px;
	display: none
}

.pub_bg span {
	width: 100%;
	font-size: 16px;
	color: #FFF;
	line-height: 40px
}

.pub_img1,
.pub_img2 {
	width: 550px;
	height: 350px;
	display: block;
	padding: 180px 0 0 35px;
	overflow: hidden
}

.pub_img1 {
	float: left;
	background: url(../images/pub_img1.jpg) no-repeat
}

.pub_img2 {
	background: url(../images/pub_img2.jpg) no-repeat
}

.sort_bg {
	background: url(../images/sort_bg.jpg)
}

.citem-w-all {
	width: 1142px;
	margin-left: auto;
	margin-right: auto;
}

.citem-1 img {
	width: 100%;
	height: auto;
}

.citem-2 {
	/* margin-top: 20px; */
}

.clearfix {
	margin: 0 0 0 0;
}

.citem-2 li {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 166px;
	height: auto;
	float: left;
	padding: 14px;
	/* background: rgba(255,255,255,.5); */
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #f0e399;
	/* box-shadow: 6px 12px 12px 0 rgba(54,66,106,.1); */
}

.citem-2 li:nth-last-child(1) {
	margin-right: 0;
}

.citem-2 li img {
	width: 100%;
	height: auto;
	border-radius: 25px;
}

.citem-2 li .txt {
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 38px;
	/* border-bottom: 1px solid #eee; */
}

.citem-2 li a {
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	background-color: #850619;
	border-radius: 2px;
	color: #fff;
}

.citem-2 li a:hover {
	background-color: #B21203;
	color: #FFF;
}

.sort_content span a {
	margin: 7px 3px;
	width: 140px;
	height: 29px;
	display: inline-block;
	border: 1px solid #FFF;
	line-height: 28px;
	color: #FFF;
	text-decoration: none;
	text-align: center
}

.sort_content span a:hover {
	border: 1px solid #b81e26;
	background: #b81e26
}

.sort_bg h4 {
	margin: 30px 0 15px 20px
}

.sort_menu {
	float: inherit
}

.hide_menu {
	display: none
}

.help_bg {
	background: #1c1e20
}

.help_content {
	margin: 0 0 50px 0
}

.help_content h4 {
	margin: 30px 0 40px 20px;
	text-align: left
}

.help_bg span {
	text-indent: -9999px
}

.help_btn1 a,
.help_btn2 a,
.help_btn3 a,
.help_btn4 a {
	width: 202px;
	height: 82px;
	display: inline-block;
	margin: 10px 30px
}

.help_btn1 a {
	background: url(../images/help_btn1.png)
}

.help_btn1 a:hover {
	background: url(../images/help_btn1_hover.png)
}

.help_btn2 a {
	background: url(../images/help_btn2.png)
}

.help_btn2 a:hover {
	background: url(../images/help_btn2_hover.png)
}

.help_btn3 a {
	background: url(../images/help_btn3.png)
}

.help_btn3 a:hover {
	background: url(../images/help_btn3_hover.png)
}

.help_btn4 a {
	background: url(../images/help_btn4.png)
}

.help_btn4 a:hover {
	background: url(../images/help_btn4_hover.png)
}

.pen_bg {
	background: #101113
}

.pen_bg h4 {
	margin: 15px 0 15px 0
}

.pen_txt {
	padding: 20px;
	font-size: 15px;
	color: #FFF;
	line-height: 30px
}

.pen_txt span {
	display: block;
	width: 100%;
	padding: 0 0 0 20px
}

.pen_img {
	padding: 0
}

.extra_bg {
	width: 100%;
	min-height: 90px;
	height: 100%;
	background: url(../images/extra_bg.jpg)
}

.extra span a {
	color: #f0e399;
	width: 110px;
	display: inline-block;
	line-height: 90px;
	margin: 0 10px;
	text-decoration: none;
	border-radius: 10px
}

.extra span a:hover {
	line-height: 70px;
	background-color: rgba(238, 77, 96, 0.3)
}

.mark_bg {
	width: 100%;
	min-height: 96px;
	height: 100%;
	background: #F00;
	background: url(../images/mark_bg.jpg) repeat-x;
	background-color: #740518
}

.mark,
.extra {
	max-width: 1100px;
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center
}

.mark {
	padding: 40px 0 10px 0
}
.mark img {height: 31px;}
.mark span {
	mix-width: 110px;
	height: 60px;
	display: inline-block;
	margin: 0 3px
}

.footer {
	width: 100%;
	height: 70px;
	background: #1c1e20;
	text-align: center
}

.footer span {
	font-size: 14px;
	line-height: 70px;
	color: #FFF
}

#gotop {
	border-radius: 5px;
	display: none;
	position: fixed;
	right: 0px;
	bottom: 20px;
	padding: 10px;
	font-size: 12px;
	background: rgba(100, 100, 100, 0.6);
	color: white;
	cursor: pointer;
	z-index: 9999
}

#gotop {
	padding: 0 10px;
}


@media all and (min-width: 1024px) and (max-width: 1280px) {
	.menu_add {
		display: block
	}

	.pub_img1,
	.pub_img2 {
		margin: 0 0 0 230px
	}

	.help_content h4 {
		text-align: left
	}

	.help_btn1 a,
	.help_btn2 a,
	.help_btn3 a,
	.help_btn4 a {
		margin: 10px 12px
	}

	.citem-w-all {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.col_8 {
		width: 60%
	}

	.pen_bg h4 {
		margin: 15px 0 15px 0
	}
}

@media all and (min-width: 900px) and (max-width: 1024px) {
	.menu_add {
		display: block
	}

	.col_4 {
		width: 50%
	}

	.add_form {
		padding: 15px 0 0 0;
		float: none;
		margin: 0 auto
	}

	.pub_img1,
	.pub_img2 {
		margin: 0 0 0 190px
	}

	.citem-w-all {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.sort_menu {
		width: 100%;
		height: 0px;
		overflow: hidden
	}

	.hide_menu {
		width: 100px;
		background: #000;
		position: absolute;
		z-index: 9;
		margin: -34px 0 0 390px;
		display: inherit
	}

	ul.tabs {
		height: 33px;
		margin: 0;
		padding: 0;
		width: 100%;
		border: 0;
		float: left;
		font-size: 0
	}

	ul.tabs li a {
		padding: 10px 25px
	}

	ul.tabs li.current a {
		padding: 10px 25px
	}

	.help_content h4 {
		text-align: left
	}

	.help_btn1 a,
	.help_btn2 a,
	.help_btn3 a,
	.help_btn4 a {
		margin: 10px 10px
	}

	.col_8 {
		width: 50%
	}

	.pen_bg h4 {
		margin: 5px 0 15px 0
	}

	.pen_img {
		padding: 30px 0 0 0
	}
}

@media all and (min-width: 830px) and (max-width: 900px) {
	.col_4 {
		width: 50%
	}

	.add_text h4 {
		text-align: center
	}

	.add_text span {
		text-align: center
	}

	.add_form {
		margin: 0 auto;
		display: inline-block;
		padding: 20px 0 0 200px;
		width: 610px
	}

	.add_point {
		margin: 0 0 0 -50px
	}

	.pub_img1,
	.pub_img2 {
		margin: 0 0 0 170px
	}

	.citem-w-all {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.help_content h4 {
		text-align: inherit
	}

	.help_btn1 a,
	.help_btn2 a,
	.help_btn3 a,
	.help_btn4 a {
		margin: 10px 50px
	}

	.col_8 {
		width: 50%
	}

	.pen_bg h4 {
		margin: 5px 0 15px 0
	}

	.pen_img {
		padding: 30px 0 0 0
	}

	.citem-w-all {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.sort_menu {
		width: 100%;
		height: 0px;
		overflow: hidden
	}

	.hide_menu {
		width: 100px;
		background: #000;
		position: absolute;
		z-index: 9;
		margin: -38px 0 0 440px;
		display: inherit
	}

	ul.tabs {
		height: 33px;
		margin: 0;
		padding: 0;
		width: 100%;
		border: 0;
		float: left;
		font-size: 0
	}

	.menu li.has-menu a {
		width: 110px;
		height: 38px;
		padding: 12px 0
	}
}

@media all and (min-width: 768px) and (max-width: 830px) {
	.menu_point {
		display: none
	}

	.menu_add {
		display: block
	}

	.col_9 {
		width: 100%
	}

	.col_3 {
		width: 100%;
		margin: 20px 0 0 0
	}

	.link_more {
		width: 40%
	}

	.citem-w-all {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.col_4 {
		width: 100%
	}

	.add_text h4 {
		text-align: center
	}

	.add_text span {
		text-align: center
	}

	.add_form {
		padding: 0 50px 0 120px
	}

	.add_u_p {
		width: 60%
	}

	.add_join {
		width: 30%
	}

	.add_point {
		margin: 0 0 0 -120px
	}

	.pub_img1,
	.pub_img2 {
		margin: 0 0 0 130px
	}

	.citem-w-all {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.sort_menu {
		width: 100%;
		height: 0px;
		overflow: hidden
	}

	.hide_menu {
		width: 100px;
		background: #000;
		position: absolute;
		z-index: 9;
		margin: -38px 0 0 440px;
		display: inherit
	}

	ul.tabs {
		height: 33px;
		margin: 0;
		padding: 0;
		width: 100%;
		border: 0;
		float: left;
		font-size: 0
	}

	.menu li.has-menu a {
		width: 110px;
		height: 38px;
		padding: 12px 0
	}

	.help_content h4 {
		text-align: inherit
	}

	.help_btn1 a,
	.help_btn2 a,
	.help_btn3 a,
	.help_btn4 a {
		margin: 10px 50px
	}

	.col_8 {
		width: 100%
	}

	.pen_txt {
		text-align: center
	}

	.pen_img {
		width: 100%;
		text-align: center
	}
}

@media all and (min-width: 640px) and (max-width: 768px) {
	.menu_point {
		display: none
	}

	.menu_add {
		display: block
	}

	.col_12 {
		width: 100%
	}

	.col_3 {
		width: 100%;
		margin: 20px 0 0 0
	}

	.link_more {
		width: 50%
	}

	.col_4 {
		width: 100%
	}

	.add_text h4 {
		text-align: center
	}

	.add_text span {
		text-align: center
	}

	.add_form {
		padding: 0 50px 0 120px
	}

	.add_u_p {
		width: 60%
	}

	.add_join {
		width: 30%
	}

	.add_point {
		margin: 0 0 0 -120px
	}

	.pub_img1 {
		background: url(../images/pub_img1.jpg) no-repeat center
	}

	.pub_img2 {
		background: url(../images/pub_img2.jpg) no-repeat center
	}

	.citem-w-all {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.sort_menu {
		width: 100%;
		height: 0px;
		overflow: hidden
	}

	.hide_menu {
		width: 100px;
		background: #000;
		position: absolute;
		z-index: 9;
		margin: -38px 0 0 440px;
		display: inherit
	}

	ul.tabs {
		height: 33px;
		margin: 0;
		padding: 0;
		width: 100%;
		border: 0;
		float: left;
		font-size: 0
	}

	.menu li.has-menu a {
		width: 110px;
		height: 38px;
		padding: 12px 0
	}

	.help_content h4 {
		text-align: inherit
	}

	.pen_txt {
		text-align: center
	}
}

@media all and (min-width: 480px) and (max-width: 640px) {
	.menu_point {
		display: none
	}

	.menu_add {
		display: block
	}

	.link_speed {
		width: 30%
	}

	.link_url {
		width: 60%
	}

	.link_click,
	.link_copy {
		width: 45%
	}

	.link_more {
		width: 70%
	}

	.link_content h4 {
		text-align: center
	}

	.col_12 {
		width: 100%
	}

	.col_3 {
		width: 100%;
		margin: 20px 0 0 0
	}

	.link_more {
		width: 50%
	}

	.citem-w-all {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.col_4 {
		width: 100%
	}

	.citem-2 li {
		width: 115px;
	}

	.citem-2 li img {
		border-radius: 15px;
	}

	.add_text h4 {
		text-align: center
	}

	.add_text span {
		text-align: center
	}

	.add_form {
		padding: 0 50px 0 120px
	}

	.add_u_p {
		width: 60%
	}

	.add_join {
		width: 30%
	}

	.add_point {
		margin: 0 0 0 -50px
	}

	.add_form {
		padding: 0 50px 0 60px;
		width: 100%
	}

	.pub_img1 {
		background: url(../images/pub_img1.jpg) no-repeat center
	}

	.pub_img2 {
		background: url(../images/pub_img2.jpg) no-repeat center
	}

	.sort_menu {
		width: 100%;
		height: 0px;
		overflow: hidden
	}

	.hide_menu {
		width: 158px;
		background: #000;
		position: absolute;
		z-index: 9;
		margin: -38px 0 0 316px;
		display: inherit
	}

	ul.tabs {
		height: 33px;
		margin: 0;
		padding: 0;
		width: 100%;
		border: 0;
		float: left;
		font-size: 0
	}

	.menu li.has-menu a {
		width: 158px;
		height: 38px;
		padding: 12px 0
	}

	.tab-content {
		text-align: center
	}

	ul.tabs li a {
		width: 158px
	}

	ul.tabs li.current a {
		width: 158px
	}

	.help_content h4 {
		text-align: inherit
	}

	.pen_txt {
		text-align: center
	}
}

@media all and (max-width: 480px) {
	.menu_point {
		display: none
	}

	.menu_add {
		display: none
	}

	.col_4 {
		width: 50%
	}

	.add_text h4 {
		text-align: center
	}

	.add_text span {
		text-align: center
	}

	.add_form {
		margin: 0 auto;
		display: inline-block;
		padding: 0 0 0 10px
	}

	.add_point {
		margin: 0
	}
}

@media all and (min-width: 375px) and (max-width: 480px) {
	.grid img {
		max-width: 100%;
		height: auto
	}

	.pub_img1 {
		background: url(../images/pub_img1_2.jpg) no-repeat
	}

	.pub_img2 {
		background: url(../images/pub_img2_2.jpg) no-repeat
	}

	.link_speed {
		width: 30%
	}

	.link_url {
		width: 60%
	}

	.link_click,
	.link_copy {
		width: 45%
	}

	.link_more {
		width: 70%
	}

	.link_content h4 {
		text-align: center
	}

	.col_12 {
		width: 100%
	}

	.col_3 {
		width: 100%;
		margin: 20px 0 0 0
	}

	.link_more {
		width: 50%
	}

	.link_more_btn a {
		width: 100%;
		padding: 0 20px
	}

	.citem-w-all {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.citem-2 li {
		margin-right: 5px;
		margin-left: 5px;
		margin-bottom: 10px;
		width: 30.7%;
	}

	.citem-2 li img {
		border-radius: 15px;
	}

	.sort_menu {
		width: 100%;
		height: 0px;
		overflow: hidden
	}

	.hide_menu {
		width: 200px;
		background: #000;
		position: absolute;
		z-index: 9;
		margin: -38px 0 0 200px;
		display: inherit
	}

	ul.tabs {
		height: 33px;
		margin: 0;
		padding: 0;
		width: 100%;
		border: 0;
		float: left;
		font-size: 0
	}

	.menu li.has-menu a {
		width: 200px;
		height: 38px;
		padding: 12px 0
	}

	.tab-content {
		text-align: center
	}

	ul.tabs li a {
		width: 200px
	}

	ul.tabs li.current a {
		width: 200px
	}
}

@media all and (min-width: 320px) and (max-width: 375px) {
	.grid img {
		max-width: 100%;
		height: auto
	}

	.pub_img1 {
		background: url(../images/pub_img1_2.jpg) no-repeat
	}

	.pub_img2 {
		background: url(../images/pub_img2_2.jpg) no-repeat
	}

	.link_speed {
		width: 30%
	}

	.link_url {
		width: 60%
	}

	.link_click,
	.link_copy {
		width: 45%
	}

	.link_more {
		width: 70%
	}

	.link_content h4 {
		text-align: center
	}

	.col_12 {
		width: 100%
	}

	.col_3 {
		width: 100%;
		margin: 20px 0 0 0
	}

	.link_more {
		width: 50%
	}

	.link_more_btn a {
		width: 100%;
		padding: 0 20px
	}

	.citem-w-all {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.citem-2 li {
		margin-right: 5px;
		margin-left: 5px;
		margin-bottom: 10px;
		width: 110px;
	}

	.citem-2 li img {
		border-radius: 15px;
	}

	.sort_menu {
		width: 100%;
		height: 0px;
		overflow: hidden
	}

	.hide_menu {
		width: 180px;
		background: #000;
		position: absolute;
		z-index: 9;
		margin: -38px 0 0 180px;
		display: inherit
	}

	ul.tabs {
		height: 33px;
		margin: 0;
		padding: 0;
		width: 100%;
		border: 0;
		float: left;
		font-size: 0
	}

	.menu li.has-menu a {
		width: 180px;
		height: 38px;
		padding: 12px 0
	}

	.tab-content {
		text-align: center
	}

	ul.tabs li a {
		width: 180px
	}

	ul.tabs li.current a {
		width: 180px
	}
}

@media all and (min-width: 300px) and (max-width: 320px) {
	.grid img {
		max-width: 100%;
		height: auto
	}

	.link_more_btn a {
		width: 100%;
		padding: 0 20px
	}

	.pub_img1 {
		background: url(../images/pub_img1_2.jpg) no-repeat
	}

	.pub_img2 {
		background: url(../images/pub_img2_2.jpg) no-repeat
	}

	.citem-w-all {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.citem-2 li img {
		border-radius: 12px;
	}

	.sort_menu {
		width: 100%;
		height: 0px;
		overflow: hidden
	}

	.hide_menu {
		width: 160px;
		background: #000;
		position: absolute;
		z-index: 9;
		margin: -38px 0 0 160px;
		display: inherit
	}

	ul.tabs {
		height: 33px;
		margin: 0;
		padding: 0;
		width: 100%;
		border: 0;
		float: left;
		font-size: 0
	}

	.menu li.has-menu a {
		width: 160px;
		height: 38px;
		padding: 12px 0
	}

	.tab-content {
		text-align: center
	}

	ul.tabs li a {
		width: 160px
	}

	ul.tabs li.current a {
		width: 160px
	}
}