main#index {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}

main#index div.indexCheck {
    margin-left: 0;
    margin-right: 0;
}

main#index div.indexCheck .itemMain {
    margin: 0;
    padding: 0;
    border-right: 1px solid #EEEEEE;
}

main#index div.indexCheck .itemMain div.item {
    text-align: center;
    /*height: 140px;*/
    border-bottom: 1px solid #EEEEEE;
    height: calc((100vh - 45px)/5);
}

main#index div.indexCheck .itemMain div.item:last-child {
    border-bottom: none;
}

main#index div.indexCheck .itemMain:first-child div.item {
    padding-left: 15px;
}

main#index div.indexCheck .itemMain:last-child div.item {
    padding-right: 15px;
}

main#index div.indexCheck .itemMain div.item img {
    margin-top: 30px;
    margin-bottom: 6px;
}

main#index div.indexCheck .itemMain div.item p {
    color: #666666;
    font-size: 0.9em;
}

main.mainCss form div.form-group {
    width: 90%;
    margin: 1rem auto !important;
    padding: 0;
    font-weight: 200;
}

main.mainCss form div.form-group label {
    font-size: 16px;
    color: #333333;
}

main.mainCss form div.form-group div.HQstature input,
main.mainCss form div.form-group div.HQweight input {
    width: 90%;
    display: inline-block;
    border: none;
    box-shadow: none;
}

main.mainCss form div.form-group div.HQstature,
main.mainCss form div.form-group div.HQweight {
    border-bottom: 1px solid #E5E5E5;
}

main.mainCss form div.holder {
    margin-top: 4rem !important;
    display: block;
}

main.mainCss form div.holder label {
    width: 50%;
    color: #fff;
}

main.mainCss form div.holder input[type="checkbox"] {
    display: none;
}

main.mainCss form div.holder input[type=checkbox] {
    display: none
}

main.mainCss form div.holder input[type=checkbox]+label {
    cursor: pointer;
    font-size: 1em
}

[id^=checkbox-sex]+label {
    background-color: #FFF;
    padding: 11px 9px;
    border-radius: 7px;
    display: inline-block;
    position: relative;
    background: #F7836D;
    width: 100%;
    height: 40px;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .1), 0 0 10px rgba(245, 146, 146, .4)
}

[id^=checkbox-sex]+label:before {
    content: ' ';
    position: absolute;
    background: #FFF;
    top: 0;
    left: 0;
    width: 50%;
    color: #FFF;
    height: 40px;
    border-radius: 7px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .6)
}

[id^=checkbox-sex]+label:after {
    content: '女';
    position: absolute;
    font-size: 1.2em;
    color: #fff;
    font-weight: 700;
    left: 70%;
    padding: 5px;
    top: 4px;
    border-radius: 100px;
}

[id^=checkbox-sex]:checked+label {
    background: #67A5DF;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .1), 0 0 10px rgba(146, 196, 245, .4)
}

[id^=checkbox-sex]:checked+label:after {
    content: '男';
    left: 20%;
}

[id^=checkbox-sex]:checked+label:before {
    content: ' ';
    position: absolute;
    left: 50%;
}

#checkbox-sex+label:after,
#checkbox-sex+label:before,
#checkbox label {
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

main.mainCss {
    width: 100%;
    margin: 0;
    padding: 0;
}

main.mainCss form div.HQbutton {
    width: 100%;
    padding: 20px 15px;
}

main.mainCss form div.HQbutton button {
    width: 100%;
    height: 45px;
    margin: 0;
    border-top: 1px solid #E5E5E5;
    font-size: 18px;
    /*color: #22BBA7;*/
    color: #fff;
}

main#labourIntensity>div {
    margin: 2rem auto 4rem auto;
    ;
    width: 90%;
}

main#labourIntensity>div h4 {
    font-size: 16px;
    font-weight: 300;
    margin: 0.5rem auto;
}

main#labourIntensity>div .lines {
    height: 4px;
    width: 100%;
    background-color: #ECECEC;
}

main#labourIntensity>div.itemLight h4 {
    color: #61A8F3;
}

main#labourIntensity>div.itemLight div.lines {
    border-left: 80px solid #61A8F3;
}

main#labourIntensity>div.itemMiddle h4 {
    color: #FFA51F;
}

main#labourIntensity>div.itemMiddle div.lines {
    border-left: 80px solid #FFA51F;
}

main#labourIntensity>div.itemHeavy h4 {
    color: #F55D51;
}

main#labourIntensity>div.itemHeavy div.lines {
    border-left: 80px solid #F55D51;
}

main#labourIntensity>div ul {
    margin-left: -2.5rem;
    margin-top: 0.5rem;
    list-style: none;
    color: #666666;
}

main#labourIntensity>div ul li::before {
    content: "• ";
    color: #D8D8D8;
    font-weight: 900;
}

main#labourIntensity>div ul li+li {
    margin-top: 0.5rem;
}


/*BMIResult.html*/

main#BMICssResult {
    width: 100%;
    margin: 0;
}

main#BMICssResult div#BMIsResult {
    width: 85%;
    margin: 15rem auto 0;
}

main#BMICssResult div#BMIsResult p:first-child {
    text-align: center;
    font-size: 16px;
    color: #666666;
}

main#BMICssResult div#BMIsResult h2 {
    text-align: center;
    font-size: 36px;
    color: #333333;
    margin-bottom: 4rem;
}

main#BMICssResult div#BMIsResult p:last-child {
    text-indent: 2rem;
    font-size: 14px;
    color: #909090;
}

main#BMICssResult div.BMIsbutton {
    width: 100%;
    padding: 20px 15px;
}

main#BMICssResult div.BMIsbutton button {
    width: 100%;
    height: 45px;
    margin: 0;
    border-top: 1px solid #E5E5E5;
    font-size: 18px;
    color: #fff;
}

div.BMImodal {
    display: none;
    background-color: #F8F8F8;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 100%;
}

div.BMImodal #BMIsRE {
    background: #FFFFFF;
    min-height: 70%;
    overflow: scroll-y;
}

div.BMImodal #BMIsRE table {
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
}

div.BMImodal #BMIsRE table thead {
    background: #EEF9F8;
}

div.BMImodal #BMIsRE table thead tr th {
    text-align: center;
    color: #22BBA7;
    font-weight: 300;
    border: none;
}

div.BMImodal #BMIsRE table tbody tr td {
    border: none;
}

div.BMImodal #BMIsRE table tbody tr.active td {
    background: #F8F8F8;
}

div.BMImodal #BMIsRE p {
    color: #666666;
    font-size: 14px;
    display: inline-block;
    width: 97%;
    float: right;
}

div.BMImodal #BMIsRE div.BMIcontent {
    width: 95%;
    margin: 0 auto;
    position: relative;
    display: block;
}

div.BMImodal #BMIsRE div.BMIcontent div.BMIimg {
    display: inline-block;
    width: 1%;
    position: absolute;
    top: 2px;
}

div.BMImodal div.ContentClose {
    /*background-color: #fff;*/
}


/*BMRResult.html*/

main#BMRCssResult {
    width: 100%;
    margin: 0;
}

main#BMRCssResult div#BMRsResult {
    width: 85%;
    margin: 15rem auto 0;
}

main#BMRCssResult div#BMRsResult p:first-child {
    text-align: center;
    font-size: 16px;
    color: #666666;
}

main#BMRCssResult div#BMRsResult h2 {
    text-align: center;
    font-size: 36px;
    color: #333333;
    margin-bottom: 4rem;
}

main#BMRCssResult div#BMRsResult p:last-child {
    text-indent: 2rem;
    font-size: 14px;
    color: #909090;
}

main#BMRCssResult div.BMRbutton {
    width: 100%;
    padding: 20px 15px;
}

main#BMRCssResult div.BMRbutton button {
    width: 100%;
    height: 45px;
    margin: 0;
    border: none;
    border-top: 1px solid #E5E5E5;
    font-size: 16px;
    color: #fff;
}

main#BMRCssResult div.BMImodal {
    display: none;
    background-color: #F8F8F8;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 100%;
}

main#BMRCssResult div#BMIRe {
    background: #FFFFFF;
    /*height: 85%;*/
    /*height: 78%;*/
    width: 100%;
    margin: 0;
    overflow-y: auto;
}

main#BMRCssResult div#BMIRe h3 {
    background: #EEF9F8;
    font-size: 16px;
    color: #22BBA7;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 45px;
}

main#BMRCssResult div#BMIRe ul.BMIReContent {
    width: 95%;
    margin: 1rem auto;
    list-style-image: url('../images/BMI.png');
    margin-left: -1rem;
}

main#BMRCssResult div#BMIRe ul.BMIReContent .item p {
    color: #666666;
    font-size: 14px;
    margin-top: 1.3rem;
    text-align: left;
    text-indent: 0;
}

main#BMRCssResult div#BMIRe ul.BMIReContent .item {
    left: 0;
}

main#BMRCssResult div#BMIRe ul.BMIReContent .item p span {
    font-weight: bold;
}


/*EDOCResult.html*/

main#EDOCsResult {
    width: 90%;
    margin: 8rem auto;
}

main#EDOCsResult p {
    text-align: center;
    font-size: 16px;
    color: #666666;
}

main#EDOCsResult h2 {
    text-align: center;
    font-size: 36px;
    color: #333333;
    margin-bottom: 3rem;
}

main#EDOCsResult div.EDOCscontent {
    width: 99%;
    margin: 0 auto;
    position: relative;
}

main#EDOCsResult div.EDOCscontent p {
    color: #666666;
    font-size: 14px;
    display: inline-block;
    width: 96%;
    float: right;
    text-align: left;
    text-indent: 2rem;
}


/*FBMResult.html*/

main#FBMResult {
    width: 100% !important;
    margin: 0;
}

div.FBMResult {
    width: 90%;
    margin: 6rem auto;
}

div.FBMResult p {
    text-align: center;
    font-size: 16px;
    color: #666666;
}

div.FBMResult h2 {
    text-align: center;
    font-size: 36px;
    color: #333333;
    margin-bottom: 2rem;
}

div.FBMResult div.FBMcontent {
    width: 99%;
    margin: 0 auto;
    position: relative;
}

div.FBMResult div.FBMcontent div.FBMimg {
    display: inline-block;
    width: 1%;
    position: absolute;
    top: 0.1rem;
}

div.FBMResult div.FBMcontent div.FBMimg::before {
    content: url('../images/BMI.png');
}

div.FBMResult div.FBMcontent p {
    color: #666666;
    font-size: 14px;
    display: inline-block;
    width: 96%;
    float: right;
    text-align: left;
}

div.FBMModal {
    display: none;
    background-color: #F8F8F8;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 100%;
}

main#FBMResult div.FBMbutton {
    width: 100%;
    padding: 80px 15px;
}

main#FBMResult div.FBMbutton button {
    width: 100%;
    height: 45px;
    margin: 0;
    border-top: 1px solid #E5E5E5;
    font-size: 16px;
    color: #fff;
}

main#FBMResult {
    width: 90%;
    margin: 2rem auto;
}

main#FBMResult div.FBMModal div.Modalcontent {
    background: #FFFFFF;
    height: 90%;
    width: 100%;
}

main#FBMResult div.FBMModal div.FBMcontent {
    width: 85%;
    min-height: 60%;
    margin: 0 auto;
    position: relative;
    padding-top: 2rem;
}

main#FBMResult div.FBMModal div.FBMcontent div.FBMimg {
    display: inline-block;
    width: 1%;
    position: absolute;
    top: 2rem;
}

main#FBMResult div.FBMModal div.FBMcontent div.FBMimg::before {
    content: url('../images/BMI.png');
}

main#FBMResult div.FBMcontent p {
    color: #666666;
    font-size: 14px;
    display: inline-block;
    width: 96%;
    float: right;
    text-align: left;
}


/*heatQuantityResult.html*/

main#HQscontent {
    width: 85%;
    margin: 15rem auto;
}

main#HQscontent p:first-child {
    text-align: center;
    font-size: 16px;
    color: #666666;
}

main#HQscontent h2 {
    text-align: center;
    font-size: 36px;
    color: #333333;
    margin-bottom: 4rem;
}

main#HQscontent p:last-child {
    text-indent: 2rem;
    font-size: 14px;
    color: #909090;
}


/*HWResult.html*/

main#HWscontent {
    width: 85%;
    margin: 15rem auto;
}

main#HWscontent p:first-child {
    text-align: center;
    font-size: 16px;
    color: #666666;
}

main#HWscontent h2 {
    text-align: center;
    font-size: 36px;
    color: #333333;
    margin-bottom: 4rem;
}

main#HWscontent p:last-child {
    text-indent: 2rem;
    font-size: 14px;
    color: #909090;
}


/*PBFResult.html*/

main#PBFCssResult {
    width: 100%;
    margin: 0;
}

main#PBFCssResult div#PBFsResult {
    width: 85%;
    margin: 15rem auto 0;
}

main#PBFCssResult div#PBFsResult p:first-child {
    text-align: center;
    font-size: 16px;
    color: #666666;
}

main#PBFCssResult div#PBFsResult h2 {
    text-align: center;
    font-size: 36px;
    color: #333333;
    margin-bottom: 4rem;
}

main#PBFCssResult div#PBFsResult p:last-child {
    text-indent: 2rem;
    font-size: 14px;
    color: #909090;
}

main#PBFCssResult div.PBFbutton {
    width: 100%;
    padding: 50px 15px;
}

main#PBFCssResult div.PBFbutton button {
    width: 100%;
    height: 45px;
    margin: 0;
    border-top: 1px solid #E5E5E5;
    font-size: 16px;
    color: #fff;
}

div.PBFmodal {
    display: none;
    /*background: rgba(0, 0, 0, 0.4);*/
    position: absolute;
    background-color: #F8F8F8;
    top: 45px;
    left: 0;
    width: 100%;
    height: 100%;
}

div.PBFmodal #PBFsRE {
    background: #FFFFFF;
    height: 94%;
}

div.PBFmodal #PBFsRE table {
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
}

div.PBFmodal #PBFsRE table thead {
    background: #EEF9F8;
}

div.PBFmodal #PBFsRE table thead tr th {
    text-align: center;
    color: #22BBA7;
    font-weight: 300;
    border: none;
}

div.PBFmodal #PBFsRE table tbody tr td {
    border: none;
}

div.PBFmodal #PBFsRE table tbody tr.active td {
    background: #F8F8F8;
}

div.PBFmodal #PBFsRE p {
    color: #666666;
    font-size: 14px;
    display: inline-block;
    width: 97%;
    float: right;
}

div.PBFmodal #PBFsRE div.PBFcontent {
    width: 95%;
    margin: 0 auto;
    position: relative;
}

div.PBFmodal #PBFsRE div.PBFcontent div.PBFimg {
    display: inline-block;
    width: 1%;
    position: absolute;
    top: 2px;
}

div.PBFmodal #PBFsRE div.PBFcontent div.PBFimg::before {
    content: url('../images/BMI.png');
}


/*div.PBFmodal div.ContentClose {*/


/*position: absolute;*/


/*bottom: 2rem;*/


/*left: 50%;*/


/*margin-left: -17.5px;*/


/*}*/


/*SafetyPeriodResult.html*/

main#SPRsRE {
    height: 50%;
    overflow-y: auto;
}

table.SafeDateResult {
    width: 100%;
    margin: 0.5rem auto;
    text-align: center;
    font-size: 14px;
    font-weight: 200;
    border: none;
}

table.SafeDateResult caption {
    color: #333333;
    line-height: 35px;
}

table.SafeDateResult tr.ResultHead th {
    text-align: center;
    color: #999999;
    font-size: 14px;
    line-height: 30px;
    font-weight: 200;
}

table.SafeDateResult tr.ReaultTbody {
    height: 40px;
    color: #FFFFFF;
}

table.SafeDateResult tr.ReaultTbody td {
    width: 14.285%;
}

table.SafeDateResult tr.ReaultTbody td span.safeDate {
    background: #52E2B8;
    display: inline-block;
    border-radius: 50%;
    width: 2.3rem;
    height: 2.3rem;
    line-height: 2.3rem;
}

table.SafeDateResult tr.ReaultTbody td span.mensesDate {
    background: #FF7C7C;
    display: inline-block;
    border-radius: 50%;
    width: 2.3rem;
    height: 2.3rem;
    line-height: 2.3rem;
}

table.SafeDateResult tr.ReaultTbody td span.ovulatoryDate {
    background: #FFD533;
    display: inline-block;
    border-radius: 50%;
    width: 2.3rem;
    height: 2.3rem;
    line-height: 2.3rem;
}

table.SafeDateResult tr.ReaultBottom {
    height: 0.5rem;
}

div.DateType {
    width: 50%;
    margin-left: 1rem;
    color: #666666;
    font-size: 14px;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

@media screen and (max-width: 320px) {
    div.DateType {
        width: 60%;
    }
}

div.DateType .item {
    display: inline-block;
    width: calc(33.33333% - 1rem);
    text-align: center;
}

div.DateType .item+.item {
    margin-left: 1rem;
}

div.DateType .item span.mensesColor {
    background: #FF7C7C;
    border-radius: 3px;
    display: inline-block;
    width: 90%;
    height: 2rem;
}

div.DateType .item span.safeColor {
    background: #52E2B8;
    border-radius: 3px;
    display: inline-block;
    width: 90%;
    height: 2rem;
}

div.DateType .item span.ovulatoryColor {
    background: #FFD533;
    border-radius: 3px;
    display: inline-block;
    width: 90%;
    height: 2rem;
}

#SPRsRE p {
    color: #666666;
    font-size: 14px;
    display: inline-block;
    width: 97%;
    float: right;
}

#SPRsRE div.SPRcontent {
    width: 95%;
    margin: 0 auto;
    position: relative;
}

#SPRsRE div.SPRcontent div.SPRimg {
    display: inline-block;
    width: 1%;
    position: absolute;
    top: 2px;
}

#SPRsRE div.SPRcontent div.SPRimg::before {
    content: url('../images/BMI.png');
}


/*SBWResult.html*/

main#SBWCssResult {
    width: 85%;
    margin: 15rem auto;
}

main#SBWCssResult p:first-child {
    text-align: center;
    font-size: 16px;
    color: #666666;
}

main#SBWCssResult h2 {
    text-align: center;
    font-size: 36px;
    color: #333333;
    margin-bottom: 4rem;
}

main#SBWCssResult p:last-child {
    text-indent: 2rem;
    font-size: 14px;
    color: #909090;
}


/*WHRResult.html*/

main#WHRCssResult {
    width: 100%;
    margin: 0;
}

main#WHRCssResult div#WHRsResult {
    width: 85%;
    margin: 15rem auto 0;
}

main#WHRCssResult div#WHRsResult p:first-child {
    text-align: center;
    font-size: 16px;
    color: #666666;
}

main#WHRCssResult div#WHRsResult h2 {
    text-align: center;
    font-size: 36px;
    color: #333333;
    margin-bottom: 4rem;
}

main#WHRCssResult div#WHRsResult p:last-child {
    text-indent: 2rem;
    font-size: 14px;
    color: #909090;
}

main#WHRCssResult div.WHRbutton {
    width: 100%;
    padding: 50px 15px;
}

main#WHRCssResult div.WHRbutton button {
    width: 100%;
    height: 45px;
    margin: 0;
    border-top: 1px solid #E5E5E5;
    font-size: 16px;
    color: #fff;
}

div.WHRmodal {
    display: none;
    background-color: #F8F8F8;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 100%;
}

div.WHRmodal #WHRsRE {
    background: #FFFFFF;
    height: 94%;
}

div.WHRmodal #WHRsRE table {
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
}

div.WHRmodal #WHRsRE table thead {
    background: #EEF9F8;
}

div.WHRmodal #WHRsRE table thead tr th {
    text-align: center;
    color: #22BBA7;
    font-weight: 300;
    border: none;
}

div.WHRmodal #WHRsRE table tbody tr td {
    border: none;
}

div.WHRmodal #WHRsRE table tbody tr.active td {
    background: #F8F8F8;
}

div.WHRmodal #WHRsRE p {
    color: #666666;
    font-size: 14px;
    display: inline-block;
    width: 97%;
    float: right;
    text-indent: 0;
}

div.WHRmodal #WHRsRE div.WHRcontent {
    width: 95%;
    min-height: 50%;
    margin: 0 auto;
    position: relative;
}

div.WHRmodal #WHRsRE div.WHRcontent div.WHRimg {
    display: inline-block;
    width: 1%;
    position: absolute;
    top: 2px;
}

div.WHRmodal #WHRsRE div.WHRcontent div.WHRimg::before {
    content: url('../images/BMI.png');
}

main#mainCssResult {
    width: 85%;
    margin: 15rem auto;
}

main#mainCssResult p:first-child {
    text-align: center;
    font-size: 16px;
    color: #666666;
}

main#mainCssResult h2 {
    text-align: center;
    font-size: 36px;
    color: #333333;
    margin-bottom: 4rem;
}

main#mainCssResult p:last-child {
    text-indent: 2rem;
    font-size: 14px;
    color: #909090;
}

#BMIsRE table {
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
}

#BMIsRE table thead {
    background: #EEF9F8;
}

#BMIsRE table thead tr th {
    text-align: center;
    color: #22BBA7;
    font-weight: 300;
    border: none;
}

#BMIsRE table tbody tr td {
    border: none;
}

#BMIsRE table tbody tr.active td {
    background: #F8F8F8;
}

#BMIsRE p {
    color: #666666;
    font-size: 14px;
    display: inline-block;
    width: 97%;
    float: right;
}

#BMIsRE div.BMIcontent {
    width: 95%;
    margin: 0 auto;
    position: relative;
}

#BMIsRE div.BMIcontent div.BMIimg {
    display: inline-block;
    width: 1%;
    position: absolute;
    top: 2px;
}

#BMIsRE div.BMIcontent div.BMIimg::before {
    content: url('../images/BMI.png');
}

main#HIITResult {
    width: 90%;
    margin: 8rem auto;
}

main#HIITResult p {
    text-align: center;
    font-size: 16px;
    color: #666666;
}

main#HIITResult h2 {
    text-align: center;
    font-size: 36px;
    color: #333333;
    margin-bottom: 3rem;
}

main#HIITResult div.HIITcontent {
    width: 99%;
    margin: 0 auto;
    position: relative;
}

main#HIITResult div.HIITcontent div.HIITimg {
    display: inline-block;
    width: 1%;
    position: absolute;
    top: 3px;
}

main#HIITResult div.HIITcontent div.HIITimg::before {
    content: url('../images/BMI.png');
}

main#HIITResult div.HIITcontent p {
    color: #666666;
    font-size: 14px;
    display: inline-block;
    width: 96%;
    float: right;
    text-align: left;
}

main#HIITRe {
    width: 90%;
    margin: 2rem auto;
}

main#HIITRe div.HIITcontent {
    width: 99%;
    margin: 0 auto;
    position: relative;
}

main#HIITRe div.HIITcontent div.HIITimg {
    display: inline-block;
    width: 1%;
    position: absolute;
    top: 3px;
}

main#HIITRe div.HIITcontent div.HIITimg::before {
    content: url('../images/BMI.png');
}

main#HIITRe div.HIITcontent p {
    color: #666666;
    font-size: 14px;
    display: inline-block;
    width: 96%;
    float: right;
    text-align: left;
}

.toast {
    padding: 5px 15px;
    border-radius: 6px;
    text-align: center;
    z-index: 999;
    background-color: #22bba7;
    font-size: 16px;
    color: #fff;
    position: fixed;
    left: 45%;
    bottom: 50px;
}

.nav_h {
    height: 45px;
}

.navbar {
    background: #fff;
    margin-bottom: 0 !important;
    min-height: 45px;
}

.head_meua {
    position: relative;
    background: #fff;
    text-align: center;
    height: 45px;
    line-height: 45px;
}

.head_meua .title {
    display: inline-block;
    font-size: 15px;
    color: #333;
    text-align: center;
    width: 58%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.head_meua span {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 14px;
    font-weight: normal;
}

.container {
    padding: 0px;
}

.head_meua i.goback {
    background: url(/knowledge/imgs/back.png) no-repeat left center;
    background-size: 35%;
}

.head_meua i.goback:before {
    content: ' ';
}

.glyphicon:empty {
    width: 50px;
}

.head_meua i {
    position: absolute;
    top: 0px;
    left: 15px;
    font-size: 14px;
    font-weight: normal;
    height: 45px;
    width: 50px;
    text-align: left;
}