/*
Theme Name: Synology Blog (current)
Description: New style Synology Blog
Version: 1.1.0
Author: Synology
Author URI: https://www.synology.com
Tags: blog, bootstrap, font-awesome, synology
*/
@import "_dsn.css";
@import "assets/css/customize.css";
@import "_subscribe-newsletter.css";

@media (min-width: 992px) {
	#syno_header .navbar .nav-link, #syno_header .navbar a {
		padding-left: 14px;
		padding-right: 14px;
	}
}
#syno_header #search_form {
	max-width: 150px;
}
#syno_header #search_form input {
	text-indent: 0;
	padding-left: 32px;
	padding-right: 12px;
}


/* footer and lang switch */
#footer {
	font-size: 13px;
	line-height: 20px;
}
#footer > * {
	line-height: 20px;
}
#footer .footer-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	padding: 1rem 0;
}
#footer .footer-left {
	flex: 1 1 auto;
}
#footer .footer-right {
	flex: 0 0 auto;
}
@media (max-width: 1029px) {
	#footer .footer-row {
		flex-direction: column;
		align-items: flex-start;
	}
	#footer .footer-left,
	#footer .footer-right {
		width: 100%;
	}
	#footer .footer-right {
		margin-top: 10px;
	}
}
#footer .footer-social {
	margin-bottom: -2px;
}
#footer .footer-social > div {
	display: inline-block;
}
#footer .footer-social .follow-us dd {
	margin: 0 0 0 10px;
}
#footer .footer-social .footer-change-lang {
	margin-left: 20px;
}
#footer .footer-social .footer-change-lang .btn {
	font-size: 13px;
	line-height: 20px;
}
#footer .footer-social .footer-change-lang .btn:focus,
#footer .footer-social .footer-change-lang .btn:active {
   outline: none;
   box-shadow: none;
}
#footer .footer-social .footer-change-lang .btn a {
	padding: 6px 10px;
	display: block;
}
#footer .footer-social .footer-change-lang .btn a:hover {
	color: #2e3742;
}
#footer .footer-social .footer-change-lang > .btn {
	background-color: transparent;
	padding: 0 0 0 5px;
}
#footer .footer-social .footer-change-lang .dropdown-menu {
	border: 1px solid #d8e1e6;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 8px 10px;
	top: -5px!important;
	min-width: inherit;
}
#footer .footer-social .footer-change-lang .dropdown-menu .btn {
	border-radius: 3px;
	line-height: 15px;
	padding: 0;
	margin: 2px 0;
}
#footer .footer-social .footer-change-lang .dropdown-menu .btn.active,
#footer .footer-social .footer-change-lang .dropdown-menu .btn:active,
#footer .footer-social .footer-change-lang .dropdown-menu .btn:hover {
	background: #eef3f6;
}
#footer .footer-social .footer-change-lang .dropdown-menu .dropdown-item.active,
#footer .footer-social .footer-change-lang .dropdown-menu .dropdown-item:hover,
#footer .footer-social .footer-change-lang .dropdown-menu .dropdown-item:focus {
	color: inherit;
	background: #eef3f6;
}
#footer .fa.fa-globe {
	font-size: 14px;
	margin-right: 4px;
	color: #4f575d;
}
#footer .fa.fa-globe + span {
	color: #2e3742;
	position: relative;
	top: -1px;
}
#footer .footer-change-lang .btn:hover .fa.fa-globe,
#footer .footer-change-lang .btn:hover .fa.fa-globe + span {
	color: #0067e6;
}
#footer .fab {
	line-height: 20px;
	color: #4f575d;
}
#footer .fab:hover {
	line-height: 20px;
	color: #0067e6;
}

@media (max-width: 767px) {
	#footer .footer-social .follow-us dd {
		margin-left: -5px;
	}
}

/*ip banner*/
.ip_banner_holder {}
.ip-banner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1005;
	background: #f5f5f5;
	color: #000;
	padding: 20px 0;
	/*transition: all .15s ease-in-out;*/
}
.ip-banner .s-containerless {
	display: flex;
	max-width: 1640px;
	margin-left: auto;
	margin-right: auto;
}
.ip-banner .select2-container {
	min-width: 280px;
	margin-right: 16px;
}
.ip-banner .select2-container .select2-selection--single {
	border-color: #000;
	background-color: #f5f5f5;
	padding-top: 8px;
	padding-bottom: 8px;
	height: 40px;
}
.ip-banner .select2-container .select2-selection__rendered {
	font-size: 14px;
	line-height: 22px;
}
.ip-banner .select2-container .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
}
.ip-banner .select2-container.select2-container--open .select2-selection--single {
	border-radius: 5px 5px 0 0 !important;
}
.ip-banner .select2-container.select2-container--open .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
}
.ip-banner .select2-container--disabled .select2-selection--single {
	border-color: rgba(0, 0, 0, 0.15);
}
.ip-banner .select2-container--disabled .select2-selection--single .select2-selection__arrow b {
	border-color: rgba(0, 0, 0, 0.15) transparent transparent transparent;
}

@media (max-width: 568px) {
	.ip-banner .select2-container {
		min-width: inherit;
		width: 100% !important;
	}
}

.ip-banner__desc-box {
	flex-grow: 1;
	align-self: center;
	padding-right: 20px;
	font-size: 15px;
}
.ip-banner__btn-box {
	display: flex;
	align-self: center;
}
.ip-banner__btn-box__btn-continue-wrapper {
	display: inline-block;
	margin-right: 16px;
}
.ip-banner__btn-box__btn-continue-wrapper .s-btn {
	padding: 8px 24px;
	background-color: #000;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	line-height: 22px;
	transition: opacity .3s ease;
	min-width: 120px;
	border: 1px solid transparent;
	cursor: pointer;
}
.ip-banner__btn-box__btn-continue-wrapper .s-btn:hover {
	opacity: 0.8;
}
.ip-banner .btn-close {
	cursor: pointer;
	position: relative;
	width: 20px;
	height: 20px;
	top: 8px;
	right: 0;
	display: block;
}
.ip-banner .btn-close::before, .ip-banner .btn-close::after {
	content: ' ';
	position: absolute;
	left: 10px;
	top: -1px;
	height: 24px;
	width: 2px;
	background-color: #000;
	border-radius: 0.5px;
}
.ip-banner .btn-close::before {
	transform: rotate(45deg);
}
.ip-banner .btn-close::after {
	transform: rotate(-45deg);
}

@media screen and (min-width: 768px) {
	.ip-banner .s-containerless {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media screen and (max-width: 1279.8px) {
	.ip-banner .s-containerless {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (max-width: 1023.8px) {
	.ip-banner {
		padding: 12px 0;
	}
	.ip-banner .select2-container {
		min-width: 240px;
	}
	.ip-banner__desc-box {
		align-self: flex-start;
	}
}

@media screen and (max-width: 767.8px) {
	.ip-banner .s-containerless {
		flex-direction: column;
	}
	.ip-banner .select2-container {
		margin-right: 12px;
		min-width: inherit;
	}
	.ip-banner__btn-box {
		align-self: flex-start;
		width: 100%;
	}
	.ip-banner__btn-box > * {
		margin-top: 8px;
		margin-right: 0;
	}
	.ip-banner .btn-close {
		position: absolute;
		margin-top: 0;
		right: 12px;
		top: 12px;
	}
}

#ip_banner_holder,
#ip_banner_holder_footer {
	height: 0;
	transition: height .15s ease-in-out;
}
.ip-banner-change-lang {
	min-width: 200px;
	margin-right: 16px;
	position: relative;
}
.ip-banner-change-lang .btn.focus,
.ip-banner-change-lang .btn:focus {
	box-shadow: none;
}
.ip-banner-change-lang > .btn {
	border-color: #cfcfcf;
	background-color: #fff;
	border-radius: 5px;
	padding-right: 32px;
	padding-top: 8px;
	padding-bottom: 8px;
	height: 40px;
	text-align: left;
	width: 100%;
}
.ip-banner-change-lang > .btn:after {
	content: '';
	display: block;
	border-color: #000 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	right: 10px;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
}
.ip-banner-change-lang > .btn[aria-expanded="true"] {
	border-radius: 5px 5px 0 0;
}
.ip-banner-change-lang > .btn[aria-expanded="true"]:after {
	border-color: transparent transparent #000 transparent;
	border-width: 0 4px 5px 4px;
}
.ip-banner-change-lang .dropdown-menu {
	width: 100%;
	margin: -1px 0 0;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	box-shadow: none;
	font-size: 14px;
	line-height: 22px;
	padding: 8px;
	border-color: #cfcfcf;
}
.ip-banner-change-lang .dropdown-menu .dropdown-item {
	font-size: 14px;
	padding-left: 12px;
}
.ip-banner-change-lang .dropdown-menu .dropdown-item.active,
.ip-banner-change-lang .dropdown-menu .dropdown-item:active {
	color: #2e3742;
	background-color: #f5f5f5;
}


/* header customize - black */
@media (max-width: 991px) {
	#syno_header {
		min-height: 80px;
	}
	.search_form_outer {
		padding-top: 8px;
		padding-bottom: 8px;
		border-top: 1px solid #303030;
		border-bottom: 1px solid #303030;
	}

	#syno_header .search_form_outer #search_form {
		margin: 10px 0 10px !important;
	}

	ul.navbar-nav.mr-auto li {
		border-bottom: 1px solid #303030;
	}
	.collapse-cate-smt .cates {
		background: #1c1c1c;
	}
	#syno_header .header-items .collapse-cate-smt a {
		border-bottom: 1px solid #545454;
	}
}

.home #banner {
	min-height: 360px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 40px 0;
}

.home #banner h1 {
	font-size: 56px;
	line-height: 72px;
	font-weight: bold;
	margin-bottom: 12px;
}

.home #banner h1 + p {
	margin-bottom: 0;
	font-size: 28px;
	line-height: 42px;
}

@media (max-width: 991px) {
	#ip_banner_holder:not(.ip_banner_holder--hide) ~ .home-banner-bg #banner {
		margin-top: 0;
	}
	.home #banner h1 {
		font-size: 48px;
		line-height: 62px;
	}
	.home #banner h1 + p {
		margin-bottom: 0;
		font-size: 22px;
		line-height: 32px;
	}
}

@media (max-width:576px) {
	.home #banner h1 {
		font-size: 36px;
		line-height: 52px;
	}
}


/* table customize */
.blog-tb__wrapper table {
  width: 100%;
  min-width: 500px;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: 1px solid transparent;
}
.blog-tb__wrapper table tr {
  background-color: #fff;
}
.blog-tb__wrapper table tr > *:not(:first-child) {
  text-align: center;
}
.blog-tb__wrapper table tr.no_border th,
.blog-tb__wrapper table tr.no_border td {
  border: 0;
}
.blog-tb__wrapper table tr.no_bg th,
.blog-tb__wrapper table tr.no_bg td {
  background-color: #fff;
  color: #fff;
}
.blog-tb__wrapper table thead th,
.blog-tb__wrapper table tr.is_title th,
.blog-tb__wrapper table tr.is_title td {
  border-bottom: 1px solid #DBDDE1;
  background-color: #f5f5f5;
  color: #2e3742;
}
.blog-tb__wrapper table th,
.blog-tb__wrapper table td {
  color: #2e3742;
  border-top: 1px solid #DBDDE1;
  border-bottom: 1px solid #DBDDE1;
  border-left: 1px solid #DBDDE1;
  padding: 12px;
}
.blog-tb__wrapper table th:first-child,
.blog-tb__wrapper table td:first-child {
  border-left-color: transparent;
}

.fa-facebook-f {
	font-size: 16px;
	position: relative;
	top: -1px;
	left: -1px;
}

/* sns fontawesome*/
#share_icons .facebook-share {
	font-size: 26px!important;
}
#share_icons .twitter-share {
	font-size: 22px!important;
}
@media (min-width: 992px) {
	#share_icons .facebook-share {
		font-size: 28px!important;
	}
	#share_icons .twitter-share {
		font-size: 24px!important;
	}
}

#share_icons a .fab {
	transform: translateY(-1px);
}


/* todo remove */
/* cookie banner */
.cli-modal-close {
	cursor: pointer;
}
body #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
	max-width: 800px;
	width: calc(100% - 80px)!important;
	transform: translate(calc(-50% - 40px), calc(-50% - 40px));
	box-sizing: border-box;
	margin-left: inherit!important;
	margin-top: inherit!important;
	top: 50%!important;
	left: 50%!important;
	margin: 40px!important;
	border-radius: 5px;
	background-color: #f5f5f5!important;
	padding: 32px;
}
body #cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head,
body #cookie-law-info-bar[data-cli-style="cli-style-v2"] #wt-cli-cookie-banner-title {
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 8px;
	text-align: left;
}
body #cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container {
	justify-content: flex-end;
	text-align: right;
	margin-top: 64px;
}
body .cli-tab-footer {
	display: flex;
	justify-content: space-between;
}
body .cli-style-v2 .cli-bar-btn_container .cli-plugin-button,
body .cli-tab-footer .wt-cli-privacy-accept-btn {
	display: inline-block;
	line-height: 20px;
	box-sizing: border-box;
	font-weight: 600;
	outline: 0;
	width: auto;
	text-align: center;
	cursor: pointer;
	transition: all .15s;
	user-select: none;
	text-decoration: none;
	padding: 12px 30px;
	min-width: 120px;
	border: 1px solid #0067e6!important;
	border-radius: 24px;
	font-size: 14px;
}
body .cli-tab-footer .wt-cli-privacy-accept-btn {
	align-self: center;
}
.cli-style-v2 .cli-bar-btn_container .cli_settings_button {
	color: #0067e6!important;
	background-color: #f5f5f5!important;
}
.cli-style-v2 .cli-bar-btn_container .cli_settings_button:hover {
	color: #0078ff!important;
	opacity: 1;
}
.cli-style-v2 .cli-bar-btn_container .wt-cli-accept-all-btn,
body .cli-tab-footer .wt-cli-privacy-accept-btn {
	color: #fff!important;
	background-color: #0067e6!important;
}
.cli-style-v2 .cli-bar-btn_container .wt-cli-accept-all-btn:hover,
body .cli-tab-footer .wt-cli-privacy-accept-btn:hover {
	background-color: #0078ff!important;
	opacity: 1;
}
body #cookie-law-info-bar[data-cli-type="widget"] .cli-bar-message,
body #cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}
body #cookie-law-info-bar[data-cli-type="widget"] .cli-bar-message a,
body #cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message a {
	text-decoration: underline;
}
body #cookie-law-info-bar[data-cli-type="widget"] .cli-bar-message a:hover,
body #cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message a:hover {
	text-decoration: none;
}


/* setting */
body .cli-modal .cli-modal-dialog {
	max-width: 900px;
	font-family: "Open Sans", "Roboto", "微軟正黑體", "Microsoft JhengHei", "Arial";
	font-size: 16px;
	line-height: 24px;
	color: #2e3742;
	margin-top: 40px;
	margin-bottom: 40px;
}
body .cli-modal-dialog .cli-modal-content {
	padding: 32px 0;
	border-radius: 5px;
	background-color: #f5f5f5!important;
	margin: 40px;
}
body .cli-modal-body {
	padding: 0 32px;
}
body .cli-modal-footer {
	padding: 0 32px;
	border-top: 1px solid #e6e6e6;
	margin-top: 20px;
}
body .cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {
	max-height: inherit;
}
body .cli-tab-container h4 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 8px;
	font-weight: 700;
}
body .cli-tab-container p,
body .cli-privacy-content-text {
	font-size: 16px;
	line-height: 24px;
	color: #2e3742;
}
body .cli-tab-container p a,
body .cli-privacy-content-text a {
	text-decoration: underline;
}
body .cli-tab-container p a:hover,
body .cli-privacy-content-text a:hover {
	text-decoration: none;
}
a.cli-privacy-readmore {
	display: none!important;
}
body #cliSettingsPopup .cli-tab-section-container {
	padding-top: 12px;
}
body .cli-tab-header,
body .cli-tab-content {
	background-color: transparent;
}
.cli-tab-section {
	background-color: #ededed;
	border-radius: 5px;
	overflow: hidden;
	transition: background-color 0.3s linear;
}
.cli-tab-section:hover {
	background-color: #e6e6e6;
}
body .cli-tab-header {
	padding: 16px 16px;
}
body span.cli-necessary-caption {
	color: #0067E7;
	font-size: 15px;
	line-height: 30px;
}
body .cli-tab-header a.cli-nav-link {
	font-size: 16px;
	line-height: 30px;
	font-weight: 600;
	color: #2e3742;
	padding-left: 24px;
	text-transform: inherit;
}
body .cli-tab-section {
	margin-top: 8px;
}
body .cli-tab-section .cli-tab-content {
	padding: 0 12px 12px 37px;
	border-radius: 0 0 5px 5px;
}
body .cli-switch .cli-slider {
	background-color: #CFCFCF;
	margin-top: 5px;
	margin-bottom: 5px;
}
body .cli-switch .cli-slider:after {
	display: none;
}
body .wt-cli-sr-only {
	display: none;
}
body .cli-switch input:checked + .cli-slider {
	background-color: #0067e6;
}
body .cli-tab-header a:before,
body .cli-tab-header a:after {
	content: "";
	position: absolute;
	background-color: #4f575d;
	transition: transform 0.25s ease-out;
	transform: rotate(0deg);
}
body .cli-tab-header a:before {
	top: 9px;
	left: 5px;
	width: 2px;
	height: 12px;
}
body .cli-tab-header a:after {
	top: 14px;
	left: 0px;
	width: 12px;
	height: 2px;
}
body .cli-tab-header.cli-tab-active {
	border-radius: 5px 5px 0 0;
}
body .cli-tab-header.cli-tab-active .cli-nav-link:before {
	transform: rotate(90deg)!important;
}
body .cli-tab-header.cli-tab-active .cli-nav-link:after {
	transform: rotate(0deg);
}
.cli-tab-content {
	position: relative;
	top: 0;
	transition: top 0.3s ease-out;
}
body .cli-tab-header.cli-tab-active + .cli-tab-content {
	top: -8px;
}
body .cli-tab-container .cli-row {
	max-height: inherit;
}
body .cli-tab-footer .note {
	max-width: 380px;
	font-size: 12px;
	line-height: 19px;
	text-align: left;
	padding-right: 20px;
}
body .footer-cookie-setting {
	cursor: pointer;
}
#footer .footer_menu_cookie_banner li:before {
	content: '|';
	position: absolute;
	display: block;
	left: -5px;
	top: 0;
}
#footer .footer_menu_cookie_banner {
	margin-left: 8px;
	padding: 0;
	display: inline-block;
	margin-right: -8px;
}
#footer .footer_menu_cookie_banner li {
	vertical-align: middle;
	display: inline-block;
	position: relative;
}
#footer .footer_menu_cookie_banner li:after {
	content: '|';
	position: absolute;
	display: block;
	right: -5px;
	top: 0;
}
#footer .footer_menu_cookie_banner li:last-child:after {
	display: none;
}
#footer .footer_menu_cookie_banner li a {
	display: block;
	padding: 0 8px;
}
@media (max-width: 992px) {
	#footer .footer_menu_cookie_banner li {
		margin-top: 5px;
	}
}
body #footer .footer_menu_cookie_banner li a {
	line-height: inherit;
	font-size: inherit;
	margin: 0;
	background-color: #fff!important;
}

@media (max-width: 767px) {
	body #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
		width: calc(100% - 40px)!important;
		transform: translate(calc(-50% - 20px), -50%);
		margin: 20px!important;
	}

	body .cli-modal .cli-modal-dialog {
		max-width: 960px;
	}

	body .cli-modal-dialog .cli-modal-content {
		margin: 20px;
	}

	body .cli-tab-footer {
		flex-direction: column-reverse;
	}

	body #cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container {
		flex-direction: column;
		margin-top: 32px;
	}

	body .cli-style-v2 .cli-bar-btn_container .cli-plugin-button,
	body .cli-tab-footer .wt-cli-privacy-accept-btn {
		border: 1px solid #0067e6;
		padding: 8px 10px;
		border-radius: 24px;
		min-width: 100%;
		margin: 16px 0 0;
	}
	body .cli-tab-footer .wt-cli-privacy-accept-btn {
		margin: 0 0 16px;
	}
	body .cli-tab-footer .note {
		max-width: inherit;
		padding-right: 0;
		margin-bottom: 0;
	}
}

@media (max-width: 567px) {

	body #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
		width: calc(100% - 20px)!important;
		transform: translate(calc(-50% - 10px), -50%);
		margin: 10px!important;
	}

	body .cli-modal .cli-modal-dialog {
		max-width: 980px;
	}

	body .cli-modal-dialog .cli-modal-content {
		margin: 10px;
	}

	body #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
		padding: 20px;
	}
	body .cli-modal-dialog .cli-modal-content {
		padding: 20px 0;
	}
	body .cli-modal-body,
	body .cli-modal-footer {
		padding: 0 20px;
	}
	body span.cli-necessary-caption {
		font-size: 12px;
		white-space: nowrap;
	}
}
.cli-modal.cli-blowup .cli-modal-dialog {
	animation: blowUpModalFix 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards!important;
}
.cli-modal.cli-blowup.cli-out .cli-modal-dialog {
	animation: blowUpModalTwoFix 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards!important;
}
body .cli-modal .cli-modal-close {
	position: absolute;
	right: -7px;
	top: -40px;
	transition: opacity 0.3s ease-out;
}
body .cli-modal .cli-modal-close:hover {
	opacity: 0.7;
}
body .cli-modal .cli-modal-close svg {
	opacity: 0;
}
body .cli-modal .cli-modal-close:before,
body .cli-modal .cli-modal-close:after {
	content: " ";
	position: absolute;
	left: 20px;
	top: 7px;
	height: 26px;
	width: 2px;
	background-color: #fff;
}
body .cli-modal .cli-modal-close:before {
	transform: rotate(45deg);
}
body .cli-modal .cli-modal-close:after {
	transform: rotate(-45deg);
}
@keyframes blowUpModalFix {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes blowUpModalTwoFix {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1);
		opacity: 0;
	  }
	100% {
	  transform: scale(1);
	  opacity: 0;
	}
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	body #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
		left: 25%!important;
		top:25%!important;
	}
}



/* 404 Page */
#main.error-404 {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 160px);
	padding-bottom: 0;
}
.admin-bar #main.error-404 {
	min-height: calc(100vh - 192px);
}
#main.error-404 .container {
	width: 100%;
}
.error-404-content {
	text-align: center;
	padding: 40px 20px;
}
.error-404-content h1 {
	font-size: 36px;
	font-weight: 700;
	color: #2e3742;
	margin-bottom: 20px;
}
.error-404-content p {
	font-size: 16px;
	color: #62727e;
	margin: 0;
}
.error-404-content a {
	color: #0067e6;
}
.error-404-content a:hover {
	text-decoration: underline;
}