/* Start:/local/templates/esmp/components/esks/news.detail/elemArticle/style.css?16746511036169*/
.page .article-container {
	display: flex;
	flex-direction: row-reverse;
}

.page .article-content {
	max-width: 904px;
	margin: 0 auto 0 0;
}

.page .article-sidebar {
	max-width: 280px;
	margin: 0 auto 0 32px;
	width: 100%;
}

.page .article-sidebar .article-inform{
	padding: 16px 16px;
	background: #FFFFFF;
	box-shadow: 0px 1px 4px #E3EBFC, 0px 6px 16px rgba(230, 235, 245, 0.8);
	border-radius: 8px;
	width: 100%;
}

.page .article-sidebar .article-inform .warn {
	display: flex;
	margin-bottom: 16px;
}

.page .article-sidebar .article-inform .warn > .mark{
	width: 24px;
	min-width: 24px;
	color: #FED13E;
	font-size: 65px;
	margin-right: 8px;
}

.page .article-sidebar .article-inform .warn > .txt{
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #0B1F33;
}

.page.article .backLink {
	display: flex;
	align-items: flex-start;
	margin-bottom: 16px;
}

.page.article .backLink .backlink-img {
	line-height: 24px;
	margin-right: 12px;
	height: 24px;
}

.page.article .backLink .backlink-text{
	line-height: 20px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #79838F;
}

.page.article .backLink .backlink-img svg path{
 	width: 24px;
	height: 24px;
}

.page.article .backLink .backlink-img svg path{
	fill: #0D4CD3!important;
}

.page.article .backLink .backlink-img.clicked svg path{
	fill: #79838F!important;
}

.page .article-sidebar .update-version{
	margin-bottom: 16px;
}

.page .article-sidebar .mark-button {
	margin: 0;
	padding: 10px 15px;
	background: #FFFFFF;
	border-radius: 8px;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0;
	text-align: center;
	color: #0D4CD3;
	width: 100%;
	border: 2px solid #0D4CD3;
	box-sizing: border-box;
}

.page .article-sidebar .update-version .mark-button{
	background: #0D4CD3;
	color: #FFFFFF;
}

.page .article-sidebar .update-version .mark-button:disabled{
	color: #e1e9f9;
	border: 2px solid #0D4CD3;
	cursor: not-allowed;
}

.page .article-sidebar .mark-button:hover {
 	opacity: 0.85;
}

.page .article-sidebar .mark-button.display-none{
	margin-top: 0px;
}
/* */

.page .article-sidebar .mark-button:disabled {
	color: #b6c9f1;
}

.page.article .backLink span{
	color: #0D4CD3;
	cursor: pointer;
}

.page.article .backLink span.clicked{
	color: #79838F;
}

.page.article .backLink span:hover{
	opacity: 0.75;
}

.page .article-sidebar .article-version{
	margin-bottom: 24px;
}

.page .article-sidebar .article-actions{

}

.page .article-sidebar .article-actions a.button{
	margin-top: 16px;
}

.article .page > header {
	max-width: 904px;
	margin: 0 0 24px 0;
}

.article .page > header > h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #0B1F33;
}

.page .article-container > .page-container > .text{
	max-width: 868px;
	overflow: hidden;
	background: #FFFFFF;
	box-shadow: 0px 1px 4px #E3EBFC, 0px 24px 48px rgba(230, 235, 245, 0.4);
	border-radius: 12px;
	padding: 24px;
}

.page .article-container > .page-container > .text.text-draft{
	background: #FFFFFF;
	box-shadow: 0px 1px 4px #71757e, 0px 24px 48px rgba(230, 235, 245, 0.4);
	border-radius: 12px;
	padding: 24px;
}

.page .article-container > .page-container > .text .video-js{
	max-width: 820px;
}


.remark_popup .popup-content {
	max-width: 480px;
}

.remark_popup .remark_popup-body{

}

.remark_popup_form{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 24px;
	flex: none;
	order: 0;
	flex-grow: 0;
}

.remark_popup_form h3{
	font-family: 'LatoWeb';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #0B1F33;
}

.remark_popup_form .remark-error{
	position: relative;
	background: #FCD9DE;
	padding: 10px;
	font-family: 'LatoWeb';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 15px;
	color: #0B1F33;
	width: 100%;
	display: none;
}

.remark_popup_form .remark-error p{
	display: flex;
	align-content: center;
	height: 100%;
	padding: 0;
	margin: 0;
	align-items: center;
}

.remark_popup_form .remark-error p img{
	height: 19px;
	width: 19px;
	margin-right: 5px;
}

.remark_popup .remark-success {
	display: flex;
	height: 100%;
	flex-direction: column;
	align-items: center;
	padding: 24px 0;
}

.remark_popup .remark-success img{
	width: 64px;
	height: 64px;
	margin-bottom: 24px;
}

.remark_popup .remark-success p{
	font-family: 'LatoWeb';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #0B1F33;
}

.remark_popup-body textarea{
	font-family: 'LatoWeb';
	font-style: normal;
	background: #F5F7FA;
	border-radius: 4px;
	border: 2px solid #99B1E6;
	resize: none;
	width: 360px;
	height: 150px;
	padding: 14px 16px 8px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #0B1F33;
}

.remark_popup-body textarea::-webkit-scrollbar {
	width: 6px;
}
.remark_popup-body textarea::-webkit-scrollbar-track {
	background: #F5F7FA;
}
.remark_popup-body textarea::-webkit-scrollbar-thumb {
	background: #D1D5DF;
	border-radius: 4px;
}

.remark_popup_form .capcha-code{
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.remark_popup_form .capcha-img{

}

.remark_popup_form .capcha-inp{
	font-family: 'LatoWeb';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #0B1F33;
}

.remark_popup_form .capcha-inp input{
	padding: 9px;
	background: #F5F7FA;
	border: 2px solid #99B1E6;
	border-radius: 4px;
	width: 165px;
}

.remark_popup-body .remark-btn{
	background-color: #0D4CD3;
	color: #FFF;
	margin: 0;
	font-size: 15px;
}

.remark_popup-body .remark-btn:hover {
	opacity: 0.85;
}

@media screen and (max-width: 600px) {
	.page .article-container {
		display: block;
	}
	.page .article-sidebar {
		margin: 0 auto 24px 0;
		width: 100%;
		max-width: 100%;
	}
}
/* End */
/* /local/templates/esmp/components/esks/news.detail/elemArticle/style.css?16746511036169 */