@charset;

.subtitle {
    color: #333!important;
}

/*flow*/
.service-flow {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    /* padding: 30px 4% 0 4%;*/
}

.service-flow > div {
    height: 280px;
}

.service-flow .flow-round {
    margin:0 auto;
    width: 80px;
    height: 80px;
    color:#fff;
    font-weight:900;
    font-size:25px;
    background-color: #fb8787;
    border: 1px solid #fb8787;
    border-radius: 50%;
    line-height:80px;
}

.service-flow .flow-round-text {
    width: 100%;
    padding: 15px 5% 0 5%;
    height: 100px;
    margin: 0 auto;
    box-sizing: border-box;
}

.flow-round-text > p {
    padding-top: 10px;
    font-size: 18px;
    color:#5c5c5c;
    box-sizing: border-box;
}

.delay-flow {
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
}


/*light*/
.caption-mine {
    display: block;
    margin: 0 auto!important;
    text-align: center!important;
}

.service-second-title {
    margin: 5px 0!important;
}

.service-mine {
    width: 100%;
    height: 46px;
    padding-top:5px;
    font-size:15px;
    color: #5c5c5c;
    text-align: center;
    line-height: 26px;
}


.thumbnail-mine {
    border: none!important;
}

.thumbnail-mine > img {
    width: 50px;
}


/*video*/
.video-mine {
    width: 100%;
    padding-top: 30px;
    text-align: center;
}

/*.delay-video {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}*/



/*light*/

.service-part-light {
    padding-top: 30px;
}

/*.delay-light {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}*/



/*service type*/
.meal-details {
    color: #f28787;
    font-size: 16px;
}

.meal-details:hover,
.meal-details:visited,
.meal-details:active {
    color: #f28787;
    font-size: 16px;
}

.table-nurse {
    width: 100%;
    padding-top: 30px;
}

.table-bordered-mine>tbody>tr>td {
    vertical-align:middle!important;
}

.table-title {
    width: 30%;
    text-align: center;
}

.nurse-list-mine {
    -webkit-margin-before: 0!important;
    -webkit-margin-after: 0!important;
    -webkit-padding-start: 0!important;

}
.nurse-list-mine li {
    padding: 8px 0 8px 20px;
    list-style: none;
    border-bottom: 1px solid #ddd;
}

.nurse-list-mine li:last-child {
    border-bottom: none;
}





.line-long {
    width: 140px!important;
}

.public-section-service-type {
    padding: 0;
}

header {
    width: 100%;
}

.business {
    padding-bottom: 30px;
    box-sizing: border-box;
}

.business div img {
    margin-right: 10px;
    width: 55px;
    height: 55px;
    vertical-align: bottom;
}

.business div h2 {
    display: inline-block;
}

.business div h2 span {
    display: inline-block;
    color: #ff0000;
}


/*service-type*/

.service-type {
    margin-top: 120px;
}

.service-type  thead {
    background-color: #e3eaf3;
    text-align: center;
}

.service-type  thead tr {
    line-height: 200px;
}

.service-type  thead tr td  {
    position: relative;
    line-height: 150px;
    font-size: 22px;
    font-weight: 600;
}

.service-type  thead tr td span {
    color: #ff0000;
}



/*table*/

.table-td {
    width: 260px;
}

.imgLevel {
    display: block;
    height: 125px;
    text-align: center;
    position: absolute;
    top: -6em;
    left: 0;
    right: 0;
    background-size: 8.5em 8.5em;
    background-position: center;
    background-repeat: no-repeat;
}

.imgSenior {
    background-image: url("../img/service/service-live/imgSenior.png");
}

.imgSuper {
    background-image: url("../img/service/service-live/imgSuper.png");
}

.imgVip {
    background-image: url("../img/service/service-live/imgVip.png");
}

.imgLess {
    background-image: url("../img/service/service-hospital/imgLess.png");
}

.imgMiddle {
    background-image: url("../img/service/service-hospital/imgMiddle.png");
}

.imgMuch {
    background-image: url("../img/service/service-hospital/imgMuch.png");
}

.service-type tbody tr td {
    text-align: center;
}

.service-type tbody tr td img {
    width: 24px;
}

.service-type tbody tr .fv {
    line-height: 1.2;
    text-align: center;
    padding: 0 1.5em;
    width: 45px;
}

.service-second {
    margin-top: 70px;
}

.service-third {
    margin-top: 90px;
}


/*public-sign*/
.public-sign {
    text-align: center;
}

.public-sign div h3 {
    margin-top: 30px;
    font-size: 26px;
    color: #8a8a8a;
    font-weight: 400;
}

.ensure img {
    width: 100px;
}


.code {
    width: 300px;
}




@media(min-width: 997px) {
    /*video*/

    .video-mine > embed {
        width: 800px;
        height: 550px;
    }
}


@media(max-width: 997px) {

    /*video*/
    .video-mine > embed {
        width: 600px;
        height: 480px;
    }

    .business {
        width: 280px;
        margin: 0 auto;
        padding-bottom: 0;
    }

    .business div img {
        width: 40px;
        height: 40px;
    }

    .business h2 {
        font-size: 18px;
    }

}

@media(max-width: 768px) {

    .thumbnail-mine > img {
        width: 50px;
    }

    /*video*/
    .video-mine > embed {
        width: 500px;
        height: 380px;
    }

}

@media(max-width: 414px) {

    /*video*/
    .video-mine > embed {
        width: 350px;
        height: 290px;
    }

    .business {
        width: 280px;
        margin: 0 auto;
        padding-bottom: 0;
    }

    .business div img {
        width: 40px;
        height: 40px;
    }

    .business h2 {
        font-size: 18px;
    }

    .imgLevel {
        background-size: 5.5em 5.5em;
    }

    .service-type  thead tr td {
        font-size: 14px;
    }

    .table-td {
        width: 20px;
    }

    .service-flow > div {
        height: 300px;
    }

    .service-third > div {
        height: 200px;
    }

    .ensure img {
        width: 70px;
    }

    .ensure div h3 {
        font-size: 16px;
    }

    .code {
        width: 200px;
    }

    .public-sign > div h3 {
        font-size: 20px;
    }

    .public-sign div h2 {
        font-size: 22px;
    }

}

@media(max-width: 375px) {

    /*video*/
    .video-mine > embed {
        width: 300px;
        height: 260px;
    }

}

@media(max-width: 320px) {

    /*video*/
    .video-mine > embed {
        width: 280px;
        height: 260px;
    }

}