body {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
body .hidden {
    display: none;
}
body a:hover {
    text-decoration: none;
}
body a:link {
    text-decoration: none;
}
body a:visited {
    text-decoration: none;
}
body a:active {
    text-decoration: none;
}
body a:focus {
    text-decoration: none;
}
body #growthRulesContainer .access {
    padding-left: 13px;
    font-size: 15px;
    /* border-bottom: 18px solid #f3f3f6; */
}
body #growthRulesContainer .access2 {
    padding: 23px;
    font-size: 15px;
    /* border-bottom: 18px solid #f3f3f6; */
}
body #growthRulesContainer .access p {
    font-size: 16px;
    color: #333;
    padding: 16px 0 0 0;
}
body #growthRulesContainer .access ul {
    list-style: none;
    padding: 0px;
    margin-top: 0px;
    color: #999;
}
body #growthRulesContainer .access ul li {
    font-size: 14px;
    line-height: 36px;
}
body #growthRulesContainer .growthValue {
    width: 100%;
    height: 425px;
}
body #growthRulesContainer .growthValue p {
    margin: 16px 0 20px 13px;
    font-size: 15px;
    color: #333;
    line-height: 22px;
}
body #growthRulesContainer .growthValue table {
    margin: 5%;
    width: 90%;
    font-size: 15px;
    color: #333;
    border-collapse: collapse;
    background-color: #F6F7FA;
}
body #growthRulesContainer .growthValue table tr {
    height: 40px;
    text-align: center;
}
body #growthRulesContainer .growthValue table .tdone {
    width: 38%;
    background: #F1F4FC;
}
body #growthRulesContainer .growthValue table .tdtwo {
    width: 38%;
    background: #FFFFFF;
}
body #growthRulesContainer .growthValue table .tdthree {
    width: 38%;
    color: white;
    background: #4071FF;
}
body #growthRulesContainer .growthValue table .tdfour {
    width: 62%;
    background: #F3F4FA;
}
body #memberCenterContainer {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background: url("../images/background.png") no-repeat;
    background-size: 100% 100%;
}
body #memberCenterContainer .show {
    width: 100%;
    height: 150px;
    list-style: none;
    font-size: 14px;
    color: #FFDC7F;
    margin: 0px;
    padding: 16px 14px 0;
}
body #memberCenterContainer .show a {
    color: #FFDC7F;
}
body #memberCenterContainer .show .course {
    width: 28%;
    float: left;
}
body #memberCenterContainer .show .course img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}
body #memberCenterContainer .show .emblem {
    float: left;
    width: 44%;
    text-align: center;
}
body #memberCenterContainer .show .emblem #grade {
    color: #fff;
    font-size: 16px;
    margin-top: -38px;
}
body #memberCenterContainer .show .emblem img {
    height: 111px;
}
body #memberCenterContainer .show .rule {
    float: right;
    text-align: right;
    width: 28%;
}
body #memberCenterContainer .show .rule img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}
body #memberCenterContainer .grow {
    width: 30%;
    height: 33px;
    background: #FFDC7F;
    color: #D48402;
    text-align: center;
    line-height: 33px;
    font-size: 15px;
    margin-left: 35%;
    border: 1px solid #FFDC7F;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
body #memberCenterContainer .schedule {
    width: 88%;
    height: 160px;
    background: #FFF5D9;
    border: 5px solid #FFDC7F;
    border-radius: 6px;
    margin: 0 auto;
}
body #memberCenterContainer .schedule .typology {
    font-size: 15px;
    color: #D48402;
    width: 75%;
    margin: 0 auto;
}
body #memberCenterContainer .schedule .typology #start {
    float: left;
    margin: 0;
}
body #memberCenterContainer .schedule .typology #end {
    float: right;
    margin: 0;
}
body #memberCenterContainer .schedule #number {
    font-weight: bold;
    font-size: 36px;
    color: #D48402;
    text-align: center;
    margin: 7px auto 0;
    line-height: 44px;
}
body #memberCenterContainer .schedule .progress {
    height: 9px;
    width: 75%;
    margin: 0 auto;
    border-radius: 8px;
    background: #cdcdcd;
}
body #memberCenterContainer .schedule .progress .progress-bar-success {
    background-color: #02D40B;
}
body #memberCenterContainer .schedule .surplus {
    font-size: 13px;
    color: #666;
    text-align: center;
    margin: 13px auto;
}
body #memberCenterContainer .schedule .surplus #surplusValue {
    color: #FFDC7F;
}
body #memberCenterContainer .schedule .top {
    font-size: 20px;
    color: #D48402;
    text-align: center;
    margin: 0 auto;
}
body #memberCenterContainer .growthTask {
    width: 88%;
    height: auto;
    min-height: 200px;
    background: #FFF5D9;
    border: 5px solid #FFDC7F;
    border-radius: 6px;
    margin: 21px auto;
}
body #memberCenterContainer .growthTask #mission {
    list-style: none;
    padding: 0 20px;
}
body #memberCenterContainer .growthTask #mission li {
    border-bottom: 1px solid #FFDD60;
    height: 80px;
}
body #memberCenterContainer .growthTask #mission li p {
    margin: 0px;
}
body #memberCenterContainer .growthTask #mission .assignName {
    font-size: 15px;
    color: #D48402;
    padding-top: 20px;
}
body #memberCenterContainer .growthTask #mission .assignScore {
    font-size: 13px;
    color: #666;
}
body #memberCenterContainer .growthTask #mission .prompt {
    margin-top: -24px;
    outline: none;
    width: 100px;
    height: 28px;
    text-align: center;
    font-size: 14px;
    float: right;
    background: #fff;
    color: #D48402;
    border: 1px solid #D48402;
    border-radius: 20px;
}
body #memberCenterContainer .growthTask #mission .complete {
    text-align: center;
    font-size: 26px;
    color: #D48402;
    margin-top: 30px;
}