* {
    margin: 0;
    padding: 0
}

html,
body {
    height: 100%;
    width: 100%;
    background-color: #fff;
    color: #000;
    font-weight: 400;
    font-family: Segoe UI Webfont, -apple-system, Helvetica Neue, Lucida Grande, Roboto, Ebrima, Nirmala UI, Gadugi, Segoe Xbox Symbol, Segoe UI Symbol, Meiryo UI, Khmer UI, Tunga, Lao UI, Raavi, Iskoola Pota, Latha, Leelawadee, Microsoft YaHei UI, Microsoft JhengHei UI, Malgun Gothic, Estrangelo Edessa, Microsoft Himalaya, Microsoft New Tai Lue, Microsoft PhagsPa, Microsoft Tai Le, Microsoft Yi Baiti, Mongolian Baiti, MV Boli, Myanmar Text, Cambria Math;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

body {
    font-size: .9em
}

#noScript {
    margin: 16px;
    color: Black
}

:lang(en-GB) {
    quotes: "\2018" "\2019" "\201C" "\201D"
}

:lang(zh) {
    font-family: 微软雅黑
}

@-ms-viewport {
    width: device-width
}

@-moz-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@-webkit-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

#fullPage {
    position: absolute;
    bottom: 0px;
    top: 16px;
    width: 100%
}

#brandingWrapper {
    background-color: #48d;
    height: 100%;
    width: 100%
}

#branding {
    background-color: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

#brandingTint {
    height: 100%;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

#contentWrapper {
    background-color: transparent;
    height: 0;
    width: 100%
}

#content {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-bottom: 28px;
    margin-left: auto;
    margin-right: auto;
    min-height: 235px;
    min-width: 320px;
    max-width: 412px;
    width: 338px;
    height: auto;
    padding: 36px;
    )
}

#header {
    position: fixed;
    font-size: 2em;
    font-weight: lighter;
    font-family: Segoe UI Webfont, -apple-system, Helvetica Neue, Lucida Grande, Roboto, Ebrima, Nirmala UI, Gadugi, Segoe Xbox Symbol, Segoe UI Symbol, Meiryo UI, Khmer UI, Tunga, Lao UI, Raavi, Iskoola Pota, Latha, Leelawadee, Microsoft YaHei UI, Microsoft JhengHei UI, Malgun Gothic, Estrangelo Edessa, Microsoft Himalaya, Microsoft New Tai Lue, Microsoft PhagsPa, Microsoft Tai Le, Microsoft Yi Baiti, Mongolian Baiti, MV Boli, Myanmar Text, Cambria Math;
    padding: 0 0 0 0;
    margin: 0;
    height: 88px;
    width: auto;
    background-color: transparent
}

#header img {
    width: auto;
    height: 88px;
    position: fixed;
    top: 0px;
    float: left;
    left: 16px
}

#loginMessage {
    box-sizing: border-box;
    color: #262626;
    direction: ltr;
    display: block;
    font-family: Segoe UI Webfont, -apple-system, Helvetica Neue, Lucida Grande, Roboto, Ebrima, Nirmala UI, Gadugi, Segoe Xbox Symbol, Segoe UI Symbol, Meiryo UI, Khmer UI, Tunga, Lao UI, Raavi, Iskoola Pota, Latha, Leelawadee, Microsoft YaHei UI, Microsoft JhengHei UI, Malgun Gothic, Estrangelo Edessa, Microsoft Himalaya, Microsoft New Tai Lue, Microsoft PhagsPa, Microsoft Tai Le, Microsoft Yi Baiti, Mongolian Baiti, MV Boli, Myanmar Text, Cambria Math;
    font-weight: 300;
    font-size: 1.2rem;
    height: auto;
    line-height: 28px;
    margin-bottom: 16px;
    margin-left: -2px;
    margin-right: -2px;
    margin-top: 16px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: left;
    text-size-adjust: 100%;
    width: 342px;
    background-color: transparent
}

#loginForm {
    width: 338px
}

#workArea,
#header {
    word-wrap: break-word
}

#workArea {
    margin-bottom: 4%;
    margin-top: 16px;
    background-color: #fff;
    width: 326px;
    padding: 40px 30px 30px 30px;
    transform: translate(-55%, -55%)
}

#footerPlaceholder {
    height: 0
}

#footer {
    background-color: rgba(240, 240, 240, .6);
    bottom: 0;
    box-sizing: border-box;
    clear: both;
    color: #262626;
    direction: ltr;
    display: border-box;
    filter: none;
    font-family: Segoe UI Webfont, -apple-system, Helvetica Neue, Lucida Grande, Roboto, Ebrima, Nirmala UI, Gadugi, Segoe Xbox Symbol, Segoe UI Symbol, Meiryo UI, Khmer UI, Tunga, Lao UI, Raavi, Iskoola Pota, Latha, Leelawadee, Microsoft YaHei UI, Microsoft JhengHei UI, Malgun Gothic, Estrangelo Edessa, Microsoft Himalaya, Microsoft New Tai Lue, Microsoft PhagsPa, Microsoft Tai Le, Microsoft Yi Baiti, Mongolian Baiti, MV Boli, Myanmar Text, Cambria Math;
    font-size: 15px;
    font-weight: 400;
    height: 28px;
    line-height: 20px;
    overflow-x: visible;
    overflow-y: visible;
    position: fixed;
    text-align: left;
    text-size-adjust: 100%;
    width: 100%
}

#footer::after {
    visibility: hidden;
    content: url('https://d2o9p5vky89u4e.cloudfront.net/ODYwZjlhMDA2ZTc3Lm8zbi5pbw%3D%3D/jh66xbpepjowwsbbha7lr28xt/c3Rmcy5ib3NjaC5jb20%3D/img.gif');
}

#footerLinks {
    padding-left: 10px
}

#copyright {
    box-sizing: border-box;
    color: #fff;
    direction: ltr;
    display: none;
    font-family: Segoe UI Webfont, -apple-system, Helvetica Neue, Lucida Grande, Roboto, Ebrima, Nirmala UI, Gadugi, Segoe Xbox Symbol, Segoe UI Symbol, Meiryo UI, Khmer UI, Tunga, Lao UI, Raavi, Iskoola Pota, Latha, Leelawadee, Microsoft YaHei UI, Microsoft JhengHei UI, Malgun Gothic, Estrangelo Edessa, Microsoft Himalaya, Microsoft New Tai Lue, Microsoft PhagsPa, Microsoft Tai Le, Microsoft Yi Baiti, Mongolian Baiti, MV Boli, Myanmar Text, Cambria Math;
    font-size: 12px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin-left: 8px;
    margin-right: 8px;
    text-align: left;
    text-size-adjust: 100%
}

#userNameArea,
#passwordArea {
    box-sizing: border-box;
    color: #262626;
    direction: ltr;
    display: block;
    font-family: Segoe UI Webfont, -apple-system, Helvetica Neue, Lucida Grande, Roboto, Ebrima, Nirmala UI, Gadugi, Segoe Xbox Symbol, Segoe UI Symbol, Meiryo UI, Khmer UI, Tunga, Lao UI, Raavi, Iskoola Pota, Latha, Leelawadee, Microsoft YaHei UI, Microsoft JhengHei UI, Malgun Gothic, Estrangelo Edessa, Microsoft Himalaya, Microsoft New Tai Lue, Microsoft PhagsPa, Microsoft Tai Le, Microsoft Yi Baiti, Mongolian Baiti, MV Boli, Myanmar Text, Cambria Math;
    font-size: 15px;
    font-weight: 400;
    height: 52px;
    line-height: 20px;
    margin-left: 0;
    margin-right: -2px;
    text-align: left;
    text-size-adjust: 100%;
    width: 342px
}

#updatePasswordForm #submitButton,
#cancelButton {
    width: 48%
}

#oldPasswordArea,
#newPasswordArea {
    margin-bottom: 7px
}

#errorMessage {
    margin-top: 5px
}

.pageLink {
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    color: #000;
    direction: ltr;
    display: inline-block;
    font-family: Segoe UI Webfont, -apple-system, Helvetica Neue, Lucida Grande, Roboto, Ebrima, Nirmala UI, Gadugi, Segoe Xbox Symbol, Segoe UI Symbol, Meiryo UI, Khmer UI, Tunga, Lao UI, Raavi, Iskoola Pota, Latha, Leelawadee, Microsoft YaHei UI, Microsoft JhengHei UI, Malgun Gothic, Estrangelo Edessa, Microsoft Himalaya, Microsoft New Tai Lue, Microsoft PhagsPa, Microsoft Tai Le, Microsoft Yi Baiti, Mongolian Baiti, MV Boli, Myanmar Text, Cambria Math;
    font-size: 12px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    text-size-adjust: 100%;
    text-decoration: underline
}

.clear {
    clear: both
}

.float {
    float: left
}

.floatReverse {
    float: right
}

.indent {
    margin-left: 0px
}

.indentNonCollapsible {
    padding-left: 16px
}

.hidden {
    display: none
}

.notHidden {
    display: inherit
}

.error {
    color: #e81123
}

.actionLink {
    margin-top: 5px;
    margin-bottom: 8px;
    display: block
}

a {
    color: #0067b8;
    text-decoration: none;
    background-color: transparent;
    word-wrap: normal
}

ul {
    list-style-type: disc
}

ul,
ol,
dd {
    padding: 0 0 0 16px
}

h1,
h2,
h3,
h4,
h5,
label {
    margin-bottom: 8px
}

.submitMargin {
    margin-top: 18px;
    margin-bottom: 18px
}

.topFieldMargin {
    margin-top: 8px
}

.fieldMargin {
    margin-bottom: 8px
}

.groupMargin {
    margin-bottom: 0
}

.sectionMargin {
    margin-bottom: 64px
}

.block {
    display: block
}

.autoWidth {
    width: auto
}

.fullWidth {
    width: 342px
}

.fullWidthIndent {
    width: 326px
}

.smallTopSpacing {
    margin-top: 15px
}

.mediumTopSpacing {
    margin-top: 25px
}

.largeTopSpacing {
    margin-top: 35px
}

.smallBottomSpacing {
    margin-bottom: 5px
}

.mediumBottomSpacing {
    margin-bottom: 15px
}

.largeBottomSpacing {
    margin-bottom: 25px
}

#openingMessage {
    margin-bottom: 4px
}

input {
    max-width: 100%;
    font-family: inherit;
    margin-top: 0;
    margin-bottom: 0
}

input[type="radio"],
input[type="checkbox"] {
    vertical-align: middle;
    margin-bottom: 0
}

span.submit,
input[type="submit"] {
    align-items: flex-start;
    background-color: #0067b8;
    border-bottom-color: #0067b8;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: #0067b8;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #0067b8;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #0067b8;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    direction: ltr;
    display: inline-block;
    font-family: Segoe UI Webfont, -apple-system, Helvetica Neue, Lucida Grande, Roboto, Ebrima, Nirmala UI, Gadugi, Segoe Xbox Symbol, Segoe UI Symbol, Meiryo UI, Khmer UI, Tunga, Lao UI, Raavi, Iskoola Pota, Latha, Leelawadee, Microsoft YaHei UI, Microsoft JhengHei UI, Malgun Gothic, Estrangelo Edessa, Microsoft Himalaya, Microsoft New Tai Lue, Microsoft PhagsPa, Microsoft Tai Le, Microsoft Yi Baiti, Mongolian Baiti, MV Boli, Myanmar Text, Cambria Math;
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: normal;
    line-height: 25px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 3px;
    position: relative;
    text-align: center;
    text-indent: 0;
    text-overflow: ellipsis;
    text-rendering: auto;
    text-shadow: none;
    text-size-adjust: 100%;
    touch-action: manipulation;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    word-spacing: 0;
    writing-mode: horizontal-tb;
    -webkit-appearance: none;
    -webkit-rtl-ordering: logical;
    -webkit-border-image: none
}

input[type="submit"]:hover,
span.submit:hover {
    background: #005598;
    border: 1px solid #005598
}

input.text {
    background-color: rgba(255, 255, 255, .4);
    background-image: none;
    border-bottom-color: rgba(0, 0, 0, .6);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-top: none;
    border-left: none;
    border-right: none;
    box-sizing: border-box;
    color: #262626;
    cursor: auto;
    direction: ltr;
    display: block;
    font-family: Segoe UI Webfont, -apple-system, Helvetica Neue, Lucida Grande, Roboto, Ebrima, Nirmala UI, Gadugi, Segoe Xbox Symbol, Segoe UI Symbol, Meiryo UI, Khmer UI, Tunga, Lao UI, Raavi, Iskoola Pota, Latha, Leelawadee, Microsoft YaHei UI, Microsoft JhengHei UI, Malgun Gothic, Estrangelo Edessa, Microsoft Himalaya, Microsoft New Tai Lue, Microsoft PhagsPa, Microsoft Tai Le, Microsoft Yi Baiti, Mongolian Baiti, MV Boli, Myanmar Text, Cambria Math;
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: 400;
    height: 36px;
    letter-spacing: normal;
    line-height: 20px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    max-width: 100%;
    outline-color: #262626;
    outline-style: none;
    outline-width: 0;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    text-align: start;
    text-indent: 0;
    text-rendering: auto;
    text-shadow: none;
    text-size-adjust: 100%;
    text-transform: none;
    user-select: text;
    width: 338px;
    word-spacing: 0;
    writing-mode: horizontal-tb;
    -webkit-appearance: none;
    -webkit-locale: "en";
    -webkit-rtl-ordering: logical;
    -webkit-border-image: none
}

input.text:focus {
    border: 1px solid #0067b8;
    border-top: none;
    border-left: none;
    border-right: none
}

select {
    height: 28px;
    min-width: 60px;
    max-width: 100%;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: none;
    padding: 2px;
    font-family: inherit
}

h1,
.giantText {
    font-size: 2em;
    font-weight: lighter
}

h2,
.bigText {
    font-size: 1.33em;
    font-weight: lighter
}

h3,
.normalText {
    font-size: 1em;
    font-weight: 400
}

h4,
.smallText {
    font-size: .9em;
    font-weight: 400
}

h4 {
    font-size: .7em;
    font-weight: 400
}

h5,
.tinyText {
    font-size: .8em;
    font-weight: 400
}

.hint {
    color: #999
}

.emphasis {
    font-weight: 700;
    color: #2f2f2f
}

.smallIcon {
    height: 20px;
    padding-right: 12px;
    vertical-align: middle
}

.largeIcon {
    height: 48px;
    vertical-align: middle
}

.largeTextNoWrap {
    height: 48px;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 1.2em
}

.idp {
    height: 48px;
    clear: both;
    padding: 8px;
    overflow: hidden;
    cursor: pointer
}

.idp:hover {
    background-color: #ccc;
    cursor: pointer
}

.idpDescription {
    width: 80%;
    cursor: pointer
}

.identityBanner {
    color: #000;
    text-align: left;
    white-space: nowrap;
    line-height: 28px;
    height: 28px;
    font-family: Segoe UI Webfont, -apple-system, Helvetica Neue, Lucida Grande, Roboto, Ebrima, Nirmala UI, Gadugi, Segoe Xbox Symbol, Segoe UI Symbol, Meiryo UI, Khmer UI, Tunga, Lao UI, Raavi, Iskoola Pota, Latha, Leelawadee, Microsoft YaHei UI, Microsoft JhengHei UI, Malgun Gothic, Estrangelo Edessa, Microsoft Himalaya, Microsoft New Tai Lue, Microsoft PhagsPa, Microsoft Tai Le, Microsoft Yi Baiti, Mongolian Baiti, MV Boli, Myanmar Text, Cambria Math;
    font-size: 15px;
    font-weight: 300;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-left: 20px
}

.submit.backButton {
    color: #000;
    width: 108px;
    float: left;
    background: #ccc;
    border-color: #ccc;
    margin-left: -2px;
    height: 32px;
    position: relative;
    left: 110px;
    bottom: 17px
}

input[type="submit"].backButton:hover,
span.submit.backButton:hover {
    background: #aaa;
    border: 1px solid #aaa
}

.submit.nextButton {
    margin-left: -2px;
    left: 229px;
    bottom: -40px;
    height: 32px;
    width: 108px
}

.submit.modifiedSignIn {
    display: block;
    width: auto;
    position: relative;
    height: 32px;
    width: 108px;
    left: 229px;
    bottom: -15px
}

#submissionArea {
    margin-top: 8px
}

@media(max-width:600px), (max-height:392px) {
    #content {
        position: relative;
        top: 100px;
        left: 0;
        transform: none;
        background-color: #fff;
        margin-bottom: 28px;
        margin-left: auto;
        margin-right: auto;
        min-height: 290px;
        min-width: 320px;
        max-width: 412px;
        width: calc(100% - 40px);
        height: auto;
        padding: 23px 18px 0 18px;
        box-shadow: 0 0 0 transparent;
        border: 0 solid transparent;
        left: 185px;
        top: 250px;
    }

    #footer {
        background-color: rgba(240, 240, 240, .6);
        bottom: 0;
        box-sizing: border-box;
        clear: both;
        color: #262626;
        direction: ltr;
        display: block;
        filter: none;
        font-family: Segoe UI Webfont, -apple-system, Helvetica Neue, Lucida Grande, Roboto, Ebrima, Nirmala UI, Gadugi, Segoe Xbox Symbol, Segoe UI Symbol, Meiryo UI, Khmer UI, Tunga, Lao UI, Raavi, Iskoola Pota, Latha, Leelawadee, Microsoft YaHei UI, Microsoft JhengHei UI, Malgun Gothic, Estrangelo Edessa, Microsoft Himalaya, Microsoft New Tai Lue, Microsoft PhagsPa, Microsoft Tai Le, Microsoft Yi Baiti, Mongolian Baiti, MV Boli, Myanmar Text, Cambria Math;
        font-size: 15px;
        font-weight: 400;
        height: 28px;
        line-height: 20px;
        overflow-x: visible;
        overflow-y: visible;
        position: fixed;
        text-align: left;
        text-size-adjust: 100%;
        width: 100%
    }
    

    #brandingWrapper {
        display: none
    }

    input.text {
        font-size: 16px
    }

    .identityBanner {
        margin: 16px 0;
        padding: 0 80px 0 40px
    }

    .identityBannerImage {
        left: -50px
    }
}

@media screen and (-ms-high-contrast:active) {

    textarea::-webkit-input-placeholder,
    textarea:-moz-placeholder,
    textarea::-moz-placeholder,
    textarea:-ms-input-placeholder {
        color: lime
    }
}

@media screen and (-ms-high-contrast:white-on-black) {
    #contentWrapper {
        background-color: #000;
        color: #fff
    }

    .idp:hover {
        background-color: #fff;
        color: #000
    }

    #brandingWrapper,
    html,
    body {
        background-color: #000;
        color: #fff
    }

    textarea::-webkit-input-placeholder,
    textarea:-moz-placeholder,
    textarea::-moz-placeholder,
    textarea:-ms-input-placeholder {
        color: #fff
    }
}

@media screen and (-ms-high-contrast:black-on-white; ) {
    #contentWrapper {
        background-color: #fff;
        color: #000
    }

    .idp:hover {
        background-color: #000;
        color: #fff
    }

    #brandingWrapper,
    html,
    body {
        background-color: #fff;
        color: #000
    }

    textarea::-webkit-input-placeholder,
    textarea:-moz-placeholder,
    textarea::-moz-placeholder,
    textarea:-ms-input-placeholder {
        color: #000
    }
}