@charset "utf-8";
/* CSS Document */
:root,
[miancolor]{
	--mc-blue: #0d6efd;
	--mc-blue-rgb: 13, 110, 253;
	--mc-gary: #8590a6;
	--mc-gary-rgb: 133, 144, 166;
	--mc-lightgary:#C1C1C1;
	--mc-bground:#f6f6f6;
	--mc-black: #000;
	--mc-black-rgb: 0, 0, 0;
}

html {height: 100%}
body {height: 100%; width: 100%; } 

a {
  color: var(--mc-gary);
  text-decoration: none;
}
a:active,
a:focus,
a:hover{
	outline:none;
	color:var(--mc-blue);
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.body_bg {
	background-color: var(--mc-bground);
	padding-top: 4.5rem;
}
.nav_shadow {
	box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.05) !important;
}

.nav_ctn_margin {
	padding-left: 0px;
	padding-right: 0px;
}
.nav_form_input_left {
	border-top-left-radius: 1.5rem;
	border-bottom-left-radius: 1.5rem;
	border-top-right-radius: 0rem;
	border-bottom-right-radius: 0rem;
}
.nav_form_input_right {
	border-top-right-radius: 1.5rem;
	border-bottom-right-radius: 1.5rem;
	border-top-left-radius: 0rem;
	border-bottom-left-radius: 0rem;
}
.iinput::placeholder {color: var(--mc-lightgary)}
.iinput::-webkit-placeholder {color: var(--mc-lightgary)}

.banner {height: 22rem; border-radius: 0.25rem; background-image: url("../images/banner.jpg"); background-repeat: no-repeat;background-size: cover; background-position: center 18%}

.banner h1 {text-align: center; color: #FFFFFF; font-size: 4rem; font-weight: bold;padding-top: 3.5rem; letter-spacing: 0.25rem;text-shadow: 2px 2px  rgba(0,0,0,0.5)}

.box_pos {position:relative; top:-6rem; z-index: 999}
.box_shadow {
	box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.05) !important;
	border-radius: 0.25rem;
	background-color: #FFFFFF;
	margin-bottom: 1rem;
}
.box_r_head {
	border-bottom: 1px solid #f2f2f2;
	padding: 0.725rem;
	padding-left: 1.5rem;
	font-size: calc(1rem + 0.1vw);
	color: var(--mc-blue);
	font-weight: 500;
}
.box_r_list {
	padding-left: 1rem;
	padding: 1rem;
}
.box_r_list ul {
	padding: 0px;
	margin: 0px;
}
.box_r_list ul li {
	font-size: 1rem;
	list-style-type: none;
	padding: 0.5rem;
	border-bottom: 1px solid #f2f2f2;
	border-left: 3px solid #ffffff;
	transition:  0.5s ease-in-out,  0.5s ease-in-out;

}
.box_r_list ul li:hover {
	background-color: var(--mc-bground);
	transition:  0.5s ease-in-out,  0.5s ease-in-out;
	border-left: 3px solid var(--mc-blue);

}
.box_r_list ul li:hover a {
    color: var(--mc-blue);
    text-decoration: none;
	transition:  0.15s ease-in-out,  0.15s ease-in-out;
}
.box_l_list {
	padding-bottom: 1rem;
}
.box_l_list .article_list {
	border-bottom: 1px solid #f2f2f2;
	min-height: 8rem;
	padding-bottom: 1rem;
	transition:  0.5s ease-in-out;
	margin: 1rem;
} 

.box_l_list .article_list a {
	color: #000000;
}

.box_l_list .article_list:hover {
	/*box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.15) !important;*/
	transition:  0.85s ease-in-out;
	background-color:  var(--mc-bground);
}
.box_l_list .article_list .article_title {
	padding-top: 1rem;
	font-size: 1.25rem;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.8);
	transition:  0.15s ease-in-out,  0.15s ease-in-out;
}
.box_l_list .article_list:hover .article_title {
	color: var(--mc-blue);
    text-decoration: none;
	transition:  0.3s ease-in-out,  0.3s ease-in-out;
}


.box_l_list .article_list .row { 
	padding: 1rem;	
}
.box_l_list .article_list .list_img {
	height: 8rem;
	/*background-color: crimson;*/
	border-radius: 0.25rem;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	
}

@media (max-width: 768px) {
	.box_l_list .article_list .list_img {
	height: 12rem;
	/*background-color:cornflowerblue;*/
	border-radius: 0.25rem;
	margin-bottom: 0.5rem;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
}

.box_l_list .article_list .list_summary {
	font-size: 1rem;
	font-weight: 400;
	color: var(--mc-gary);
    text-decoration: none;
	padding-left: 0rem;
	padding-right: 0rem;
	transition:  0.15s ease-in-out,  0.15s ease-in-out;
}

.box_l_list .article_list .list_summary .read {
	color: var(--mc-blue);
}
@media (min-width: 768px) {
	.box_l_list .article_list .list_summary {
		padding-left: 1.25rem;
		padding-right: 0rem;
		padding-top: 0rem;
		transition:  0.15s ease-in-out,  0.15s ease-in-out;
	}
}

.box_l_list .article_list:hover .list_summary {
	color: rgba(0, 0, 0, 0.8);
	transition:  0.15s ease-in-out,  0.15s ease-in-out;
}
.line_clamp2 {
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;
	min-height: 3rem;
}
.line_clamp4 {
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;
	min-height: 4rem;
}
.line_clamp5 {
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;
	min-height: 5rem;
}

.box_l_list .article_list .list_tag {
	font-size: 0.875rem;
	list-style-type: none;
	color: var(--mc-gary);
	padding-top: 0.75rem;
	padding-bottom: 0rem;
}
.box_l_list .article_list .list_tag .list_tag_left { 
	text-align: left;
	padding-left: 0rem;	
}
.box_l_list .article_list .list_tag .list_tag_left span {
	padding-right: 0.5rem;
}
.box_l_list .article_list .list_tag .list_tag_left i {
	color:var(--mc-blue);
}
.box_l_list .article_list .list_tag .list_tag_right { 
	text-align: right;
	padding-right: 0rem;
}
.box_l_list .article_list .list_tag .list_tag_right i {
	color:var(--mc-blue);
}

.article_item {padding: 1rem;}
.article_item .title_item {padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #f2f2f2;}
.article_item .ititle {font-size:1.5rem; font-weight: 600; color:rgba(var(--mc-black-rgb),0.875);}
.article_item .info {font-size:.875rem; font-weight: 500; color:rgba(var(--mc-gary-rgb),0.875);}
.article_item .info ul  {list-style: none;padding-top: 1rem; margin: 0; padding-left: 1rem}
.article_item .info ul li  {display: inline;  margin-right: 2rem;}
.article_item .content {padding-top: 2rem; padding-bottom: 2rem}
.article_item .content img {width: 100%;}
.article_item .content table {width: 100%}
.article_item .content th {background-color: #eeeeee}
.article_item .content table,table tr th, table tr td { border:1px solid #333333;padding: 3px; }
.article_item .content a {color: var(--mc-blue);    -webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out; text-decoration:none}
.article_item .content a:hover {color: var(--mc-gary);    -webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out; text-decoration:underline}

.form-control:focus {
  color: #212529;
  background-color: #FFFFFF;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.075rem rgba(13, 110, 253, 0.25);
}
.nomore {color: var(--mc-gary);}
.load-info {display: none; }
.foot_bg {
	background-color: rgba(0,0,0,0.8)
}
.foot_copyright {
	font-size: 0.875rem;
	line-height: 3rem;
	color: rgba(255,255,255,0.8);
	text-align: center;
}