/*region nav */
nav {
	width: 200px;
	height: 100%;
	position: fixed;
	left: 0;
	padding: 1rem 0;
	font-size: .75rem;
	border-right: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	box-shadow: 0 0 5px #D5D5D5;
	overflow-y: auto;
	overflow-x: hidden;
}

nav section {
	margin-bottom: 1rem;
}

nav section > div,
nav section > a {
	padding: .75rem 0 .75rem .75rem;
}

nav section .TitleTag {
	color: #7A7A7A;
	padding: .25rem 0 .5rem .75rem;
}

nav section .NavigationTag {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}

nav section .NavigationTag:hover,
nav section .NavigationTag:active {
	background-color: #F5F5F5;
	color: #363636;
}

nav section .NavigationTag svg {
	width: 12px;
	height: 12px;
	margin: 0 5px;
	fill: #4A4A4A;
}

nav section .NavigationTag svg:last-child {
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	transition: transform .3s;
}

nav section .NavigationTag.--ActiveNavigation {
	background-color: #363636;
	color: #FFFFFF;
}

nav section .NavigationTag.--ActiveNavigation svg {
	fill: #FFFFFF;
}

nav section .DropdownNavigationTargetTag {
	display: none;
}

nav section .DropdownNavigationTargetTag.--Active {
	display: flex;
	flex-direction: column;
	border-left: 1px solid #DBDBDB;
	margin-left: .75em;
	padding: 0 0 0 .75rem;
}

nav section .DropdownNavigationTargetTag.--Active a {
	padding: .75rem 0 .75rem .5rem;
	position: relative;
}

nav section .DropdownNavigationTargetTag.--Active a i {
	display: none;
}

nav section .DropdownNavigationTargetTag.--Active a.--ActiveNavigation i {
	display: block;
	position: absolute;
	left: -7px;
	background-color: #00D1B2;
	width: .7rem;
	height: .7rem;
	border-radius: 50%;
	top: 50%;
	margin-top: -.35rem;
}

/*endregion nav */
/* -------------------------------------------------*/
/*region ._PageTitleFrame */
._PageTitleFrame {
	width: 100%;
	margin-bottom: 2rem;
	padding: .4rem .5rem;
	background-color: #FFFFFF;
	border-top: 5px solid #7A7A7A;
	box-shadow: 0 0 10px #CCCCCC;
}

._PageTitleFrame .BigTitleTag {
	font-size: 1.2rem;
	font-weight: 700;
}

._PageTitleFrame .LanguageFrame {
	float: right;
	height: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

._PageTitleFrame .LanguageFrame .ButtonFrame {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 2px;
	font-size: .75rem;
	height: 100%;
	vertical-align: middle;
	padding: 0 10px;
	margin: 0 3px;
	cursor: pointer;
}

._PageTitleFrame .LanguageFrame .ButtonFrame {
	background-color: #DBDBDB;
	fill: #000000;
	color: #000000;
}

._PageTitleFrame .LanguageFrame .ButtonFrame:hover,
._PageTitleFrame .LanguageFrame .ButtonFrame:active {
	background-color: #7A7A7A;
	fill: #FFFFFF;
	color: #FFFFFF;
}

._PageTitleFrame .LanguageFrame .ButtonFrame.--Active {
	background-color: #1496ED;
	fill: #FFFFFF;
	color: #FFFFFF;
}

/*endregion ._PageTitleFrame */
/* -------------------------------------------------*/
/*region ._DataContainer */

._DataContainer {
	width: 100%;
	background-color: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
	color: #4A4A4A;
	border-radius: 0;
	border-top: 3px solid #00D1B2;
	padding: .8rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}

._DataContainer.--Inner {
	border-top: 3px solid #DDDDDD;
	padding: 1.25rem;
}

/* -------------------------------------------------*/
/*region ._DataContainer .CreateBarFrame */

._DataContainer .CreateBarFrame {
	padding: .5rem 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
}

._DataContainer .CreateBarFrame .CreateBarTag {
	background-color: #00D1B2;
	fill: #FFFFFF;
	color: #FFFFFF;
	border-radius: 2px;
	font-size: .75rem;
	padding: .5rem 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin: 0 5px;
}

._DataContainer .CreateBarFrame .CreateBarTag:hover {
	background-color: #00C4A7;
}

._DataContainer .CreateBarFrame .CreateBarTag.--Blue {
	background-color: #1496ED;
	fill: #FFFFFF;
	color: #FFFFFF;
}

._DataContainer .CreateBarFrame .CreateBarTag.--Blue:hover {
	background-color: #128DE1;
}

._DataContainer .CreateBarFrame .CreateBarTag svg {
	width: 12px;
	height: 12px;
	margin-right: 5px;
}

/*endregion ._DataContainer .CreateBarFrame */
/* -------------------------------------------------*/
/*region ._DataContainer .SearchContainer */

._DataContainer .SearchContainer {
	width: 100%;
	margin-bottom: 25px;
}

._DataContainer .SearchContainer .SearchTitleTag {
	background-color: #F5F5F5;
	border-radius: 4px 4px 0 0;
	color: #363636;
	font-size: 1.25em;
	line-height: 1.25;
	padding: .5em .75em;
	border: 1px solid #DBDBDB;
	cursor: pointer;
}

._DataContainer .SearchContainer .SearchContentFrame {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #DBDBDB;
	color: #363636;
	padding: 1.25em 1.5em;
}

._DataContainer .SearchContainer .SearchContentFrame .SearchTargetTag {
	display: flex;
	flex: 0 0 85%;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	height: 36px;
}

._DataContainer .SearchContainer .SearchContentFrame .SearchTargetTag input {
	padding-left: 2.4rem;
}

._DataContainer .SearchContainer .SearchContentFrame .SearchTargetTag input::-webkit-input-placeholder {
	color: #DBDBDB;
}

._DataContainer .SearchContainer .SearchContentFrame .SearchTargetTag input:-ms-input-placeholder {
	color: #DBDBDB;
}

._DataContainer .SearchContainer .SearchContentFrame .SearchTargetTag input::placeholder {
	color: #DBDBDB;
}

._DataContainer .SearchContainer .SearchContentFrame .SearchTargetTag svg {
	width: 1.4em;
	height: 1.4em;
	fill: #DBDBDB;
	position: absolute;
	top: 50%;
	left: 0;
	margin-left: 0.5rem;
	margin-top: -0.7rem;
}

._DataContainer .SearchContainer .SearchContentFrame .SearchTargetTag svg.--Active {
	fill: #7A7A7A;
}

._DataContainer .SearchContainer .SearchContentFrame .ClearButtonTag {
	border-radius: 2px;
	padding: .5rem 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #DBDBDB;
	border-radius: 4px;
	cursor: pointer;
}

._DataContainer .SearchContainer .SearchContentFrame .ClearButtonTag:hover,
._DataContainer .SearchContainer .SearchContentFrame .ClearButtonTag:active {
	border-color: #B5B5B5;
}

._DataContainer .SearchContainer .SearchContentFrame .SearchButtonTag {
	background-color: #00D1B2;
	fill: #FFFFFF;
	color: #FFFFFF;
	border-radius: 2px;
	padding: .5rem 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	cursor: pointer;
}

._DataContainer .SearchContainer .SearchContentFrame .SearchButtonTag:hover {
	background-color: #00C4A7;
}

/*endregion ._DataContainer .SearchContainer */
/* -------------------------------------------------*/
/*region ._DataContainer .DataListContainer */

._DataContainer .DataListContainer {
	width: 100%;
}

._DataContainer .DataListContainer .TabBlock {
	align-items: center;
	border-bottom: 1px solid #DBDBDB;
	display: flex;
	justify-content: flex-start;
	width: 100%;
	height: 2.5rem;
	margin-bottom: 25px;
}

._DataContainer .DataListContainer .TabBlock .TabTag {
	padding: 0 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: -2px;
	height: 100%;
	border: 1px solid #FFFFFF;
	border-bottom: 1px solid #DBDBDB;
}

._DataContainer .DataListContainer .TabBlock .TabTag:not(.--Active) {
	cursor: pointer;
}

._DataContainer .DataListContainer .TabBlock .TabTag:not(.--Active):hover,
._DataContainer .DataListContainer .TabBlock .TabTag:not(.--Active):active {
	background-color: #F5F5F5;
}

._DataContainer .DataListContainer .TabBlock .TabTag.--Active {
	color: #3273DC;
	fill: #3273DC;
	border: 1px solid #DBDBDB;
	border-radius: 4px 4px 0 0;
	border-bottom-color: #FFFFFF;
}

._DataContainer .DataListContainer .TabBlock .TabTag svg {
	margin-right: .5rem;
	width: 1.25rem;
	height: 1.25rem;
}

._DataContainer .DataListContainer .TableBlock {
	width: 100%;
	margin-bottom: 25px;
}

._DataContainer .DataListContainer .TableBlock thead tr,
._DataContainer .DataListContainer .TableBlock tbody tr {
	text-align: left;
}

._DataContainer .DataListContainer .TableBlock tbody tr:not(.--Nodata):hover {
	background-color: #FAFAFA;
}

._DataContainer .DataListContainer .TableBlock thead tr th,
._DataContainer .DataListContainer .TableBlock tbody tr td {
	border: solid #DBDBDB;
	vertical-align: middle;
	padding: 10px 5px;
}

._DataContainer .DataListContainer .TableBlock thead tr th:last-child,
._DataContainer .DataListContainer .TableBlock tbody tr td:last-child {
	text-align: right;
	cursor: initial;
}

._DataContainer .DataListContainer .TableBlock thead tr th {
	font-weight: bolder;
	border-width: 0 0 2px;
	cursor: pointer;
}

._DataContainer .DataListContainer .TableBlock thead tr th:hover {
	border-color: #7A7A7A;
}

._DataContainer .DataListContainer .TableBlock tbody tr td {
	border-width: 0 0 1px;
}

._DataContainer .DataListContainer .TableBlock tbody tr td img {
	width: 64px;
	height: 64px;
}

._DataContainer .DataListContainer .TableBlock tbody tr td img.--Origin {
	width: auto;
	height: auto;
}

._DataContainer .DataListContainer .TableBlock tbody tr td .ButtonFrame {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 2px;
	font-size: .75rem;
	height: 1.75rem;
	vertical-align: middle;
	padding: 10px;
	margin: 0 5px;
}

._DataContainer .DataListContainer .TableBlock tbody tr td .ButtonFrame.--Blue {
	background-color: #1496ED;
	fill: #FFFFFF;
	color: #FFFFFF;
}

._DataContainer .DataListContainer .TableBlock tbody tr td .ButtonFrame.--Red {
	background-color: #FF2B56;
	fill: #FFFFFF;
	color: #FFFFFF;
}

._DataContainer .DataListContainer .TableBlock tbody tr td .ButtonFrame svg {
	height: 16px;
	width: 16px;
	margin-right: 5px;
}

._DataContainer .DataListContainer .TableBlock tbody tr.--Nodata td {
	fill: #7A7A7A;
	color: #7A7A7A;
}

._DataContainer .DataListContainer .TableBlock tbody tr.--Nodata td div {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 3rem 1.5rem;

}

._DataContainer .DataListContainer .TableBlock tbody tr.--Nodata td div svg {
	height: 3rem;
	width: 3rem;
	margin-bottom: 20px;
}

._DataContainer .DataListContainer .PaginationBlock {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 36px;
	margin-bottom: 25px;
}

._DataContainer .DataListContainer .PaginationBlock > div {
	align-items: center;
	border-radius: 4px;
	font-size: 1rem;
	height: 36px;
	line-height: 1.5;
	padding: 0 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 36px;
	margin: 0 5px;
}

._DataContainer .DataListContainer .PaginationBlock .PageTag {
	border: 1px solid #DBDBDB;
	color: #363636;
	cursor: pointer;
}

._DataContainer .DataListContainer .PaginationBlock .PageTag.--Active {
	background-color: #3273DC;
	border-color: #3273DC;
	color: #FFFFFF;
	cursor: auto;
}

._DataContainer .DataListContainer .PaginationBlock .ControlTag {
	color: #7A7A7A;
	height: 36px;
	width: 36px;
	border: 1px solid #DBDBDB;
	cursor: pointer;
	fill: #363636;
}

._DataContainer .DataListContainer .PaginationBlock .ControlTag:hover,
._DataContainer .DataListContainer .PaginationBlock .ControlTag:active {
	border-color: #B5B5B5;
}

._DataContainer .DataListContainer .PaginationBlock .ControlTag.--Block {
	background-color: #DBDBDB;
	border: 1px solid #DBDBDB;
	fill: #7A7A7A;
	opacity: .5;
	cursor: not-allowed;
}

._DataContainer .DataListContainer .PaginationBlock .ControlTag svg {
	width: 60%;
	height: 60%;
}

._DataContainer .DataListContainer .CreateBoxBlock {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: flex-start;
}

._DataContainer .DataListContainer .CreateBoxBlock .TitleTag {
	width: 100%;
	margin: 0 0 1.5em;
	padding: 0;
	color: #4A4A4A;
	font-size: 1.25rem;
	line-height: 1.25;
	word-wrap: break-word;
}

._DataContainer .DataListContainer .CreateBoxBlock .TabBlock {
	height: 2.1rem;
	font-size: .75rem;
}

._DataContainer .DataListContainer .CreateBoxBlock .TabBlock .TabTag svg {
	width: .8rem;
	height: .8rem;
}

._DataContainer .DataListContainer .CreateBoxBlock .LabelTag {
	width: 100%;
	margin-bottom: 1rem;
}

._DataContainer .DataListContainer .CreateBoxBlock .LabelTag .ButtonFrame,
._DataContainer .DataListContainer .CreateBoxBlock .AreaTag .ButtonFrame {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 2px;
	font-size: .75rem;
	height: 1.75rem;
	vertical-align: middle;
	padding: 10px;
	position: relative;
	z-index: 999;
}

._DataContainer .DataListContainer .CreateBoxBlock .LabelTag .ButtonFrame.--Red,
._DataContainer .DataListContainer .CreateBoxBlock .AreaTag .ButtonFrame.--Red {
	background-color: #FF2B56;
	fill: #FFFFFF;
	color: #FFFFFF;
}

._DataContainer .DataListContainer .CreateBoxBlock .LabelTag .ButtonFrame.--Blue,
._DataContainer .DataListContainer .CreateBoxBlock .AreaTag .ButtonFrame.--Blue {
	background-color: #1496ED;
	fill: #FFFFFF;
	color: #FFFFFF;
}

._DataContainer .DataListContainer .CreateBoxBlock .AreaTag span,
._DataContainer .DataListContainer .CreateBoxBlock .LabelTag span {
	font-weight: bolder;
}

._DataContainer .DataListContainer .CreateBoxBlock .LabelTag input,
._DataContainer .DataListContainer .CreateBoxBlock .LabelTag select,
._DataContainer .DataListContainer .CreateBoxBlock .LabelTag p {
	margin-top: .5rem;
}

._DataContainer .DataListContainer .CreateBoxBlock .AreaTag > p {
	height: 500px;
}

._DataContainer .DataListContainer .CreateBoxBlock .LabelTag input::-webkit-input-placeholder {
	color: #D5D5D5;
}

._DataContainer .DataListContainer .CreateBoxBlock .LabelTag input:-ms-input-placeholder {
	color: #D5D5D5;
}

._DataContainer .DataListContainer .CreateBoxBlock .LabelTag input::placeholder {
	color: #D5D5D5;
}

._DataContainer .DataListContainer .CreateBoxBlock .ButtonBlock {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 15px 0;
}

._DataContainer .DataListContainer .CreateBoxBlock .ButtonBlock .ButtonTag {
	border-radius: .25em;
	padding: .75rem 1.5rem;
	margin: 0 5px;
	cursor: pointer;
	width: auto;
}

._DataContainer .DataListContainer .CreateBoxBlock .ButtonBlock .ButtonTag.--Green {
	background-color: #00C4A7;
	color: #FFFFFF;
}

._DataContainer div[role="application"] {
	margin: 15px 0;
	min-height: 500px;
}

/*endregion ._DataContainer .DataListContainer */
/* -------------------------------------------------*/

/*endregion ._DataContainer */
/* -------------------------------------------------*/
/*region #_PopupAlertLocated */

#_PopupAlertLocated {
	background-color: rgba(0, 0, 0, .4);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	z-index: 999;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

#_PopupAlertLocated .PopAlertBlock {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 100%;
	width: 32em;
	padding: 1.25em;
	border-radius: .3125em;
	background: #FFFFFF;
	font-size: 1rem;
}

#_PopupAlertLocated .PopAlertBlock .IconFrame {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 15px auto;
	width: 5em;
	height: 5em;
	border: .25em solid #FACEA8;
	border-radius: 50%;
	color: #F8BB86;
}

#_PopupAlertLocated .PopAlertBlock .IconFrame .IconTag {
	font-size: 3rem;
}

#_PopupAlertLocated .PopAlertBlock .TitleTag {
	width: 100%;
	margin: 0 0 .5em;
	padding: 0;
	color: #595959;
	font-size: 1.875em;
	font-weight: bolder;
	text-align: center;
	word-wrap: break-word;
	line-height: 1.5;
}

#_PopupAlertLocated .PopAlertBlock .SubTitleTag {
	color: #545454;
	font-size: 1.125em;
	text-align: center;
	word-wrap: break-word;
}

#_PopupAlertLocated .PopAlertBlock .ButtonBlock {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 15px 0;
}

#_PopupAlertLocated .PopAlertBlock .ButtonBlock .ButtonTag {
	border-radius: .25em;
	padding: .75rem 2rem;
	margin: 0 5px;
	cursor: pointer;
}

#_PopupAlertLocated .PopAlertBlock .ButtonBlock .ButtonTag.--Blue {
	background-color: #3085D6;
	color: #FFFFFF;
}

#_PopupAlertLocated .PopAlertBlock .ButtonBlock .ButtonTag.--Gray {
	background-color: #AAAAAA;
	color: #FFFFFF;
}

#MediaApplication {

}

/*endregion #_PopupAlertLocated */
/* -------------------------------------------------*/
/*region ._PopupWindowsContainer */

._PopupWindowsContainer {
	background-color: rgba(10, 10, 10, .86);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	z-index: 999;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

._PopupWindowsContainer .PopupWindowsBlock {
	width: 100%;
	padding: 1.25em;
	background: #FFFFFF;
	font-size: 1rem;
	max-width: 960px;
	border-top: 3px solid #DDDDDD;
	text-align: left;
	max-height: 90%;
	overflow: auto;
}

._PopupWindowsContainer .PopupWindowsBlock .TitleTag {
	width: 100%;
	margin: 0 0 1.5em;
	padding: 0;
	color: #4A4A4A;
	font-size: 1.25rem;
	line-height: 1.25;
	word-wrap: break-word;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag {
	width: 100%;
	margin-bottom: 1rem;
	display: block;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag span {
	font-weight: bolder;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag .PictureBox,
._PopupWindowsContainer .PopupWindowsBlock .LabelTag input,
._PopupWindowsContainer .PopupWindowsBlock .LabelTag textarea,
._PopupWindowsContainer .PopupWindowsBlock .LabelTag select,
._PopupWindowsContainer .PopupWindowsBlock .LabelTag p {
	margin-top: .5rem;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag textarea {
	max-height: 600px;
	min-height: 120px;
	resize: none;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag .TimeBox {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2rem;
	position: relative;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag .TimeBox > div {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag .TimeBox > div div {
	padding: 0 1%;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag .TimeBox > div select {
	margin-top: 0;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag .TimeBox > div select.--SizeM {
	width: 43%;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag .TimeBox > div select.--SizeS {
	width: 17%;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag .TimeBox > .CloseTag {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 100%;
	cursor: pointer;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag .TimeBox > .CloseTag svg {
	width: 16px;
	height: 16px;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag .ButtonBox {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: .5rem;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag .ButtonBox .ButtonTag {
	width: 100%;
	display: flex;
	align-items: center;
	margin-top: 15px;
	border-radius: .25em;
	padding: 0.5rem 1.5rem;
	cursor: pointer;
	background-color: #FFFFFF;
	border: 1px solid #DBDBDB;
	color: #363636;
	justify-content: center;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag .ButtonBox .ButtonTag:hover,
._PopupWindowsContainer .PopupWindowsBlock .LabelTag .ButtonBox .ButtonTag:active {
	border-color: #B5B5B5;
	fill: #363636;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag .ButtonBox .ButtonTag svg {
	width: 16px;
	height: 16px;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag input::-webkit-input-placeholder {
	color: #D5D5D5;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag input:-ms-input-placeholder {
	color: #D5D5D5;
}

._PopupWindowsContainer .PopupWindowsBlock .LabelTag input::placeholder {
	color: #D5D5D5;
}

._PopupWindowsContainer .PopupWindowsBlock .ButtonBlock {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 15px 0;
}

._PopupWindowsContainer .PopupWindowsBlock .ButtonBlock .ButtonTag {
	border-radius: .25em;
	padding: .75rem 1.5rem;
	margin: 0 5px;
	cursor: pointer;
}

._PopupWindowsContainer .PopupWindowsBlock .ButtonBlock .ButtonTag.--Green {
	background-color: #00C4A7;
	color: #FFFFFF;
}

/*endregion ._PopupWindowsContainer */
/* -------------------------------------------------*/
/*region ._ImageUploaderContainer */

._ImageUploaderContainer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

._ImageUploaderContainer .CloseTag {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	display: none;
	width: 80px;
	height: 80px;
	justify-content: center;
	align-items: center;
}

._ImageUploaderContainer .CloseTag svg {
	width: 24px;
	height: 24px;
	fill: #FF0000;
	box-shadow: 0 0 5px rgba(10, 10, 10, .5);
	border-radius: 50%;
}

._ImageUploaderContainer .CloseTag:hover svg,
._ImageUploaderContainer .CloseTag:active svg {
	box-shadow: 0 3px 8px rgba(10, 10, 10, .5);
}

._ImageUploaderContainer input {
	width: 1px;
	height: 1px;
}

._ImageUploaderContainer .CoverBlock {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

._ImageUploaderContainer .CoverBlock .TextTag {
	font-size: .75rem;
	font-weight: 500;
	color: #7A7A7A;
}

._ImageUploaderContainer .CoverBlock .PlaceholderTag {
	background-color: rgb(238, 238, 238);
	width: 267px;
	height: 195px;
	font-size: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 100;
	margin: 15px 0;
}

._ImageUploaderContainer .CoverBlock .PlaceholderTag.--Video {
	width: 300px;
	height: 300px;
}

._ImageUploaderContainer .CoverBlock .PlaceholderTag.--Index {
	width: 903px;
	height: 504px;
}

._ImageUploaderContainer .CoverBlock .PlaceholderTag.--IndexM {
	width: 300px;
	height: 300px;
}

._ImageUploaderContainer .CoverBlock .PlaceholderTag.--Other {
	width: 903px;
	height: 275px;
}

._ImageUploaderContainer .CoverBlock .PlaceholderTag.--OtherM {
	width: 320px;
	height: 202px;
}

._ImageUploaderContainer .CoverBlock .PlaceholderTag.--Border {
	border: 3px dashed #7A7A7A;
}

._ImageUploaderContainer .CoverBlock .PlaceholderTag canvas {
	display: none;
	width: 100%;
	height: 100%;
}

/*endregion ._ImageUploaderContainer */
/* -------------------------------------------------*/
/*region QEditor */

.ql-toolbar {
	margin-top: 1rem;
}

.ql-formats button {
	box-shadow: none;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
	/*content: "請輸入鏈接地址:" !important;*/
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
	/*border-right: 0px !important; !important;*/
	/*content: '保存' !important;*/
	/*padding-right: 0px !important;*/
}

.ql-snow .ql-tooltip[data-mode=video]::before {
	/*content: "請輸入視頻地址:" !important;*/
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
	content: '一般' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
	content: '小字' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
	content: '大字' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
	content: '巨大' !important;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
	content: '內文' !important;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
	content: '大標題' !important;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
	content: '副標題' !important;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
	content: '次標題' !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
	/*content: '標準字體' !important;*/
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
	/*content: '襯線字體' !important;*/
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
	/*content: '等寬字體' !important;*/
}

/*endregion QEditor */
/* -------------------------------------------------*/

@media screen and (max-width: 1700px) {
}

@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1500px) {
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1300px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1100px) {
}

@media screen and (max-width: 1050px) {
}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 830px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 700px) {
}

@media screen and (max-width: 680px) {
}

@media screen and (max-width: 650px) {
}

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

@media screen and (max-width: 540px) {
}

@media screen and (max-width: 500px) {
}

@media screen and (max-width: 475px) {
}

@media screen and (max-width: 450px) {
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 350px) {
}

@media screen and (max-width: 320px) {
}