* {
	margin: 0;
	padding: 0
}

img {
	-ms-interpolation-mode: bicubic
}

img,
object,
iframe {
	vertical-align: top;
	border-style: none
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
select,
textarea,
input[type=checkbox],
input[type=radio],
input[type=submit],
input[type=reset],
input[type=button],
button {
	font-family: inherit
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus,
input[type="submit"]:focus,
button:focus,
.sbHolder:focus {
	outline: 0 none
}

input[type=submit],
input[type=reset],
button {
	width: auto;
	max-width: auto;
	overflow: visible;
	border: 0
}

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

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

label,
select,
input[type=checkbox],
input[type=radio],
input[type=file],
input[type=submit],
input[type=reset],
input[type=button],
button {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

a {
	text-decoration: none
}

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

::-webkit-input-placeholder {
	color: #9099b7
}

:-moz-placeholder {
	color: #9099b7
}

::-moz-placeholder {
	color: #9099b7
}

:-ms-input-placeholder {
	color: #9099b7
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
textarea {
	background-color: #50597b;
	border: 1px solid #1f253d;
	color: #9099b7;
	font-size: 16px;
	padding: 10px 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: border-color .2s linear, color .2s linear;
	-webkit-transition: border-color .2s linear, color .2s linear;
	-moz-transition: border-color .2s linear, color .2s linear;
	-ms-transition: border-color .2s linear, color .2s linear;
	-o-transition: border-color .2s linear, color .2s linear
}

textarea {
	height: 78px
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
	color: #fff;
	border-color: #11a8ab
}

input[type=checkbox],
input[type=radio] {
	display: none
}

.sbHolder {
	display: inline-block;
	background-color: #50597b;
	border: 1px solid #1f253d;
	color: #9099b7;
	font-size: 16px;
	height: 42px;
	vertical-align: top;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: border-color .2s linear, color .2s linear;
	-webkit-transition: border-color .2s linear, color .2s linear;
	-moz-transition: border-color .2s linear, color .2s linear;
	-ms-transition: border-color .2s linear, color .2s linear;
	-o-transition: border-color .2s linear, color .2s linear
}

.sbSelector {
	height: 40px;
	line-height: 16px;
	padding: 12px 50px 8px 15px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #9099b7;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.sbToggle {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(../image/arrow-3.png);
	background-repeat: no-repeat;
	background-position: center center
}

.sbOptions {
	background-color: #50597b;
	border: 1px solid #1f253d;
	list-style: none;
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 44px !important;
	width: 100%;
	z-index: 1;
	overflow-y: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.sbOptions li a {
	padding: 13px 15px;
	display: block;
	color: #fff
}

.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus {
	background-color: #394264;
	color: #fff
}

.button {
	display: inline-block;
	font-size: 18px;
	line-height: 22px;
	padding: 9px 20px 11px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out
}

.button-size-small {
	font-size: 14px;
	line-height: 18px;
	padding: 5px 20px 7px
}

.button-color-1 {
	border: 1px solid #11a8ab;
	background-color: #11a8ab;
	color: #fff
}

.button-color-1:hover {
	border-color: #028e91;
	background-color: #028e91;
	color: #fff
}

.icon-menu-categories {
	display: inline-block;
	width: 31px;
	height: 22px;
	text-indent: -5000px;
	overflow: hidden;
	background-image: url(../image/icon-menu-categories.png);
	background-position: left top;
	background-repeat: no-repeat
}

.icon-menu-categories.hovered,
.icon-menu-categories:hover,
.icon-menu-categories:focus,
.dropel:hover .icon-menu-categories,
.dropel:focus .icon-menu-categories {
	background-position: left -178px
}

.icon-login {
	display: inline-block;
	width: 26px;
	height: 24px;
	text-indent: -5000px;
	overflow: hidden;
	background-image: url(../image/icon-login.png);
	background-position: left top;
	background-repeat: no-repeat
}

.icon-login.out {
	background-image: url(../image/icon-logout.png)
}

.icon-login.hovered,
.icon-login:hover,
.icon-logins:focus,
.dropel:hover .icon-login,
.dropel:focus .icon-login {
	background-position: left -176px
}

.icon-nav-menu {
	display: inline-block;
	width: 31px;
	height: 22px;
	text-indent: -5000px;
	overflow: hidden;
	background-image: url(../image/icon-nav-menu.png);
	background-position: left top;
	background-repeat: no-repeat
}

.icon-nav-menu:hover,
.icon-nav-menu:focus,
header.with-header-nav-menu .container:nth-child(2):hover .icon-nav-menu,
header.with-header-nav-menu .container:nth-child(2):focus .icon-nav-menu {
	background-position: left -178px
}

.icon-zoom {
	display: inline-block;
	width: 24px;
	height: 25px;
	text-indent: -5000px;
	overflow: hidden;
	background-image: url(../image/icon-zoom.png);
	background-position: left top;
	background-repeat: no-repeat
}

.icon-zoom:hover,
.icon-zoom:focus,
.search-box:hover .icon-zoom,
.search-box:focus .icon-zoom {
	background-position: left -175px
}

.icon-total-comments {
	display: inline-block;
	min-height: 21px;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	background-image: url(../image/icon-total-comments.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 35px;
	-webkit-backface-visibility: hidden
}

.icon-total-comments-2 {
	display: inline-block;
	min-height: 16px;
	font-size: 12px;
	line-height: 16px;
	background-image: url(../image/icon-total-comments-2.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px
}

.icon-post-date {
	display: inline-block;
	min-height: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	background-image: url(../image/icon-post-date.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 35px;
	-webkit-backface-visibility: hidden
}

.icon-post-date-2 {
	display: inline-block;
	min-height: 16px;
	font-size: 12px;
	line-height: 16px;
	background-image: url(../image/icon-post-date-2.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px
}

.icon-author {
	display: inline-block;
	min-height: 16px;
	font-size: 12px;
	line-height: 16px;
	background-image: url(../image/icon-author.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px
}

.border-color-1 {
	border-top: 4px solid #e64c65
}

.border-color-2 {
	border-top: 4px solid #11a8ab
}

.border-color-3 {
	border-top: 4px solid #3468af
}

.border-color-4 {
	border-top: 4px solid #4fc4f6
}

.border-color-5 {
	border-top: 4px solid #fcb150
}

.color-1 {
	color: #9099b7 !important
}

.color-2 {
	color: #50597b !important
}

.title-1 {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #9099b7
}

.title-2 {
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	color: #fff
}

.title-3 {
	font-size: 18px;
	line-height: 21px;
	color: #fff;
	font-weight: normal
}

.title-4 {
	font-size: 220px;
	line-height: 224px;
	color: #394264;
	font-weight: normal
}

.title-5 {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #9099b7
}

.clearfix {
	*zoom: 1
}

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

.clearfix:after {
	clear: both
}

.clear {
	clear: both
}

.hide {
	display: none
}

.show {
	display: block
}

.invisible {
	visibility: hidden
}

.visible {
	visibility: visible
}

.opacity-visible {
	opacity: 1 !important;
	visibility: visible !important
}

.tleft {
	text-align: left !important
}

.tcenter {
	text-align: center !important
}

.tright {
	text-align: right !important
}

.fleft {
	float: left
}

.fright {
	float: right
}

.fixed {
	position: fixed
}

.table {
	width: 100%;
	display: table
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

html {
	overflow-x: hidden
}

body {
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #1e233a;
	overflow-x: hidden;
	padding-bottom: 84px;
	padding-top: 65px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	opacity: 0
}

body.ismobile {
	background-attachment: scroll
}

body.with-header-nav-menu {
	padding-top: 106px
}

a {
	color: #fff
}

a:hover {
	color: #11a8ab
}

.container {
	width: 986px;
	margin: 0 auto;
	position: relative
}

.container.fluid {
	width: auto;
	margin: 0 20px
}

.boxcontainer {
	margin: 26px auto 0
}

.boxcontainer:first-child {
	margin: -14px auto 0
}

header {
	background-color: #394264;
	height: 65px;
	text-align: center;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1)
}

header.with-admin-bar {
	top: 32px
}

header.with-header-nav-menu {
	height: 106px
}

header.with-header-nav-menu .container:nth-child(2) {
	margin: 1px auto 0;
	padding: 10px 15px 0;
	height: 30px;
	background-color: #444d70
}

header.with-header-nav-menu .container:nth-child(2):before {
	position: absolute;
	top: 0;
	left: -50%;
	width: 200%;
	height: 1px;
	background-color: #2f3552;
	content: ''
}

header.with-header-nav-menu .container:nth-child(2) .icon-nav-menu {
	display: none
}

header .left-part {
	position: absolute;
	top: 0;
	left: 0
}

header .logo {
	margin: 0 auto
}

header .right-part {
	position: absolute;
	top: 0;
	right: 0
}

header .menu-categories,
header .search-box {
	float: left
}

header .search-box {
	margin-top: 11px
}

header .menu-categories {
	margin-top: 21px
}

header .menu-categories+.search-box {
	margin-left: 20px
}

header .menu-categories .dropdown .dropdown-wrapper {
	max-height: 360px;
	overflow: visible !important;
	width: 190px !important
}

header .log-in-out {
	margin-top: 20px;
	float: right;
	position: relative
}

header .log-in-out .dropdown {
	top: 24px;
	right: 0;
	padding-top: 33px
}

header .log-in-out #login-form {
	padding: 15px
}

header .log-in-out .login-links {
	font-size: 13px;
	line-height: 17px;
	border-top: 1px solid #2f3552;
	padding: 11px 15px
}

header .member {
	float: right;
	margin-top: 10px
}

header .log-in-out+.member {
	margin-right: 40px
}

.header-menu {
	text-align: center;
	font-size: 14px;
	line-height: 18px
}

.header-menu .header-menu-wrapper>ul>li {
	display: inline-block;
	margin: 0 18px;
	position: relative
}

.header-menu .header-menu-wrapper>ul>li>a {
	color: #9099b7
}

.header-menu .header-menu-wrapper>ul>li>a:hover {
	color: #fff
}

.header-menu .header-menu-wrapper>ul>li>.dropdown {
	left: 0;
	padding-top: 22px;
	top: 18px
}

.header-menu .header-menu-wrapper>ul>li>.dropdown .dropdown {
	position: static
}

.header-menu .header-menu-wrapper>ul>li>.dropdown .dropdown .dropdown-wrapper {
	background-color: transparent;
	border-bottom: 0;
	border-radius: 0;
	position: static
}

.header-menu .header-menu-wrapper>ul>li>.dropdown .dropdown .dropdown-wrapper.arrow-up-left:before {
	display: none
}

.header-menu .header-menu-wrapper>ul>li>.dropdown .dropdown .dropdown-wrapper .sub-menu>li:first-child>a {
	border-radius: 0;
	-webkit-border-radius: 0
}

#primary {
	border-bottom: 4px solid #e64c65
}

#content {
	padding-top: 40px
}

.postWrap {
	width: 720px;
	float: left
}

.postWrap .contentbox {
	overflow: hidden
}

.postWrap .contentbox .featured-image {
	text-align: center
}

.postWrap .contentbox .featured-image img {
	width: 720px;
	height: auto
}

.postWrap .contentbox .featured-video {
	position: relative
}

.postWrap .contentbox .featured-video.remote-video.ar-4-3 {
	padding-bottom: 75%
}

.postWrap .contentbox .featured-video.remote-video.ar-16-9 {
	padding-bottom: 56.25%
}

.postWrap .contentbox .featured-video.remote-video iframe,
.postWrap .contentbox .featured-video.remote-video object,
.postWrap .contentbox .featured-video.remote-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.postWrap .contentbox .featured-video .wp-video,
.postWrap .contentbox .featured-video .wp-video * {
	max-width: 100% !important
}

.postWrap .contentbox .title-1 {
	padding-left: 30px;
	padding-right: 30px;
	text-align: left
}

.postWrap .contentbox .title-3 {
	padding: 26px 30px 27px;
	text-align: left
}

.postWrap .contentbox .title-3 .button {
	position: relative;
	top: -4px;
	margin-left: 20px
}

.postWrap .contentbox .quote-block {
	padding: 26px 30px 27px;
	font-style: italic
}

.postWrap .contentbox .quote-block:before {
	float: left;
	width: 49px;
	height: 42px;
	content: '';
	background-image: url(../image/icon-quotes-large.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 17px;
	margin-top: 10px
}

.postWrap .contentbox .quote-block .quote-text {
	font-size: 18px;
	line-height: 30px;
	min-height: 60px
}

.postWrap .contentbox .quote-block .quote-author {
	font-size: 16px;
	line-height: 24px;
	padding-top: 15px;
	color: #9099b7;
	clear: both
}

.postWrap .topbar {
	display: table;
	width: 100%;
	background-color: #50597b;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0
}

.postWrap .topbar .navbtns {
	display: table-cell;
	width: 290px;
	vertical-align: top
}

.postWrap .topbar .navbtns li:first-child a,
.postWrap .topbar .navbtns li:first-child span.no-link {
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0
}

.postWrap .topbar .space {
	display: table-cell;
	text-align: center;
	padding-top: 17px;
	color: #fff;
	border-radius: 0 5px 0 0;
	webkit-border-radius: 0 5px 0 0
}

.postWrap .notification {
	padding: 20px 30px
}

.posts-navigation {
	font-size: 13px;
	line-height: 17px;
	color: #9099b7;
	border-top: 1px solid #2f3552;
	padding-top: 15px;
	margin-top: 40px
}

.posts-navigation a {
	display: block;
	background-repeat: no-repeat;
	color: #9099b7
}

.posts-navigation a:hover {
	color: #fff
}

.posts-navigation .prev {
	float: left;
	background-image: url(../image/arrow-9.png);
	padding-left: 16px;
	background-position: left 4px
}

.posts-navigation .prev:hover {
	background-position: left -85px
}

.posts-navigation .next {
	float: right;
	background-image: url(../image/arrow-10.png);
	padding-right: 16px;
	background-position: right 4px
}

.posts-navigation .next:hover {
	background-position: right -85px
}

.sidebar {
	width: 236px;
	float: right
}

.sidebar input[type=text],
.sidebar input[type=password],
.sidebar input[type=email],
.sidebar input[type=url],
.sidebar textarea,
.sidebar .sbHolder {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%
}

.sidebar .contentbox {
	font-size: 13px;
	line-height: 21px;
	color: #fff
}

.sidebar .contentbox .widgetwrapper {
	padding: 15px
}

.sidebar .contentbox>ul {
	list-style-type: none;
	color: #9099b7
}

.sidebar .contentbox>ul>li {
	border-bottom: 1px solid #2f3552;
	background-image: url(../image/arrow-2.png);
	background-repeat: no-repeat;
	background-position: 15px 18px;
	padding-top: 11px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 30px
}

.sidebar .contentbox>ul>li:hover {
	background-position: 15px -972px
}

.sidebar .contentbox>ul>li:last-child {
	border-bottom: 0
}

.sidebar .contentbox>ul>li a:hover {
	color: #11a8ab
}

.sidebar .contentbox>ul>li .post-date {
	display: block;
	color: #50597b
}

ul.menu,
ul.menu ul {
	list-style-type: none;
	color: #9099b7
}

ul.menu li a {
	display: block;
	border-bottom: 1px solid #2f3552;
	background-image: url(../image/arrow-2.png);
	background-repeat: no-repeat;
	background-position: 15px 18px;
	padding-top: 11px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 30px
}

ul.menu>li:last-child a {
	border-bottom: 0
}

ul.menu li a:hover {
	background-position: 15px -972px;
	color: #11a8ab
}

ul.menu ul li a {
	background-position: 30px 18px;
	padding-left: 45px
}

ul.menu ul li a:hover {
	background-position: 30px -972px
}

ul.menu ul ul li a {
	background-position: 45px 18px;
	padding-left: 60px
}

ul.menu ul ul li a:hover {
	background-position: 45px -972px
}

ul.menu ul ul ul li a {
	background-position: 60px 18px;
	padding-left: 75px
}

ul.menu ul ul ul li a:hover {
	background-position: 60px -972px
}

ul.menu ul ul ul ul li a {
	background-position: 75px 18px;
	padding-left: 90px
}

ul.menu ul ul ul ul li a:hover {
	background-position: 75px -972px
}

.sidebar .contentbox .recentposts {
	list-style-type: none;
	margin-top: -1px
}

.sidebar .contentbox .recentposts li {
	float: left;
	margin-right: 1px;
	margin-top: 1px
}

.sidebar .contentbox .recentposts li:nth-child(3n) {
	margin-right: 0
}

.sidebar .contentbox .recentposts li img {
	width: 68px;
	height: 68px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out
}

.sidebar .contentbox .recentposts li img:hover {
	opacity: .6
}

.sidebar .contentbox #recentcomments li {
	background-image: none;
	padding-left: 15px
}

.sidebar .contentbox .blogroll li a img {
	float: left;
	position: relative;
	top: 2px;
	margin-right: 10px;
	border: 2px solid #50597b;
	border-radius: 5px;
	-webkit-border-radius: 5px
}

.sidebar .contentbox .searchform {
	padding: 15px
}

.sidebar .contentbox .searchform div {
	position: relative
}

.sidebar .contentbox .searchform label {
	display: none
}

.sidebar .contentbox .searchform input[type=text] {
	padding-right: 48px
}

.sidebar #calendar_wrap {
	padding: 15px;
	font-size: 16px;
	line-height: 26px;
	color: #9099b7
}

.sidebar #calendar_wrap #wp-calendar {
	width: 100%;
	text-align: center;
	position: relative
}

.sidebar #calendar_wrap #wp-calendar caption {
	height: 24px;
	margin-bottom: 15px
}

.sidebar #calendar_wrap #wp-calendar th {
	color: #11a8ab;
	font-weight: normal;
	text-transform: uppercase;
	width: 14.285%
}

.sidebar #calendar_wrap #wp-calendar td {
	padding: 2px 0
}

.sidebar #calendar_wrap #wp-calendar td#today span,
.sidebar #calendar_wrap #wp-calendar td#today span a {
	background-color: #e64c65;
	color: #fff;
	width: 28px;
	height: 28px;
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%
}

.sidebar #calendar_wrap #wp-calendar tfoot {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.sidebar #calendar_wrap #wp-calendar tfoot td {
	padding: 0;
	line-height: 24px
}

.sidebar #calendar_wrap #wp-calendar tfoot .caption {
	text-align: center;
	width: 100%;
	color: #fff
}

.sidebar #calendar_wrap #wp-calendar tfoot #prev,
.sidebar #calendar_wrap #wp-calendar tfoot #next {
	min-width: 29px
}

.sidebar #calendar_wrap #wp-calendar tfoot #prev a {
	float: left;
	text-indent: -5000px;
	overflow: hidden;
	width: 24px;
	height: 24px;
	background-image: url(../image/arrow-4.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 2px
}

.sidebar #calendar_wrap #wp-calendar tfoot #next a {
	float: right;
	text-indent: -5000px;
	overflow: hidden;
	width: 24px;
	height: 24px;
	background-image: url(../image/arrow-5.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 2px
}

.sidebar .contentbox .tagcloud {
	padding: 11px 15px 15px
}

.sidebar .contentbox .textwidget {
	padding: 11px 15px 15px
}

.sidebar .contentbox .textwidget p {
	margin-top: 10px
}

.sidebar .contentbox .textwidget p:first-child {
	margin-top: 0
}

.sidebar .contentbox .textwidget img {
	max-width: 100%
}

.sidebar .contentbox .textwidget .widgetwrapper {
	padding: 0
}

.sidebar .contentbox .title-1 .rsswidget:first-child {
	display: none
}

.sidebar .contentbox .rssitems li {
	background-image: none;
	padding: 11px 15px 15px
}

.sidebar .contentbox .rss-date {
	display: block;
	color: #50597b
}

.sidebar .contentbox .rssSummary {
	margin-top: 10px
}

.menu-categories {
	display: inline-block;
	position: relative
}

.menu-categories .dropdown {
	top: 22px;
	left: 0;
	padding-top: 34px
}

.search-box {
	position: relative;
	display: inline-block
}

.search-box .icon-zoom {
	display: none
}

.search-box .dropdown {
	position: static;
	opacity: 1;
	visibility: inherit
}

.search-box .dropdown .dropdown-wrapper {
	background-color: transparent;
	border-bottom: 0;
	border-radius: 0;
	-webkit-border-radius: 0
}

.search-box .dropdown .dropdown-wrapper.arrow-up-left:before {
	display: none
}

.search-box form {
	position: relative
}

.search-box input[type=text] {
	padding-right: 48px;
	width: 167px
}

.search-box input[type=submit],
.searchform input[type=submit] {
	position: absolute;
	top: 11px;
	right: 14px;
	background-image: url(../image/icon-search.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -5000px;
	height: 20px;
	width: 20px;
	overflow: hidden;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none
}

.search-box input[type=text]:focus+input[type=submit],
.searchform input[type=text]:focus+input[type=submit] {
	animation: animation-icon-search .3s ease-in;
	-moz-animation: animation-icon-search .3s ease-in;
	-ms-animation: animation-icon-search .3s ease-in;
	-o-animation: animation-icon-search .3s ease-in;
	-webkit-animation: animation-icon-search .3s ease-in
}

.logo {
	display: table
}

.logo a {
	line-height: 0;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 65px
}

.logo a img {
	max-height: 65px
}

.member {
	font-size: 18px;
	line-height: 22px
}

.member a {
	display: block;
	position: relative;
	padding-left: 55px;
	padding-top: 10px
}

.member .avatar {
	position: absolute;
	top: 0;
	left: 0
}

.member .avatar img {
	width: 40px;
	height: 40px;
	border: 2px solid #50597b;
	border-radius: 50%;
	-webkit-border-radius: 50%
}

.dropdown {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	z-index: 100;
	transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear
}

li:hover .dropdown,
li:focus .dropdown,
.dropel:hover .dropdown,
.dropel:focus .dropdown {
	opacity: 1;
	visibility: visible
}

li:active .dropdown,
li:active .dropdown,
.dropel:active .dropdown,
.dropel:active .dropdown {
	-webkit-transition: opacity .2s linear
}

.dropdown .dropdown-wrapper {
	background-color: #394264;
	border-bottom: 4px solid #e64c65;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px
}

.dropdown .dropdown-wrapper.arrow-up-left:before {
	position: absolute;
	top: -8px;
	left: 8px;
	content: "";
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #394264
}

.dropdown .dropdown-wrapper.arrow-up-right:before {
	position: absolute;
	top: -8px;
	right: 8px;
	content: "";
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #394264
}

.categories-list,
.header-menu-list .sub-menu {
	list-style-type: none;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	width: 190px
}

.categories-list>li>a,
.header-menu-list .sub-menu>li>a {
	color: #9099b7;
	display: block;
	padding: 7px 20px 11px
}

.categories-list>li:first-child>a,
.header-menu-list .sub-menu>li:first-child>a {
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0
}

.categories-list>li>a:hover,
.header-menu-list .sub-menu>li>a:hover {
	color: #fff;
	background-color: #50597b
}

.categories-list ul,
.header-menu-list .sub-menu ul {
	list-style-type: none;
	font-size: 14px;
	line-height: 18px
}

.categories-list ul>li>a,
.header-menu-list .sub-menu ul>li>a {
	color: #9099b7;
	display: block;
	padding: 7px 20px 11px 35px
}

.categories-list ul>li>a:hover,
.header-menu-list .sub-menu ul>li>a:hover {
	color: #fff;
	background-color: #50597b
}

#login-form p {
	margin-top: 10px
}

#login-form p:first-child {
	margin-top: 0
}

#login-form .login-submit {
	text-align: right
}

#login-form label {
	display: none
}

#login-form input[type=text],
#login-form input[type=password] {
	width: 175px;
	padding-left: 40px
}

#login-form #user_login {
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url(../image/icon-user-login.png)
}

#login-form #user_pass {
	background-repeat: no-repeat;
	background-position: 13px center;
	background-image: url(../image/icon-user-pass.png)
}

.category-title {
	margin-top: 30px;
	text-align: center
}

.category-title:first-child {
	margin-top: 0
}

.category-title .title-3 {
	background-color: #394264;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 8px;
	padding-bottom: 12px
}

.category-title .description {
	font-size: 14px;
	line-height: 18px;
	color: #9099b7;
	padding-right: 20px;
	padding-left: 20px
}

.category-title .description p {
	margin-top: 25px
}

.wp-video .mejs-container,
.wp-video .mejs-embed,
.wp-video .mejs-embed body,
.wp-video .mejs-container embed,
.wp-video .mejs-container video {
	background-color: #52597a;
	overflow: hidden
}

.wp-video .mejs-controls .mejs-time-rail .mejs-time-loaded,
.wp-video .mejs-controls .mejs-time-rail .mejs-time-total {
	background-image: none;
	background-color: #3b4263
}

.wp-video .mejs-controls .mejs-time-rail .mejs-time-current {
	background-image: none;
	background-color: #37a8ac
}

.wp-video .mejs-container .mejs-controls {
	background-image: none !important;
	background-color: #1f233a !important
}

.wp-video .mejs-poster {
	background-size: cover
}

.wp-video .mejs-overlay-button {
	background-image: url(../image/arrow-8.png);
	background-position: center bottom;
	width: 63px;
	height: 63px;
	margin-left: -32px
}

.wp-video .mejs-controls .mejs-button button:focus {
	outline: 0 none
}

.wp-video .mejs-overlay-button:hover,
.wp-video .mejs-overlay:hover .mejs-overlay-button {
	background-position: center top
}

.wp-video .mejs-overlay-loading {
	background-image: none;
	display: none
}

.wp-audio-shortcode .mejs-container {
	background-color: #52597a;
	overflow: hidden
}

.wp-audio-shortcode .mejs-controls .mejs-time-rail .mejs-time-loaded,
.wp-audio-shortcode .mejs-controls .mejs-time-rail .mejs-time-total,
.wp-audio-shortcode .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background-image: none;
	background-color: #3b4263
}

.wp-audio-shortcode .mejs-controls .mejs-time-rail .mejs-time-current,
.wp-audio-shortcode .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background-image: none;
	background-color: #37a8ac
}

.wp-audio-shortcode .mejs-controls {
	background-image: none !important;
	background-color: #1f233a !important
}

.pinbox {
	width: 236px;
	position: relative;
	margin-top: 14px;
	background-color: #394264;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	margin-right: 20px;
}

.pinbox .ribbon {
	display: none
}

.pinbox .sticky .ribbon {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	border-radius: 5px 0 5px 0;
	-webkit-border-radius: 5px 0 5px 0
}

.pinbox .preview .thumb {
	position: relative;
	display: block;
	overflow: hidden
}

.pinbox .preview .thumb a:after {
	content: '';
	position: absolute;
	width: 48px;
	height: 48px;
	background-image: url(../image/icon-view-pin.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: -24px;
	margin-left: -24px;
	left: 50%;
	top: 50%;
	transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transition: all .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	-webkit-transition: -webkit-transform .2s ease-out
}

.pinbox:hover .preview .thumb a:after {
	transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1)
}

.pinbox .preview .thumb img {
	max-width: 236px;
	width: 100%;
	height: auto;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	transform: rotate(0);
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0)
}

.pinbox:hover .preview .thumb img {
	opacity: .6
}

.pinbox .title {
	padding: 20px 20px 0;
	word-wrap: break-word
}

.pinbox .title a {
	color: #fff
}

.pinbox .title a:hover {
	color: #11a8ab
}

.pinbox .title+.excerpt {
	padding: 10px 20px 22px
}

.pinbox .excerpt {
	padding: 19px 20px 22px;
	font-size: 14px;
	line-height: 18px;
	color: #9099b7
}

.pinbox .excerpt a {
	color: #9099b7
}

.pinbox .excerpt a:hover {
	color: #fff
}

.pinbox .top-bar {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: 100;
	top: -120px;
	left: 0;
	width: 100%;
	padding-left: 56px;
	background-color: #50597b;
	text-align: center;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	transition: all .17s ease-out;
	-moz-transition: all .17s ease-out;
	-webkit-transition: all .17s ease-out;
	-o-transition: all .17s ease-out;
	-ms-transition: all .17s ease-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1)
}

.pinbox:hover .top-bar,
.pinbox.hover .top-bar {
	top: 0;
	opacity: 1;
	visibility: visible
}

.pinbox .meta-data ul {
	list-style-type: none
}

.pinbox .meta-data ul li {
	float: left;
	width: 118px;
	text-align: center;
	background-color: #50597b;
	height: 40px;
	padding-top: 16px
}

.pinbox .meta-data ul li:first-child {
	border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px
}

.pinbox .meta-data ul li:last-child {
	float: right;
	border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0
}

.pinbox .meta-data ul li.full {
	float: none;
	width: 236px;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px
}

.pinbox .meta-data ul li.empty {
	height: 0;
	padding-top: 0
}

.pinbox .format-aside .meta-data ul li {
	height: 0;
	padding-top: 0
}

.pinbox .format-quote .excerpt {
	padding: 18px 20px 20px;
	font-size: 14px;
	line-height: 21px;
	font-style: italic;
	position: relative
}

.pinbox .format-quote .excerpt:before {
	float: left;
	width: 36px;
	height: 32px;
	content: '';
	background-image: url(../image/icon-quotes.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 13px;
	margin-top: 5px;
	position: relative;
	z-index: 1
}

.pinbox .format-quote .excerpt .quote-cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: .15
}

.pinbox .format-quote .excerpt .quote-text {
	color: #fff;
	min-height: 42px;
	position: relative;
	z-index: 1
}

.pinbox .format-quote .excerpt .quote-text a {
	color: #fff
}

.pinbox .format-quote .excerpt .quote-text:hover a {
	color: #9099b7
}

.pinbox .format-quote .excerpt .quote-author {
	padding-top: 7px;
	color: #9099b7;
	clear: both;
	position: relative;
	z-index: 1
}

.pinbox .format-audio .preview .thumb a:after {
	background-image: url(../image/icon-view-audio.png)
}

.pinbox .format-audio .mejs-controls div.mejs-time-rail {
	width: 54px
}

.pinbox .format-audio .mejs-controls div.mejs-time-rail .mejs-time-total {
	width: 44px
}

.pinbox .format-audio .mejs-horizontal-volume-current {
	width: 22px
}

.pinbox .format-video .preview .thumb.remote-video.ar-4-3 {
	padding-bottom: 75%
}

.pinbox .format-video .preview .thumb.remote-video.ar-16-9 {
	padding-bottom: 56.25%
}

.pinbox .format-video .preview .thumb.remote-video iframe,
.pinbox .format-video .preview .thumb.remote-video object,
.pinbox .format-video .preview .thumb.remote-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	-webkit-border-radius: 5px 5px 0 0
}

.pinbox .format-video .preview .thumb .wp-video iframe,
.pinbox .format-video .preview .thumb .wp-video embed,
{
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-mask-image: -webkit-radial-gradient(white, black);
-webkit-border-radius: 5px 5px 0 0
}

.pinbox .format-video .preview .thumb .wp-video .mejs-mediaelement {
	background-color: #000
}

.pinbox .format-video .preview .thumb .wp-video .mejs-container,
.pinbox .format-video .preview .thumb .wp-video .mejs-container embed,
.pinbox .format-video .preview .thumb .wp-video .mejs-container video,
.pinbox .format-video .preview .thumb .wp-video .mejs-embed,
.pinbox .format-video .preview .thumb .wp-video .mejs-embed body {
	background-color: transparent !important
}

.pinbox .format-video .preview .thumb .wp-video .mejs-mediaelement .me-plugin {
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	-webkit-border-radius: 5px 5px 0 0
}

.pinbox .format-video .preview .thumb .wp-video .mejs-poster {
	-webkit-border-radius: 5px 5px 0 0
}

.pinbox .format-video .preview .thumb .wp-video .mejs-overlay-button {
	background-image: url(../image/arrow-11.png);
	width: 48px;
	height: 48px;
	margin-left: -24px
}

.pinbox .format-video .preview .thumb .wp-video .mejs-controls {
	visibility: hidden;
	opacity: 0;
	transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out
}

.pinbox:hover .format-video .preview .thumb .wp-video .mejs-controls {
	visibility: visible;
	opacity: 1
}

.contentbox {
	background-color: #394264;
	margin-top: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px
}

.contentbox:first-child {
	margin-top: 0
}

.contentbox .title-1 {
	background-color: #50597b;
	text-align: center;
	padding-top: 17px;
	padding-bottom: 19px;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0
}

.contentbox .title-1 a {
	color: #9099b7
}

.metabar {
	padding: 0 30px;
	background-color: #50597b;
	border-top: 1px solid #394264
}

.metabar .ribbon {
	float: left;
	margin-top: 7px
}

.metabar .ribbon+.postmetas {
	margin-left: 34px
}

.metabar .postmetas {
	float: left;
	margin-top: 11px
}

.metabar .social-media-icons {
	float: right
}

.metabar .title-5 {
	padding: 10px 0
}

.categories+.metabar,
.metabar+.categories {
	margin-top: 30px
}

.tags+.metabar {
	margin-top: 30px
}

.featured-image+.metabar,
.featured-video+.metabar {
	border-top: 0
}

.postmetas {
	list-style-type: none;
	font-size: 12px;
	line-height: 16px;
	color: #9099b7
}

.postmetas li {
	float: left;
	margin-right: 34px
}

.postmetas li a {
	color: #9099b7
}

.postmetas li a:hover {
	color: #11a8ab
}

.postmetas li:last-child {
	margin-right: 0
}

.social-media-icons {
	list-style-type: none
}

.social-media-icons li {
	float: left;
	border-right: 1px solid #394264
}

.social-media-icons li:first-child {
	border-left: 1px solid #394264
}

.social-media-icons li a {
	display: block;
	width: 40px;
	height: 36px;
	text-indent: -5000px;
	overflow: hidden;
	background-repeat: no-repeat;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease
}

.social-media-icons li a.icon-facebook {
	background-image: url(../image/icon-facebook.png);
	background-position: center 10px
}

.social-media-icons li a.icon-facebook:hover {
	background-color: #3468af
}

.social-media-icons li a.icon-gplus {
	background-image: url(../image/icon-gplus.png);
	background-position: center 10px
}

.social-media-icons li a.icon-gplus:hover {
	background-color: #e64c65
}

.social-media-icons li a.icon-twitter {
	background-image: url(../image/icon-twitter.png);
	background-position: center 11px
}

.social-media-icons li a.icon-twitter:hover {
	background-color: #4fc4f6
}

.navbtns {
	list-style-type: none
}

.navbtns li {
	float: left;
	border-right: 2px solid #394264;
	width: 50%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.navbtns li a,
.navbtns li span.no-link {
	display: block;
	padding-top: 17px;
	height: 39px;
	color: #9099b7
}

.navbtns li a:hover {
	background-color: #394264;
	color: #fff
}

.navbtns li span.no-link {
	color: #394264
}

.navbtns li:first-child a,
.navbtns li:first-child span.no-link {
	border-top: 4px solid #e64c65
}

.navbtns li:last-child a,
.navbtns li:last-child span.no-link {
	border-top: 4px solid #11a8ab
}

.textbox {
	padding: 25px 30px;
	font-size: 16px;
	line-height: 26px;
	color: #fff
}

.textbox a {
	color: #11a8ab
}

.textbox a:hover {
	color: #fff
}

.textbox h1 {
	font-size: 18px;
	line-height: 26px
}

.textbox h2 {
	font-size: 17px;
	line-height: 25px
}

.textbox h3 {
	font-size: 16px;
	line-height: 24px
}

.textbox h4 {
	font-size: 15px;
	line-height: 23px
}

.textbox h5 {
	font-size: 14px;
	line-height: 22px
}

.textbox h6 {
	font-size: 13px;
	line-height: 21px
}

.textbox p,
.textbox ul,
.textbox ol,
.textbox dl,
.textbox table,
.textbox address,
.textbox pre,
.textbox h1,
.textbox h2,
.textbox h3,
.textbox h4,
.textbox h5,
.textbox h6 {
	margin-top: 20px
}

.textbox p:first-child,
.textbox ul:first-child,
.textbox ol:first-child,
.textbox dl:first-child,
.textbox table:first-child,
.textbox blockquote:first-child,
.textbox address:first-child,
.textbox pre:first-child,
.textbox h1:first-child,
.textbox h2:first-child,
.textbox h3:first-child,
.textbox h4:first-child,
.textbox h5:first-child,
.textbox h6:first-child,
.textbox .wp-video:first-child,
.textbox .wp-audio-shortcode:first-child {
	margin-top: 0
}

.textbox ul,
.textbox ol {
	list-style-position: inside
}

.textbox ul ul,
.textbox ol ol,
.textbox ul ol,
.textbox ol ul {
	margin-left: 30px;
	margin-top: 0
}

.textbox dl dd {
	margin-left: 30px
}

.textbox blockquote {
	margin-top: 20px;
	margin-left: 30px;
	font-style: italic
}

.textbox pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

.textbox table {
	width: 100%
}

.textbox table th {
	background-color: #50597b;
	font-weight: normal;
	text-align: left;
	color: #fff;
	padding: 4px 10px 5px
}

.textbox table td {
	color: #9099b7;
	padding: 4px 10px 5px;
	border-bottom: 1px solid #2f3552
}

.textbox img {
	max-width: 100% !important;
	height: auto
}

.textbox img.alignleft {
	float: left;
	margin-top: 7px;
	margin-right: 25px;
	margin-bottom: 15px
}

.textbox img.alignright {
	float: right;
	margin-top: 7px;
	margin-left: 25px;
	margin-bottom: 15px
}

.textbox .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.textbox iframe,
.textbox embed {
	max-width: 100% !important;
}

.textbox .wp-video,
.textbox .wp-audio-shortcode {
	margin-top: 20px
}

.textbox .wp-caption {
	margin-top: 20px;
	width: auto !important
}

.textbox .wp-caption.alignleft {
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-top: 26px
}

.textbox .wp-caption.alignright {
	float: right;
	margin-left: 25px;
	margin-bottom: 15px;
	margin-top: 26px
}

.textbox .wp-caption.aligncenter {
	width: inherit !important;
	text-align: center
}

.textbox .wp-caption .wp-caption-text {
	color: #9099b7;
	line-height: 17px;
	padding-top: 6px;
	margin-top: 0
}

.textbox .gallery {
	padding-top: 14px
}

.textbox .gallery .gallery-item {
	text-align: left !important;
	padding-right: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.textbox .gallery .gallery-item .gallery-icon img {
	width: 100%;
	height: auto;
	border: none !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.textbox .gallery .gallery-item .gallery-caption {
	line-height: 17px;
	padding-top: 6px;
	color: #9099b7;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.textbox .gallery br:last-of-type {
	display: none
}

.postWrap .textbox input[type=submit] {
	display: inline-block;
	font-size: 18px;
	line-height: 22px;
	padding: 9px 20px 11px;
	background-color: #11a8ab;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out
}

.postWrap .textbox input[type=text],
.postWrap .textbox input[type=password],
.postWrap .textbox input[type=email],
.postWrap .textbox input[type=url],
.postWrap .textbox textarea {
	width: 418px
}

.postWrap .textbox .sbHolder {
	width: 450px
}

.postWrap .textbox .sbHolder a {
	color: #fff
}

.postWrap .textbox .sbHolder ul {
	margin-top: 0
}

.postWrap .textbox .post-password-form input {
	display: block
}

.postWrap .textbox .post-password-form input[type=password] {
	margin-top: 5px
}

.postWrap .textbox .post-password-form label+input[type=submit] {
	margin-top: 20px
}

.page-links {
	font-size: 13px;
	line-height: 21px;
	color: #9099b7;
	padding: 0 30px 20px;
	font-weight: bold
}

.page-links .page-num {
	display: inline-block;
	font-weight: normal;
	margin-left: 3px;
	background-color: #e64c65;
	color: #fff;
	text-align: center;
	width: 22px;
	height: 22px;
	border-radius: 100%;
	-webkit-border-radius: 100%
}

.page-links a .page-num {
	background-color: transparent;
	font-weight: normal;
	color: #9099b7
}

.page-links a:hover .page-num {
	color: #fff
}

.categories {
	font-size: 12px;
	line-height: 16px;
	color: #9099b7;
	border-top: 1px solid #2f3552;
	border-bottom: 1px solid #2f3552;
	padding: 10px 30px 13px;
	margin-top: 25px
}

.page-links+.categories {
	margin-top: 10px
}

.textbox+.categories {
	margin-top: 0
}

.categories a {
	color: #9099b7
}

.categories a:hover {
	color: #11a8ab
}

.tags {
	font-size: 12px;
	line-height: 16px;
	color: #9099b7;
	border-top: 1px solid #2f3552;
	border-bottom: 1px solid #2f3552;
	padding: 10px 30px 13px
}

.categories+.tags {
	border-top: 0
}

.page-links+.tags {
	margin-top: 10px
}

.textbox+.tags {
	margin-top: 0
}

.tags a {
	color: #9099b7
}

.tags a:hover {
	color: #11a8ab
}

.comments ul {
	list-style-type: none
}

.comments ul li {
	position: relative;
	padding: 20px 30px 20px 84px;
	min-height: 44px
}

.comments ul li[data-icon=false] {
	padding-left: 30px !important
}

.comments ul li:nth-child(2n) {
	background-color: #3e476a
}

.comments ul li .icon {
	position: absolute;
	top: 20px;
	left: 30px
}

.comments ul li .icon img {
	width: 40px;
	height: 40px;
	border: 2px solid #50597b;
	border-radius: 5px;
	-webkit-border-radius: 5px
}

.comments ul li .date {
	font-size: 11px;
	line-height: 16px;
	color: #9099b7;
	float: right
}

.comments ul li .author {
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #9099b7
}

.comments ul li .author a {
	color: #9099b7
}

.comments ul li .author a:hover,
.comments ul li:nth-child(2n) .author a:hover {
	color: #fff
}

.comments ul li .comment-text {
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	margin-top: 5px
}

.comments ul li .comment-text a {
	color: #11a8ab
}

.comments ul li .comment-text a:hover {
	color: #fff
}

.comments ul li .comment-text h1 {
	font-size: 17px;
	line-height: 25px
}

.comments ul li .comment-text h2 {
	font-size: 16px;
	line-height: 24px
}

.comments ul li .comment-text h3 {
	font-size: 15px;
	line-height: 23px
}

.comments ul li .comment-text h4 {
	font-size: 14px;
	line-height: 22px
}

.comments ul li .comment-text h5 {
	font-size: 13px;
	line-height: 21px
}

.comments ul li .comment-text h6 {
	font-size: 12px;
	line-height: 20px
}

.comments ul li .comment-text p,
.comments ul li .comment-text ul,
.comments ul li .comment-text ol,
.comments ul li .comment-text dl,
.comments ul li .comment-text table,
.comments ul li .comment-text address,
.comments ul li .comment-text pre,
.comments ul li .comment-text h1,
.comments ul li .comment-text h2,
.comments ul li .comment-text h3,
.comments ul li .comment-text h4,
.comments ul li .comment-text h5,
.comments ul li .comment-text h6 {
	margin-top: 20px
}

.comments ul li .comment-text p:first-child,
.comments ul li .comment-text ul:first-child,
.comments ul li .comment-text ol:first-child,
.comments ul li .comment-text dl:first-child,
.comments ul li .comment-text table:first-child,
.comments ul li .comment-text blockquote:first-child,
.comments ul li .comment-text address:first-child,
.comments ul li .comment-text pre:first-child,
.comments ul li .comment-text h1:first-child,
.comments ul li .comment-text h2:first-child,
.comments ul li .comment-text h3:first-child,
.comments ul li .comment-text h4:first-child,
.comments ul li .comment-text h5:first-child,
.comments ul li .comment-text h6:first-child {
	margin-top: 0
}

.comments ul li .comment-text ul,
.comments ul li .comment-text ol {
	list-style-position: inside
}

.comments ul li .comment-text ul {
	list-style-type: square
}

.comments ul li .comment-text ol {
	list-style-type: decimal
}

.comments ul li .comment-text ul li,
.comments ul li .comment-text ol li {
	padding: 0;
	min-height: 0;
	background-color: transparent
}

.comments ul li .comment-text ul ul,
.comments ul li .comment-text ol ol,
.comments ul li .comment-text ul ol,
.comments ul li .comment-text ol ul {
	margin-left: 30px;
	margin-top: 0
}

.comments ul li .comment-text dl dd {
	margin-left: 30px
}

.comments ul li .comment-text blockquote {
	margin-top: 20px;
	margin-left: 30px;
	font-style: italic
}

.comments ul li .comment-text pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

.comments ul li .comment-text table {
	width: 100%
}

.comments ul li .comment-text table th {
	background-color: #50597b;
	font-weight: normal;
	text-align: left;
	color: #fff;
	padding: 4px 10px 5px
}

.comments ul li .comment-text table td {
	color: #9099b7;
	padding: 4px 10px 5px;
	border-bottom: 1px solid #2f3552
}

.comments .comment-reply {
	font-size: 13px;
	line-height: 17px
}

.comments .comment-reply a {
	color: #11a8ab
}

.comments .comment-reply a:hover {
	color: #fff
}

.comments ul li .comment-text+.comment-reply {
	margin-top: 5px
}

.comments ul li .children li {
	padding: 20px 0 0 54px
}

.comments ul li .children li .icon {
	left: 0;
	top: 20px
}

.comments ul li .children li:first-child {
	padding-top: 27px
}

.comments ul li .children li:first-child>.icon {
	top: 27px
}

.comments-nav {
	font-size: 13px;
	line-height: 17px;
	color: #9099b7;
	border-bottom: 1px solid #2f3552;
	padding: 10px 30px 13px
}

.comments-nav a {
	display: block;
	background-repeat: no-repeat;
	color: #9099b7
}

.comments-nav a:hover {
	color: #fff
}

.comments-nav-prev {
	float: left
}

.comments-nav-prev a {
	background-image: url(../image/arrow-9.png);
	padding-left: 16px;
	background-position: left 4px
}

.comments-nav-prev a:hover {
	background-position: left -85px
}

.comments-nav-next {
	float: right
}

.comments-nav-next a {
	background-image: url(../image/arrow-10.png);
	padding-right: 16px;
	background-position: right 4px
}

.comments-nav-next a:hover {
	background-position: right -85px
}

.comments+.comment-respond {
	border-top: 1px solid #2f3552
}

.comment-respond {
	padding: 20px 30px 20px 84px;
	position: relative;
	font-size: 13px;
	line-height: 21px;
	color: #fff
}

.comments .comment-respond {
	padding: 20px 30px
}

.comments .children .comment-respond {
	padding: 20px 0
}

.comment-respond .icon {
	position: absolute;
	top: 20px;
	left: 30px;
	padding-bottom: 0
}

.comments .comment-respond .icon {
	display: none
}

.comment-respond .icon img {
	width: 40px;
	height: 40px;
	border: 2px solid #50597b;
	border-radius: 5px;
	-webkit-border-radius: 5px
}

.comment-respond .comment-reply-title,
.comment-respond .logged-in-as,
.comment-respond .comment-notes,
.comment-respond .form-allowed-tags {
	display: none
}

.comment-respond form p {
	padding-bottom: 10px
}

.comment-respond form input {
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.comment-respond form textarea {
	width: 100%;
	height: 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.comment-respond form .form-submit {
	padding-bottom: 0
}

.comment-respond form input[type=submit] {
	width: 165px
}

.comment-respond .must-log-in {
	color: #9099b7;
	font-size: 13px;
	line-height: 21px
}

.ribbon {
	display: inline-block;
	background-color: #e64c65;
	padding: 4px 12px 5px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.banner {
	text-align: center
}

.banner iframe,
.banner img {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%
}

.banner-position-1 {
	margin-bottom: 30px
}

.banner-position-2 {
	margin-top: 30px;
	padding: 0 30px
}

.banner-position-3 {
	padding: 18px
}

.banner-position-4 {
	padding: 18px
}

#aToolTip {
	position: absolute;
	display: none;
	z-index: 100000;
	font-size: 12px;
	line-height: 16px;
	background-color: #11a8ab;
	color: #fff;
	max-width: 250px;
	padding: 4px 12px 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

#aToolTip .aToolTipContent {
	position: relative
}

.notice-body {
	text-align: center
}

.notice-body .icon {
	padding-top: 20px
}

.notice-body .title-4 {
	margin-top: 23px
}

.notice-body .notice {
	font-size: 26px;
	line-height: 30px;
	color: #9099b7;
	margin-top: 20px
}

.category-title+.notification-body {
	margin-top: 25px
}

.notification {
	color: #9099b7;
	font-size: 13px;
	line-height: 21px
}

.footer-spinner {
	position: absolute;
	top: -86px;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	display: none;
	z-index: 10000
}

.main-loader {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
	z-index: 10000;
	visibility: visible;
	display: none
}

.scrolltotop {
	display: inline-block;
	width: 63px;
	height: 63px;
	background-image: url(../image/scrolltotop.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	top: -93px;
	right: 30px;
	z-index: 1000;
	text-indent: -5000px;
	overflow: hidden;
	transition: top .2s ease;
	-webkit-transition: top .2s ease;
	-moz-transition: top .2s ease;
	-ms-transition: top .2s ease;
	-o-transition: top .2s ease
}

.scrolltotop:hover {
	background-position: center bottom;
	top: -101px
}

#toggle-footer:checked+footer .footerwrapper {
	margin-bottom: 0
}

#toggle-footer:checked+footer .toggler {
	height: 0
}

#toggle-footer:checked+footer .toggler label {
	background-position: center -188px
}

#toggle-footer:checked+footer .toggler label:hover {
	background-position: center -288px
}

footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1000;
	min-height: 5px;
	-webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .1)
}

footer .toggler {
	position: relative;
	background-color: #394264;
	height: 5px;
	transition: height .2s ease;
	-moz-transition: height .2s ease;
	-webkit-transition: height .2s ease;
	-o-transition: height .2s ease;
	-ms-transition: height .2s ease
}

footer .toggler label {
	position: absolute;
	width: 55px;
	height: 44px;
	top: -46px;
	left: 50%;
	margin-left: -27px;
	text-indent: -5000px;
	overflow: hidden;
	background-color: #394264;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	background-image: url(../image/arrow-6.png);
	background-repeat: no-repeat;
	background-position: center 12px;
	cursor: pointer;
	-webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .1);
	z-index: 1000;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #11a8ab
}

footer .toggler label:hover {
	background-position: center -88px
}

footer .footerwrapper {
	position: relative;
	margin-bottom: -500px;
	transition: margin-bottom .2s ease;
	-moz-transition: margin-bottom .2s ease;
	-webkit-transition: margin-bottom .2s ease;
	-o-transition: margin-bottom .2s ease;
	-ms-transition: margin-bottom .2s ease
}

footer .footerbar {
	background-color: #394264
}

footer .footerbar .container {
	overflow: hidden
}

footer .footerbar .cell {
	float: left;
	width: 20%;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 14px;
	padding-bottom: 21px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

footer .footerbar .cell:first-child {
	padding-left: 0
}

footer .footerbar .cell:last-child {
	padding-left: 21px;
	padding-right: 0;
	position: relative
}

footer .footerbar .cell:last-child:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 300%;
	content: '';
	background-color: #1e243a
}

footer .footerbar .cell .title-2 {
	width: 139px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

footer .footerbar .cell .title-2+.links,
footer .footerbar .cell .title-2+.soclinks {
	padding-top: 6px
}

footer .footerbar .cell .title-2+.notification {
	margin-top: 11px
}

footer .footerbar .cell ul {
	list-style-type: none;
	color: #8f98b6
}

footer .footerbar .cell .links {
	font-size: 13px;
	line-height: 17px
}

footer .footerbar .cell .links li {
	margin-top: 7px;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

footer .footerbar .cell .links li a {
	color: #8f98b6
}

footer .footerbar .cell .links li a:hover {
	color: #11a8ab
}

footer .footerbar .cell .soclinks li {
	float: left;
	margin-right: 9px;
	margin-top: 9px
}

footer .footerbar .cell .soclinks li a {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
	overflow: hidden;
	width: 32px;
	height: 32px;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease
}

footer .footerbar .cell .soclinks li a:hover {
	background-position: left bottom
}

footer .footerbar .cell .soclinks li a.icon-footer-fb {
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/icon-footer-fb.png)
}

footer .footerbar .cell .soclinks li a.icon-footer-youtube {
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/icon-footer-youtube.png)
}

footer .footerbar .cell .soclinks li a.icon-footer-pin {
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/icon-footer-pin.png)
}

footer .footerbar .cell .soclinks li a.icon-footer-tw {
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/icon-footer-tw.png)
}

footer .footerbar .cell .soclinks li a.icon-footer-instagram {
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/icon-footer-instagram.png)
}

footer .footerbar .cell .soclinks li a.icon-footer-linkedin {
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/icon-footer-linkedin.png)
}

footer .footerbar .cell .soclinks li a.icon-footer-gplus {
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/icon-footer-gplus.png)
}

footer .footerbar .cell .soclinks li a.icon-footer-behance {
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/icon-footer-behance.png)
}

footer .footerbar .cell .soclinks li a.icon-footer-flickr {
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/icon-footer-flickr.png)
}

footer .footerbar .cell .soclinks li a.icon-footer-soundcloud {
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/icon-footer-soundcloud.png)
}

footer .footerbar .cell .soclinks li a.icon-footer-vimeo {
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/icon-footer-vimeo.png)
}

footer .footerbar .cell .soclinks li a.icon-footer-foursquare {
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/icon-footer-foursquare.png)
}

footer .copyright {
	background-color: #1e243a;
	padding-top: 9px;
	padding-bottom: 12px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: #394264
}

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: rgba(30, 35, 58, .9)
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

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

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none !important
}

.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #ccc
}

.mfp-preloader a:hover {
	color: white
}

.mfp-s-ready .mfp-preloader {
	display: none
}

.mfp-s-error .mfp-content {
	display: none
}

button.mfp-arrow {
	cursor: pointer;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	outline: 0;
	z-index: 1046;
	text-indent: -5000px;
	overflow: hidden;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-repeat: no-repeat;
	background-position: left bottom
}

button.mfp-close {
	cursor: pointer;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	outline: 0;
	z-index: 1046;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 30px;
	top: 30px;
	text-indent: -5000px;
	overflow: hidden;
	background-image: url(../image/close.png);
	background-repeat: no-repeat;
	background-position: left bottom
}

.mfp-close:hover {
	background-position: left top
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: white;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 6px;
	right: 0;
	color: #9099b7;
	font-size: 12px;
	line-height: 16px
}

.mfp-arrow {
	position: absolute;
	top: 50%;
	margin-top: -31px;
	padding: 0;
	width: 63px;
	height: 63px
}

.mfp-arrow:hover {
	background-position: left top
}

.mfp-arrow-left {
	left: 30px;
	background-image: url(../image/arrow-7.png)
}

.mfp-arrow-right {
	right: 30px;
	background-image: url(../image/arrow-8.png)
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: black
}

img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px 0 30px;
	margin: 0 auto
}

.mfp-figure {
	line-height: 0
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-figure figure {
	margin: 0
}

.mfp-bottom-bar {
	margin-top: -30px;
	position: absolute;
	padding-top: 3px;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 21px;
	color: #fff;
	word-wrap: break-word;
	padding-right: 100px;
	font-size: 13px
}

.mfp-image-holder .mfp-content {
	max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}

	.mfp-img-mobile img.mfp-img {
		padding: 0
	}

	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}

	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

@media all and (max-width:900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75)
	}

	.mfp-arrow-left {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}

	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%
	}

	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}

.mfp-ie7 .mfp-img {
	padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
	padding: 0
}

.mfp-ie7 .mfp-content {
	padding-top: 44px
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0
}

.slider-empty {
	min-height: 400px;
	background-image: url(../image/slide-empty.jpg);
	background-repeat: no-repeat;
	background-position: center
}

.flickerplate {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden
}

.flickerplate ul.flicks {
	width: 10000%;
	height: 100%;
	padding: 0;
	margin: 0;
	list-style: none
}

.flickerplate ul.flicks>li {
	float: left;
	width: 1%;
	height: 100%;
	background-position: center;
	background-size: cover;
	display: table
}

.flickerplate ul.flicks>li .flick-inner {
	height: 100%;
	padding: 10px;
	color: #fff;
	display: table-cell;
	vertical-align: middle
}

.flickerplate ul.flicks>li .flick-inner .flick-content {
	max-width: 68.75em;
	margin-left: auto;
	margin-right: auto
}

.flickerplate ul.flicks>li .flick-title {
	font-size: 44px;
	line-height: 44px;
	text-align: center;
	font-weight: 500;
	text-shadow: 1px 1px rgba(0, 0, 0, .4)
}

.flickerplate ul.flicks>li .flick-title a {
	color: #fff
}

.flickerplate ul.flicks>li .flick-sub-text {
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	text-shadow: 1px 1px rgba(0, 0, 0, .4)
}

.flickerplate ul.flicks>li .flick-title+.flick-sub-text {
	margin-top: 33px
}

.flickerplate ul.flicks>li .flick-title span.flick-block-text,
.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
	display: inline-block;
	padding: 5px 15px 12px;
	background-color: rgba(0, 0, 0, 0.6);
	text-shadow: none
}

.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
	padding: 5px 15px 7px
}

.flickerplate .arrow-navigation {
	position: absolute;
	height: 80%;
	width: 10%;
	top: 10%;
	z-index: 100;
	overflow: hidden
}

.flickerplate .arrow-navigation .arrow {
	display: block;
	height: 100%;
	width: 90%;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.flickerplate .arrow-navigation:hover,
.flickerplate .arrow-navigation .arrow:hover {
	cursor: pointer
}

.flickerplate .arrow-navigation.left {
	left: 0
}

.flickerplate .arrow-navigation.left .arrow {
	opacity: 0;
	margin: 0 0 0 50%;
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/flickerplate/arrow-left-light.png);
	background-repeat: no-repeat;
	background-position: left
}

.flickerplate .arrow-navigation.right {
	right: 0
}

.flickerplate .arrow-navigation.right .arrow {
	opacity: 0;
	margin: 0 0 0 -50%;
	background-image: url(http://demo066.99yuanma.net:8889/skin/ecms066/images/flickerplate/arrow-right-light.png);
	background-repeat: no-repeat;
	background-position: right
}

.flickerplate .arrow-navigation.left.hover .arrow {
	opacity: 1;
	margin: 0 0 0 20%
}

.flickerplate .arrow-navigation.right.hover .arrow {
	opacity: 1;
	margin: 0 0 0 -20%
}

.flickerplate .dot-navigation {
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
	z-index: 100
}

.flickerplate .dot-navigation ul {
	text-align: center;
	list-style: none;
	padding: 0 15px
}

.flickerplate .dot-navigation ul li {
	display: inline-block;
	float: none
}

.flickerplate .dot-navigation .dot {
	width: 14px;
	height: 14px;
	margin: 0 6px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-o-transition: background-color .2s ease-out;
	-ms-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out
}

.flickerplate .dot-navigation .dot:hover {
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.6)
}

.flickerplate .dot-navigation .dot.active {
	background-color: #fff
}

.flickerplate .dot-navigation.left,
.flickerplate .dot-navigation.left ul {
	text-align: left
}

.flickerplate .dot-navigation.right,
.flickerplate .dot-navigation.right ul {
	text-align: right
}

.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	transform: translate3d(0%, 0px, 0px);
	-webkit-transform: translate3d(0%, 0px, 0px);
	-webkit-transition: -webkit-transform .6s;
	-o-transition: -o-transform .6s;
	-moz-transition: -moz-transform .6s;
	transition: transform .6s
}

.flickerplate.animate-transition-slide ul.flicks {
	position: relative;
	left: 0;
	-webkit-transition: left .4s ease-out;
	-moz-transition: left .4s ease-out;
	-o-transition: left .4s ease-out;
	-ms-transition: left .4s ease-out;
	transition: left .4s ease-out
}

.flickerplate.animate-jquery-slide ul.flicks {
	position: relative;
	left: 0
}

.flickerplate.animate-scroller-slide {
	padding-bottom: 0;
	overflow: auto
}

.flickerplate.animate-scroller-slide ul.flicks {
	position: auto
}

.jspContainer {
	overflow: hidden;
	position: relative
}

.jspPane {
	position: absolute
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px
}

.jspCap {
	display: none
}

.jspHorizontalBar .jspCap {
	float: left
}

.jspTrack {
	background: #1f243c;
	position: relative;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0
}

.jspDrag {
	background: #e64c65;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d
}

.jspVerticalBar .jspArrow {
	height: 16px
}

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%
}

.jspVerticalBar .jspArrow:focus {
	outline: 0
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%
}

@keyframes animation-icon-search {
	0% {
		transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		-webkit-transform: scale(1.0)
	}

	50% {
		transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		-webkit-transform: scale(1.5)
	}

	100% {
		transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		-webkit-transform: scale(1.0)
	}
}

@-webkit-keyframes animation-icon-search {
	0% {
		transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		-webkit-transform: scale(1.0)
	}

	50% {
		transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		-webkit-transform: scale(1.5)
	}

	100% {
		transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		-webkit-transform: scale(1.0)
	}
}

.wpcf7-form .wpcf7-form-control-wrap {
	display: block;
	margin-top: 5px
}

.wpcf7-form span.wpcf7-not-valid-tip {
	color: #e64c65
}

.wpcf7-form div.wpcf7-response-output {
	margin: 20px 0 0;
	padding: 10px
}

.wpcf7-form div.wpcf7-validation-errors {
	border-color: #e64c65
}

.wpcf7-form div.wpcf7-mail-sent-ok {
	border-color: #11a8ab
}

@media only screen and (max-width:782px) {
	.member .avatar img {
		display: none;
	}

	html #wpadminbar {
		z-index: 1000 !important
	}

	header.with-admin-bar {
		top: 46px
	}
}

@media only screen and (max-width:1033px) {

	.container,
	.container.fluid {
		width: auto;
		margin: 0 15px
	}

	.search-box input[type=text] {
		width: 120px
	}

	.category-title .container {
		margin: 0
	}

	.postWrap {
		float: none;
		width: auto
	}

	.postWrap .contentbox .featured-image img {
		width: 100%
	}

	.sidebar {
		float: none;
		width: auto
	}

	.postWrap+.sidebar {
		margin-top: 20px
	}

	.sidebar .contentbox .recentposts li:nth-child(3n) {
		margin-right: 1px
	}

	.textbox .attachment img {
		width: 100%;
		height: auto
	}

	.textbox .wp-video,
	.textbox .wp-video * {
		max-width: 100% !important
	}

	footer .footerbar .cell {
		width: 25%
	}

	footer .footerbar .cell:nth-child(4) {
		padding-right: 0
	}

	footer .footerbar .cell:last-child {
		width: 100%;
		padding-left: 0;
		border-left: none;
		border-top: 1px solid #1e243a
	}

	footer .footerbar .cell:last-child:before {
		display: none
	}
}

@media only screen and (max-width:783px) {
	.member a {
		text-indent: -5000px;
		overflow: hidden;
		padding: 0;
		width: 44px;
		height: 44px
	}

	header .log-in-out+.member {
		margin-right: 20px
	}
}

@media only screen and (max-width:720px) {
	body {
		padding-top: 131px !important;
		padding-bottom: 0
	}

	header {
		position: absolute;
		top: 66px
	}

	header.with-admin-bar {
		top: 112px
	}

	header.with-header-nav-menu {
		height: 65px
	}

	header.with-header-nav-menu .container:nth-child(2) {
		background-color: transparent;
		height: auto;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 15px;
		bottom: 22px;
		text-align: left
	}

	header.with-header-nav-menu .container:nth-child(2):before {
		display: none
	}

	header.with-header-nav-menu .container:nth-child(2) .icon-nav-menu {
		display: inline-block;
		float: right
	}

	.header-menu {
		position: absolute;
		text-align: left;
		right: 0;
		top: 22px;
		padding-top: 34px;
		opacity: 0;
		visibility: hidden;
		z-index: 100;
		transition: all .2s linear;
		-moz-transition: all .2s linear;
		-webkit-transition: all .2s linear;
		-o-transition: all .2s linear;
		-ms-transition: all .2s linear
	}

	header.with-header-nav-menu .container:nth-child(2):hover .header-menu,
	header.with-header-nav-menu .container:nth-child(2):focus .header-menu {
		opacity: 1;
		visibility: visible
	}

	header.with-header-nav-menu .container:nth-child(2):active .header-menu,
	header.with-header-nav-menu .container:nth-child(2):active .header-menu {
		-webkit-transition: opacity .2s linear
	}

	.header-menu .header-menu-wrapper {
		background-color: #394264;
		border-bottom: 4px solid #e64c65;
		position: relative;
		border-radius: 5px;
		-webkit-border-radius: 5px
	}

	.header-menu .header-menu-wrapper.arrow-up-left:before {
		position: absolute;
		top: -8px;
		left: 8px;
		content: "";
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #394264
	}

	.header-menu .header-menu-wrapper.arrow-up-right:before {
		position: absolute;
		top: -8px;
		right: 8px;
		content: "";
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #394264
	}

	.header-menu .header-menu-wrapper .header-menu-list {
		font-size: 14px;
		line-height: 18px;
		list-style-type: none;
		text-align: left;
		width: 190px
	}

	.header-menu .header-menu-wrapper .header-menu-list li {
		margin: 0;
		display: block
	}

	.header-menu .header-menu-wrapper .header-menu-list li a {
		color: #9099b7;
		display: block;
		padding: 7px 20px 11px
	}

	.header-menu .header-menu-wrapper .header-menu-list li:first-child a {
		border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0
	}

	.header-menu .header-menu-wrapper .header-menu-list li a:hover {
		color: #fff;
		background-color: #50597b
	}

	.header-menu .header-menu-wrapper .header-menu-list .dropdown {
		position: static;
		padding-top: 0;
		opacity: 1;
		visibility: inherit
	}

	.header-menu .header-menu-wrapper .header-menu-list .dropdown .dropdown-wrapper {
		background-color: transparent;
		border-bottom: 0
	}

	.header-menu .header-menu-wrapper .header-menu-list .dropdown .dropdown-wrapper.arrow-up-left:before,
	.header-menu .header-menu-wrapper .header-menu-list .dropdown .dropdown-wrapper.arrow-up-right:before {
		display: none
	}

	.header-menu .header-menu-wrapper .header-menu-list .dropdown .dropdown-wrapper li:first-child a {
		border-radius: 0;
		-webkit-border-radius: 0
	}

	.header-menu .header-menu-wrapper .header-menu-list li>.dropdown>.dropdown-wrapper>ul>li>a {
		padding: 7px 20px 11px 35px
	}

	header .left-part {
		position: static;
		float: left
	}

	header .right-part {
		position: static;
		float: right
	}

	header.with-header-nav-menu .right-part {
		margin-right: 50px
	}

	header .logo {
		position: absolute;
		top: -66px;
		left: -15px;
		right: -15px;
		background-color: #394264;
		border-bottom: 1px solid #2f3552;
		display: block;
		height: 65px
	}

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

	header .logo a:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-left: -8px
	}

	header .logo a img {
		vertical-align: middle;
		line-height: 0
	}

	.postWrap .topbar {
		display: block;
		width: auto
	}

	.postWrap .topbar .navbtns {
		display: block;
		width: auto;
		overflow: hidden
	}

	.postWrap .topbar .navbtns li:last-child {
		border-right: 0
	}

	.postWrap .topbar .navbtns li:last-child a,
	.postWrap .topbar .navbtns li:last-child span.no-link {
		border-radius: 0 5px 0 0;
		-webkit-border-radius: 0 5px 0 0
	}

	.postWrap .topbar .space {
		display: none
	}

	.postWrap .contentbox .title-3 {
		padding: 16px 20px 17px
	}

	.postWrap .contentbox .quote-block {
		padding: 16px 20px 17px
	}

	.postWrap .notification {
		padding: 20px
	}

	.metabar {
		padding: 0 20px
	}

	.metabar.data {
		position: relative;
		padding-left: 0;
		padding-right: 0
	}

	.metabar .ribbon {
		float: none;
		position: absolute;
		left: 20px;
		top: 48px;
		margin-top: 0
	}

	.metabar .postmetas {
		float: none;
		overflow: hidden;
		border-bottom: 1px solid #3b4466;
		padding-bottom: 13px;
		padding-left: 20px
	}

	.metabar .ribbon+.postmetas {
		margin-left: 0
	}

	.metabar .social-media-icons {
		clear: both
	}

	.metabar .social-media-icons li:last-child {
		border-right: 0
	}

	.banner-position-2 {
		padding: 0 20px
	}

	.textbox {
		padding: 20px
	}

	.textbox input,
	.textbox textarea,
	.textbox .sbHolder {
		width: 100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.textbox blockquote {
		margin-left: 20px
	}

	.textbox ul ul,
	.textbox ol ol {
		margin-left: 20px
	}

	.textbox dl dd {
		margin-left: 20px
	}

	.textbox iframe,
	.textbox embed {}

	.page-links {
		padding: 0 20px 20px
	}

	.tags,
	.categories {
		padding-left: 20px;
		padding-right: 20px
	}

	.tags+.metabar,
	.categories+.metabar {
		margin-top: 20px
	}

	.comments ul li {
		padding: 20px 20px 20px 74px
	}

	.comments ul li[data-icon=false] {
		padding-left: 20px !important
	}

	.comments ul li .icon {
		left: 20px
	}

	.comments ul li .comment-text blockquote {
		margin-left: 20px
	}

	.comments ul li .comment-text ul ul,
	.comments ul li .comment-text ol ol {
		margin-left: 20px
	}

	.comments ul li .comment-text dl dd {
		margin-left: 20px
	}

	.comments-nav {
		padding: 10px 20px 13px
	}

	.comment-respond {
		padding: 20px 20px 20px 74px
	}

	.comments .comment-respond {
		padding: 20px
	}

	.comment-respond .icon {
		left: 20px
	}

	.comment-respond form input,
	.comment-respond form input[type=submit] {
		width: 100%
	}

	.slider-empty {
		min-height: 300px
	}

	.flickerplate {
		height: 300px
	}

	.flickerplate ul.flicks>li .flick-title {
		font-size: 27px;
		line-height: 27px
	}

	.flickerplate ul.flicks>li .flick-sub-text {
		font-size: 14px;
		line-height: 18px
	}

	.flickerplate ul.flicks>li .flick-title+.flick-sub-text {
		margin-top: 10px
	}

	.flickerplate ul.flicks>li .flick-title span.flick-block-text,
	.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
		padding: 5px 10px 9px
	}

	.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
		padding: 4px 10px 7px
	}

	.flickerplate .arrow-navigation {
		display: none
	}

	.flickerplate .dot-navigation .dot {
		margin: 0 4px
	}

	footer {
		position: relative;
		width: auto;
		left: auto;
		bottom: auto;
		margin-top: 40px
	}

	.footer-spinner {
		top: -35px
	}

	footer .toggler {
		display: none
	}

	footer .footerwrapper {
		margin-bottom: 0
	}

	footer .footerbar .cell {
		padding-right: 10px;
		padding-left: 10px
	}

	.scrolltotop {
		display: none
	}
}

@media only screen and (max-width:600px) {

	header .menu-categories,
	header .log-in-out {
		position: static
	}

	header .menu-categories .dropdown {
		padding-top: 22px;
		left: -15px;
		right: -15px;
		top: 42px
	}

	header .menu-categories .dropdown .dropdown-wrapper {
		width: auto !important
	}

	header .log-in-out .dropdown {
		padding-top: 21px;
		left: -15px;
		right: -15px;
		top: 44px
	}

	.dropdown .dropdown-wrapper {
		border-radius: 0;
		-webkit-border-radius: 0
	}

	.dropdown .dropdown-wrapper.arrow-up-left:before,
	.dropdown .dropdown-wrapper.arrow-up-right:before {
		display: none
	}

	.categories-list,
	.header-menu-list,
	.header-menu-list ul {
		width: auto !important
	}

	.categories-list>li,
	.categories-list ul>li,
	.header-menu-list>li,
	.header-menu-list ul>li {
		border-top: 1px solid #2f3552
	}

	.categories-list li:first-child a,
	.header-menu-list li:first-child a {
		border-radius: 0 !important;
		-webkit-border-radius: 0 !important
	}

	.categories-list>li>a,
	.header-menu-list .sub-menu>li>a {
		padding: 7px 20px 10px
	}

	.header-menu {
		padding-top: 22px;
		right: 0;
		left: 0;
		top: 108px;
		position: fixed
	}

	header.with-admin-bar .header-menu {
		top: 154px
	}

	.header-menu .header-menu-wrapper {
		border-radius: 0;
		-webkit-border-radius: 0
	}

	.header-menu .header-menu-wrapper.arrow-up-left:before,
	.header-menu .header-menu-wrapper.arrow-up-right:before {
		display: none
	}

	#login-form {
		border-top: 1px solid #2f3552
	}

	#login-form input[type=text],
	#login-form input[type=password],
	#login-form input[type=submit] {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.postWrap .contentbox .title-3.have-button {
		position: relative;
		padding-bottom: 63px
	}

	.postWrap .contentbox .title-3.have-button .button {
		position: absolute;
		top: auto;
		bottom: 17px;
		left: 20px;
		margin-left: 0;
		float: none
	}

	.slider-empty {
		min-height: 250px
	}

	.flickerplate {
		height: 250px
	}

	footer .footerbar .cell {
		width: 50%
	}

	footer .footerbar .cell:nth-child(2) {
		padding-right: 0
	}

	footer .footerbar .cell:nth-child(3) {
		padding-left: 0;
		clear: both
	}

	.jspPane {
		right: 0;
		left: 0;
		width: auto !important
	}

	.jspTrack,
	.jspDrag {
		border-radius: 0;
		-webkit-border-radius: 0
	}
}

@media only screen and (max-width:450px) {
	.search-box {
		position: static
	}

	.search-box .icon-zoom {
		display: inline-block;
		float: left;
		margin-top: 9px
	}

	.search-box .dropdown {
		opacity: 0;
		position: absolute;
		visibility: hidden;
		left: -15px;
		right: -15px;
		top: 45px;
		padding-top: 20px
	}

	.search-box .dropdown .dropdown-wrapper {
		background-color: #394264;
		border-bottom: 4px solid #e64c65
	}

	.search-box form {
		padding: 15px;
		border-top: 1px solid #2f3552
	}

	.search-box form input[type=text] {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	header .search-box input[type=submit],
	header .searchform input[type=submit] {
		top: 26px;
		right: 29px
	}

	.textbox iframe,
	.textbox embed {}

	.comments ul li {
		padding: 17px 20px 20px;
		min-height: 0
	}

	.comments ul li .icon {
		display: none
	}

	.comments ul li .date {
		float: none;
		color: #50597b;
		margin-bottom: 6px
	}

	.comments ul li .children li {
		padding-left: 0
	}

	.comment-respond {
		padding: 20px
	}

	.comment-respond .icon {
		display: none
	}

	button.mfp-close {
		top: 10px;
		right: 10px
	}

	.mfp-arrow-left {
		left: 15px
	}

	.mfp-arrow-right {
		right: 15px
	}

	.slider-empty {
		min-height: 220px
	}

	.flickerplate {
		height: 220px
	}

	.notice-body .icon {
		padding-top: 0
	}

	.notice-body .title-4 {
		margin-top: 20px;
		font-size: 144px;
		line-height: 148px
	}

	.notice-body .notice {
		font-size: 16px;
		line-height: 20px;
		margin-top: 20px
	}
}

@media only screen and (max-width:400px) {
	header .log-in-out+.member {
		margin-right: 15px
	}

	.postWrap .contentbox .featured-video .wp-video .mejs-overlay-button {
		background-image: url(../image/arrow-11.png);
		width: 48px;
		height: 48px;
		margin-left: -24px
	}

	.postmetas li {
		margin-right: 17px
	}
}

@media only screen and (max-width:355px) {

	.textbox iframe,
	.textbox embed {
		height: 180px !important
	}

	.postmetas li {
		margin-right: 10px
	}

	.comments-nav-prev a {
		background-image: none;
		padding-left: 0
	}

	.comments-nav-next a {
		background-image: none;
		padding-right: 0
	}
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
textarea {
	padding: 11px 15px\9
}

.pinbox .format-status .meta-data ul li {
	border-radius: 0\9
}

@media all and (-webkit-min-device-pixel-ratio:0) {

	input[type=text],
	input[type=password],
	input[type=email],
	input[type=url],
	textarea {
		padding: 9px 15px 11px
	}
}

x:-o-prefocus,
input[type=text],
input[type=password],
input[type=email],
input[type=url],
textarea {
	padding: 9px 15px 11px
}

.links li {
	float: left;
	margin-left: 20px;
	height: 25px;
	line-height: 25px;
}

/* pagination ======================================================================================================== */
.pagination {
	margin: 0;
	padding: 20px;
	text-align: center;
	font-size: 12px;
	display: block;
}

.pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0
}

.pagination ul>li {
	display: inline
}

.pagination ul>li>a,
.pagination ul>li>span {
	margin: 0 2px;
	float: left;
	padding: 5px 12px;
	background-color: #ddd;
	color: #666;
	border-radius: 2px;
	opacity: .88
}

.pagination ul>li>a:hover,
.pagination ul>li>a:focus {
	opacity: 1
}

.pagination ul>.active>a,
.pagination ul>.active>span {
	background-color: #45B6F7;
	color: #fff
}

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

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

.pagination-loading {
	font-size: 16px;
	text-align: center;
	color: #999;
	padding: 15px 0;
}

.pagination-loading img {
	width: 80px
}

@media (max-width: 480px) {
	.pagination ul>li {
		display: none
	}

	.pagination ul>li.prev-page,
	.pagination ul>li.next-page {
		display: inline
	}

	.pagination ul>li.next-page a {
		background-color: #45B6F7;
		color: #fff;
	}
}

@media only screen and (max-width:720px) {

	.container,
	.container.fluid {
		margin: 0 5px;
	}

	.pinbox {
		width: 48.5%;
		margin-right: 5px;
	}

	.pinbox .meta-data ul li {
		display: none
	}

}


.textbox {
	padding: 0
}
.chapter-btn {
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    color: #ffffff !important;
    background-color: #d48b3b;
    border: 1px solid #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease;
}
.chapter-btn:hover {
    background-color: #0056b3;
    border-color: #003d80;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.chapter-btn:active {
    background-color: #003d80;
    transform: translateY(1px);
}