#author{width:100%;height:100vh;display:flex;display:-webkit-flex;flex-direction:column}#author .mycontainer{flex:1;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;background-color:#f6f1e8}#author .mycontainer p{position:relative;bottom:0;margin-top:2vw}#author .authorimg{width:20vw;height:20vw;border-radius:50%;position:absolute;top:8vw;right:5vw}#author .topbar{width:100%;flex:none;display:flex;display:-webkit-flex;flex-direction:row;justify-content:left;padding:1vw 2.5vw;border-bottom:1px solid #ddd}#author .topbar p{font-size:1rem;margin-top:1vw}#author .dynastyList{flex:1;display:flex;display:-webkit-flex;flex-wrap:wrap;flex-direction:row;justify-content:left}#author .dynasty{flex:0 0 16.6%;margin-top:1vw}#author .dynastyItem{margin:.25rem;font-size:.8rem;color:#646464;border-radius:5px;border:1px solid #dabc95;margin-bottom:10px}#author .dynastynowChoose{color:#fff;background-color:#dabc95}#author .mycol{padding:0!important}#author .listItem{width:100%;padding:.5rem 1rem;line-height:1.8;margin-top:4vw!important;background-color:#fff}#author .listItembox{width:100%;height:100%;overflow-y:hidden}#author .listItem p{margin-bottom:0;text-align:left;color:#565656}#author .listItem p:first-child{color:#cd8474;font-size:1.2rem}#author .listItem p:nth-child(2){font-size:.8rem}#author .listItem p:nth-child(3){color:#000;font-weight:700;font-size:.8rem}#author .listItem p:nth-child(4){font-size:.8rem}