@charset "utf-8";
@media(max-width: 1599px) {
    .my_container{
        max-width: 1472px;
        padding-right: 16px;
        padding-left: 16px;
    }
    .my_container_full{
        padding-right: 16px;
        padding-left: 16px;
    }
    .my_article_container{
        padding-right: 16px;
        padding-left: 16px;
    }
    /*輪播*/
    .my_swiper .swiper-button-prev{
        left: -8px;
    }
    .my_swiper .swiper-button-next{
        right: -8px;
    }
    /*醫生卡片*/
    .doctor_card_list .row{
        margin-left: -16px;
        margin-right: -16px;
    }
    .doctor_card_item{
        padding-left: 24px;
        padding-right: 24px;
    }
    /*icon配文字*/
    .icon_content_list{
        margin-left: -16px;
        margin-right: -16px;
    }
    .icon_content_item{
        padding-left: 16px;
        padding-right: 16px;
    }
    /*數字配文字*/
    .count_content_list{
        margin-left: -16px;
        margin-right: -16px;
    }
    .count_content_item{
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media(max-width: 1439px) {
    .footer_nav_group {
        margin-left: -16px;
        margin-right: -16px;
    }
    .footer_nav_list {
        padding-left: 16px;
        padding-right: 16px;
    }
    /*header*/
    .header_logo a img {
        height: 56px;
    }
    .header_nav .nav{
        margin-left: -16px;
        margin-right: -16px;
    }
    .header_nav .nav-item {
        padding: 0 16px;
    }
    .header_nav .nav-item.dropdown{
        background-size: 14px;
    }
    .header_nav .nav-link h5{
        font-size: 1rem;
    }
    .header_nav .nav-link.header_contactus{
        padding:  0 20px;
    }
    /*首頁-關於我們*/
    .index_about_clinic {
        left: 16px;
        top: -24px;
        width: 48px;
    }
    .index_about_left {
        padding-right: 40px;
    }
    /*首頁-醫療專欄*/
    .index_blog_swiper_box .swiper-button-next {
        right: 8px;
    }
    .index_blog_swiper_box .swiper-button-prev {
        left: 8px;
    }
    /*首頁-最新消息*/
    .index_news_right {
        margin-left: 40px;
    }
    /*首頁-診所資訊*/
    .index_clinic_left {
        padding-right: 40px;
    }
    /*數字配文字*/
    .count_content_item{
        width: 33.333%;
    }
}

/*xl以下*/
@media(max-width: 1199px) {
    h1{
        font-size: 2.25rem;
    }
    h2{
        font-size: 2rem;
    }
    .block_pt{
        padding-top: 48px;
    }
    .block_pb{
        padding-bottom: 48px;
    }
    /*區塊標題*/
    .block_title {
        margin-bottom: 28px;
    }
    .block_title .en {
        font-size: 1rem;
    }
    /*看更多連結*/
    .more_link_box {
        margin-top: 24px;
    }
    /*header*/
    .header_box{
        justify-content: space-between;
        height: 64px;
    }
    .header_logo a img{
        height: 48px;
    }
    .header_nav{
        display: none;
    }
    .header_right{
        display: none;
    }
    .header_office_info {
        display: none;
    }
    .header_right.common{
        display: block;
        width: fit-content;
    }
    .mobile_menu_btn{
        display: block;
    }
    .mobile_btn{
        display: block;
    }
    .mobile_btn .two_btn{
        height: 100%;
    }
    .mobile_btn .two_btn>div{
        display: flex;
        align-items: center;
        padding-top: 12px;
    }
    .mobile_btn .two_btn>div .btn{
        width: 24px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        border: none;
        color: var(--second-color);
    }
    .mobile_btn .two_btn>div .btn:hover, .mobile_btn .two_btn>div .btn:focus{
        box-shadow: none;
    }
    .mobile_btn .two_btn>.mobile_search_btn>.btn{
        font-size: 20px;
    }
    .under_page_header {
        height: 64px;
    }
    /*搜尋*/
    .search_offcanvas .offcanvas-header {
        height: 72px;
        padding: 0;
    }
    .search_offcanvas .offcanvas-body {
        height: calc(100% - 72px);
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 128px;
    }
    /*首頁-服務項目*/
    .index_service_box .index_news_leaf {
        width: 40px;
        right: 24px;
    }
    /*首頁-關於我們*/
    .index_aboutus_box{
        overflow: hidden;
    }
    .index_about_clinic{
        display: none;
    }
    .index_about_left {
        width: 50%;
        padding-top: 24px;
        padding-bottom: 0;
    }
    /*首頁-最新消息*/
    .index_news_left {
        width: 40%;
    }
    .index_news_box .index_news_leaf{
        top: 48px;
        width: 40px;
        right: 24px;
    }
    /*首頁-診所資訊*/
    .index_clinic_left {
        width: 50%;
    }
    /*案例內容頁*/
    .case_header{
        padding-left: 32px;
    }
    /*主治項目*/
    .main_serivce_body {
        padding-top: 0;
        padding-left: 32px;
    }
    /*團隊成員介紹*/
    .doctor_img_box{
        width: 45%;
    }
    .doctor_body{
        padding-left: 32px;
    }
    .visual_content_body {
        flex: 1;
        padding: 0 64px;
    }
    /*圖文區塊*/
    .visual_content_body{
        padding: 0 32px;
    }
}

/*lg以下*/
@media(max-width: 991px) {
    .main_pt{
        padding-top: 24px;
    }
    .main_pb {
        padding-bottom: 48px;
    }
    /*footer*/
    .page_footer {
        padding-top: 48px;
    }
    .footer_logo{
        text-align: center;
    }
    .footer_logo img {
        height: 44px;
    }
    .office_info{
        margin-top: 16px;
        padding-left: 0;
    }
    .office_info_item{
        justify-content: center;
    }
    .footer_nav{
        margin-top: 32px;
    }
    .footer_nav.onenav .nav{
        justify-content: center;
    }
    .footer_social{
        margin-top: 24px;
        justify-content: center;
    }
    /*首頁banner*/
    .banner_Swiper .bg{
        padding-bottom: 60%;
    }
    /*首頁-關於我們*/
    .index_about_row{
        flex-direction: column;
    }
    .index_about_left{
        width: 100%;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 24px;
    }
    .index_about_content{
        margin-right: auto;
        max-width: 700px;
    }
    .index_aboutus_box::after{
        height: 50%;
        width: 100%;
    }
    /*首頁-關於我們*/
    .index_blog_box::before{
        opacity: 1;
        background-attachment: initial;
        background-position: center right;
    }
    /*首頁-最新消息*/
    .index_news_left{
        display: none;
    }
    .index_news_right{
        margin-left: 0;
        max-width: 100%;
    }
    /*首頁-診所資訊*/
    .index_clinic_row{
        flex-direction: column;
    }
    .index_clinic_left{
        width: 100%;
        padding-right: 0;
        padding-bottom: 24px;
    }
    .index_clinic_right iframe{
        height: 250px;
    }
    /*案例內容頁*/
    .case_content_header{
        flex-direction: column-reverse;
        padding-bottom: 0;
        border-bottom: none;
    }
    .case_img{
        width: 100%;
        margin-top: 36px;
    }
    .case_header{
        padding-left: 0;
        width: 100%;
    }
    /*關於上春*/
    .about_title{
        padding-top: 0 !important;
        font-size: 1.25rem;
    }
    .about_content{
        flex-direction: column;
    }
    .about_content_body {
        width: 100%;
        padding-right: 0;
    }
    .about_content_body .block_title {
        margin-right: auto;
        max-width: 700px;
    }
    .about_traffic_row {
        flex-direction: column-reverse;
        width: 100%;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    .about_traffic_right {
        width: 100%;
        padding-left: 0;
        margin-bottom: 28px;
    }
    /*主治項目*/
    .main_serivce{
        flex-direction: column;
    }
    .main_serivce_img_box {
        display: none;
    }
    .main_serivce_body {
        width: 100%;
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 24px;
    }
    .main_serivce_body .more_link{
        margin-left: auto;
        margin-right: auto;
    }
    .service_card_brief {
        max-width: 100%;
    }
    .service_list .row{
        margin-bottom: -64px;
        margin-left: -16px;
        margin-right: -16px;
    }
    .service_item{
        padding-bottom: 64px;
        padding-left: 16px;
        padding-right: 16px;
    }
    /*團隊成員介紹*/
    .doctor_row{
        flex-direction: column;
    }
    .doctor_img_box{
        width: 100%;
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }
    .doctor_body{
        padding-left: 0;
        width: 100%;
        max-width: 550px;
        margin-top: 16px;
        margin-left: auto;
        margin-right: auto;
    }
    .doctor_info_block{
        margin-top: 28px;
    }
    /*圖文區塊*/
    .visual_content_block{
        flex-direction: column;
        width: 100%;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    .visual_content_block.reverse{
        flex-direction: column;
    }
    .visual_content_img{
        width: 100%;
        max-width: 700px;
        margin-bottom: 16px;
    }
    .visual_content_body{
        width: 100%;
        padding: 0;
    }
    /*icon配文字*/
    .icon_content_list{
        margin-bottom: -16px;
        margin-left: -8px;
        margin-right: -8px;
    }
    .icon_content_item{
        padding-bottom: 16px;
        padding-left: 8px;
        padding-right: 8px;
    }
    /*數字配文字*/
    .count_content_list{
        margin-left: -8px;
        margin-right: -8px;
    }
    .count_content_item{
        padding-left: 8px;
        padding-right: 8px;
        width: 50%;
    }
}

/*md以下*/
@media(max-width: 767px) {
    /*頁面標題*/
    .page_title{
        padding-top: 4px;
        margin-bottom: 24px;
        min-height: auto;
    }
    .page_title_content{
        padding-top: 36px;
        padding-left: 32px;
        padding-right: 32px;
        background-size: 40px, 24px;
        background-position: top right, bottom left;
    }
    .page_title_content h1{
        font-size: 1.75rem;
    }
    .page_title_content .en{
        font-size: 1.125rem;
        margin-top: 0;
    }
    .page_title_img {
        height: 200px;
    }
    /*麵包屑*/
    .breadcrumb_box{
        margin-top: -8px;
        margin-bottom: 1.5rem;
    }
    /*頁籤*/
    .my_tabs_nav{
        overflow-x: auto;
    }
    .my_tabs_nav::-webkit-scrollbar {
        display: none;
    }
    .my_tabs{
        flex-wrap: nowrap;
    }
    .my_tabs .nav-link{
        height: 46px;
        margin-bottom: 0;
    }
    /*線上預約表格*/
    .contact_notice h4 {
        text-align: left;
    }
    .contact_form_remind {
        margin-bottom: 24px;
    }
    .contact_line{
        flex-direction: column;
        background-color: var(--bg-color);
        padding: 16px;
    }
    .contact_line_txt{
        margin-bottom: 8px;
    }
    .contact_line_txt::after{
        display: none;
    }
    .contact_form_box {
        box-shadow: none;
        padding: 0;
        background-color: transparent;
    }
    /*404*/
    .error_box{
        flex-direction: column;
        padding-bottom: 32px;
        min-height: auto;
    }
    .error_img{
        text-align: center;
    }
    .error_body{
        text-align: center;
    }
    .error_body .title {
        font-size: 1.5rem;
        margin-bottom: 8px;
    }
    .error_btn {
        margin-top: 24px;
    }
    .error_btn .btn{
        margin: 0 auto;
    }
    /*服務介紹*/
    .service_content_header{
        padding-bottom: 24px;
        margin-bottom: 32px;
        display: flex;
        flex-direction: column;
    }
    .service_img{
        margin-bottom: 24px;
        order: 1;
    }
    .service_title {
        font-size: 1.5rem;
        margin-bottom: 16px;
        order: 2;
    }
    .service_brief{
        order: 3;
    }
    /*icon配文字*/
    .icon_content_item{
        width: 50%;
    }
}

/*sm以下*/
@media(max-width: 575px) {
    h1{
        font-size: 2rem;
    }
    h2{
        font-size: 1.75rem;
    }
    h3{
        font-size: 1.5rem;
    }
    h4{
        font-size: 1.25rem;
    }
    h5{
        font-size: 1.125rem;
    }
    .block_pt {
        padding-top: 32px;
    }
    .block_pb {
        padding-bottom: 32px;
    }
    /*浮動選單*/
    .side_nav_box {
        right: 16px;
        bottom: 64px;
    }
    .side_link {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }
    .side_link img {
        width: 24px;
    }
    /*區塊標題*/
    .block_title {
        margin-bottom: 24px;
    }
    .block_title .en {
        margin-top: 0;
    }
    .block_title .en::after {
        width: 128px;
    }
    .block_title h2{
        font-size: 1.5rem;
    }
    /*頁籤*/
    .my_tabs_content {
        padding-top: 24px;
    }
    /*分享列*/
    .share_list_box{
        margin-top: 24px;
    }
    .share_list_box p {
        margin-bottom: 0;
    }
    /*表單*/
    .my_form_title {
        margin-bottom: -12px;
    }
    .my_form{
        margin-top: -24px;
    }
    .my_form_row{
        padding-top: 24px;
    }
    /*彈窗*/
    .my_modal .modal-header{
        padding-left: 16px;
        padding-right: 16px;
    }
    .my_modal .modal-body{
        padding: 16px 16px 20px 16px;
    }
    .my_modal .modal-footer{
        display: block;
        padding: 20px 16px;
    }
    .footer_btn{
        flex: 1;
    }
    .footer_btn .btn{
        width: 100%;
    }
    /*彈窗-簡易*/
    .simple_modal .modal-dialog{
        max-width: 400px;
    }
    .simple_modal .modal-content{
        border-radius: 16px;
        border: none;
    }
    .simple_modal .modal-header{
        padding-left: 24px;
        padding-right: 24px;
    }
    .simple_modal .modal-body{
        padding: 16px 24px 20px 24px;
    }
    .simple_modal .modal-body .title{
        text-align: center;
        font-weight: 600;
        font-size: 18px;
    }
    .simple_modal .modal-footer{
        padding: 0 24px 20px 24px;
        border-top: none;
        justify-content: center;
    }
    .simple_modal .modal-footer>*{
        margin: 0;
    }
    .simple_modal .modal-footer>.two_btn{
        margin-bottom: -8px;
    }
    .simple_modal .modal-footer .btn+.btn{
        margin-left: 16px;
    }
    .message_modal_content{
        text-align: center;
    }
    /*footer*/
    .footer_nav {
        margin-top: 28px;
    }
    .footer_nav.onenav li+li {
        margin-left: 24px;
    }
    .footer_nav li a {
        font-size: 1rem;
    }
    .office_info_item+.office_info_item {
        margin-top: 4px;
    }
    .footer_line {
        border-top: solid 1px var(--second-color);
        margin-top: 24px;
        margin-bottom: 16px;
    }
    .footer_social {
        margin-top: 20px;
    }
    /*文章列表*/
    .article_card_list{
        margin-bottom: -32px;
    }
    .article_card_item{
        padding-bottom: 32px;
    }
    /*文章清單*/
    .article_inventory_img{
        width: 80px;
    }
    .article_inventory_body{
        padding-right: 8px;
    }
    .article_inventory_body p{
        -webkit-line-clamp: 2;
    }
    /*預防醫學列表*/
    .preventive_card_list{
        margin-bottom: -32px;
    }
    .preventive_card_item{
        padding-bottom: 32px;
    }
    .preventive_card_item .article_card_body {
        padding: 12px 8px 0 8px;
    }
    /*文章列表頁數*/
    .page_box {
        margin-top: 48px;
    }
    /*案例卡片*/
    .case_card_list{
        margin-bottom: -32px;
    }
    .case_card_item{
        padding-bottom: 32px;
    }
    /*消息卡片*/
    .index_news_list{
        margin-top: -16px;
    }
    .news_link {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 16px;
        padding-bottom: 12px;
    }
    .news_link::before{
        display: none;
    }
    .news_link::after{
        display: none;
    }
    .news_date{
        padding: 2px 12px;
        letter-spacing: 0;
        margin-bottom: 8px;
    }
    .news_title{
        padding-left: 12px;
        padding-right: 12px;
        -webkit-line-clamp: 2;
        line-height: 1.4;
        text-align: justify;
    }
    .news_link:hover .news_title{
        color: var(--second-color);
    }
    /*醫生卡片*/
    .doctor_card_list .row{
        margin-bottom: -32px;
    }
    .doctor_card_item{
        padding-bottom: 32px;
    }
    .doctor_card{
        padding-bottom: 28px;
        box-shadow: 0 10px 35px rgb(55, 59, 55, .1);
    }
    .doctor_card_body {
        flex: 1;
        padding: 0 28px;
        background-color: #fff;
    }
    .doctor_card_name .name{
        font-size: 1.5rem;
        letter-spacing: 0.05em;
        line-height: 1.5;
    }
    /*關鍵字*/
    .tag_list{
        margin-bottom: -16px;
    }
    .tag_list span{
        padding-bottom: 16px;
    }
    /*首頁banner*/
    .banner_Swiper .swiper-button-next, .banner_Swiper .swiper-button-prev{
        display: none;
    }
    .banner_Swiper .swiper-pagination{
        bottom: 0;
    }
    /*首頁-服務項目*/
    .index_service_swiper_box {
        margin-top: -24px;
        margin-bottom: -24px;
    }
    .index_service_card:hover{
        background-image: url(../img/index-service-boder.png);
    }
    .index_service_card:hover::after{
        display: none;
    }
    .index_service_swiper .swiper-slide.swiper-slide-active .index_service_card{
        background-image: none;
    }
    .index_service_swiper .swiper-slide.swiper-slide-active .index_service_card::after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background-image: url(../img/index-service-boder-hover.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        z-index: -1;
    }
    .index_service_card_title {
        font-size: 1.75em;
        margin-bottom: 4px;
    }
    .index_service_card_price {
        font-size: 3.5rem;
    }
    /*首頁-關於我們*/
    .index_aboutus_box .more_link{
        margin: 0 auto;
    }
    /*首頁-最新消息*/
    .index_news_box .index_news_leaf {
        top: 24px;
    }
    .index_news_box .more_link{
        margin: 0 auto;
    }
    /*首頁-診所資訊*/
    .index_clinic_info_title{
        padding: 2px 12px;
    }
    .index_clinic_info_txt{
        padding-left: 12px;
    }
    .time_table thead th {
        padding: 8px 4px;
    }
    .time_table td {
        padding: 8px 4px;
    }
    /*門診時間*/
    .hours_table_box {
        margin-top: 16px;
    }
    .hours_during_row{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 30px;
    }
    .hours_during {
        font-size: 1.25rem;
    }
    .hours_table_box .time_table .date {
        font-size: 1.125rem;
    }
    .hours_during_btn{
        width: 100%;
        justify-content: space-between;
    }
    .hours_during_btn_next {
        margin-left: 0;
    }
    .hours_during_btn_prev, .hours_during_btn_next {
        width: 30px;
        height: 30px;
    }
    /*404*/
    .error_img img {
        max-width: 90%;
    }
    /*文章內容頁*/
    .article_page_breadcrumb{
        display: none;
    }
    .article_content_header{
        margin-bottom: 32px;
    }
    .article_title{
        margin-bottom: 12px;
        text-align: justify;
        font-size: 1.75rem;
    }
    .article_img{
        margin-top: 16px;
    }
    .recommend_article .case_card {
        display: flex;
    }
    .recommend_article .case_card_img {
        width: 80px;
    }
    .recommend_article .case_card_body{
        flex: 1;
        padding-top: 0;
        padding-right: 0;
    }
    .case_cardbrief {
        margin-top: 4px;
    }
    /*消息內容頁*/
    .news_content_header{
        padding-bottom: 12px;
        margin-bottom: 24px;
    }
    /*案例內容頁*/
    .case_content_header{        
        margin-bottom: 32px;
    }
    .case_img{
        margin-top: 16px;
    }
    /*主治項目*/
    .main_serivce{
        background-color: #fff;
        padding: 28px 24px;
        box-shadow: 0 10px 35px rgb(55, 59, 55, .1);
        margin-left: 24px;
        margin-right: 24px;
        border-radius: 12px;
    }
    .main_serivce_body{
        padding: 0;
    }
    .main_serivce_title {
        flex-direction: column;
        border-bottom: solid 1px var(--second-color);
    }
    .main_serivce_body .service_card_img {
        margin-left: auto;
    }
    .main_serivce_title .block_title {
        padding-left: 0;
    }
    .main_serivce_title .block_title h2 {
        text-align: center;
        width: 100%;
    }
    .main_serivce_title .block_title p{
        margin-top: 12px;
    }
    .service_card_brief ul li+li {
        margin-top: 4px;
    }
    .service_list{
        /* background: linear-gradient(to bottom, #fff 0, var(--bg-color) 150px, var(--bg-color) 100%); */
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 24px;
        padding-right: 24px;
        /* margin-bottom: -48px;
        padding-bottom: 48px; */
    }
    .service_list .row{
        margin-bottom: -32px;
    }
    .service_item{
        padding-bottom: 32px;
    }
    .service_card{
        background-color: #fff;
        padding: 28px 24px;
        border-radius: 12px;
        box-shadow: 0 10px 35px rgb(55, 59, 55, .1);
    }
    .service_card_title {
        margin-bottom: 12px;
    }
    /*營養諮詢與健康教練*/
    .about_title .no-break{
        display: block;
    }
    .block_title .no-break{
        display: block;
        margin-top: 4px;
    }
    .precision2_last .font_pre{
        font-size: 1rem;
    }
    /*icon配文字*/
    .icon_content_item{
        width: 100%;
    }
    .icon_content_item.col-xl-6{
        width: 100%;
    }
    .icon_content_txt{
        padding-left: 12px;
    }
    /*數字配文字*/
    .count_content_list{
        margin-bottom: -16px;
    }
    .count_content_item{
        width: 100%;
        padding-bottom: 16px;
    }
    .count_content_card {
        padding: 12px;
        display: flex;
    }
    .count_content_num{
        font-size: 1.25rem;
        font-weight: 600;
        width: 40px;
        height: 40px;
        margin-left: 0;
        transform: translateY(0);
    }
    .count_content_txt {
        margin-top: 0;
        flex: 1;
        padding-left: 8px;
    }
    .count_content_txt .title {
        margin-bottom: 0;
    }
    .precision1_seven_ending{
        margin-top: 24px;
        padding: 0;
        background: none;
    }
    .precision1_seven_ending_img {
        display: none;
    }
    .precision1_seven_ending_body {
        padding-left: 0;
        text-align: justify;
    }
}
/*超窄*/
@media(max-width: 350px) {
}