.list01_Container { margin-top: 20px; }
.list01_El { width: 100%; padding: 20px; box-sizing: border-box; border-top: 1px solid #555555; }
.list01_El_Name { width: 100%; font-weight: 700; }
.list01_El_Email { width: 100%; margin-top: 10px; color: #777777; font-style: italic; }
.list01_El_Edit { float: right; width: 20px; height: 20px; padding: 10px; cursor: pointer; }

.floatingBottomSpace { width: 100%; height: 100px; }
.floatingButton_R { position: fixed; z-index: 100; bottom: 25px; right: 25px; width: 20px; height: 20px; padding: 20px; border-radius: 100%; cursor: pointer; background-color: #222222; box-shadow: 0px 0px 15px #333333; }

.slidingBox { position: fixed; z-index: 120; width: 100%; height: 100%; top: -100%; left: 0; background-color: #444444; overflow: scroll; }

@keyframes showBoxAni { from { top: -100%; } to { top: 0%; } }
.showBox { animation-name: showBoxAni; animation-duration: 0.3s; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes hideBoxAni { from { top: 0%; } to { top: -100%; } }
.hideBox { animation-name: hideBoxAni; animation-duration: 0.3s; animation-iteration-count: 1; animation-fill-mode: forwards; }


.celebList_El { width: 100%; padding-top: 20px; padding-bottom: 20px; box-sizing: border-box; border-top: 1px solid #333333; cursor: pointer }
.celebList_El_AvatarImage { width: 48px; height: 48px; border: 1px solid #666666; border-radius: 100%; }

.celebList_El_AvatarDiv { float: left; width: 50px; height: 50px; }
.celebList_El_NameDiv { margin-left: 70px; width: auto; height: 50px; font-size: 18px; }
.celebList_El_EnglishName { width: 100%; font-weight: 700; }
.celebList_El_EnglishNative { width: 100%; margin-top: 5px; font-size: 17px; font-weight: 300; color: #666666 }

.homeRecentContainer {  }
.homeRecent_Celebrities { padding-right: 20px; padding-left: 20px; margin-top: 20px; margin-bottom: 20px; width: 100%; box-sizing: border-box; height: 80px; }
.homeRecent_El { float: left; width: 33%; height: 100px; text-align: center; cursor: pointer; }
.homeRecent_El_AvatarImage { width: 78px; height: 78px; border: 1px solid #666666; border-radius: 100%; }

.homeListingContainer {  }
.homeList_Category { width: 100%; padding: 20px; box-sizing: border-box; background-color: #333333; font-weight: 700; }
.homeList_desc_Category { width: 100%; margin-top: 7px; font-weight: 300; font-size: 12px; }
.homeList_Category_Celebrities { padding-right: 20px; padding-left: 20px; width: 100%; box-sizing: border-box; }

.homeList_Category_Arrow { height: 15px; width: 15px; vertical-align: middle; background: url("../images/icon_menu_opened.png"); background-size: 100%; }

.categoryMap { width: 100%; padding: 20px; box-sizing: border-box; font-weight: 700; }
.categoryRecentContainer {  }
.categoryListingContainer {  }
.categoryRandomContainer {  }