html, body {
    width: 100%;
    height: 100%;
}

canvas {
    display: block;
    vertical-align: bottom;
}

.count-particles {
    background: #000022;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13E8E9;
    font-size: .8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.js-count-particles {
    font-size: 1.1em;
}

#stats,
.count-particles {
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px;
}

#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.count-particles {
    border-radius: 0 0 3px 3px;
}


#particles-js {
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../Images/logonbg.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.sk-rotating-plane {
    display: none;
    width: 80px;
    height: 80px;
    margin: auto;
    background-color: white;
    -webkit-animation: sk-rotating-plane 1.2s infinite ease-in-out;
    animation: sk-rotating-plane 1.2s infinite ease-in-out;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -80px;
}

    .sk-rotating-plane.active {
        display: block;
    }

@keyframes sk-rotating-plane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@keyframes login-small {
    0% {
        transform: scale(1);
        -moz-transform: scale(1); /* Firefox 4 */
        -webkit-transform: scale(1); /* Safari 和 Chrome */
        -o-transform: scale(1); /* Opera */
        -ms-transform: scale(1); /* IE 9 */
    }

    100% {
        transform: scale(0.2);
        -moz-transform: scale(0.1); /* Firefox 4 */
        -webkit-transform: scale(0.2); /* Safari 和 Chrome */
        -o-transform: scale(0.1); /* Opera */
        -ms-transform: scale(0.1); /* IE 9 */
    }
}

.login {
    z-index: 2;
    position: absolute;
    width: 350px;
    border-radius: 5px;
    height: 500px;
    background: white;
    box-shadow: 0px 0px 5px #333333;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -175px;
    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari 和 Chrome */
    -o-transition: all 1s; /* Opera */
}

.login-top {
    font-size: 24px;
    margin-top: 25px;
    padding-left: 40px;
    box-sizing: border-box;
    color: #333333;
    margin-bottom: 50px;
}

.login-center {
    width: 100%;
    box-sizing: border-box;
    padding: 0 40px;
    margin-bottom: 30px;
}

.login-center-img {
    width: 20px;
    height: 10px;
    float: left;
    margin-top: 5px;
}

.login-center-img > img {
    width: 100%;
}

.login-center-input {
    float: left;
    width: 230px;
    margin-left: 15px;
    height: 30px;
    position: relative;
}

.login-center-input input {
    z-index: 2;
    transition: all 0.5s;
    padding-left: 10px;
    color: #333333;
    width: 100%;
    height: 30px;
    border: 0;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    box-sizing: border-box;
    outline: none;
    position: relative;
}

.login-center-input input:focus {
    border: 1px solid dodgerblue;
}

.login-center-input-text {
    background: white;
    padding: 0 5px;
    position: absolute;
    z-index: 0;
    opacity: 0;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    font-size: 14px;
    left: 5px;
    color: dodgerblue;
    line-height: 20px;
    transition: all 0.5s;
    -moz-transition: all 0.5s; /* Firefox 4 */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s; /* Opera */
}

.login-center-input input:focus ~ .login-center-input-text {
    top: 0;
    z-index: 3;
    opacity: 1;
    margin-top: -15px;
}

.login.active {
    -webkit-animation: login-small 0.8s;
    animation: login-small 0.8s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.login-button {
    cursor: pointer;
    width: 250px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: dodgerblue;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 30px;
    color: white;
}

    .login-button:disabled {
        background-color: darkgray;
    }

@charset "utf-8";
/* CSS Document */
* {
    box-sizing: content-box;
}

a:hover, a:focus {
    text-decoration: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    -webkit-text-size-adjust: none;
}

fieldset, img {
    border: 0;
}

img {
    vertical-align: top;
    max-width: 100%;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}
/* IE7 */
.cli {
    clear: both;
    font-size: 0;
    height: 0;
    overflow: hidden;
    display: block;
}

.lclear {
    clear: left;
    font-size: 0;
    height: 0;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

body {
    font-size: 12px;
    font-family: '微软雅黑',"宋体","Arial Narrow",Helvetica,sans-serif;
    color: #000;
    line-height: 1.2;
    text-align: left;
}

a {
    color: #333;
    text-decoration: none;
}

.dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dk-select, .dk-select-multi {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5em;
  width: 200px;
  cursor: pointer; }

.dk-selected {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 0.4em;
  padding: 0 1.5em 0 0.5em;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  .dk-selected:before, .dk-selected:after {
    content: '';
    display: block;
    position: absolute;
    right: 0; }
  .dk-selected:before {
    top: 50%;
    border: solid transparent;
    border-width: 0.25em 0.25em 0;
    border-top-color: #CCCCCC;
    margin: -0.125em 0.5em 0 0; }
  .dk-selected:after {
    top: 0;
    height: 100%;
    border-left: 1px solid #CCCCCC;
    margin: 0 1.5em 0 0; }

.dk-selected-disabled {
  color: #BBBBBB; }

.dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  right: 0; }

.dk-select-open-up .dk-select-options {
  border-radius: 0.4em 0.4em 0 0;
  margin-bottom: -1px;
  bottom: 100%; }

.dk-select-open-down .dk-select-options {
  border-radius: 0 0 0.4em 0.4em;
  margin-top: -1px;
  top: 100%; }

.dk-select-multi .dk-select-options {
  max-height: 10em; }

.dk-select-options {
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 0.4em;
  list-style: none;
  margin: 0;
  max-height: 10.5em;
  min-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.25em 0;
  width: auto;
  z-index: 100; }

.dk-option-selected {
  background-color: #3297fd;
  color: #fff; }

.dk-select-options-highlight .dk-option-selected {
  background-color: transparent;
  color: inherit; }

.dk-option {
  padding: 0 0.5em; }

.dk-select-options .dk-option-highlight {
  background-color: #3297fd;
  color: #fff; }

.dk-select-options .dk-option-disabled {
  color: #BBBBBB;
  background-color: transparent; }

.dk-optgroup {
  border: solid #CCCCCC;
  border-width: 1px 0;
  padding: 0.25em 0;
  margin-top: 0.25em; }
  .dk-optgroup + .dk-option {
    margin-top: 0.25em; }
  .dk-optgroup + .dk-optgroup {
    border-top-width: 0;
    margin-top: 0; }
  .dk-optgroup:nth-child(2) {
    padding-top: 0;
    border-top: none;
    margin-top: 0; }
  .dk-optgroup:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0; }

.dk-optgroup-label {
  padding: 0 0.5em 0.25em;
  font-weight: bold;
  width: 100%; }

.dk-optgroup-options {
  list-style: none;
  padding-left: 0; }
  .dk-optgroup-options li {
    padding-left: 1.2em; }

.dk-select-open-up .dk-selected {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: #3297fd; }

.dk-select-open-down .dk-selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #3297fd; }

.dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before {
  border-width: 0 0.25em 0.25em;
  border-bottom-color: #3297fd; }

.dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after {
  border-left-color: #3297fd; }

.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options {
  display: block;
  border-color: #3297fd; }

.dk-select-multi:hover, .dk-select-multi:focus {
  outline: none; }

.dk-selected:hover, .dk-selected:focus {
  outline: none;
  border-color: #3297fd; }
  .dk-selected:hover:before, .dk-selected:focus:before {
    border-top-color: #3297fd; }
  .dk-selected:hover:after, .dk-selected:focus:after {
    border-left-color: #3297fd; }

.dk-select-disabled {
  opacity: 0.6;
  color: #BBBBBB;
  cursor: not-allowed; }
  .dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus {
    border-color: inherit; }
    .dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before {
      border-top-color: inherit; }
    .dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after {
      border-left-color: inherit; }

select[data-dkcacheid] {
  display: none; }

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.prettycheckbox, .prettyradio {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 16px;
    line-height: 16px;
}

    .prettycheckbox > a, .prettyradio > a {
        height: 16px;
        width: 16px;
        display: block;
        float: left;
        cursor: pointer;
        margin: 0;
        background: url('data:image/png;base64,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') /*../Images/prettycheckbox_sprite_x16.png*/ no-repeat;
    }

        .prettycheckbox > a:focus, .prettyradio > a:focus {
            outline: 0 none;
        }

    .prettycheckbox label, .prettyradio label {
        display: block;
        float: left;
        margin: 0 5px;
        cursor: pointer;
        text-indent: 0;
    }

        .prettycheckbox a.disabled, .prettycheckbox label.disabled, .prettyradio a.disabled, .prettyradio label.disabled {
            cursor: not-allowed;
        }

    .prettycheckbox > a {
        background-position: 0 0;
    }

        .prettycheckbox > a:focus {
            background-position: -16px 0;
        }

        .prettycheckbox > a.checked {
            background-position: -32px 0;
        }

            .prettycheckbox > a.checked:focus {
                background-position: -48px 0;
            }

            .prettycheckbox > a.checked.disabled {
                background-position: -80px 0;
            }

        .prettycheckbox > a.disabled {
            background-position: -64px 0;
        }

    .prettyradio > a {
        background-position: -96px 0;
    }

        .prettyradio > a:focus {
            background-position: -112px 0;
        }

        .prettyradio > a.checked {
            background-position: -128px 0;
        }

            .prettyradio > a.checked:focus {
                background-position: -144px 0;
            }

            .prettyradio > a.checked.disabled {
                background-position: -176px 0;
            }

        .prettyradio > a.disabled {
            background-position: -160px 0;
        }

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #EAF1F6;
    font-size: 12px;
}

    body.en-us {
        font-size: 11px;
    }

    body.zh-cn {
        font-family: "Microsoft YaHei","黑体","宋体",sans-serif;
        font-size: 12px;
    }

input[type=text], input[type=password] {
    border: 1px solid #ccc;
    border-radius: 0.4em;
}

    input[type=text]:hover, input[type=password]:hover {
        outline: none;
        border-color: #3297fd;
    }

/*#region logon styles */
.logoncenterwrapper {
    width: 0;
    height: 0;
    position: fixed;
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%;
}

.logoncontainer {
    width: 711px;
    height: 466px;
    margin-left: -355px;
    margin-top: -233px;
}

    .logoncontainer .header,
    .logoncontainer .content,
    .logoncontainer .bottom {
        height: 32px;
        width: 100%;
    }

    .logoncontainer .frame,
    .logoncontainer .clip {
        background: url('data:image/png;base64,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') /*../Images/logon_frames.png*/ no-repeat;
    }

    .logoncontainer .header .frame,
    .logoncontainer .bottom .frame {
        height: 32px;
        width: 29px;
        float: left;
    }

        /*#region logon header styles*/
        .logoncontainer .header .frame.left {
            background-position: 0 0;
        }

        .logoncontainer .header .frame.right {
            width: 27px;
            background-position: 0 -32px;
        }

        .logoncontainer .header .frame.center {
            width: 655px;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAIAAABch4VNAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAF1JREFUGFdjONIvyPDlUBTDo9VqDBdmCjAc7uNl2HbwLMOPX78Z/v37z3Dh+mOGa3dfMNx5/Jbh4YuPDM/efGF4+/E7w6evPxm+//zN8Pv3X6C6fwz///8nHf//DwC+ClXfm4olpwAAAABJRU5ErkJggg==') /*../Images/logon_frame_stretch_top.png*/ repeat-x;
        }

        /*#endregion*/

        /*#region logon bottom styles*/
        .logoncontainer .bottom .frame.left {
            background-position: 0 -64px;
        }

        .logoncontainer .bottom .frame.right {
            width: 27px;
            background-position: 0 -96px;
        }

        .logoncontainer .bottom .frame.center {
            width: 655px;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAIAAABch4VNAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAC9JREFUGFdj+P//P03xp0+fGJ49e8aw7eBZhsN9vAwXZgowPFomyPBlsxDD4T5eAIZnVwwpOkT0AAAAAElFTkSuQmCC') /*../Images/logon_frame_stretch_bottom.png*/ repeat-x;
            text-align: center;
        }

            .logoncontainer .bottom .frame.center .clip {
                height: 32px;
                width: 298px;
                background-position: -5px -133px;
                display: inline-block;
            }

    /*#endregion*/

    /*#region logon content styles*/
    .logoncontainer .content {
        height: 370px;
    }

        .logoncontainer .content .frame.left,
        .logoncontainer .content .frame.right {
            height: 370px;
            width: 29px;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAABCAIAAACt5TK4AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAACdJREFUGFdjONzH+2Wz0KNlghdmCgDZ2w6e/fjx48+fP/9TAv7/BwBWd05LfuWRTAAAAABJRU5ErkJggg==') /*../Images/logon_frame_stretch_left.png*/ repeat-y;
            float: left;
        }

        .logoncontainer .content .frame.right {
            width: 27px;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAABCAIAAACg+0L/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAACJJREFUGFdj+E8B+Pr167aDZw/38V6YKfBomeCXzUKH+3gBpiRIb3sVNPoAAAAASUVORK5CYII=') /*../Images/logon_frame_stretch_right.png*/ repeat-y;
        }

        .logoncontainer .content .center {
            height: 370px;
            width: 655px;
            background: #fff;
            float: left;
        }

            .logoncontainer .content .center .left,
            .logoncontainer .content .center .logo {
                background: url(../Images/20191010093612.png) no-repeat; 
            }

            .logoncontainer .content .center .left {
                height: 360px;
                width: 290px;
                background-position: 0 0;
                float: left;
                margin-right: 15px;
            }

            .logoncontainer .content .center .right {
                height: 360px;
                float: left;
                width: 350px;
            }

                .logoncontainer .content .center .right .title {
                    display: inline-block;
                    text-align: left;
                    font: bold 22px Arial;
                    color: #F1AA00;
                    width: 450px;
                    height: 20px;
                    line-height: 20px;
                }

                .logoncontainer .content .center .right .errorwrapper {
                    height: 20px;
                }

                    .logoncontainer .content .center .right .errorwrapper .errorcontainer {
                        border-bottom: 2px solid #d0001d;
                        margin: 0 5px;
                        display: none;
                    }

                        .logoncontainer .content .center .right .errorwrapper .errorcontainer .erroricon {
                            display: inline-block;
                            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAG9JREFUOE/dkbENwCAMBL0MPRJDpGC4zJAmI2UdB0c8sg1xlSonfcHzJyFBmpw3jtJnFrng82CudZk9pVmGdJUyAnRn5JUkAb4f8iO2p/gB8P2fxLd8I8rBD4Dvh4i/9DLQnZEA5CiTBOQiSp81iG5oi4OnxSx7UAAAAABJRU5ErkJggg==') /*../Images/icon_error.png*/ no-repeat;
                            height: 14px;
                            width: 14px;
                            vertical-align: middle;
                            padding-bottom: 2px;
                        }

                        .logoncontainer .content .center .right .errorwrapper .errorcontainer #errormsg {
                            padding-bottom: 2px;
                        }

                .logoncontainer .content .center .right .userinfo {
                    width: 335px;
                    line-height: 1.5em;
                    position: relative;
                    margin: 0;
                    padding-top: 5px;
                }

                    .logoncontainer .content .center .right .userinfo dt {
                        clear: both;
                        float: left;
                        width: 80px;
                        margin-top: 10px;
                        text-align: right;
                        padding-right: 10px;
                    }

                    .logoncontainer .content .center .right .userinfo dd {
                        float: left;
                        clear: none;
                        width: 245px;
                        margin-left: 0;
                        margin-top: 8px;
                    }

                    .dtusertype, .ddusertype {
                        height: 25px; 
                        line-height: 25px;
                    }

                    /*.ddusertype {
                        height: 22px;
                        line-height: 22px;
                        background: url('../Images/icon_logon_usertype.png') no-repeat scroll 1px center #fff;
                        text-indent: 23px;
                    }*/

                    .ddusertype > .prettyradio {
                        vertical-align: middle;
                    }
/*#txtUser {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAolBMVEUAAAAAmt4Emt0Bq+wevvMNtfAAqeoCneAhv/IVuvEBn+IPs+8XuvEZu/EAn+IkwPIAq+sAp+kAmN0AoeMLtO8iv/IDru0jwPIPtu8ApecAmd0gv/IAp+gWufECre0Amd0AnuEAmt4VuPAfvvIGoeEVrecYuvEAn+IMtO8Jsu8Emt0kvvEEmt0Fse8Fse8ApukAoeMDsO4OtfAArOwau/EXuvFuBxKvAAAAL3RSTlMA/mY0BOqyaF0ZFwr38vHw8O3t6uHg383MzMvIv6eSiYZ/enJyaGFeVUlJMS3w754XaLQAAACiSURBVBjTNc5XFsIgEAVQNJ303nsvmkjM/rcmYLg/M/OAwwCCl0PTDGUeMIP+xfSBzUqEqEi5A+71od4cC6yTslgA452KIbiNxoEZI5v5tUscJ+nW+1+19WXY91D2W5WeN9qVK2mq5JfWkDuzgJA3CcLkISTM+IGINziLIChO3Igq4Owdy0QxI9XmgHQQblW5tJFA/aDK8l9rsD0JaVkk2mw/k7kVAqZi514AAAAASUVORK5CYII=') no-repeat scroll 5px center #fff;
}

#txtPassword {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAzFBMVEUAAAAMtO8Jsu8RruoApucIpOQAnuIkwfIApOYOs+4AouUAouUAnuIAmd0Dr+4Amd0evvIVufEKtO8Brewgv/IQt/AAqusAq+sAn+IAmt4Dr+4AqusDmd0ApecDmdwAoeQAoeQApeYApeYAnuEAqOkbvPEEsO4AneEApOYTuPAAm98mwfIEr+4AouQAnOAGse4Am98lwfImwfIAp+gPq+gAn+MfvvIGouMkwPIlwfIcvPEmwfMAl9wkwPIWufETt/AWufADr+4evvEAquvWvNHRAAAAQHRSTlMA/jUI/gT+t65jNRL6+vPj2tHMy7CwsJaViYZ5UEIq+/jy8PDm3NDMy8XFvLGxr66TiYiAdnRnZFpPSTwyMCEgu/iwqQAAAJhJREFUGNNNz0UShDAURdEAwd2ddnd3Afa/p6ZIUp0zu68yyAcU/uotHvTAjirxRrfD+N75/551y40/e5PmDkMYLB0WFwdO3Y4UuKhfe1HcHefr1VRp+25VDUveTlB/7G/LvjxBS2YwGSBJaYyNspHgIa1DNawbKR7ynqRIEMJ+Tn4UaQNNEISIA5gam7puxip1dZFlBU/qB1mdD6wPM0GLAAAAAElFTkSuQmCC') no-repeat scroll 5px center #fff;
}

#txtUser,
#txtPassword {
    height: 18px;
    width: 160px;
    text-indent: 23px;
    display: block;
    line-height: 18px;
}*/

#selLanguages {
    display: none;
}

.dk-select.langSelect {
    width: 100px;
}


.dk-select.langSelect .dk-option,
.dk-select.langSelect .dk-selected {
    text-indent: 23px;
}

.dk-select.langSelect .dk-selected:before,
.dk-select.langSelect .dk-selected:after {
    text-indent: 0;
}

.dk-select.langSelect .dk-option:first-child,
.dk-select.langSelect .dk-selected,
.dk-select.langSelect .dk-selected.zh-cn {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEUAAADmdXiaExbSIibOGyDdbG7ZUlbXQ0fUMTXJGR7ofHfcZmibExaTERTcYmTbYGTcGB3eHyTdGyDkSEvqcHLgMDTnXF/sf4LthYLvkoHrel3lUErgLzTrfXHwnXDwm2/52mvnZF/pbF7yqlrnX0nhOzPhNjN0QO0ZAAAAEHRSTlMAqHrFxcXFxcXFqIB7XcXFNl6q/AAAAGJJREFUGNOFyEcOgCAURdGH2LsC9t72v0QdfBOJA07u6MIsYoyFIXtFcJq2eaqJg3RaZilHSTK43d5V61YRF54Qoj96QTz4Sg3XOSjigxcaDl5qOOxcY/9HoI8ASWx9xAmMbq7sC/bppNMeAAAAAElFTkSuQmCC') no-repeat scroll 5px center;
}

.dk-select.langSelect .dk-option,
.dk-select.langSelect .dk-selected.en-us {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABL1BMVEUAAABnaKNcXZgDA0meiqrQmacGCGPRNUTMJDXEtszmfojmpqpxYXsxMWIAAEaZHirSzNnTusLGlKQ/QoVIO3rHW2bv4+jinqibncGXj7SkoaeVP0mhbXCbTFLWITTwqbDcorHqiZECA2bdMEHYKTvbJzj1z9Pws7mul7ekjrHZL0HZLT/q19/Wx9fLvtOtrs7CtMzrwcnxt73urbR3eK6giK2fiK3tpapycqrloKlwcajpeYMaHHXkZnIGCWjdSFjXJDfTFCfx5erO0uT13uPv1Nq+vdbWwM/twsqipsr2xMi0rciuqMfsu8KQkr3ksLqvm7qol7idkLbGn7SAg7PiqLK2kq1nbKdnaqbpnaNaXJx6UoQ0NoOOVoBZP344L3vgcHrbbXioV3esWXbJYHOzGC6cAAAAHnRSTlMAqMV6xcXFxcWoqIB6enp6xcXFxcXFqqqoqHt7XV1CcW4qAAAAwUlEQVQY04XFw6ICYRgA0G9mMi+y/jGzbdt2vf8z1LZVZ3PgO6PDhWGY3mDQv3M7jfAXD0aS2TBFhbPJ2Yr/AVzK8e18tFCI5teZVgQHfDPP8Y1QqRRaoHpvi4OaJBMojioVhASBJNWgC3zQgZZhFEVmazVWkWWG0YJKEoP9RKxa7TaFyVRSgaY4Ht0OIseJy9j1VNTA/zDzPJdTHJcq7zvU3Qa/1ONC02mWTdP0cbCzg99rthCEyWo1EYTF7PHBVy8ZLB9FQtZqzwAAAABJRU5ErkJggg==') no-repeat scroll 5px center;
}

.dk-select .dk-selected {
    height: 20px;
    line-height: 20px;
}
.dk-select.langSelect .dk-option-selected {
    color: #000;
}

.dk-select.langSelect .dk-option-highlight,
.dk-select.langSelect .dk-option-highlight:first-child {
    background-color: #3297fd;
    color: #fff;
}

/*#btnLogon {
    display: inline-block;
    padding: 3px 6px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    #btnLogon:hover,
    #btnLogon:focus {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }*/

.logoncontainer .content .center .right .copyrightwrapper {
    clear: both;
    height: 33px;
    margin-top: 235px;
    bottom: 0;
}

    .logoncontainer .content .center .right .copyrightwrapper .copyright {
        padding-top: 12px;
        float: left;
        font-size: 12px;
        font-family: 'Times New Roman';
    }

    .logoncontainer .content .center .right .copyrightwrapper .logo {
        float: right;
        background-position: 0 -360px;
        height: 33px;
        width: 89px;
    }
/*#endregion*/

/*#endregion*/