#searchPage{height:100%;flex-direction:column}#searchPage,#searchPage .topbar{width:100%;display:flex;display:-webkit-flex;align-items:center}#searchPage .topbar{flex:none;flex-direction:column;justify-content:center}#searchPage .searchBar{background-color:#dabc95;height:15vw;width:100%;justify-content:center}#searchPage .searchBar,#searchPage .searchBox{display:flex;display:-webkit-flex;align-items:center}#searchPage .searchBox{background-color:#fff;height:60%;width:85%;border-radius:10vw;justify-content:stretch}#searchPage .searchBox .ic{flex:none;width:5vw;height:5vw}#searchPage .searchBox .clear{position:absolute;right:5vw}#searchPage .searchBox .search{flex:1;background:none;outline:none;border:none;font-size:.8em;line-height:1.2;max-width:70%}#searchPage .searchBox .search::-webkit-input-placeholder{color:#9e9e9e;font-size:.85em}#searchPage .searchBox .search::-moz-placeholder{font-size:.85em;color:#9e9e9e;ffont-size:.85em}#searchPage .searchBox .search::-ms-input-placeholder{color:#9e9e9e;font-size:.85em}#searchPage .topSearch{position:fixed;top:calc(13vw + 1vh);height:100%;background-color:#fff;z-index:50;width:100%;display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:left;align-content:flex-start;padding:1rem}#searchPage .topSearch p{width:100%;font-size:1.2rem;text-align:left;margin-bottom:.25rem;margin-left:.5rem}#searchPage .topSearchItem{flex:none;margin:.5rem .5rem;border-radius:50px;border:1px solid #dabc95;padding:.2rem 1rem}#searchPage .topSearchItem span{font-size:.8rem}#searchPage .mycontainer{width:100%;flex:1;overflow-y:scroll;-webkit-overflow-scrolling:touch;background-color:#f6f1e8}#searchPage .mycontainer p{position:relative;bottom:0;margin-top:.5rem}#searchPage .mycol{padding:0!important}#searchPage .listItem{width:100%;padding:.5rem 1rem;margin-top:4vw!important;background-color:#fff}#searchPage .listItembox{width:100%;height:100%;overflow-y:hidden;display:flex;display:-webkit-flex;flex-direction:column;justify-items:center;align-content:center}#searchPage .listItem span{margin-bottom:0;width:100%;color:#565656}#searchPage .listItem span:first-child{color:#cd8474;font-size:1.2rem;margin-top:2vw}#searchPage .listItem span:nth-child(2){font-size:.8rem;margin-top:2vw}#searchPage .poemContent{text-align:center;line-height:2;overflow-y:hidden;font-size:1rem}#searchPage .gobackIcon{color:#fff;font-weight:bolder}.searchBar .Button{flex:none;margin:.625rem .1rem .625rem .25rem;padding:.1rem .45rem .1rem 0;border-radius:5px;border:1px solid #dabc95;display:flex;display:-webkit-flex;justify-content:center;align-items:center;z-index:300}.searchBar .Button span{color:#747474;font-size:.8em}