@media screen and (max-width: 896px) {

    .FontHeaderPage {
        font-size: medium;
    }

    .FontHeaderPageMiddle {
        font-size: smaller;
    }

    .FontHeaderPageWelcome {
        font-size: smaller;
    }

    .divHeaderPage {
        display: flex;
        padding-left: 10px;
        padding-top: 10px;
    }

    .FontTilePage {
        font-size: large;
    }

    .FontGridHeader {
        font-size: 10px;
    }

    .FontGridCell {
        font-size: 10px;
    }

    .FontGridFocusRow {
        font-size: 10px;
    }

    .FontLabel {
        font-size: 10px;
    }

    .FontButton {
        font-size: 10px;
    }

    .FontTextBox {
        font-size: 10px;
    }

    .FontMemo {
        font-size: 10px;
    }

    .FontComboBox {
        font-size: 10px;
    }

    .FontDateTime {
        font-size: 10px;
    }

    .FontPopUpHeader {
        font-size: 12px;
    }

    .FontRoundPanel {
        font-size: 12px;
    }

    .FontLabelErrorMsg {
        font-size: 12px;
    }

    .FontMenuItem {
        font-size: 10px;
    }

    .CaptionCellInter {
        font-size: 10px;
        padding-right: 45px;
    }

    .FontPageControl {
        font-size: 12px;
    }

    .FontChart {
        font-size: 12px;
    }

    .FontChartPunctuation {
        font-size: xx-large;
    }

    .FontChartPorcentage {
        font-size: 48px;
    }

    .FontChart {
        font-size: 14px;
    }

    .FontFooter {
        font-size: 8px;
    }

    .FontHdrDetailLabel {
        font-size: 12px;
        font-weight: 600;
        padding: 20px 0px 20px 10px;
    }

    .mainMenu,
    .mainMenuPopup,
    .mainMenuPopup a {
        font-size: 14px;
    }

    .mainMenuPopup .GroupTitle {
        font-size: 2.2em;
        color: #333333;
        padding: 0 20px 20px 0;
    }

}

@media screen and (min-width: 897px) and (max-width: 1366px) {

    .FontHeaderPage {
        font-size: x-large;
        color: blue;
    }

    .FontHeaderPageMiddle {
        font-size: small;
    }

    .FontHeaderPageWelcome {
        font-size: small;
    }

    .divHeaderPage {
        display: flex;
        padding-left: 10px;
        padding-top: 10px;
    }

    .FontTilePage {
        font-size: x-large;
    }

    .FontGridHeader {
        font-size: 10px;
    }

    .FontGridCell {
        font-size: 10px;
    }

    .FontGridFocusRow {
        font-size: 10px;
    }

    .FontLabel {
        font-size: 10px;
    }

    .FontButton {
        font-size: 10px;
    }

    .FontTextBox {
        font-size: 10px;
    }

    .FontMemo {
        font-size: 10px;
    }

    .FontComboBox {
        font-size: 10px;
    }

    .FontDateTime {
        font-size: 10px;
    }

    .FontPopUpHeader {
        font-size: 12px;
    }

    .FontRoundPanel {
        font-size: 12px;
    }

    .FontLabelErrorMsg {
        font-size: 12px;
    }

    .FontMenuItem {
        font-size: 10px;
    }

    .CaptionCellInter {
        font-size: 10px;
        padding-right: 45px;
    }

    .FontPageControl {
        font-size: 12px;
    }

    .FontChart {
        font-size: 12px;
    }

    .FontChartPunctuation {
        font-size: xx-large;
    }

    .FontChartPorcentage {
        font-size: 48px;
    }

    .FontChart {
        font-size: 14px;
    }

    .FontFooter {
        font-size: 8px;
    }

    .FontHdrDetailLabel {
        font-size: 14px;
        font-weight: 600;
        padding: 20px 0px 20px 10px;
    }

    .mainMenu,
    .mainMenuPopup,
    .mainMenuPopup a {
        font-size: 10px;
    }

    .mainMenuPopup .GroupTitle {
        font-size: 1.2em;
        color: #333333;
        padding: 0 20px 20px 0;
    }

}

@media screen and (min-width: 1367px) {

    .FontHeaderPage {
        font-size: x-large;
    }

    .FontHeaderPageMiddle {
        font-size: small;
    }

    .FontTilePage {
        font-size: x-large;
    }

    .FontHeaderPageWelcome {
        font-size: medium;
    }

    .divHeaderPage {
        padding-left: 10px;
        padding-top: 0px;
    }

    .FontGridHeader {
        font-size: 14px;
    }

    .FontGridCell {
        font-size: 12px;
    }

    .FontGridFocusRow {
        font-size: 12px;
    }

    .FontLabel {
        font-size: 12px;
    }

    .FontButton {
        font-size: 12px;
    }

    .FontTextBox {
        font-size: 12px;
    }

    .FontMemo {
        font-size: 12px;
    }

    .FontComboBox {
        font-size: 12px;
    }

    .FontDateTime {
        font-size: 12px;
    }

    .FontPopUpHeader {
        font-size: 16px;
    }

    .FontRoundPanel {
        font-size: 16px;
    }

    .FontLabelErrorMsg {
        font-size: 16px;
    }

    .FontMenuItem {
        font-size: 12px;
    }

    .CaptionCellInter {
        font-size: 12px;
        padding-right: 70px;
    }

    .FontPageControl {
        font-size: 18px;
    }

    .FontChartPunctuation {
        font-size: xx-large;
    }

    .FontChartPorcentage {
        font-size: 48px;
    }

    .FontChart {
        font-size: 14px;
    }

    .FontFooter {
        font-size: 10px;
    }

    .FontHdrDetailLabel {
        font-size: 16px;
        font-weight: 600;
        padding:20px 0px 20px 10px;
    }

    .mainMenu,
    .mainMenuPopup,
    .mainMenuPopup a {
        font-size: 14px;
    }

    .mainMenuPopup .GroupTitle {
        font-size: 1.2em;
        color: #333333;
        padding: 0 20px 20px 0;
    }

}

.menuContainer {
    margin: 20px auto;
    background-color: aqua;
}

.mainMenuPopup {
    background-color: aqua;
}

.mainMenuPopup .SubMenuContent {
    margin: 0 auto;
}

.mainMenuPopup .SubMenuTextContent {
    padding: 20px;
    text-align: center;
}

.mainMenuPopup .SubMenuContent a {
    display: block;
    padding: 2px 0;
}

.mainMenuPopup .Group {
    float: left;
    padding: 20px 8px;
}

.mainMenuPopup .GroupContainer {
    float: left;
    padding: 0 8px;
}

.mainMenuPopup .GroupColumn {
    float: left;
    padding: 0 20px 0 0;
}

.mainMenuPopup .CategoryTitle {
    color: #AAAAAA;
    padding: 0 0 6px;
}

.mainMenuPopup .CategoryBreak {
    padding: 8px 0;
}

.mainMenuPopup .CategoryBreak2 {
    padding: 3px 0;
}

.clear {
    clear: both;
    background-color: aqua;
}

.mainMenuPopup .CategoryTitle2 {
    margin-left:-20px;
}

.mainMenuPopup .CategoryTitle3 {
    margin-top: -28px;
}

.InfoTable td {
    vertical-align: top;
}