@charset "utf-8";
.tdContentAuth{width:auto; margin-left:11%; padding:0;}
.dContentAuth{float:left; width:57%; margin:0; padding:1%; background:#fff;}
.h1Auth{margin:1% 0; font-size:19px; color:green;} /* author=part name */

.dAuthArtcl{width:98%; margin:3% 1%; padding:1%; text-align:justify; border:1px solid #E4F1F2; overflow:hidden; box-shadow: 4px 5px 5px #808a98;} /* article cont. */

.dAuth{position:relative;
width:16%; width:calc((100vw - 35%)/5); min-width:150px; max-width:260px;
height:170px; height:calc(70vw/5); min-height:150px; max-height:260px;
margin:3% 1%; padding:2px; text-align:center; border:1px solid #E4F1F2; box-shadow: 4px 5px 5px #808a98; overflow:hidden; display:inline-block;}/* author cont. */
.imgAuth{float:none; height:100%; margin:0; margin-left:auto; margin-right:auto;}/* object-fit: cover; */
.hAuthNa{position:absolute; left:0; bottom:-18px; z-index:1;
width:100%; height:40px;
margin:0; padding:0 3px; font-size:110%; color:#3B850E; cursor:pointer;
background:#fff; opacity:0.77; display:block;
-webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }/* author name R:59 G:133 B:14  */
.hAuthNa:hover{bottom:2px; opacity:1;}


.hAuthArt{margin:0; font-size:120%; color:#485EA5; cursor:pointer; display:inline-block;} /* art name */
.aArtcls{text-align:right; display:block;}
.aArtPrev{} /* preview article */
/* Ads */
.dDiAuth{float:right; width:31%; margin:0; margin-right:3%; padding:1%; border:1px solid #E4F1F2; overflow:hidden;}
.dSideIn{}

@media only screen and (max-width: 1024px) {
.tdContentAuth{margin-left:14%;}
.dAuth{width:20%; width:calc((100vw - 38%)/4); max-width:388px; height:calc(62vw/3.9); max-height:388px;}
/* .dContentAuth{width:49%; margin-left:22;}
.dDiAuth{width:29%;} */
}

@media only screen and (max-width: 800px) {
.dContentAuth{float:none; width:94%;}
.dAuth{width:29%; width:calc((100vw - 38%)/3); max-width:250px; height:calc(62vw/2.9); max-height:250px;}
.dDiAuth{float:none; width:94%;}
}

@media only screen and (max-width: 640px) {
.tdContentAuth{margin-left:0;}
.dAuth{width:45%; width:calc(85vw/2); max-width:310px; height:calc(85vw/2); min-height:170px; max-height:310px;}
}

@media only screen and (max-width: 480px) {
.tdContentAuth{margin-left:0;}
.dAuth{width:87%; width:calc(85vw); max-width:410px; height:300px; height:calc(85vw); min-height:280px; max-height:410px;}
}