.icon-label span.field-validation-error, .icon-label label.error {
    margin-top: -20px;
    margin-bottom: 20px;
    display: block;
}

.list-item .title p span.sec {
    padding: 0 5px;
    border-radius: 10px;
}


span.field-validation-error, label.error {
    color: red;
}

.btn-default[disabled]:focus {
    color: #FF7F7D;
}

.btn-default[disabled]:hover {
    color: #FF7F7D;
}

input.uppercase {
    text-transform: uppercase; /*轉大寫*/
}

.chBoxHint span {
    margin-top: -20px;
    margin-bottom: 20px;
    color: red;
}

.container .list-social-icons {
    width: auto;
    display: table;
}

.container .copyRight {
    width: auto;
    display: table;
}

.calendar-reservation-s table th p.week_cn {
    text-align: center;
}

.calendar-reservation-s table th p.week_eg {
    text-align: center;
}


/* list-item & list-item-bg ***************************************************************/
/* list-item ------*/
/*.list-item {
    overflow: hidden;
    position: relative;
    clear: both;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px dotted #d1d1d1;
}

    .list-item .side-L {
        padding: 0 0 0 5px;
        text-align: left;
        border: 0px solid #F0F;
    }

    .list-item .side-R {
        padding: 0 5px 0 0;
        text-align: right;
        border: 0px solid #F0F;
    }

    .list-item:last-child, .list-item.no-borderB {
        border-bottom: none;
    }

    .list-item .subject {
        margin: 0 0 0 0;
        padding: 0 0px 0 0;
        border: 0px solid #F0F;
    }

        .list-item .subject p {
            margin: 0 0 0 0;
            padding: 0;
            border: 0px solid #F0F;
        }


    .list-item .title {
        margin: 0 0 0 0;
        padding: 0 0px 0 0;
    }

        .list-item .title p {
            display: inline;
            margin: 0 0 0 0;
            padding: 2px 30px 2px 30px;
            font-size: 22px;
            line-height: 1.8;
            font-weight: 700;
            text-align: center;
            border: 1px solid #e2e2e2;
            border-radius: 20px;
        }

            .list-item .title p span {
                padding-left: 5px;
                font-size: 15px;
                font-weight: 500;
            }

    .list-item > a > div > ul > li > .title > p {
        background-color: #D9EF7D;
    }

    .list-item > a:hover > div > ul > li > .title > p,
    .list-item > a:focus > div > ul > li > .title > p {
        color: #FFFFFF;
        background-color: #FF7F7D;
    }

    .list-item .text {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .list-item .text p {
            margin: 0;
            padding: 0;
            font-size: 22px;
            line-height: 1.8;
            font-weight: 700;
            text-align: center;
        }

        .list-item .text span {
            padding: 0 5px;
            font-size: 15px;
            font-weight: 500;
        }

    .list-item ul {
        margin: 0;
        padding: 0;
        padding-left: 0;
        list-style: none;
        border: 0px solid #F0F;
    }

        .list-item ul li {
            overflow: hidden;
            padding: 0px 0;
            color: #333333;
            font-size: 18px;
            line-height: 1.6;
            font-weight: 500;
            text-align: left;
        }

        .list-item ul.item-text li {
            font-size: 18px;
            line-height: 1.8;
            font-weight: 500;
        }

    .list-item i {
        font-size: 40px;
    }

/* list-item-layout ( use table for layout ）------*/
.list-item-layout {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
}

    .list-item-layout tr {
        border-bottom: 1px dotted #d1d1d1;
    }

    .list-item-layout th {
        padding: 20px 0 20px 10px;
        text-align: left;
        vertical-align: middle;
        font-weight: 500;
    }

    .list-item-layout td {
        margin: 10px;
        text-align: center;
        vertical-align: middle;
        font-weight: 500;
        border: 0px solid #F0F;
    }

        .list-item-layout td.text-right {
            padding: 10px 10px 10px 0px;
            text-align: right;
        }

        .list-item-layout th p,
        .list-item-layout td p {
            margin: 0;
            padding: 0;
        }

.list-item-layout {
    border-spacing: 0;
    border-collapse: collapse;
}

    .list-item-layout ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: left;
    }

        .list-item-layout ul li {
            margin: 0;
            padding: 0;
        }

    .list-item-layout td i {
        font-size: 40px;
    }


.page-header.mb0 {
    margin-bottom: 0px;
}

.modal-dialog {
    min-width: 250px;
}

.modal-footer .btn {
    padding: 6px 12px;
}

.modal-footer .btn-default {
    padding: 4px 14px;
}

.pacs_content {
    min-height: 650px;
}

/*tabs樣式*/
.brands a.active {
    border-bottom: #A6D107 solid 3px;
    background-color: #689D4D;
}

.brands p, .brands a span.menuTitle {
    margin-right: 3px;
}

.brands img {
    margin-left: 2px;
}

@media (max-width: 767px) {
    .duty div {
        height: 70px;
        line-height: 70px;
    }

    .pacs_content {
        min-height: 300px;
    }

    img.responseImage {
        width: 100%;
    }

    /*.report_ename {
        display: none;
    }*/
}

/*當日預約按鈕*/
.calendar-reservation table a.today {
    color: #262626;
    border: 1px solid #78849e;
    background-color: #83b0e4;
}

    .calendar-reservation table a.today:hover,
    .calendar-reservation table a.today:focus {
        color: #fff;
        background-color: #9232de;
    }


.calendar-reservation table td p {
    width: auto;
    line-height: inherit;
    text-align: center;
}

.calendar-reservation table td.time {
    vertical-align: middle;
}

/*預約掛號門診資訊視窗*/
.modal-title {
    color: #86b171;
}

.modal-subtitle {
    font-size: 24px;
    color: #A6D107;
    font-weight: 700;
}

.btn-login {
    background-color: #ff3877;
    border-color: #ef80ce;
}

    .btn-login:hover,
    .btn-login:focus {
        background-color: #ffe62a;
        border-color: #ffe100;
        color: #ff6b85;
    }

.blockUI h1 span {
    margin-top: 5px;
    display: block;
    font-size: 12px;
    line-height: 12px;
}

/*修改下方swiper箭頭圖片*/
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    /*針頭
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M201.5 174.8l55.7 55.8c3.1 3.1 3.1 8.2 0 11.3l-11.3 11.3c-3.1 3.1-8.2 3.1-11.3 0l-55.7-55.8-45.3 45.3 55.8 55.8c3.1 3.1 3.1 8.2 0 11.3l-11.3 11.3c-3.1 3.1-8.2 3.1-11.3 0L111 265.2l-26.4 26.4c-17.3 17.3-25.6 41.1-23 65.4l7.1 63.6L2.3 487c-3.1 3.1-3.1 8.2 0 11.3l11.3 11.3c3.1 3.1 8.2 3.1 11.3 0l66.3-66.3 63.6 7.1c23.9 2.6 47.9-5.4 65.4-23l181.9-181.9-135.7-135.7-64.9 65zm308.2-93.3L430.5 2.3c-3.1-3.1-8.2-3.1-11.3 0l-11.3 11.3c-3.1 3.1-3.1 8.2 0 11.3l28.3 28.3-45.3 45.3-56.6-56.6-17-17c-3.1-3.1-8.2-3.1-11.3 0l-33.9 33.9c-3.1 3.1-3.1 8.2 0 11.3l17 17L424.8 223l17 17c3.1 3.1 8.2 3.1 11.3 0l33.9-34c3.1-3.1 3.1-8.2 0-11.3l-73.5-73.5 45.3-45.3 28.3 28.3c3.1 3.1 8.2 3.1 11.3 0l11.3-11.3c3.1-3.2 3.1-8.2 0-11.4z'/%3E%3C/svg%3E");*/
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
/*文章內頁swiper箭頭*/
.swiper-container .next {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2386B171' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    right: 0px;
}

.swiper-container .prev {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2386B171' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    left: 0px;
}

/*日曆標示出今天*/
.calendar-reservation table td.today {
    background: #86b171;
}

/*scrollbar top/bottom*/
.content_scroll {
    position: fixed;
    right: 7px;
    z-index: 1;
    top: 55px;
}

span.glyphicon {
    font-size: 24px;
}

@media screen and (min-width: 1024px) {
    .content_scroll {
        top: 150px;
        bottom: auto;
        right: 23px;
    }
}

div.report_div {
    width: 80px;
    height: 50px;
}

div.report_div_width {
    width: 36px;
}

@media screen and (max-width: 1023px) {
    span.glyphicon {
        font-size: 30px;
    }

    div.report_div {
        width: 48px;
    }

    div.report_div_width {
        width: 36px;
    }
}

.btn_top, .btn_down {
    display: none;
    top: 150px;
    bottom: auto;
    height: 40px;
    width: 40px;
    background-color: #EFABAC;
    line-height: 38px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
}
@media only screen and (max-width: 520px) {
    .btn_top, .btn_down {
        height: 30px;
        width: 30px;
        line-height: 28px;
        border-radius: 8px;
        top: 70px;
        right: 8px;
    }
}

span.required {
    color: red;
}

/*各頁寬度調整*/
.main-content-resize {
    padding: 0 15px;
}

/*動態新增banner調整*/
.list-table-ad {
    background-color: initial;
    border: 1px solid #fff;
}

.list-social-icons a.fb {
    color: #3b5998;
}

.list-social-icons a.linkedin {
    color: #0e76a8;
}

.list-social-icons a.twitter {
    color: #1da1f2;
}

.list-social-icons a.google {
    color: #d34836;
}

.list-social-icons a:hover, .list-social-icons a:focus {
    color: #FF7F7D;
}

a.report_text {
    color: #282828;
}

.list-article > li > a {
    background: none;
    border-bottom: none;
}

    .list-article > li > a:hover,
    .list-article > li > a:focus {
        background: none;
    }

.list-article-part {
    margin: 0px;
    padding: 0px;
}

    .list-article-part > li {
        list-style-type: none;
    }

        .list-article-part > li > a {
            overflow: hidden;
            display: block;
            margin: 0 0 15px 0;
            padding: 0px;
            text-decoration: none;
            border-bottom: 1px dotted #d1d1d1;
        }

            .list-article-part > li > a > div.cover {
                float: left;
                margin-right: 20px;
                margin-bottom: 15px;
            }

@media (max-width: 340px) {
    .list-article-part > li > a > div.cover {
        margin-right: 10px;
    }
}


.list-article-part > li > a > div.arttitle {
    float: left;
    width: 80%;
}

@media (max-width: 1200px) {
    .list-article-part > li > a > div.arttitle {
        width: 75%;
    }
}

@media (max-width: 690px) {
    .list-article-part > li > a > div.arttitle {
        width: 70%;
    }
}

@media (max-width: 585px) {
    .list-article-part > li > a > div.arttitle {
        width: 60%;
    }
}

@media (max-width: 390px) {
    .list-article-part > li > a > div.arttitle {
        width: 50%;
    }
}

.list-article-part > li > a > div.arttitle > h3 {
    color: black;
    margin: 0px;
    padding: 0px;
    min-height: 60px;
}

.list-article-part > li > a > div.arttitle > p.text-warning {
    font-size: 12px;
    margin: 0px;
}

.list-article-part > li > a > div.righticon {
    float: right;
    font-size: 40px;
    width: 40px;
}

div.row-resize {
    margin-right: 0;
    margin-left: 0;
}

div.center-block-resize {
    max-width: 900px;
    margin-right: -2px;
    margin-left: -2px;
}

.btn-search {
    background-color: #EDF6CD;
}

.list-item .title p {
    font-size: 27px;
}

.list-item .text p {
    font-size: 27px;
}

.list-item i.notification {
    font-size: 27px;
}

.list-item .text {
    margin-left: 20px;
}

@media (min-width: 768px) {
    .col-sm-4-resize {
        width: 25%;
    }
}

@media (max-width: 1200px) {
    .list-item .title p {
        font-size: 23px;
    }

    .list-item .text p {
        font-size: 23px;
    }

    .list-item i.notification {
        font-size: 23px;
    }

    .list-item .text {
        margin-left: 0px;
    }
}

@media (max-width: 992px) {
    .list-item .title p {
        font-size: 21px;
    }

    .list-item .text p {
        font-size: 21px;
    }

    .list-item i.notification {
        font-size: 21px;
    }

    .list-item .text {
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    .list-item .title p {
        font-size: 20px;
    }

    .list-item .text p {
        font-size: 20px;
    }

    .list-item i.notification {
        font-size: 20px;
    }

    .list-item .text {
        margin-left: 0px;
    }
}


@media (max-width: 400px) {
    .list-item .title p {
        font-size: 19px;
    }

    .list-item .text p {
        font-size: 19px;
    }

    .list-item i.notification {
        font-size: 19px;
    }
}

@media (max-width: 355px) {
    .list-item .text p {
        font-size: 17px;
    }

    .list-item .title p {
        font-size: 17px;
    }
}

@media (max-width: 330px) {
    .list-item .text p {
        font-size: 15px;
    }

    .list-item .title p {
        font-size: 15px;
    }
} 


.nav-tabs.nav-justified-resize {
    margin-bottom: 0px;
}

.table-resize {
    margin-bottom: 0px;
}

.calendar-reservation table td.today p span.closing {
    color: #ffffff;
}

.navbar-nav > li.navbar-nav-right {
    float: right;
}

.modal-footer .btn-left {
    float: left;
}

@media screen and (max-width:991px) {
    .navbar-nav > li.navbar-nav-right {
        float: left;
    }
}

.babyJoin {
    margin-left: 10px;
}

@media screen and (min-width:100px) and (max-width:319px) {
    .babyJoin {
        font-size: 12px;
    }

    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        font-size: 10px;
    }
}

/*@media screen and (min-width:320px) and (max-width:376px) {
    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        font-size: 16px;
    }
}*/

.vaccine_status {
    width: 15%;
}

.vaccine_name {
    width: 65%;
}

.vaccine_time {
    width: 20%;
}

.text-grow {
    color: #86B171;
}

#divPrevArticle {
    float: right;
    font-size: 20px;
}

@media (max-width: 360px) {
    #divPrevArticle {
        font-size: 15px;
    }
}

.hospital-space {
    display: none;
}

@media (max-width: 465px) {
    .page-header .btn-group {
        float: initial;
        top: 10px;
    }

    .hospital-space {
        display: initial;
    }
}

.list-article-part a.baby-a {
    display: flex;
    align-items: center;
}

.baby-item-list {
    padding: 30px 0;
    width: 45%;
}

.baby-list {
    float: left;
    width: 90%;
}

@media (min-width: 768px) {
    .baby-list {
        width: 93%;
    }
}

@media (min-width: 1024px) {
    .baby-list {
        width: 95%;
    }
}

.baby-list-icon {
    font-size: 40px;
}

div.baby-list h3 {
    color: #282828;
    font-size: 18px;
}

.list-article-part .arttitle h3.baby-h3 {
    font-size: 18px;
    min-height: 0px;
}

.baby-p {
    font-size: 15px;
    color: #282828;
}

@media (max-width: 375px) {
    .baby-p {
        font-size: 12px;
    }
}

img.status {
    width: 20px;
}
span.status-no {
    color: #a1a1a1;
}

.border-bottom-dotted {
    border-bottom: 1px dotted #d1d1d1;
}

.border-top-dotted {
    border-top: 1px dotted #d1d1d1;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.ta-center {
    text-align: center;
}

.list-item-layout td.report-left-space {
    padding-left: 10px;
}
.list-item-layout td.report-right-space {
    padding-right: 15px;
}

@media screen and (max-width: 767px) {
    .list-item-layout td.report-right-space {
        padding-right: 10px;
    }
}

@media screen and (max-width: 768px) {
    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        font-size: 16px;
    }
}

i.circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 2px;
    vertical-align: middle;
    color: red;
    background-color: red;
    border-radius: 999em;
}
i.menucircle {
    position: absolute;
    top: 20px;
    margin-left: 5px;
}
i.menuitemcircle {
    margin-left: 8px;
}
i.prenatalcircle {
    width: 12px;
    height: 12px;
    margin-left: -12px;
    margin-top: 23px;
    border: 0.1em solid #fff;
}

/** TODO Chrome 模擬手機， kv滑動報錯*/
/*#scrollContent {
    -ms-touch-action: none;
    touch-action: none;
}*/

.web-link {
    float: right;
}
a.web-link p {
    line-height: 50px;
    margin-right: 3px;
}
@media screen and (max-width: 1023px) {
    .nav > li.web-link-pc {
        display: none;
    }
}
@media screen and (min-width: 1024px) {
    .web-link {
        display: none;
    }
}


.list-item .title p span.sec {
    color: #000;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #fff;
}

.modal-body .custom-alert-text {
    /*top: 0;*/
    /*position: absolute;*/
    width: 100%;
    text-align: center;
    margin-top: 10%;
    padding-left: 20%;
    padding-right: 20%;
    min-height: 50px;
}
.modal-body .custom-alert-text > h6 {
    text-align: center;
    color: #E98687
}
.modal-body .custom-alert-btn {
    position: absolute;
    bottom: 5%;
    width: 90%;
}
.modal-body .custom-alert-btn > button {
    font-size: 14px;
}

.btn-newalert-ok {
    float:right;
    color: #282828;
    width: 20%;
}

@media screen and (max-width: 465px) {
    .modal-body .custom-alert-btn > button {
        padding: 2px;
    }
}
@media screen and (max-width: 375px) {
    .modal-body .custom-alert-text {
        padding-left: 10%;
        padding-right: 10%;
    }
    .modal-body .custom-alert-btn > button {
        font-size: 12px;
    }
}