.container .breadcrumb { margin-top:2em; max-width:800px; line-height:1.2em; margin-bottom:20px; }

.main-content { margin-bottom:2em; }
.main-content.news { margin-top:0; }
.main-content .boundary { text-align:left; max-width:800px; position:relative; padding:10px; }

.main-content .mc-title { display:inline-block; line-height:1.5em; padding: 10px 0; box-sizing:border-box; margin:0; font-size:1.5em; color:var(--color-button); font-weight:bold; }
.main-content .mc-title a {color:inherit;}

.main-content .mc-description { color:#666; font-size:1.3em; margin-bottom:30px; line-height:1.5em; }

.main-content .mc-content { overflow-x:auto; line-height:1.5em; }
.main-content .mc-content h2, .main-content .mc-content h3, .main-content .mc-content h4, .main-content .mc-content h5 { line-height:1.3em; color:var(--color-button); font-size:1.2em; font-weight:bold; }
.main-content .mc-content h3 { font-size:1em; color:var(--blue-ex-light); }
.main-content .mc-content h4 { font-size:0.8em; color:#333; }
.main-content .mc-content h5 { font-size:0.7em; color:#333; }

.main-content .mc-content blockquote { width:auto; max-width:80%; padding:10px; margin:0 auto; background-color:var(--blue-bg); border:1px solid var(--blue); border-radius:10px; text-align:left; }
.main-content .mc-content img { max-width:100%; height:auto; }
.main-content .mc-content video {max-width:100%; height:auto;}

.main-content .mc-others {border-top:1px solid #DDD; margin-top:30px; }
.main-content .mc-others .boundary { margin-top:0; border:unset!important; box-shadow:unset; }
.main-content .mc-others h4 { margin-bottom:.5em; font-size: 1.3em; color: #4179a0; font-weight:bold; text-transform:uppercase; color:var(--blue); }

.main-content .mc-others .mc-others-article { display:block; margin-bottom:30px; }
.main-content .mc-others .mc-others-article .square-image, .main-content .mc-others .mc-others-article .mc-others-article-info {display:inline-block; width:100%; vertical-align:top; }
.main-content .mc-others .mc-others-article .square-image { border-radius:10px; margin-bottom:10px; }
.main-content .mc-others .mc-others-article .mc-others-article-info { padding:0; box-sizing:border-box; }
.main-content .mc-others .mc-others-article .square-image:before {padding-top:52.333%;}
.main-content .mc-others .mc-others-article .mc-others-article-info .mc-others-article-group { font-size:0.8em; margin:0 0 10px; display:block; }
.main-content .mc-others .mc-others-article .mc-others-article-info .mc-others-article-group:hover { color:var(--blue-light); }
.main-content .mc-others .mc-others-article .mc-others-article-info .mc-others-article-title { display:-webkit-box; -webkit-line-clamp:4; overflow:hidden; -webkit-box-orient:vertical; font-size:1em; }
.main-content .mc-others .mc-others-article:hover .mc-others-article-info .mc-others-article-title {color:var(--blue);}

.main-content .mc-content table {border-collapse: collapse;}

/* TOC CSS */
.main-content .toc-container {position:sticky; top:0;}
.main-content .toc { position:sticky; top:0; display: inline-block; border:1px solid #DDD; padding:5px 5px 5px 0; background-color:#FEFEFE; margin: 0 0 1em; width:100%; box-sizing: border-box; }
.main-content .toc.active .toc-title i { transform:rotate(90deg); }
.main-content .toc .toc-title {	font-weight: bold; padding:5px 0; color: #333; margin: 0 0 0 20px; display: block; text-transform: capitalize; font-size:1em; cursor:pointer; }
.main-content .toc .toc-title a:after { content:"\e912"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; margin-left:10px; transform:rotate(90deg); vertical-align:middle; transition:all 0.3s; }
.main-content .toc .toc-title a.active:after {transform:rotate(180deg);}
.main-content .toc .toc-title i { display:inline-block; float:right; margin-top:5px; transition:all 0.3s; font-size:1.2em; }
.main-content .toc ul { margin: 0; width: auto; list-style-type:none; padding:0 0 0 30px; transition:all 0.3s; display:none; }
.main-content .toc ul li { padding:5px 0;}
.main-content .toc ul li a { color:#333; }
.main-content .toc ul li a:hover, .main-content .toc ul li a.active {color:var(--orange);}
.main-content .toc ul li a.active:before {content:"\e912"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; margin-right:5px; margin-left:-15px; transform:rotate(90deg); }
.main-content .toc ul li ul { padding-left:15px; display:block; }
/* / TOC CSS */

@media (min-width:768px){
	
	.main-content .mc-others .mc-others-article .square-image, .main-content .mc-others .mc-others-article .mc-others-article-info { width:30%; }
	.main-content .mc-others .mc-others-article .mc-others-article-info { width:70%; padding:0 0 0 20px; }
}

@media (min-width:1200px){
	.main-content .toc-container { position:absolute; top:0; right:calc(100% + 20px); width:250px; height:100%; }
	.main-content .toc {width:auto; max-width:250px;}
	.main-content .toc ul {display:block;}
	.main-content .toc ul 
}