@import "0_style.css"; 
@import "FontAwesome4.7/fontawesome.css";
        
/**
Plan message 
*/




.MM_left{
    width:20%;
	border:0px solid #ccc;
	text-align:left;
	color:#ffff00;
	float:left; 
	padding-top:10px;
	padding-left:10px;
	margin-right:2%;
	font-size:16px;
	line-height: 28px;　
	text-indent: 2em;
	
}




.MM_link-top {
            width:100%;
            height: 10px;
            border-bottom: solid #ACC0D8  2px;
			padding-top:1px;
			margin:1px;
        }






 
 .more {
  display:none;
 }
 
 .post{
	 margin-top:5px;
	 color:white;
	 text-align:justify;
	 line-height:1em;
	 font-size: 1.5em;
 }
 
 .post:not(:last-child){
 margin-bottom:20px;
 }
 
 
 
 h3{
   margin: 0 0 3px 0;
   color: #ffff00;
   font-size: 1.05em;
   font-weight: bolder;
   letter-spacing:0.1px;
   line-height:1.1em;
}

 button{
	 margin-top:5px;
	 display:block;
	 background-color:#e41d3f;
	 color:white;
	 border:none;
	 outline:none;
	 padding:2px 2px;
	 cursor:pointer;
	 font-size:12px;
 }
 

.PM_right{
    width:1%;
	border:0px solid #ccc;
	text-align:center;
	margin:5px;
	float:right;
	background:#046A98;
	/* overflow-x:hidden; */
	
}

.PM_middle{
    width:55%;
	border: 0px solid red;
	background:var(--middle-background-color); 	
	text-align:center;
	margin-bottom:10px;
	height:800px;
	overflow:auto;
    background:#ffffff; 	
}

.PM_container_head {
border-color: var(--title-background-color); 
border-style: solid;

border-width: 1em 1em ;
background:var(--title-background-color);
color:#ffffff;
text-align: Center;
font-size:24px;	
width:100%;
margin:0 auto;
border-color: #6599FF;
background:#6599FF;
}





.AM_container_center1 {
border-color: var(--middle-content_background-color);	
border-style: solid;
text-align:center;
border-width: 1em 1em 1em 1em;
background:var(--middle-content_background-color);	
color:#ffffff;
font-size:18px;	
text-indent: 0em;
padding-top:0em;
 width:90%;


}

.AM_container_center {
border-color: var(--middle-content_background-color);	
border-style: solid;
text-align:center;
border-width: 1em 1em 1em 1em;
background:var(--middle-content_background-color );
color:#ffffff;
font-size:18px;	
text-indent: 0em;
padding-top:0em;
 width:90%;


}



.MM_container {
	width:90%;
border-color: var(--middle-background-color); 
border: 0px solid yellow; 
text-align:left;
border-width: 0;
background:var(--middle-background-color); 
color:var(--middle-color); 
font-size:18px;	
text-indent: 2em;
padding-top:0em;
padding-left:0em;
padding-right:0em;
overflow:auto;
margin:0 auto;
}

.MM_container img{
padding:0.5em;
float:center;
border: 0px solid black; 
}

.MM_container a{
border-color: red; 
color:var(--middle-color); 
 
}
ol.mm1 {
  list-style-type: simp-chinese-formal;
}

ol.mm5 {
  list-style-type: simp-chinese-formal;
}
.mm2{
	
	margin:0 1em 0 -1em ;
	
}

ol.mm2 {
  list-style-type: cjk-decimal;
  text-indent: 0em;
}

.mm2 ul {
  list-style-type: disc;
  
}

ol.mm1 dl {
  text-indent: -4.3em;
}
ol.mm1 dd {
  text-indent: -4.3em;
  margin-left: 2.5em;
}



ol.mm5 dd {
  text-indent: -2em;
  margin-left: 0.5em;
}


.mm3 ol {
  counter-reset: item;
  
}




ol.mm3 li {
  display: block ; 
  counter-increment: item; 
  text-indent: -1.5em;
 margin: 0 1em 0 0em;
  
   
}
ol.mm3 li:before {
  content: " ("counter(item,decimal)") "; 
  
}


ol.a {
  
  counter-reset: item;
  text-indent:-3rem;
  padding-left:1rem;
   
}
ol.a li{
	
   display: block ; 
  counter-increment: item; 
  margin-left:0rem;
  padding-left:0rem;
  text-indent:-2rem;
  
  
}

ol.a li:before {
  content: " ("counter(item,decimal)") "; 
  
  
}






/***


ol.mm4 li {
  display: block ; 
  counter-increment: item; 
  text-indent: -3em;
 padding-left: 2em;
    
}
ol.mm4 li:before {
  content: " ("counter(item,decimal)") "; 
  
}


****/



.mm6
{
	margin:0 1em 0 -1.5em ;
	
}


ol.mm6 {
  counter-reset: item;
 
}




ol.mm6 li {
  display: block ; 
  counter-increment: item; 
  text-indent: -1.5em;

  
   
}
ol.mm6 li:before {
  content: " ("counter(item,decimal)") "; 
  
}



.Report_container {
	width:90%;
border-color: var(--middle-background-color); 
border: 3px solid red; 
text-align:left;
border-width: 0;
background:var(--middle-background-color); 
color:var(--middle-color); 
font-size:18px;	
text-indent: 2em;
margin:1em 1em 1em 1em;
padding-top:0em;
padding-left:0em;
padding-right:0em;
overflow:auto;
margin:0 auto;
}

.title1 {
  text-indent: -3em;
  text-align:left;
}
.mm4{
	
	margin:0 1em 0 0em ;
	
}

ol.mm4 dl {
  text-indent: -1em;
}
/*
ol.mm4 dd {
  text-indent: -4.3em;
  margin-left: 2.5em;
}
*/
ol.mm4 li {
  text-indent: 0em;
  margin: 0 0em 0 0em;
  
   
}



.mainContent_head {
border-color: var(--title-background-color); 
border-style: solid;

border-width: 0.4em 2em ;
background:var(--title-background-color);
color:#ffffff;
text-align: Center;
font-size:24px;	
border-color: #6599FF;
background:#6599FF;

}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.mainContent_text  {
border-color: var(--middle-background-color); 
border-style: 0px solid ; 

border-width: 1em 2em 0em 2em;
background:var(--middle-background-color);  
color:var(--middle-color); 
font-size:18px;	
text-indent: 2em;
padding-top:1em;
padding-left:2em;
padding-right:2em;
overflow-x:hidden;
line-height:2rem;

}

.mainContent_text_0317  {
width:95%;
border-color: var(--middle-background-color); 
border: 3px solid red; 
text-align:left;
border-width: 0;
background:var(--middle-background-color); 
color:var(--middle-color); 
font-size:18px;	
text-indent: 2em;
margin:1em 1em 1em 1em;
padding-top:0em;
padding-left:0em;
padding-right:0em;
overflow:auto;
margin:0 auto;

}

.mainContent_text_0128  {
width:98%;
border-color: var(--middle-background-color); 
border: 3px solid red; 
text-align:left;
border-width: 0;
background:var(--middle-background-color); 
color:var(--middle-color); 
font-size:18px;	
text-indent: 2em;
margin:1em 1em 1em 1em;
padding-top:0em;
padding-left:0em;
padding-right:0em;
overflow:auto;
margin:0 auto;

}




/* Main content of the site */
#content {
	clear: both;
	overflow: auto;
	padding-top: 1vh;
}
/* Sidebar */
#content .sidebar {
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	float: left;
	width: 26%;
	padding-left: 1%;
	
	text-align: center;
	background-color: rgba(246,246,246,1.00);
	padding-top: 36px;
	height: 775px;
	background-color:blue;
	background-color: #26507E;
	margin-right:1%;
	height:70vh;
	overflow:auto;
}

/* main content of the site */
#content .mainContent {
	float: left;
	width: 70%;
	/*text-align: center;*/
	padding-left: 4%;
	background:#ffffff; 
	padding-left: 0%;
	float: center;
	border:0px solid red;
	height:70vh;
	overflow:scroll;
	
}


.img1 {

	/*text-align: center;*/
	width:50%;
    margin: 0 auto;
	border:1px solid red;
	text-align: center;
	float:center;
	
	
}


/*menubar's properties for menus in sidebar */
#content .sidebar #menubar {
	text-align: left;
	color: rgba(146,146,146,1.00);
	position: relative;
	left: 0%;
}

/* Whole page content */
#mainWrapper {
	width: 80%;
	padding-left: 10%;
}
/*menu elements */
.menu ul li {
	list-style-type: none;
	font-size: x-large;
	position: relative;
	left: -30px;
	padding-top: 6px;
	line-height: 1.7rem;
}



.sidebar #menubar .menu ul li a {
	color: rgba(146,146,146,1.00);
	text-decoration: none;
	color: #ffff00;
	color: white;
	font-size:1.2rem;
	
	
	/*white-space:nowrap;*/
}
.sidebar #menubar .menu ul li a:hover {
	color: rgba(107,97,97,1.00);
	text-decoration: none;
	color:#6599FF;
}
/* Menu headings in sidebar */
#menubar .menu h2 {
	font-size: 14px;
}
/*Links under menus in sidebar */
#menubar .menu ul li a {
	font-size: 14px;
}
/* Menus in sidebar */
.sidebar #menubar .menu {
	margin-bottom: 29px;
}