@charset "utf-8";
* {
/*    font-family: 'Noto Sans TC', sans-serif;*/
    font-family: "微軟正黑體";
    outline: none;
    transition: all .3s
}

a,
a:hover {
    text-decoration: none;
    border: 0
}

@media (min-width: 1400px) {
    .container {
        width: 1270px
    }
}

@media (min-width: 1700px) {
    .container {
        width: 1370px
    }
}

.navbar {
    background-color: #fff;
    border-bottom: 6px solid #01918f;
    color: #4a4a4a
}

.navbar-brand img {
    margin-top: 20px
}

.navbar .btn-calendar {
    display: block;
    text-align: right;
    width: 80px;
    margin-left: auto
}

.navbar .btn-calendar i {
    font-size: 22px;
    color: #fff;
    background: #9a87d7;
    width: 38px;
    height: 38px;
    text-align: center;
    border-radius: 50%;
    line-height: 38px;
    margin-top: 12px;
    margin-bottom: 5px;
    margin-right: 12px;
    transition: all .3s
}

.navbar .btn-calendar:hover i {
    background: #01918f
}

.navbar-nav li a {
    font-size: 16.5px;
    color: #585858;
    padding: 10px 20px;
    padding-bottom: 16px;
    padding-top: 11px
}

.nav li a:focus,
.nav li a:hover,
.nav li a.active {
    background-color: #01918f;
    color: #fff
}

.navbar-header .navbar-brand,
.navbar-header .btn-calendar.calendar-out {
    display: none
}

.navbar-collapse .navbar-brand,
.btn-calendar.calendar-inner {
    display: block
}

@media (max-width: 1199px) {
    .navbar-collapse .navbar-brand,
    .btn-calendar.calendar-inner {
        display: none
    }
    .navbar-header .navbar-brand,
    .navbar-header .btn-calendar.calendar-out {
        display: block
    }
    .navbar-header {
        float: none
    }
    .navbar-toggle {
        display: block
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
    }
    .navbar-collapse.collapse {
        display: none!important
    }
    .navbar-nav > li {
        float: none
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .navbar-text {
        float: none;
        margin: 15px 0
    }
    .navbar-collapse.collapse.in {
        display: block!important
    }
    .collapsing {
        overflow: hidden!important
    }
    .navbar-brand img {
        margin-top: 10px;
        padding-bottom: 10px
    }
    .navbar-toggle {
        font-size: 25px;
        margin-top: 18px;
        color: #01918f
    }
    .navbar-header .btn-calendar.calendar-out {
        display: block;
        float: right;
        margin-top: 15px
    }
    .navbar-nav > li {
        float: left
    }
    .navbar-right {
        float: left!important;
        margin-right: 0
    }
    .navbar-collapse {
        padding: 0
    }
}

@media (max-width: 767px) {
    .navbar-right {
        float: none!important;
        margin: 0
    }
    .navbar-nav > li {
        float: left;
        width: 50%;
        text-align: center
    }
    .navbar-nav > li:nth-child(odd) {
        border-right: 1px solid #eee;
        border-top: 1px solid #eee
    }
    .navbar-nav > li:nth-child(even) {
        border-top: 1px solid #eee
    }
    .navbar-brand {
        padding: 0
    }
    .navbar-brand img {
        width: 186px;
        margin-left: 15px;
        margin-top: 16px
    }
    .navbar-header .btn-calendar.calendar-out {
        margin-top: 1px
    }
    .navbar-toggle {
        margin-top: 2px
    }
}

footer {
    background: #01918f;
    padding: 80px 0 64px;
    color: #fff
}

footer h5 {
    font-size: 50px;
    letter-spacing: 1px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: 500
}

footer h5::after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background: #bfc3fd;
    margin: 15px 0 0 4px
}

footer h4 {
    font-size: 20px;
    font-weight: 100;
    letter-spacing: 1px;
    margin-bottom: 60px
}

footer p {
    font-size: 20px;
    font-weight: 100;
    letter-spacing: 1px
}

footer a {
    color: #fff
}

footer p.phone {
    margin-bottom: 50px
}

footer p span {
    font-size: 34px;
    letter-spacing: 2px
}

footer .Copyright {
    font-size: 15px
}


.fixedicon {
    position: fixed;
    bottom: 120px;
    right: 31px;
    z-index: 9;
}


@media screen and ( max-width:480px) {
    footer {
        padding: 40px 0 5px
    }
    footer h5 {
        margin-top: 18px;
        margin-bottom: 10px
    }
    footer h5::after {
        margin: 20px 0 0 4px
    }
    footer h4 {
        margin-bottom: 40px
    }
    footer p.phone {
        margin-bottom: 25px
    }
    footer p {
        width: 80%;
        margin-bottom: 15px
    }
    footer p span {
        display: block
    }
}

.pink-bg {
    color: #4a4a4a;
    position: relative;
    background-image: url(../../images/familyCare-text.png), url(../../images/default-bg-circle-1.png), url(../../images/default-bg-circle-2.png), url(../../images/default-bg-circle-1.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: left 24px center, left 68px top -137px, right 100px bottom 800px, left 350px bottom 370px;
    background-size: 30px, 500px, 400px, 450px;
    margin-bottom: 5px
}

.pink-box {
    background: #e3e3ef;
    width: 70%;
    height: 92.6%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.pink-bg .container {
    padding: 110px 15px 270px
}

.introduction {
    position: relative
}

.introduction:first-child {
    margin-bottom: 150px
}

.introduction img {
    display: block
}

.introduction:last-child img {
    margin-left: auto
}

.introduction .content {
    position: absolute;
    right: 0;
    background: #fff;
    width: 46%;
/*    height: 360px;*/
    padding: 30px 50px 40px;
    text-align: justify;
    border-radius: 0 50px 50px 50px
}

.introduction .content-1 {
    top: 430px
}

.introduction .content-2 {
    top: 500px
}

.introduction:last-child .content {
    right: auto;
    left: 0
}

.introduction .content h2 {
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 1px
}

.introduction .content h3 {
    font-size: 22px;
    letter-spacing: .5px;
    margin-bottom: 40px
}

.introduction:last-child .content h3 {
    margin-bottom: 30px
}

.introduction .content h3 span {
    font-size: 31px;
    color: #01918f;
    padding: 0 10px
}

.introduction .content h5 {
    font-size: 17px
}

.introduction .content h5 span {
    font-size: 40px;
    padding-left: 10px;
    color: #01918f
}

.introduction .content h5 i {
    font-size: 40px;
    padding-left: 10px;
    color: #5ea403
}

.introduction .content p {
    font-size: 17.5px;
    letter-spacing: .5px
}

@media screen and (min-width: 1601px) {
    .pink-bg .container {
        padding: 80px 0 270px
    }
    .introduction .content {
        width: 55%;
        padding: 30px 50px 30px
    }
}

@media screen and (max-width: 1200px) {
    .introduction {
        padding: 0 15px
    }
    .introduction .content {
        right: 15px;
        width: 56%;
        border-radius: 0
    }
    .introduction .content p {
        font-size:15px
    }
    
}

@media screen and ( max-width:992px) {
    .introduction img {
        width: 100%
    }
    .introduction .content {
        width: 100%;
        position: relative;
        right: 0
    }
    .introduction:first-child {
        margin-bottom: 20px
    }
}

@media screen and ( max-width:480px) {
    .pink-bg {
        background-size: 17px, 222px, 267px, 346px
    }
    .pink-bg .container {
        padding: 40px 15px 100px
    }
    .pink-box {
        height: 96%
    }
    .introduction .content {
        height: auto;
        padding: 20px
    }
    .introduction .content h5 i {
        padding-left: 4px
    }
    .introduction .content h5 span {
        display: block;
        padding-left: 0
    }
    .introduction a {
        color: #5ea403
    }
}

.imformation-three {
    color: #4a4a4a;
    overflow: hidden;
    margin-bottom: 120px
}

.imformation-three h3 {
    font-size: 20px;
    letter-spacing: .5px;
    position: relative
}

.imformation-three h3 i {
    color: #01918f;
    font-size: 36px;
    margin-right: 6px;
    padding-left: 10px
}

.imformation-three img {
    width: 100%
}

.item-information {
    padding: 12px;
    position: relative
}

a.link-imformation {
    position: absolute;
    right: 100px;
    bottom: 40px;
    font-size: 19px;
    color: #4c4c4c;
    letter-spacing: 5px;
    z-index: 9
}

a.link-imformation img {
    width: 53px;
    position: absolute;
    bottom: 12px;
    right: -52px;
    transition: all .4s
}

a.link-imformation:hover img {
    right: -70px
}

.link-news {
    font-size: 17px;
    color: #01918f;
    position: absolute;
    right: 6px;
    bottom: 0
}

.imformation-three .cover {
    border: 1px solid #adadad;
    overflow: hidden;
    width: 100%;
    height: 240px;
    position: relative
}

.imformation-three .cover img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 101%;
    transition: all .5s
}

.imformation-three .cover:hover img,
a.link-imformation:hover + .cover img {
    width: 110%
}

.h_img_cls,
.newscontent p,
.card-category {
    display: none
}

#rwdnews_list {
    border: 1px solid #adadad;
    padding: 15px;
    height: 240px;
    overflow-y: scroll
}

.newscontent {
    letter-spacing: 1px
}

.newscontent span {
    color: #01918f;
    font-size: 17px
}

.newscontent h4 {
    margin-top: 0;
    margin-bottom: 15px
}

.newscontent h4 a {
    font-size: 16px;
    color: #585858
}

.newscontent h4 a:hover {
    color: #01918f
}

@media screen and (max-width: 1199px) {
    .imformation-three .cover,
    #rwdnews_list {
        height: 190px
    }
}

@media screen and (max-width: 630px) {
    .imformation-three h3 i {
        font-size: 26px;
        margin-right: 3px;
        padding-left: 3px
    }
    .imformation-three .cover,
    #rwdnews_list {
        height: 145px
    }
    a.link-imformation {
        right: 54px;
        bottom: 17px;
        font-size: 16px
    }
    a.link-imformation img {
        width: 30px;
        bottom: 9px;
        right: -27px
    }
    a.link-imformation:hover img {
        right: -33px
    }
}

@media screen and (max-width: 480px) {
    .imformation-three {
        margin-bottom: 50px
    }
    .imformation-three h3 {
        margin-top: 0
    }
    .imformation-three .cover {
        height: 110px
    }
}

.banner-title h4 {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 30px
}

.banner-title h4 span:first-child {
    background: #fff;
    color: #01918f;
    padding: 8px 20px;
    box-shadow: 0 0 10px #eee;
    border-bottom-left-radius: 30px
}

.banner-title h4 span:last-child {
    background: #01918f;
    color: #fff;
    padding: 8px 20px;
    box-shadow: 0 0 10px #eee;
    border-radius: 0 30px 30px 0;
}

.banner-title h3 {
    font-size: 24px;
    font-weight: bolder;
    letter-spacing: 1.5px;
    line-height: 1.5;
    color: #3c3c3c;
    text-shadow: 0 0 8px #fff
}

.carousel-inner .item .banner-title {
    position: absolute;
    opacity: 0;
    bottom: 0;
    left: 10%;
    transition: all .5s ease-in-out
}

.item.active .banner-title {
    opacity: 1;
    bottom: 22%
}

.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, #f6f6f6 100%)
}

.carousel-control.left {
    background-image: linear-gradient(to right, #f5f5f5 0, rgba(0, 0, 0, .0001) 100%)
}

@media (max-width: 969px) {
    .item.active .banner-title {
        bottom: 0
    }
    .banner-title h4 {
        font-size: 17px;
        margin-bottom: 0
    }
    .banner-title h4 span:first-child {
        padding: 6px 10px
    }
    .banner-title h4 span:last-child {
        padding: 6px 10px
    }
    .banner-title h3 {
        font-size: 21px;
        letter-spacing: 0;
        background: rgba(255, 255, 255, 0.8);
        padding: 4px 6px
    }
}

@media screen and ( max-width:767px) {
    .carousel-inner .item .banner-title {
        width: 80%;
        bottom: -10%
    }
    .item.active .banner-title {
        bottom: 2%
    }
    .banner-title h3 {
        font-size: 17px
    }
}

.inner-bg {
    background-image: url(../../images/inner-bg.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 270px;
    position: relative;
    border-bottom: 1px solid #e0e0e0
}

.inner-bg i {
    position: absolute;
    top: 32%;
    left: 19%;
    font-size: 42px;
    color: #01918f
}

.inner-bg i.adjust{
    left:21%
}

.inner-bg h2 {
    position: absolute;
    top: 46%;
    left: 15.7%;
    font-weight: 400;
    font-size: 30px;
    letter-spacing: 5px;
    color: #4e4e4e
}

.member-wrapper,
.contact-wrapper,
.category-wrapper,
.search-wrapper,
.product-wrapper,
.news-wrapper {
    padding: 90px 0
}

.pink-inner-box {
    background: #e3e3ef;
    width: 70%;
    height: 100vh;
    position: absolute;
    right: 0;
    z-index: -1
}

@media screen and (min-width: 1700px) {
    .inner-bg {
        height: 324px
    }
    .inner-bg h2 {
        left: 16.4%
    }
}

@media screen and (max-width: 767px) {
    .member-wrapper,
    .contact-wrapper,
    .category-wrapper,
    .search-wrapper,
    .product-wrapper,
    .news-wrapper {
        padding: 30px 0
    }
}

@media screen and (max-width: 480px) {
    .inner-bg {
        height: 160px
    }
    .inner-bg h2 {
        top: 48%;
        left: 8%;
        font-size: 25px
    }
}

.breadcrumb {
    display: none
}

.category-wrapper h3 {
    font-size: 40px;
    letter-spacing: 2px;
    color: #01918f;
    margin-top: 30px
}

.category-wrapper h4 {
    font-size: 20px;
    letter-spacing: .5px;
    color: #79bdbc;
    margin-bottom: 40px
}

.category-wrapper h5 {
    font-size: 20px;
    line-height: 1.7;
    color: #4e4e4e
}

.category-wrapper h6 {
    font-size: 20px;
    border-left: 4px solid #01918f;
    padding-left: 5px;
    color: #01918f
}

.category-wrapper p {
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 1.7
}

.category-wrapper img {
    margin-bottom: 15px;
    max-width: 100%
}

.section {
    position: relative;
    margin-bottom: 50px;
    text-align: justify;
    overflow: hidden
}

.section-title {
    position: absolute;
    width: 45%;
    background: rgba(255, 255, 255, 0.8);
    top: 200px;
    left: 0;
    padding: 30px;
    border: 1px solid #e6e6e6;
    z-index: 2
}

.category-wrapper .title-pic {
    display: block;
    margin-left: auto;
    width: auto
}

@media screen and (max-width: 991px) {
    .section-title {
        position: relative;
        width: 100%;
        background: rgba(255, 255, 255, 0);
        left: auto;
        top: 0;
        padding: 0;
        border: none
    }
    .category-wrapper h3 {
        margin-top: 0
    }
    .category-wrapper .title-pic {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    #category_descr {
        padding: 0 15px
    }
}

@media screen and (max-width: 480px) {
    .member-wrapper,
    .contact-wrapper,
    .category-wrapper,
    .search-wrapper,
    .product-wrapper,
    .news-wrapper {
        padding: 40px 0
    }
    .section {
        margin-bottom: 20px
    }
}

.category-wrapper .notes {
    font-size: 23px;
    color: #1b948f
}

.section .row img {
    padding-right: 20px
}

.experience h6 {
    margin-top: 40px
}

.experience ul li {
    width: 49%;
    display: inline-block;
    font-size: 16px;
    line-height: 2
}

@media screen and (max-width: 991px) {
    .section .row img {
        padding-right: 0
    }
}

@media screen and (max-width: 480px) {
    .experience ul li {
        width: 100%
    }
}

.category-wrapper ul {
    margin-bottom: 30px;
    margin-left: 20px
}

.category-wrapper ul li {
    font-size: 16px;
    line-height: 2;
    position: relative
}

.category-wrapper ul li::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #8bc34a;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: -14px;
    position: absolute;
    top: 12px
}

@media screen and (max-width: 991px) {
    .category-wrapper ul {
        margin-bottom: 0;
        margin-left: 18px
    }
}

.note-top {
    position: relative;
    margin-bottom: 10px
}

.note-top span {
/*
    position: absolute;
    top: 0;
    right: 0;
*/
    font-size: 18px;
    letter-spacing: 2px;
    color: #6d6d6d
}

.Outpatient_time_section .orange {
    display: inline-block;
    color: #e89132;
    font-size: 21px;
    margin-right: 30px
}

.Outpatient_time_section .blue {
    display: inline-block;
    color: #33a2d5;
    font-size: 21px
}

.Outpatient_time_section .orange::before {
    content: "";
    width: 23px;
    height: 23px;
    background: #f59f41;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px
}

.Outpatient_time_section .blue::before {
    content: "";
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #33a2d5;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px
}

.table-title {
    display: block;
    background: #01918f;
    color: #fff;
    text-align: center;
    font-size: 25px;
    letter-spacing: 7px;
    line-height: 2.2
}

.Outpatient_time_section table span {
    display: block
}

.Outpatient_time_section2 table tr td {
    vertical-align: middle;
    text-align: center;
    font-size: 17px;
    color: #4e4e4e;
    padding: 15px 2px 25px;
    position: relative;
    background: #fff;
    border: 1px solid #bfbfbf
}

.Outpatient_time_section2 table tr:first-child td {
    background-color: #fbf8e9;
    height: 66px;
    padding: 15px 2px 14px
}

.Outpatient_time_section2 table tr:first-child td:first-child {
    font-size: 15px;
    letter-spacing: -.2px
}

.Outpatient_time_section2 table tr td:first-child {
    width: 35px
}

.Outpatient_time_section2 table tr td:first-child,
.Outpatient_time_section2 table tr td:nth-child(2) {
    background-color: #fbf8e9
}

.Outpatient_time_section table .orange {
    vertical-align: top;
    margin: 0;
    margin: 0 10px;
    position: relative
}

.Outpatient_time_section table .orange::before {
    margin: 0;
    width: 20px;
    height: 20px
}

.Outpatient_time_section table .orange span {
    font-size: 16px;
    position: absolute;
    top: 31px;
    left: 50%;
    transform: translateX(-50%);
    width: 55px
}

.Outpatient_time_section table .blue {
    vertical-align: top;
    margin: 0 10px;
    position: relative
}

.Outpatient_time_section table .blue::before {
    margin: 0;
    width: 22px;
    height: 22px
}

.Outpatient_time_section table .blue span {
    font-size: 16px;
    position: absolute;
    top: 31px;
    left: 50%;
    transform: translateX(-50%);
    width: 55px
}

.Outpatient_time_section table .time {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    font-size: 18px;
    letter-spacing: .5px
}

.Outpatient_time_section table .time::before {
    content: "*";
    color: #e84018
}

.Outpatient_time_section2 table tr td.brown {
    color: #a27f52;

}

.Outpatient_time_section ol {
    margin-top: 20px
}

.Outpatient_time_section ol li {
    font-size: 17px;
    letter-spacing: 1px;
    margin-bottom: 12px
}

.Outpatient_time_section ol li span {
    color: #138a4e;
    font-size: 20px
}

.Outpatient_time_section ol li span::before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #8bc34a;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 6px
}

@media screen and (max-width: 991px) {
    .Outpatient_time_section table .orange,
    .Outpatient_time_section table .blue {
        margin: 0 2px
    }
    .Outpatient_time_section table .blue span,
    .Outpatient_time_section table .orange span {
        font-size: 15px
    }
    .Outpatient_time_section table .time {
        font-size: 15px;
        top: 6px;
        line-height: 1
    }
}

@media screen and ( max-width:767px) {
    .Outpatient_time_section .orange {
        margin-right: 12px
    }
    .note-top span {
        top: auto;
        bottom: 0;
        letter-spacing: 1px;
        font-size: 14px
    }
    .Outpatient_time_section table tr {
        float: left;
        width: 25%
    }
    .Outpatient_time_section table tr td {
        display: block;
        padding: 16px 2px 28px
    }
    .Outpatient_time_section table tr td:first-child {
        width: auto
    }
    .Outpatient_time_section table tr:first-child td:first-child {
        height: 116px;
        line-height: 70px
    }
    .Outpatient_time_section table tr:not(:first-child) td:nth-child(1),
    .Outpatient_time_section table tr:not(:first-child) td:nth-child(2) {
        padding: 4px 0
    }
    .Outpatient_time_section table tr:first-child td {
        height: auto;
        padding: 25px 2px
    }
    .Outpatient_time_section table tr td.brown {
        font-size: 21px;
        line-height: 74px;
        padding: 0
    }
    .Outpatient_time_section table tr:first-child td:last-child {
        padding: 12px 2px
    }
}

@media screen and ( max-width:480px) {
    .Outpatient_time_section .orange {
        font-size: 16px;
        margin-right: 6px
    }
    .Outpatient_time_section .orange::before {
        width: 18px;
        height: 18px;
        margin-right: 3px
    }
    .Outpatient_time_section .blue {
        font-size: 16px
    }
    .Outpatient_time_section .blue::before {
        width: 19px;
        height: 19px;
        margin-right: 3px
    }
    .note-top span {
        font-size: 13px
    }
    .table-title {
        font-size: 22px;
        letter-spacing: 3px
    }
    .Outpatient_time_section table tr td {
        font-size: 16px;
        padding: 14px 2px 31px
    }
    .Outpatient_time_section table tr:first-child td {
        padding: 23px 2px
    }
    .Outpatient_time_section table tr:first-child td:first-child {
        height: 104px;
        padding-top: 34px;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 1
    }
    .Outpatient_time_section table tr:not(:first-child) td:nth-child(1),
    .Outpatient_time_section table tr:not(:first-child) td:nth-child(2) {
        font-size: 15px
    }
    .Outpatient_time_section table .orange::before {
        width: 18px;
        height: 18px
    }
    .Outpatient_time_section table .blue::before {
        width: 19px;
        height: 19px
    }
    .Outpatient_time_section table .orange,
    .Outpatient_time_section table .blue {
        margin: 0 4px
    }
    .Outpatient_time_section table .blue span,
    .Outpatient_time_section table .orange span {
        font-size: 14px
    }
    .Outpatient_time_section table tr td.brown {
        line-height: 68px;
        font-size: 18px
    }
    .Outpatient_time_section table .time {
        font-size: 13px;
        top: 3px
    }
}

.news_title {
    font-size: 25px;
    margin: 15px 0 25px;
    color: #01918f
}

.caption p {
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #4e4e4e
}

.news_info {
    font-size: 18px
}

.btn-default {
    color: #4e4e4e;
    font-size: 15px;
    margin-bottom: 9px
}

.news_more:hover,
.news_more:focus {
    background-color: #01918f;
    color: #fff;
    border: 1px solid #01918f
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover {
    background-color: #01918f
}

.pagination > li > a:focus,
.pagination > li > a:hover {
    background-color: #8bc34a;
    border: #8bc34a 1px solid
}

.news_content {
    margin-top: 20px
}

h2.news_title + p {
    padding: 0 15px;
    font-size: 16px
}

.news_content .arti-news > img {
    width: 80%;
    margin: 20px auto
}

.news_content h4 {
    color: #72b721
}

.news_content h6 {
    font-size: 20px;
    border-left: 4px solid #01918f;
    padding-left: 5px;
    color: #01918f
}

.news_content .notes {
    font-size: 23px;
    color: #1b948f
}

@media screen and (max-width: 767px) {
    .news_title {
        margin: 15px 0 10px
    }
    .news_content .arti-news > img {
        width: 100%
    }
}

.btn-info {
    background-color: #01918f;
    border-color: #01918f
}

.btn-info:hover {
    background-color: #02c1bf
}

#gotop.gotop {
    padding: 3px 10px;
    background: #01918f;
    border: 1px solid #fff
}

@media screen and (max-width: 480px) {
    #gotop {
        bottom: 28px;
        right: 19px
    }
}

.Changetime_bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(42, 45, 39, 0.52);
    overflow: hidden;
    position: fixed;
    opacity: 1;
    transition: all .5s;
    z-index: 99
}

.inner-page .Changetime_bg {
    opacity: 0;
    transition: all .5s;
    z-index: -1
}

.inner-page .Changetime_bg.showBox {
    opacity: 1;
    z-index: 3
}

.Changetime_bg.hideBox {
    opacity: 0;
    pointer-events: none
}

.Outpatient_Changetime {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 768px;
    height: 82%;
    transform: translate(-50%, -50%)
}


.Changetime_content {
    overflow: auto;
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 12px 30px
}

@media screen and (max-width:767.8px) {
    .Outpatient_Changetime {width: 95%;}
    .Changetime_content{padding: 12px 10px;}
}

.Outpatient_Changetime button.close {
    position: absolute;
    top: -33px;
    right: 3px;
    color: #fff;
    z-index: 999;
    opacity: .7;
    font-size: 29px
}

.Outpatient_Changetime button.close:hover {
    opacity: 1
}

.Outpatient_Changetime h2 {
    font-size: 22px;
    letter-spacing: 1px;
    color: #e85425
}

.Outpatient_Changetime h3 {
    font-size: 18px;
    letter-spacing: .5px;
    color: #585858;
    margin-top: 0;
    margin-bottom: 30px
}

.Outpatient_Changetime h4 {
    text-align: center;
    margin: 0;
    background: #89bf48;
    color: #fff;
    line-height: 2;
    letter-spacing: 5px;
    font-size: 23px
}

.Outpatient_Changetime h5 {
    font-size: 20px;
    text-align: center;
    color: #6f6f6f
}

.Outpatient_Changetime h6 {
    text-align: center;
    font-size: 17px;
    letter-spacing: 1px;
    color: #01918f
}

.Outpatient_Changetime .time_box:not(:last-child) {
    margin-bottom: 65px
}

.Outpatient_Changetime table tr td {
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #0c99bb;
    padding: 18px 2px;
    /* background: #fffef7; */
    border: 1px solid #9a9a9a
}

.Outpatient_Changetime table tr:first-child td {
    font-weight: 700;
    /* background-color: #fbf8e9; */
    color: #505050
}

.Outpatient_Changetime table tr td:first-child {
    width: 8%;
    /* background-color: #fbf8e9; */
    color: #505050
}

.Outpatient_Changetime table tr td.bigText {
    font-size: 25px
}

.Outpatient_Changetime table tr td.brown {
    color: #b39978
}

.time_box.Outpatient_time_section table .orange::before {
    width: 15px;
    height: 15px
}

.time_box.Outpatient_time_section table .blue::before {
    width: 17px;
    height: 17px
}

.time_box.Outpatient_time_section table .blue span,
.time_box.Outpatient_time_section table .orange span {
    font-size: 13px
}

.time_box.Outpatient_time_section table .orange,
.time_box.Outpatient_time_section table .blue {
    margin: 0 2px
}

.time_box.Outpatient_time_section table .time {
    font-size: 12px;
    letter-spacing: 0
}
/*

@media screen and ( max-width:800px) {
    .Outpatient_Changetime {
        width: 98%
    }
    .Outpatient_Changetime table tr td:first-child {
        width: auto
    }
    .Outpatient_Changetime table tr td {
        font-size: 13px
    }
    .time_box.Outpatient_time_section table tr:first-child td:first-child {
        height: 92px;
        line-height: 1.5;
        padding-top: 32px
    }
    .time_box.Outpatient_time_section table tr:first-child td {
        padding: 24px 2px
    }
    .time_box.Outpatient_time_section table tr td {
        padding: 11px 2px 25px
    }
    .time_box.Outpatient_time_section table tr td.brown {
        padding: 0 2px;
        line-height: 66px
    }
    .time_box.Outpatient_time_section table tr:first-child td:last-child {
        padding: 15px 2px
    }
}

@media screen and ( max-width:480px) {
    .Changetime_bg {
        background: rgba(28, 29, 26, 0.85)
    }
    .Outpatient_Changetime {
        width: 92%
    }
    .Changetime_content {
        padding: 12px 15px
    }
    .time_box.Outpatient_time_section .table-title {
        font-size: 19px
    }
    .time_box.Outpatient_time_section table tr:first-child td:first-child {
        height: 104px
    }
    .time_box.Outpatient_time_section table tr:first-child td {
        padding: 20px 2px
    }
    .time_box.Outpatient_time_section table tr td.brown {
        line-height: 58px
    }
    .time_box.Outpatient_time_section table tr:first-child td:last-child {
        padding: 11px 2px
    }
    .time_box.Outpatient_time_sectio .orange::before {
        width: 15px;
        height: 15px
    }
    .time_box.Outpatient_time_sectio .blue::before {
        width: 16px;
        height: 16px
    }
    .time_box.Outpatient_time_section .orange {
        font-size: 16px;
        margin-right: 7px
    }
    .time_box.Outpatient_time_section .blue {
        font-size: 16px
    }
    .time_box.Outpatient_time_section .note-top span {
        font-size: 12px;
        letter-spacing: 0
    }
    .Outpatient_Changetime h6 {
        font-size: 14px;
        letter-spacing: 0
    }
    .Outpatient_time_section table .orange span,
    .Outpatient_time_section table .blue span {
        top: 23px
    }
}
*/

#keyreply-container {
    right: 23px!important;
    bottom: 100px!important
}

.pt-75 {
    padding-top: 75px
}

.mt-75 {
    margin-top: 75px
}

.mb-100 {
    margin-bottom: 100px
}

@media screen and (max-width: 991px) {
    .pt-75 {
        padding-top: 10px
    }
    .mt-75 {
        margin-top: 10px
    }
    .mb-100 {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 480px) {
    #keyreply-container {
        right: 8px!important;
        bottom: 70px!important
    }
}

marquee.marquee_top {
    width: 90%;
    display: block;
    margin: 0 auto;
    font-size: 17px;
    padding: 0 15px;
    padding-top: 15px;
    letter-spacing: 2px;
    color: #424846
}

@media (min-width: 768px) {
    marquee.marquee_top {
        width: 750px
    }
}

@media (min-width: 992px) {
    marquee.marquee_top {
        width: 970px
    }
}

@media (min-width: 1200px) {
    marquee.marquee_top {
        width: 1170px
    }
}

@media (min-width: 1400px) {
    marquee.marquee_top {
        width: 1270px
    }
}