.page {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    border: 1px solid gray;
    overflow: hidden;
}

.bannerLogoArea {
    background-color: #6F33FF;
    padding: 50px;
    text-align: center;
}
.bannerArea {
    width: 100%;
    overflow: hidden;
    background: #D9CEFF;
    height: 30px;
    padding: 8px 16px;
}
.globalTitleItem{
    font-size: 40px;
    color: white;
}
.globalNavItem {
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0
}
.localNavArea {
    float: left;
    border: 1px solid gray;
    background: #EDE9FE;
    max-width: 200px;
    margin: 10px;
    padding: 1em 1em;

}
.contentArea {
    margin-left: 170px;
    padding: 1em;
    overflow: hidden;
}
.partialViewContent::after {
    content: "";
    clear: both;
    display: table;
}
.partialViewImage {
    width: 188px;
    height: 188px;
    float: left;
    cursor: pointer
}
.relatedContent {
    border: 1px solid gray;
    padding: 5em 1em;
}
.partialViewArea{
  width: 200px;
  height: 350px;
  float: left;
  border: 1px solid black;
  margin: 5px;
  padding: 5px;
}