@charset "UTF-8";


/* skip */
#skip{position:relative; z-index:9999}
#skip a
{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:-45px;
    left:50%;
    width:200px;
    height:45px;
    margin-left:-100px;
    background-color:#3382e9;
    color:#fff;
    font-size:15px;
    font-weight:normal;
    letter-spacing:-0.5px;
    text-align:center;
    border-radius:0 0 8px 8px;
    box-sizing:border-box;
}
#skip a:hover,
#skip a:focus,
#skip a:active{top:0; text-decoration:none}


/* **************************************** *
* portal-layout
* **************************************** */
.portal-layout{display:flex; flex-direction:column; position:relative; overflow:hidden; box-sizing:border-box}


/* **************************************** *
* login-layout
* **************************************** */
.login-layout{display:flex; flex-direction:column; position:relative; min-width:1280px; height:100%; box-sizing:border-box}


/* **************************************** *
* error-layout
* **************************************** */
.error-layout{display:flex; flex-direction:column; min-width:1280px; box-sizing:border-box}
 

/* **************************************** *
* join-layout
* **************************************** */
.join-layout{display:flex; flex-direction:column; position:relative; min-width:1280px; height:100%; box-sizing:border-box}


/* **************************************** *
* portal-container
* **************************************** */
.portal-scontainer{padding-top:146px; box-sizing:border-box}
.portal-scontainer .container-inner{display:flex; align-items:stretch; width:1400px; margin:0 auto}
.portal-scontainer .container-inner .page-content{flex:1; min-height:620px; padding:40px 0 80px; overflow:hidden; box-sizing:border-box}
.portal-scontainer .container-inner .page-content .dev-content{position:relative}