#phtoimfo{z-index:21;width:100%;height:100%;display:flex;flex-direction:column;position:absolute}
#phtoimfo ul.penJ{overflow-y:scroll;height:100%}
.nametitle{display:flex;flex-direction:column;align-items:center}
.nametitle h2{position:absolute;font-size:25px;font-weight:400;margin:0 0;top:16px;left:-1px;background:#ab7f45;padding:8px 22px;border-radius:0px 8px 7px 0px}
#phtoimfo .mafexx{display:flex;height:100%;align-items:center}
#phtoimfo .mafexx #describe{display:flex;flex-direction:column;width:30%;align-items:center}
#phtoimfo .mafexx #describe p{color:#dedede;padding:0 0;margin:0 0}
#phtoimfo .mafexx .tabs-underline{display:flex;flex-direction:column;width:50%;margin-right:10%;overflow-y:scroll;height:calc(85% - 0px)}
#phtoimfo .mafexx .tabs-underline::-webkit-scrollbar{width:5px}
#phtoimfo .mafexx .tabs-underline::-webkit-scrollbar-track{background:#1a1a1a}
#phtoimfo .mafexx .tabs-underline::-webkit-scrollbar-thumb{background:#eddac1}
#phtoimfo ul::-webkit-scrollbar{width:5px}
#phtoimfo ul::-webkit-scrollbar-track{background:#1a1a1a}
#phtoimfo ul::-webkit-scrollbar-thumb{background:#eddac1}
.webBox{position:relative;height:100%}
img#memberimg{width:100%}
.gogoback{position:fixed;z-index:99;left:0;bottom:0}
.gogoback button{padding:20px 40px;background:#ab7f45;color:white;border:none;cursor:pointer}

@media (max-width:1024px){
    #phtoimfo .mafexx{display:flex;flex-direction:column;height:auto}
    #phtoimfo .mafexx #describe{width:100%;max-width:100%;margin-top:57px}
    #phtoimfo .mafexx #describe img{width:350px}
    #phtoimfo .mafexx .tabs-underline{width:100%;height:100%;margin-right:0}
    #phtoimfo ul.penJ{width:100%;margin:75px auto 0;padding:0}
}
@media (max-width:500px){
    .gogoback button{padding:12px 30px}
    #phtoimfo .mafexx #describe img{width:212px}
    #phtoimfo .mafexx .tabs-underline{padding:10px;margin:25px 0}
    .nametitle h2{font-size:18px;top:30px}
}