/* 縮小失敗。正在傳回未縮小的內容。
(225,39): run-time error CSS1046: Expect comma, found '0'
(225,43): run-time error CSS1046: Expect comma, found '/'
(535,37): run-time error CSS1046: Expect comma, found '126'
(535,44): run-time error CSS1046: Expect comma, found ')'
 */
/* 縮小失敗。正在傳回未縮小的內容。
(167,39): run-time error CSS1046: Expect comma, found '0'
(167,43): run-time error CSS1046: Expect comma, found '/'
(473,37): run-time error CSS1046: Expect comma, found '126'
(473,44): run-time error CSS1046: Expect comma, found ')'
 */
body {
    background-color: #f7f1f0;
}

a:hover {
    color: transparent;
}
/*-------------------header0401修改-------------------------------------*/
@media screen and (min-width: 850px) {
    .header.attop ul.nav li a {
        color: #54403C;
        font-weight: bold;
        text-shadow: rgb(252, 252, 252) 1px 1px 0px;
    }
}

.header ul.nav > li a {
    color: #54403C;
    font-weight: bold;
    font-size: 14pt;
}

@media screen and (max-width: 850px) {
    .header ul.nav > li a {
        display: block;
        padding: 0 10px;
        border-bottom: 1px solid #F3D5D8;
    }
}

.header .logo {
    top: -5px;
    left: 10px;
}
    /* .header .logo a img {
    width: 280px;
    height: auto;
} */
    .header .logo a img {
        height: 110px;
    }

/* @media screen and (min-width: 850px) {
    .header.attop .logo a img {
        height: auto;
    }
} */
@media screen and (min-width: 850px) {
    .header.attop .logo a img {
        height: 150px;
    }
}

@media screen and (max-width: 850px) {
    .header.attop .logo a img {
        width: auto;
        height: 110px;
        /* margin-top: 6px; */
    }
}

.header {
    height: 100px;
}

    .header ul.nav > li a {
        padding: 30px 10px 0;
        font-size: 16pt;
    }

    .header ul.nav > li::after, .header .book form ul.nav > li.main::before, .book form .header ul.nav > li.main::before {
        background: #fcb9be;
    }

.drop-down-menu ul li {
    background: #F7F1F0;
    color: #54403C;
}

    .drop-down-menu ul li a {
        background: #F7F1F0;
        color: #54403C;
    }

ul.drop-down-menu li:hover > ul a {
    color: #54403C;
    font-size: 13pt;
    padding: 10px 0;
    font-weight: 500;
    background-color: #F7F1F0;
}

ul.drop-down-menu li:hover > ul {
    margin-top: 0px;
    background-color: #F7F1F0;
}
/* @media screen and (max-width: 850px){
    ul.drop-down-menu ul{
        position: relative;
    }   
} */

.header ul.drop-down-menu ul > li a:hover {
    background: #F3D5D8;
}

@media screen and (max-width: 850px) {
    .header ul.nav {
        top: 100px;
        background: #F7F1F0;
    }
}


.header #mmb::after, .header .book form #mmb.main::before, .book form .header #mmb.main::before {
    color: #fcb9be;
}

.header #mmb {
    right: 10px;
    top: 10px;
}

    .header #mmb.active {
        background: #e5828b;
    }

.banners .branches .mode1 {
    overflow: auto;
}

@media screen and (max-width: 850px) {
    .banners .branches {
        background: #f7f1f0;
    }
}
/*---------------側邊欄----------------*/
@media screen and (min-width: 768px) {
    .fixed-icon-btn {
        top: 200px;
    }
}
/*------------------輪播--------------------------*/
.banners .branches .mode1 > div span.map-point {
    color: #fcb9be;
}

.banners .branches .mode2 span {
    color: #fcb9be;
}

.banners .slide_btn.prev:hover::before, .banners .slide_btn.next:hover:before {
    color: #ce747f;
}

/*-----------------最新消息------------------------------------*/
.news_homearea {
    background: none;
    background-color: #f3d5d8;
    padding: 40px 0;
}

.news_home .new_title h3, .news_home .new_title p, .fa-angle-double-right:before {
    color: #c7706e;
}

.news_home .new_body {
    border-left: 1px solid #c7706e;
}

.news_home li .date {
    background-color: #c7706e;
}

.news_home li .text h3:hover {
    color: #c7706e;
}

@media screen and (max-width: 570px) {
    .news_home .new_title {
        border-bottom: 1px solid #c7706e;
    }

    .news_home .new_body {
        border-left: none;
    }
}
/*-------------婦產科-服務項目--------------------------*/
#service.thoughtful-features {
    background: none;
    background-color: #f7f2f1;
}

.features_index li::after, .features_index .book form li.main::before, .book form .features_index li.main::before {
    background-color: #cc646b;
}

.features_index li:nth-child(odd)::after, .features_index .book form li.main:nth-child(odd)::before, .book form .features_index li.main:nth-child(odd)::before {
    background-color: #f89ea5;
}

.maptitle {
    background: none;
    background-color: #f7f2f1;
}

@media screen and (max-width: 850px) {
    .features_index li p {
        color: #cc646b;
        padding-right: 0;
        padding-bottom: 25px;
    }
}
/*--------------------婦產科-服務項目內容-------------------------------------------*/
.content .service-area {
    border: 2px solid #d99f9e;
    border-radius: 8px;
    background: transparent;
    box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 10%);
    padding: 0 50px;
    margin: 0 30px;
}

.content .service-title > p {
    color: #d99f9e;
}

.content .service-title {
    border-bottom: 2px solid #d99f9e;
}

.content .service-list a .item {
    border-right: 2px solid #d99f9e;
}

@media screen and (max-width: 768px) {
    .content .service-list a .item {
        border-right: none;
        border-top: 1px solid #d99f9e;
    }

    .content .service-list a:nth-child(3n+0) .item {
        border-top: 1px solid #d99f9e;
    }
}

.content .service-list a .item:hover {
    background-color: #d99f9e;
    color: #fff;
}
/*------------------門診表-----------------------------*/


/*----------------地圖--------------------------*/

.map {
    background-color: #f7f2f1;
    padding: 0 0 50px;
}

.gmap-icon {
    width: 40px;
    height: 40px;
}

.map-img {
    width: 100%;
    height: auto;
    max-width: 675px;
    border: 1px solid #c3a8a1;
    border-radius: 30px;
}

#map h4 {
    color: #c3a8a1;
    font-size: 25pt;
}

#map span {
    color: #787785;
    font-size: 20pt;
}
/* .map{
    margin: 0 0 100px;
    } */

@media(max-width:768px) {
    #map h4 {
        font-size: 16pt;
        padding-left: 30px;
    }

    #map span {
        font-size: 14pt;
        padding-left: 30px;
    }

    .map {
        margin: 0 0 30px;
    }
}

@media(max-width:540px) {
    .map .container {
        height: 600px;
    }
}

.d-flex {
    display: flex;
}

.mx-auto {
    margin: 0 auto;
}

/*--------------footer-------------------------------------*/
.footer .slogan {
    padding: 100px 0;
}

@media(max-width:768px) {
    .footer .slogan {
        padding: 80px 0;
    }
}

.footer .footer_info {
    background-color: #d99f9e;
    height: 540px;
}

@media screen and (min-height: 1024px) {
    .footer .footer_info {
        height: 600px;
    }
}

@media screen and (min-height: 1366px) {
    .footer .footer_info {
        height: 1000px;
    }
}

@media screen and (max-width: 820px) {
    .footer .footer_info {
        height: 800px;
    }
}

@media screen and (max-width: 768px) {
    .footer .footer_info {
        height: 600px;
    }
}

@media screen and (max-width: 570px) {
    .footer .footer_info {
        height: 730px;
    }
}

.footer svg {
    width: 30px;
    height: auto;
    margin-right: 5px;
}

.footer .footer_info .branches > div h3.green, .footer .footer_info .branches > div h3 {
    color: #aa393d;
}

.footer-care-list, .footer .footer_info .links a, .footer .footer_info .qrcode_info p {
    color: #7e4e35;
}

.footer .footer_info .copyright {
    color: #787785;
}

.footer .footer_info .qrcode_info {
    border-right: 1px solid #aa393d;
}

/* .footer .slogan .text .tin > div{
    font-family: 微軟正黑體 ;
    font-weight: bold;
} */

@media screen and (max-width: 570px) {
    .footer .footer_info .copyright {
        border-top: 1px solid #aa393d;
    }

    .footer .footer_info .qrcode_info {
        border-right: none;
    }
}

.community-icon {
    display: inline-block;
    width: 30px;
    height: auto;
}
/*--------------------banner---------------------------------------*/
.banners.news, .banners.intro, .banners.team_b {
    background-image: url(../images/headerbg.jpg);
    background-position: bottom 240px right -10px;
}

.article > h2 {
    color: #e5828b;
    border-bottom: 1px solid #e5828b;
}

.article > h3, .article > div.editor > ul li::before {
    color: #e5828b;
}

.article > div.editor > h1, .article > div.editor > h2, .article > div.editor > h3, .article > div.editor > h4, .article > div.editor > h5, .article > div.editor > h6 {
    border-bottom: 1px solid #e5828b;
}

.article > div.editor > table > tbody > tr > th {
    background: #f3b5b4
}

    .article > div.editor > table > tbody > tr > td, .article > div.editor > table > tbody > tr > th.name {
        background: #fff0f2
    }

.article::after, .book form .article.main::before {
    width: 198px;
    height: 196px;
    background-size: 198px 196px;
    top: 100px;
    right: -120px;
}

.article::before {
    bottom: 50px;
    left: -120px;
    width: 190px;
    height: 215px;
    background-size: 190px 215px;
    transform: rotate(50deg);
}
/*------------------media醫師專欄/媒體專區--------------------------------------*/
.catalog, .pager {
    background-color: #e8c5cb;
}

    .catalog a, .catalog a.active {
        color: #787785;
        font-size: 14pt
    }

    .catalog a {
        border-right: 1px solid #e5828b;
    }

        .catalog a:hover {
            color: #cc646b;
        }

    .pager a.active, .pager a:hover {
        color: #787785;
    }
/* .news_index li{
    border: 2px solid #eca4a2;
    border-radius: 10px;
} */
.news_index li > a {
    background: #fde1e1
}

.news_index li .date {
    background: #d99f9e;
}

.news_index li .text h3 {
    color: #d99f9e;
}

.news_index li .text {
    border-left: 1px solid #d99f9e;
}

.article > h3 a {
    color: #e5828b;
}

.news_index li > a:hover:before {
    color: #7e4e35;
}

.pager a {
    color: #787785;
}

    .pager a:hover, .pager a.active {
        color: #b64f18;
    }
/*------------------院所介紹----------------------------*/
.banners.team_b .intro, .banners.team_b .deco {
    background: #e8c5cb;
    color: #cc646b;
}

.adress-icon {
    width: 26px;
}

.clinic_info > div .clinic h3 {
    color: #c3a8a1;
}

.gallery {
    border-radius: 25px;
}

.clinic svg {
    width: 30px;
    margin: 8px 5px;
}
/*------------------------院長專區-----------------------------------*/
.about > div img, .doctor > div > img {
    border-radius: 20px;
    box-shadow: 5px 5px 5px rgb(126 126 126);
}

.about h3, .doctor h3 {
    color: #aa8981;
    border-left: 3px solid #aa8981;
}

.about h2, .doctor h2 {
    color: #aa8981;
}

.about .subtitle, .doctor .subtitle {
    color: #e5828b;
}

    .about .subtitle::after, .about .book form .subtitle.main::before,
    .book form .about .subtitle.main::before, .doctor .subtitle::after,
    .doctor .book form .subtitle.main::before, .book form .doctor .subtitle.main::before {
        border-top: 1px solid #e5828b;
    }

.about ul li::before, .doctor ul li::before {
    color: #e5828b;
}
/*------------------------醫療團隊-----------------------------------*/
.doctor {
    border-bottom: 3px dotted #dbb4b8;
}
    /*------------------------醫療團隊3/31修改-----------------------------------*/
    .doctor > div > img {
        max-width: 400px; /*----------如修改，改成max-width: 400px;-----------------------*/
        width: 100%;
    }

    .doctor ul li {
        width: 100%;
    }
    /*--------原為width: 40%;---------------------*/
    .doctor > div {
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        float: left;
    }

        .doctor > div:last-child {
            width: 50%;
        }
/*------------------------醫學美容內容--------------------------------------*/
.main-title {
    margin-top: 207px;
    border-top: 1px solid #bababb;
}

@media(max-width:768px) {
    .main-title {
        margin-top: 0px;
    }
}

.main-title h1 {
    color: #e5828b;
}
/*---------------------醫學美容內容---------------------------------*/

.beauty-content {
    width: 100%;
}

@media(max-width:768px) {
    #beauty-tab .light-btn {
        max-width: 350px;
        font-size: 12pt;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 5px;
    }

    .beauty-content img {
        max-width: 300px;
    }
}

.beauty-pic {
    display: inline-block;
    width: 100%;
    max-width: 400px;
    height: 450px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 150px 0 50px;
    margin-left: 150px;
    position: relative;
}

    .beauty-pic::after {
        content: '';
        width: 100%;
        max-width: 400px;
        height: 450px;
        background-color: #f7f1f0;
        position: absolute;
        top: -60px;
        left: 60px;
        z-index: -1;
    }

@media(max-width:768px) {
    .beauty-pic {
        margin: 50px 0;
        background-image: url(https://picsum.photos/id/500/1000/550);
        background-position: center center;
        background-repeat: no-repeat;
    }

        .beauty-pic::after {
            display: none;
        }
}

.pic-position {
    display: flex;
    flex-direction: row;
    justify-content: center;
    z-index: 0;
}

.beauty-content h2 {
    padding: 30px 0 0 30px;
    color: #c3a8a1;
    font-weight: bold;
    font-size: 4rem;
}

.beauty-content p {
    padding: 10px 20px 10px 20px;
    /* text-align: center; */
    line-height: 50px;
    font-size: 16pt;
    color: #787785;
}

@media(max-width:768px) {
    .beauty-content h2 {
        padding: 30px 0px 0 10px;
    }

    .beauty-content p {
        padding: 10px 10px 0 10px;
    }
}

/* .beauty-box {
    margin: 50px 0;
    padding: 30px;
} */

.beauty-box h4 {
    padding: 20px 0;
    color: #e5828b;
    font-weight: bolder;
    font-size: 3rem;
}

.beauty-box li {
    list-style-type: none;
    padding: 20px 0;
    font-size: 14pt;
    color: #787785;
}
/*----------------導覽列0331新增---------------------------*/
@media screen and (min-width: 668px) {
    .d-none {
        display: none;
    }

    .header ul.nav > li.right-menu {
        display: none;
    }
}

/*------------banner新細明體改微軟正黑0331新增---------------------------------------*/
.banners .wording {
    font-family: 微軟正黑體;
    font-weight: 500;
}

@media screen and (max-width: 570px) {
    .banners.news .wording {
        top: 110px;
    }

    .banners.team_b .wording {
        top: 110px;
    }
}

@media screen and (min-width: 850px) {
    .banners.team_b .wording {
        top: 200px;
    }
}
/*---------------.banners .branches .mode1------------------------------------------*/
.banners .branches .mode1 > div {
    padding: 15px 20px 5px 20px;
}