#userinfoPage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;background:#f7f7f7}#userinfoList{-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;overflow-y:auto}.itemContainer{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;border-bottom:1px solid #d8d8d8;vertical-align:middle;min-height:56px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#nicknameInputField{width:100%;height:44px;border:1px solid #888;border-radius:2px;font-size:14px;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;outline:0;text-align:left;background:#f7f7f7;padding:0 10px}.itemArea{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right;padding:0 10px}.avatarArea{padding:12px 15px}.avatarIcon{width:60px;height:60px}.textItem{padding:0 15px;font-size:16px;color:#454545}#userinfoFooter{width:100%;vertical-align:middle;display:-webkit-box;display:-ms-flexbox;display:flex}#userinfofooterText{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:10px;border:1px solid #e2e2e2;font-size:16px;color:#7c7c7c;text-align:center;padding:12px}