.child-nav{
	position: absolute;
	padding-top: 1em;
	color:#696969;
}
.child-nav a{
	color:#696969;
}
.child-nav a::before{
	margin-right: 3px;
}

.child-nav span{
	padding: 0 5px;
}

.span_title{
	color: #444;
    font-weight: 800;
	font-size: 1.35em;
	margin-right: 2em;
}
.tag{
	color: #10a0d5;
    /*line-height: 1.5rem;*/
    padding: 0 0.6rem;
    background: #fff;
    font-size: 1em;
    border-radius: 1.2rem;
    border: 0.1rem solid #0F6CF8;
    margin-right: 1em;
}

#header.alt {
    -moz-animation: none;
    -webkit-animation: none;
    -ms-animation: none;
    animation: none;
   /* background: none;
    color: rgba(255, 255, 255, 0.75);
    position: absolute;*/
}
.msg_flex{
	margin-top: 2em;
    position: sticky;
    top: 2em;
    /* width: 100vw; */
    /* height: 5rem; */
    /* background-color: #f4f4f4; */
    z-index: 1000;
}

#content h1{
	text-align: center;
	font-size: 2em;
	margin: 1em 0em;
}

#content p{
	margin: 0.5em 0em;
	font-size: 1.1em;
    font-family: arial;
    line-height: 2em;
    font-weight: 300;
    color:#222;;
    letter-spacing: 0px;
    /*letter-spacing: 1em;*/
}

#content .p_author{
	text-align: center;
	font-size: 1em;
	color:#959595;
	margin: 1em 0em;
}

#content img{
	width: 60%;
}

.img_a {
    position: relative;
    overflow: hidden;
    display: block;
    box-shadow: rgb(0 0 0 / 30%) 2px 2px 10px;
    height: 0px;
    position: relative;
    padding-bottom: 135.25%;
    margin-bottom: 1em;
}

.img_a img {
    width: 100%;
    /* height: 12em; */
    /* max-height: 12em; */
    /* border: solid 1px #f0f0f0; */
    display: block;
    padding: 0.25em;
 /*   -moz-transition: -moz-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease;
    transition: transform 0.2s ease;*/
}

/*.msg_button {
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    background: #0090c5;
    color: #fff;
 	text-decoration: underline;
    border-radius: 6px;
    font-weight: 400;
    outline: 0;
    border: 0;
    cursor: pointer;
    font-size: 1em;
    padding: 0em 1em;
}
*/

/*#msg_page a {
    text-decoration: underline;
}*/


#msg_page a::before {
    margin-right: 5px!important;
}

.onlyOneLine {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 3; */
    overflow: hidden;
}

.onlyThreeLine {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 3; */
    overflow: hidden;
}

#logo .title {
    /* background: #ff4486; */
    color: #fff;
    /* color: #39454b; */
    border-radius: 6px;
    /* font-family: 'Oleo Script', serif; */
    font-family: "Source Sans Pro", "sans-serif";
    font-weight: 600;
    /* padding: 0.25em 0.2em 0.25em 0.2em; */
    font-size:1.5em;
    letter-spacing: 0.05em;
    display: inline-block;
    vertical-align: middle;
}


@media screen and (max-width: 980px) {
	
	#sidebar .img-parent{
		padding-top: 2em;
		text-align: center;
	}
	
	#sidebar ul li{
		/*display: inline;*/
		/*display: inline-block;*/
		margin-right: 1em;
	}
	#ocs_model ul{
				display: none;
	}
	#phoneClient{
			display: block !important;
	}
	#content h1 {
    font-size: 1.5em;
	}		
	#content img{
	width: 100%;
	}		
	
	ul.style2 li {
	display: inline-block;
    margin-right: 0.5em;
    }
    
    #content p{
		font-size: 1.2em;
		letter-spacing: 1px;
	}
}


#ocs_model{
	position: fixed;
    right: 2em;
   	top: 20%;
   	z-index: 99;
			/*font-size: 0.8em;*/
		}
#ocs_model li:hover{
	cursor: pointer;
	background: #10a0d5;
/*	color:#61c5e0;*/
}
#ocs_model li{
	cursor: pointer;
	width: 4em;
	cursor: pointer;
    height: 4em;
    padding-left: 1em;
    padding-top: 0.5em;
    padding-right: 1em;
    background: #0090c5;
  /*  font-size: 0.8em;*/
    margin-bottom: 1em;
    line-height: 1.5em;
    color:#fff;
    font-weight: 600;
}

#phoneClient{
    background: #61c5e0;
    display: none;
    padding: 0.5em;
    color: #fff;
    border-radius: 5px;
    position: fixed;
    bottom: 1em;
    right: 0.5em;
}
.collect_honor {
	color:#222222;
	margin-right: 1em;
	font-size: 1.1em;
}
.friend-link a{
	margin-right: 1em;
}
#journal-nav  > *{
	padding-top: 5px;
}