body {
    position: relative;
    font-family: "Microsoft YaHei","Times New Roman", Arial, fantasy;
    background-color: #000;
}
*{
    /*border: 1px solid red;*/
}

h1 {
    font-weight: 500;
    font-size: 42px;
}
.indent-2 {
    font-size: 18px;
    text-indent: 2em;
}

@media screen and (max-width: 767px) {
    #mycarousel {
        margin-top: 66px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent;
    }
    #bs-js-navbar-scrollspy {
        background-color: #647789;
        position: relative;
        margin-left: 5%;
    }

}

/*start home*/
#home {
    padding: 0;
    margin: 0;
}
#home img {
    width: 100%;
}
#home .item {
    width: 100%;
}
/*end home*/

/*start top*/
nav ul>li>a {
    font-size: 14px;
}
nav ul>li.active {
    border-bottom: 2px solid #fff;
    font-weight: bold;
}
nav #bs-js-navbar-scrollspy {
    margin-right: 5%;
}
nav .navbar-header {
    margin-left: 5%;
}
nav .navbar-header>a {
    font-size: 20px;
}
nav {
    overflow: hidden;
    max-width: 100%;
}
/*end top*/


/*start system*/
#system {
    padding: 80px 0 60px;
    background-color: #eee;
}
#system img {
    width: 100%;
    margin: 30px 0;
}
#system .container {
    width: 100%;
}
#system .col-xs-5,
#system .col-xs-7,
#system .col-sm-5,
#system .col-sm-7 {
    margin: 0;
    padding: 0;
}
#system .col-sm-7,
#system .col-xs-7
{
    padding: 0 10% 3%;
}
#system .text {
    padding: 5% 2%;
}
#system #sys-btn {
    padding-top: 3%;
    padding-left: 20%;
}
#system .btn {
    margin-left: 5%;
    border-style: none;
    background-color: #546c86;
    color: white;
    padding: 10px 30px;
    margin-bottom: 10px;
}
#system #sys-btn .btn:hover {
    box-shadow: 2px 2px 4px #494949;
}
/*end system*/

/*start intro*/
#intro{
    padding: 100px 0;
    background-color: #fff;
}
#intro.container {
    width: 100%;
}
#intro img {
    width: 100%;
    margin: 0;
}
#intro.col-xs-5,
#intro.col-xs-7,
#intro.col-sm-5,
#intro.col-sm-7 {
    margin: 0;
    padding: 0;
}
#intro.col-sm-5,
#intro.col-xs-5
{
    padding: 3% 5%;
}
#intro.text {
    padding: 5% 2%;
}
/*end qrcode*/

/*start qrcode*/
#qrcode {
    padding: 100px 0;
    background-color: #fff;
}
#qrcode .container {
    width: 100%;
}
#qrcode img {
    width: 100%;
    margin: 0;
}
#qrcode .col-xs-5,
#qrcode .col-xs-7,
#qrcode .col-sm-5,
#qrcode .col-sm-7 {
    margin: 0;
    padding: 0;
}
#qrcode .col-sm-5,
#qrcode .col-xs-5
{
    padding: 3% 5%;
}
#qrcode .text {
    padding: 5% 2%;
}
/*end qrcode*/


/*start nfc*/
#nfc {
    padding: 100px 0;
    background-color: #eee;
}
#nfc .container {
    width: 100%;
}
#nfc .col-sm-6,
#nfc .col-xs-6
{
    /*width: 100%;*/
    padding: 0 4%;
}
#nfc .nfc-cont {
    padding: 0 3%;
}
#nfc .nfc-tab {
    margin: 30px 4%;
    /*width: 100%;*/
}
#nfc .nfc-tab thead tr th {
    text-align: center;
    vertical-align: middle;
}
#nfc .nfc-tab .nfc-head {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
#nfc .text {
    padding: 5% 2%;
}
/*end nfc*/


/*start feature*/
#feature {
	height: 600px;
    padding: 100px 0;
    background-color: #fff;
}
#feature h1 {
    text-align: center;
}
#feature hr {
    width: 80%;
    border: 1px solid #e4e5e9;
}
#feature h4 {
    text-align: center;
}
#feature p {
    padding: 0 3%;
}
#feature .indent-feat {
    text-indent: 2em;
}
#feature .feat-h4 {
    text-decoration: none;
    color: #333;
}
#feature .feat-h4:hover {
    color: white;
}
#feature .feat-btn {
    font-size: 16px;
    padding: 10px 40px;
    background-color: #546c86;
    color: white;
    border: transparent;
}
#feature #feat-btn {
    margin-top: 3%;
    text-align: center;
}
#feature .feat-btn:hover {
    box-shadow: 2px 2px 4px #494949;
}
/*end feature*/


/*start example*/
#example {
    padding: 100px 0;
    background-color: #fff;
}
#example h1 {
    text-align: center;
}
#example hr {
    width: 80%;
    border: 1px solid #333;
}
#example .col-sm-3,
#example .col-xs-3
{
    margin: 0;
    padding: 0;
}
#example img {
    width: 100%;
}
/*end example*/


/*start contact*/
#contact {
    padding: 30px 0 40px;
    background-color: #eee;
}
#contact .container {
    width: 100%;
    margin: 0;
}
#contact h3 {
    text-align: center;
}

#contact p {
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
}
#contact #foot {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
}
/*end contact*/

#toTop {
    position: fixed;
    bottom: 16px;
    right: 16px;;
}


/*start js*/
.toTopX {
    opacity: 0;
}
.navbar-X {
    position: fixed;
    top: 10px;
    left: 0;
    background-color: transparent;
}
.nav-X-text {
    color: #ffffff;
}
.nav-XX-color {
    color: #d94600;
}

/*boot*/
.table-bordered {
    border: 1px solid #8f969e;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #8f969e;
}
.table-hover > tbody > tr:hover {
    background-color: #bdc4d1;
}
.navbar-fixed-top {
    border-width: 0;
}
.navbar-default {
    background-color: #647789;
    border-color: #647789;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: white;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: white;
}
.navbar-default .navbar-brand {
    color: white;
}
.navbar-default .navbar-nav > li > a {
    color: white;
}

/*end js*/


/*end index.html*/
/*end index.html*/
/*end index.html*/



/*start login*/

@media screen and (min-width: 768px) {
    #loginPanelOne {
        width: 360px;
    }
    #myForm label input {
        width: 300px;
    }
    #loginBtnBGC {
        width: 200px;
    }
}
@media screen and (max-width: 767px) {
    #loginPanelOne {
        width: 80%;
    }
    #myForm label input {
        width: 260px;
    }
    #loginBtnBGC {
        width: 200px;
    }
}
@media screen and (max-width: 400px) {
    #myForm label input {
        width: 200px;
    }
    #loginBtnBGC {
        width: 160px;
    }
}

#loginPanelOne {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    background-color: #e6e6e6;
    border-style: hidden;
}
#loginPanelTitle {
    text-align: center;
    font-size: 2em;
    padding: .5em 0;
}
#loginPanelHead {
    background-color: #367fa9;
}
#myForm {
    /*border: 1px solid;*/
    text-align: center;
}
#myForm label input {
    height: 34px;
    margin-top: 1em;
    border-style: hidden;
    padding-left: 1em;
    font-weight: 400;
}
#loginBtnBGC {
    background-color: #0073d3;
    margin-top: 1em;
    margin-bottom: .8em;
}
#loginBottomContainer {
    text-align: center;
}
.loginBottom a {
    color: #747474;
    text-decoration: none;
    margin: auto 1em;
}
.loginBottom a:hover {
    color: #0073d3;
}
.myFooter {
    text-align: center;
    color: #eeeeee;
}

/*end login*/


/*start side*/
#sideBody {
    background-color: #e6e6e6;
}
#sideColor {
    background-color: #2a8dcd;
    height: 46px;
    width: 100%;
}
.sideTextMid {
    color: white;
    text-align: center;
    font-size: 1.6em;
    position: relative;
    top: 6px;
}
#sideTopMenu {
    float: left;
    position: relative;
    top: 4px;
    width: 20px;
}
#sideTopMenu span {
    font-size: .8em;
 }

#mySideMenuNo {
    font-size: 18px;
    padding-left: 19px;
}
.MySideMenuNext a {
    margin-left: 14px;
    font-size: .8em;
}
#myXsideMenu li {
    width: 76%;
 }
#myXsideMenu li a:hover {
    background-color: #e6e6e6;
}
#sideTopMenu li {
    margin: 12px auto;
}
#sideTopMenu a:hover {
    background-color: #206999;
}
#sideTopMenu img {
    width: 25px;
}
#sideTopUser {
    float: right;
    position: relative;
    top: 6px;
}
#sideTopUser #sideUserP {
    width: 18px;
    position: relative;
    top: -4px;
}
#sideTopUser .pull-right {
    width: 200px;
    text-align: center;
}
#sideTopUser .pull-right img {
    width: 80px;
    margin: 20px auto;
}
#sideTopUser .btn-primary {
    border-color: transparent;
    background-color: #2a8dcd;
}
#sideTopUser .btn-primary:hover {
    background-color: #206999;
}

#sideUserTime {
    font-size: .8em;
}
#sideUserHref {
    margin: 16px auto 8px;
}
#sideUserHref a {
    border: 1px solid;
    padding: 2px 8px;
    border-radius: 3px;
    margin: auto 12px;
    background-color: #2a8dcd;
    color: white;
}
#sideUserHref a:hover {
    text-decoration: none;
    background-color: #206999;
    border-color: #206999;
    color: white;
}
#sideMenu {
    height: 100%;
    /*background-color: #d9d9d9;*/
    position: relative;
    top: 11px;
    /*border-top: 1px solid white;*/
    text-align: center;
    /*border: 1px solid;*/
    overflow: hidden;
}
#sideMenuUser {
    width: 40px;
    margin: 16px auto 20px;
}
#sideMenuState {
    font-size: .8em;
}
#myFormSearch {
    width: 100%;
}
#myFormSearch a {
    background-color: #2a8dcd;
    color: white;
    padding: 2px 8px;
    margin-left: .5em;
    font-size: .8em;
    border-radius: 3px;
}
#myFormSearch a:hover {
    text-decoration: none;
    background-color: #1b6d85;
    border: 1px solid #eee;
    border-radius: 3px;
 }
#myFormSearch input {
    border-style: none;
    width: 54%;
    border-radius: 3px;
    font-size: .9em;
    font-weight: 300;
    padding: 2px 6px;
}
#sideMenuList {
    width: 110%;
    margin: 20px auto;
    overflow: hidden;
}
#sideMenuList a {
    color: #333;
    text-decoration: none;
 }
.SideMenuPic {
    width: 20px;
    position: relative;
    top: -2px;
    margin-right: 12px;
}
@media screen and (max-width: 899px){
    #sideMenuList {
        font-size: 10px;
    }
    #myFormSearch {
        font-size: 10px;
    }
    .HiddenX {
        display: none;
    }
}

#sideCreate {
    margin-top: .5em;
    margin-bottom: -.8em;
    /*position: relative;*/
    /*right: -18px;*/
}
#sideCreate a {
    display: inline-table;
    position: relative;
    left: 6px;
}

#sideCreate li {
    border-style: none;
    font-size: .9em;
    color: #666;
    /*background-color: #ff0000;*/
    /*width: 8em;*/
}

/*end side*/



/*start profile*/

/*定位内容 start*/
#ProfileX {
    position: absolute;
    width: 83%;
    right: 0;
    top: 46px;;
}
@media screen and (max-width: 767px) {
    #ProfileX {
        width: 100%;
    }
}
/*定位内容 end*/


#MyUserPro {
    width: 100%;
}
#MyUserProfileTop {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    padding: .5em 1em;
}
#ProfileTopTitle {
    font-size: 1.4em;
    float: left;
}
#ProfileTopSubTitle {
    float: right;
    height: 30px;
}
#ProfileTopSubTitle ol {
    height: 30px;
}
#ProfileTopSubTitle ol li {
    color: #747474;
    font-size: .8em;
}

#MyUserProfileContent {
    width: 97%;
    margin: 1em auto;
    border-top: 3px solid #2a8dcd;
}
#ProfileX input {
    width: 50%;
}
@media screen and (max-width: 767px) {
    #ProfileX input {
        width: 90%
    }
}

.ProfileBtnSubmit {
    background-color: #2a8dcd;
    color: white;
}
.ProfileBtnSubmit:hover {
    background-color: #1b6d85;
    color: white;
}
.myFooterX {
    margin: 2em auto 1em;
    color: #6b6b6b;
    text-align: center;
}
.myTips {
    margin: .5em auto;
    color: rgba(255, 0, 0, 0.7);
    font-size: .9em;
}
#myTableHover > tbody > tr:hover {
    background-color: rgb(248, 248, 248);
}
#HandleFormUpload,
#MakeLabelFormSignature {
    border-top: 1px solid #dddddd;
    padding-top: .8em;
}