@charset "utf-8";
@media(max-width: 1599px) {
    .index_partner_card.partner1 .index_partner_card_img img{
        margin-top: -28px;
    }
}
@media(max-width: 1439px) {
}

/*xl以下*/
@media(max-width: 1279px) {
    body {
        font-size: 13px;
        line-height: 1.5;
    }
    .my_container{
        padding-right: 15px;
        padding-left: 15px;
    }
    .my_container_s {
        padding-right: 15px;
        padding-left: 15px;
    }
    .block_pt{
        padding-top: 60px;
    }
    .block_pb{
        padding-bottom:30px;
    }
    /*文字樣式*/
    .heading1{
        font-size: 42px;
        line-height: 40px;
        letter-spacing: 1px;
    }
    .heading2{
        font-size: 25px;
        line-height: 40px;
    }
    .font_title1{
        font-size: 40px;
        line-height: 1.48;
        letter-spacing: 2px;
    }
    .font_title5{
        font-size: 16px;
    }
    .Text_Sans_Bold{
        font-size: 13px;
        letter-spacing: 1.5px;
    }
    /*頁面標題*/
    .page_frist_box{
        background: linear-gradient(-44deg, rgb(239, 214, 195, .3) 0%, #F2E7DD 34%, #ECD5CC 51%, #EDDBCD 72%, rgb(229, 196, 167, .2));
        padding-left: 5px;
        padding-right: 5px;
    }
    .page_title h1{
        font-size: 13px;
        letter-spacing: 1.5px;
    }
    .page_brief {
        margin-top: 24px;
    }
    .page_frist_box_lighe{
        position: absolute;
        left: -44px;
        right: auto;
        bottom: -130px;
        height: 514px;
        width: calc(100% + 88px);
        filter: blur(15.7px);
        opacity: .9;
    }
    .page_frist_border {
        padding-bottom: 60px;
        margin-left: -5px;
        margin-right: -5px;
        border-radius: 0;
    }
    /*區塊標題*/
    .block_title{
        margin-bottom: 48px;
    }
    .block_title .en{
        font-size: 42px;
        letter-spacing: 1px;
        line-height: 40px;
    }
    .block_title h2{
        font-size:13px;
        letter-spacing: 1.5px;
    }
    .block_title h2::after{
        width: 100%;
    }
    /*區塊標題-小*/
    .block_title_xs h2{
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 24px;
    }
    /*區塊標題樣式3*/
    .block_title3 {
        margin-bottom: 20px;
    }
    .block_title3 .ch-title {
        justify-content: center;
        padding-left: 0;
    }
    .block_title3 .ch-title .title::after{
        width: 60px;
    }
    .block_title3 .en-title{
        text-align: center;
    }
    /*區塊標題樣式4*/
    .block_title4{
        text-align: center;
    }
    /*內容標題*/
    .content_title h3{
        font-size: 13px;
        letter-spacing: 1.5px;
    }
    /*按鈕-方圓角*/
    .square_btn{
        font-size: 13px;
        letter-spacing: 1.5px;
    }
    /*header*/
    .page_header .my_container{
        padding-left: 6px;
        padding-right: 10px;
    }
    .header_box{
        padding-top: 15px;
        padding-bottom: 15px;
        height: 84px;
    }
    .header_logo a img{
        width: 145px;
    }
    .header_nav{
        display: none;
    }
    .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;
    }
    .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;
    }
    /*footer*/
    .footer_link_row{
        flex-direction: column;
        padding: 64px 32px;
    }
    .footer_logo {
        width: 100%;
    }
    .footer_logo img{
        width: 250px;
    }
    .footer_office{
        margin-top: 64px;
    }
    .footer_office_list{
        justify-content: center;
    }
    .footer_copyright {
        border-radius: 16px 16px 0 0;
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 11px;
        line-height: 1.4;
        letter-spacing: 1.5px;
    }
    /*懸浮列*/
    .side_nav_box{
        top: auto;
        bottom: 30vw;
        left: auto;
        right: 15px;
        transform: translateY(0);
        flex-direction: column-reverse;
        width: 44px;
        padding: 0 3px;
        border-radius: 20px 20px 3px 20px;
    }
    .side_nav{
        height: 0;
        overflow: hidden;
        transition: height 0.3s ease;
    }
    .side_nav.active {}
    .side_nav_item:hover .side_nav_menu{
        height: 146px
    }
    .side_nav_item:first-child{
        padding-top: 3px;
    }
    .side_nav_item+.side_nav_item{
        margin-top: 6px;
    }
    .side_nav_link{
        width: 38px;
        height: 40px;
        padding: 10px 0;
        letter-spacing: 1.3px;
    }
    .side_nav_link:hover{
        background-color: transparent;
    }
    .side_nav_btn{
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 0;
    }
    .side_nav_menu {
        margin-top: 8px;
    }
    .side_nav_lv2_list {
        width: 100%;
        border: solid 1px var(--border-color2);
        border-left-width: 0;
        border-right-width: 0;
        border-radius: 20px;
        padding: 2px 1px;
        row-gap: 16px;
    }
    .side_nav_lv2_list .dropdown-item{
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .side_nav_lv2_list img{
        width: 28px;
    }
    /*關於我們*/
    .index_about_row{
        flex-wrap: wrap;
        column-gap: 15px;
    }
    .index_about_ellipse{
        top: 0;
    }
    .index_about_ellipse .ellipse{
        width: 214px;
        height: 214px;
        filter: blur(50px);
    }
    .index_about_left{
        order: 1;
        width: 50%;
        flex: 1;
    }
    .index_about_right{
        order: 2;
        width: 50%;
        flex: 1;
    }
    .index_about_center{
        order: 3;
        width: 100%;
        padding-top: 60px;
    }
    .index_about_center .block_title_xs{
        width: 100%;
        max-width: 255px;
        margin-left: auto;
        margin-right: auto;
    }
    .index_about_left_txt{
        display: none;
    }
    .index_about_photo_row {
        column-gap: 15px;
    }
    .index_about_photo_img{
        height: 54vw;
        overflow: hidden;
    }
    .index_about_photo_img.dean1, .index_about_photo_img.dean2{
        border-radius: 5px 30px 20px 10px;
    }
    .index_about_photo_img.dean3, .index_about_photo_img.dean4{
        border-radius: 30px 5px 10px 20px;
    }
    .index_about_photo_img.dean1{
        margin-top: 46px;
    }
    .index_about_photo_img.dean2{
        transform: translateY(0);
    }
    .index_about_photo_img.dean3{
        transform: translateY(-15px);
    }
    .index_about_photo_img.dean4{
        margin-top: 18px;
    }
    .index_about_photo_img.dean1 img{
        margin-top: -32px;
    }
    .index_about_photo_img.dean2 img{
        margin-top: -28px;
    }
    .index_about_photo_img.dean3 img{
        margin-top: -40px;
    }
    .index_about_photo_img.dean4 img{
        margin-top: -48px;
    }
    .index_about_center .more_link {
        margin-top: 122px;
    }
    /*治療項目*/
    .index_service_ellipse{
        top: 80px;
        right: -18px;
    }
    .index_service_ellipse .ellipse{
        width: 182px;
        height: 182px;
    }
    .index_service_box .block_title{
        width: 100%;
        max-width: 255px;
        margin-left: auto;
        margin-right: auto;
    }
    .index_service_box .block_title .block_brief{
        padding-top: 1.55rem;
        padding-bottom: 1.55rem;
    }
    .index_service_list{
        margin-top: 48px;
        column-gap: 15px;
        row-gap: 30px;
    }
    /*醫療團隊*/
    .index_team_row{
        display: flex;
        flex-direction: column;
    }
    .index_team_tag{
        order: 1;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .index_team_list{
        order: 3;
    }
    .index_team_body{
        order: 2;
        padding-left: 0;
        width: 100%;
        max-width: 255px;
        margin-left: auto;
        margin-right: auto;
    }
    .index_team_body .block_brief {
        margin-top: 24px;
    }
    /*合作伙伴*/
    .index_partner_row{
        display: block;
    }
    .index_partner_en{
        left: 3px;
    }
    .index_partner_left .block_title_xs{
        width: 100%;
        max-width: 255px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 44px;
        text-align: center;
    }
    .index_partner_right{
        margin-top: 80px;
    }
    .index_partner_list{
        column-gap: 15px;
    }
    .index_partner_item{
        flex: 1 1 50%;
        max-width: calc(50% - 7.5px);
    }
    .index_partner_item+.index_partner_item {
        margin-left: 0;
    }
    .index_partner_card_img{
        height: 76vw;
    }
    .index_partner_card.partner1 .index_partner_card_logo {
        width: 172px;
        padding-top: 17px;
    }
    .index_partner_card.partner1 .index_partner_card_logo img {
        margin-right: -5px;
    }
    .index_partner_card.partner2 .index_partner_card_logo {
        width: 150px;
        padding-top: 55px;
    }
    .index_partner_card.partner2 .index_partner_card_logo img {
        margin-left: 9px;
    }
    .index_together_box{
        height: 88px;
        margin-top: -18px;
        display: flex;
        align-items: center;
    }
    .index_together_box .txt{
        font-size: 72px;
        line-height: 0.85;
        letter-spacing: 2px;
        animation: together_marquee 30s linear infinite;
        animation-delay: -15s;
    }
    .index_partner_spotlight1 {
        left: -27px;
        top: 200px;
        filter: blur(60px);
    }
    .index_partner_spotlight2 {
        top: 45px;
        right: -107px;
    }
    .index_partner_spotlight4 {
        left: auto;
        right: 50px;
        top: 158px;
        bottom: auto;
        width: 216px;
        height: 216px;
    }
    /*聯絡我們*/
    .index_contact_box{
        margin-top: -10px;
    }
    .index_contact_box::before{
        background: linear-gradient(-80deg, rgb(239, 214, 195, .3) 0%, #F2E7DD 34%, #ECD5CC 51%, #EDDBCD 72%, rgb(229, 196, 167, .2));
    }
    .index_contact_title {
        padding-top: 0;
        padding-left: 0;
        padding-right: 20px;
        margin-bottom: 30px;
        align-items: center;
    }
    .index_contact_title .en .m_h{
        display: none;
    }
    .index_contact_title h2{
        font-size: 18px;
        line-height: 1.8;
        letter-spacing: 1px;
        padding-top: 0;
    }
    .index_contact_title h2::after{
        margin-left: 20px;
        flex: 1;
    }
    .index_contact_tag {
        margin-bottom: 18px;
    }
    .index_contact_tag_content {
        background: linear-gradient(to bottom, var(--bg-color) 0%, var(--bg-color) 90%, rgb(245, 240, 236, 0) 100%);
        border-radius: 25px 25px 3px 3px;
        padding: 60px 30px;
    }
    .i_c_c_time_hour {
        margin-top: 31px;
        column-gap: 7px;
    }
    .i_c_c_time_hour_item{
        flex: 1;
    }
    .index_contact_way {
        margin-top: 36px;
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
    }
    .index_contact_way_item {
        padding: 18px;
        width: 100%;
        max-width: 210px;
    }
    .index_contact_trans {
        margin-top: 36px;
        flex-direction: column-reverse;
        row-gap: 33px;
    }
    .index_contact_trans_body {
        padding-left: 0;
        padding-right: 0;
    }
    .index_smile_box.block_pt{
        padding-top: 20px;
    }
    .index_smile_txt1{
        margin-bottom: 40px;
        font-size: 13px;
        letter-spacing: 1.5px;
    }
    .index_smile_txt2{
        font-size: 120px;
        letter-spacing: -0.02em;
    }
    /*醫師團隊*/
    .director_box {
        margin-bottom: 0;
    }
    .doctor_swiper_logo{
        text-align: right;
        margin-bottom: 20px;
    }
    .director_item_row, .director_item_row.reverse{
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
    }
    .director_item{
        min-height: auto;
    }
    .director_item:not(:last-child){
        padding-bottom: 60px;
    }
    .director_item:last-child{
        padding-top: 0;
    }
    .director_item_img{
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    .director_item_body{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .all_doctor_tag {
        margin-bottom: 20px;
        padding: 12px 6px;
    }
    .doctor_swiper_box+.doctor_swiper_box {
        margin-top: 20px;
    }
    .swiper_tool_row{
        margin-top: 20px;
    }
    .doctor_swiper_card_img {
        padding: 30px 0 0 0;
    }
    .doctor_swiper_card_img::after{
        left: 50%;
        transform: translateX(-50%);
    }
    .profile_card_namerow {
        margin-bottom: 20px;
    }
    .profile_specialty_list {
        margin-bottom: 20px;
    }
    .profile_cv_item+.profile_cv_item {
        margin-bottom: 20px;
    }
    .all_doctor_marquee_item{
        width: calc((100vw - 30px) * 0.5);
    }
    /*關於我們*/
    .page_frist_box.page_frist_border{
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .page_frist_box.about .page_frist_box_lighe {
        left: -69px;
        width: calc(100% + 138px);
        bottom: -60px;
    }
    .about_header_typewriter{
        min-height: 60px;
        width: 100%;
        text-align: center;
    }
    .about_history_row {
        flex-direction: column;
        padding: 0 37.5px;
    }
    .about_history_left, .about_history_right {
        width: 100%;
    }
    .about_history_box{
        padding-bottom: 60px;
    }
    .about_history_box_lighe1 {
        top: 0;
        left: -42px;
    }
    .about_history_box_lighe2{
        bottom: -3px;
        right: -95px;
    }
    .about_history_title{
        text-align: center;
    }
    .about_history_left {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 40px;
    }
    .about_history_office_list {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 20px;
        margin-left: 0;
        margin-right: 0;
    }
    .about_history_en{
        left: -37.5px;
    }
    .about_history_office_item {
        width: 100px;
    }
    .about_history_year_item {
        padding-left: 20px;
        padding-bottom: 36px;
    }
    .about_history_year_item .circle{
        top: 0;
        left: -9px;
        width: 18px;
        height: 18px;
    }
    .about_story_box {
        padding-top: 30px;
        padding-bottom: 39px;
    }
    .about_story_content_box {
        position: initial;
        height: auto;
        padding-right: 15px;
        padding-left: 15px;
    }
    .about_story_content{
        position: relative;
        padding: 0 15px 36px 15px;
        z-index: 2;
    }
    .about_story_marquee_item {
        width: auto;
        padding-left: 14px;
        padding-right: 14px;
        opacity: .7;
    }
    .about_story_marquee_card{
        width:120px;
        height:180px;
    }
    .about_story_marquee_img img {
        width: 120%;
        left: -10%;
    }
    .about_story_marquee_item:nth-child(even){
        transform: translateY(20px);
    }
    .about_season_box{
        padding-bottom: 40px;
    }
    .about_season_block+.about_season_block {
        margin-top: 40px;
    }
    .about_season_header_content {
        height: 345px;
    }
    .about_season_side{
        top: 0;
        left: 7px;
    }
    .about_season_header_txt .br{
        display: block;
    }
    .about_season_main{
        margin-left: -15px;
        margin-right: -15px;
    }
    .seasonphoto_marquee_img{
        position: relative;
        height: 220px;
        width: 165px;
    }
    .about_season_content {
        position: relative;
        left: auto !important;
        right: auto !important;
        width: fit-content;
        padding: 15px;
        margin-top: -53px;
        z-index: 2;
    }
    .about_season_spring .about_season_content{
        margin-left: auto;
        margin-right: 15px;
        padding: 15px 37px;
    }
    .about_season_summer .about_season_content{
        margin-left: 15px;
    }
    .about_season_fall .about_season_content{
        margin-left: auto;
        margin-right: 15px;
    }
    .about_season_winter .about_season_content{
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 40px;
        padding: 0 15px;
        margin-top: 0;
        padding-top: 40px;
        justify-content: flex-start;
    }
    .about_season_content .br{
        display: block;
    }
    .about_season_bigword{
        position: relative;
        margin-bottom: -74px;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: 2;
        width: 205px;
        padding-bottom: 30px;
        background-image: url(../img/season_word_bg_s.png);
    }
    .about_season_bigword .txt {
        margin-top: 0;
    }
    .about_season_spring .about_season_bigword{
        margin-left: 20px;
    }
    .about_season_summer .about_season_bigword{
        margin-left: auto;
        margin-right: 10px;
    }
    .about_season_fall .about_season_bigword{
        margin-left: 34px;
        margin-bottom: -62px;
    }
    .about_season_winter .about_season_bigword{
        margin-left: auto;
        margin-right: 8px;
    }
    .about_season_winter{
        opacity: .9;
    }
    .about_season_winter .about_season_main {
        box-shadow: none;
    }
    .about_season_winter_img {
        height: 220px;
        overflow: hidden;
    }
    .about_season_winter_img img {
        margin-top: 0;
    }
    /*治療項目*/
    .page_frist_box.treatments .page_frist_box_lighe,
    .page_frist_box.treatments_content .page_frist_box_lighe {
        left: -69px;
        width: 513px;
        height: 654px;
        bottom: -168px;
    }
    .treatments_type_list_box{
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 0;
    }
    .treatments_type_item{
        width: 100%;
    }
    .treatments_type_card{
        flex-direction: column;
        align-items: initial;
        padding: 10px;
        border-radius: 25px;
        background-color: var(--bg-color5);
        border: solid 1px rgb(255 255 255 / 80%);
        transition: all .3s;
        z-index: 2;
    }
    .treatments_type_left{
        width: 100%;
        justify-content: center;
    }
    .treatments_type_img{
        flex: inherit;
        width: 141px;
        padding: 20px 10px;
        z-index: 2;
    }
    .treatments_type_title{
        position: absolute;
        top: 0;
        left: 0;
    }
    .treatments_type_left_bg{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: auto;
        top: 0;
    }
    /*治療項目內容頁*/
    .treatments_block_title {
        margin-bottom: 40px;
        padding-left: 60px;
        padding-right: 60px;
        text-align: center;
    }
    .treatments_case_box {
        padding-top: 60px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .treatments_case_img{
        margin-bottom: 40px;
    }
    .treatments_target_box{
        padding-left: 5px;
        padding-right: 5px;
    }
    .treatments_target_col{
        padding: 60px 45px;
    }
    .treatments_advantages_list{
        column-gap: 0;
        padding: 0 5px;
        flex-direction: column;
        row-gap: 40px;
    }
    .treatments_advantages_item{
        width: 100%;
    }
    .treatments_advantages_img {
        padding: 0 0 20px 0;
        width: 190px;
        margin-left: auto;
        margin-right: auto;
    }
    .treatments_process_box{
        padding-left: 5px;
        padding-right: 5px;
    }
    .treatments_process_list{
        margin-left: 51px;
        width: auto;
    }
    .treatments_process_item {
        padding-left: 20px;
    }
    .treatments_process_body {
        flex-direction: column;
        row-gap: 10px;
        align-items: flex-start;
    }
    .treatments_process_txt {
        padding-left: 0;
    }
    .treatments_evolution_list {
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
        margin-bottom: 0;
    }
    .treatments_evolution_box {
        padding-left: 5px;
        padding-right: 5px;
    }
    .evolution_list_item{
        padding: 0 24px 12px 24px;
        border-radius: 24px 24px 120px 120px;
        width: 138px;
        height: 87px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .evolution_list_item::before{
        border-radius: 24px 24px 120px 120px;
    }
    .evolution_list_start::before, .evolution_list_end::before{
        height: 138px;
        width: 1px;
    }
    .evolution_list_start::before{
        background: linear-gradient(to bottom, rgb(211, 206, 204, 0) 0%, #D3CECC 100%);
    }
    .evolution_list_end::before{
        background: linear-gradient(to bottom, #D3CECC 0%, rgb(211, 206, 204, 0) 100%);
    }
    .treatments_case_box .light_circle1{
        left: -42px;
        top: auto;
        bottom: 87px;
    }
    .treatments_case_box .light_circle2{
        left: 80px;
        top: 218px;
        width: 216px;
        height: 216px;
    }
    .treatments_case_box .light_circle3{
        right: -95px;
        top: auto;
        bottom: 101px;
    }
    .treatments_compare_box .light_circle1{
        left: -27px;
        top: auto;
        bottom: -134px;
    }
    .treatments_compare_box .light_circle2{
        right: -107px;
        top: auto;
        bottom: -24px;
    }
    .treatments_compare_box .light_circle3{
        left: auto;
        right: 50px;;
        top: auto;
        bottom: -18px;
        width: 216px;
        height: 216px;
    }
    .treatments_compare_box .light_circle4{
        display: none;
    }
    .treatments_target_box .light_circle1{
        top: auto;
        bottom: 26px;
        left: auto;
        right: -107px;
    }
    .treatments_target_box .light_circle2{
        left: 80px;
        bottom: 32px;
        width: 216px;
        height: 216px;
    }
    .treatments_target_box .light_circle3{
        display: none;
    }
    .treatments_process_box .light_circle1{
        top: 105px;
        left: auto;
        right: -107px;
    }
    .treatments_process_box .light_circle2{
        left: 95px;
        bottom: auto;
        top: 218px;
        width: 216px;
        height: 216px;
    }
    .treatments_process_box .light_circle3{
        display: none;
    }
    .treatments_evolution_box .light_circle1{
        display: none;
    }
    .treatments_evolution_box .light_circle2{
        display: none;
    }
    /*聯絡我們*/
    .contact_box {
        padding-left: 0;
        padding-right: 0;
    }
    .contact_box::before{
        height: calc(100% + 111px);
    }
    .contact_page_tag {
        padding-top: 66px;
        padding-bottom: 0;
        margin-bottom: 18px;
    }
    .contact_box .index_contact_content_remind {
        margin-bottom: 36px;
    }
    /*口碑見證*/
    .case_main_row{
        flex-direction: column;
    }
    .case_nav_box{
        width: 100%;
        position: relative;
        overflow: auto hidden;
        margin-bottom: 64px;
        padding-left: 3px;
        height: 38px;
    }
    .case_nav_box::-webkit-scrollbar {
        display: none;
    }
    .case_nav_box .my_tab{
        flex-direction: row;
        position: absolute;
        flex-wrap: nowrap;
    }
    .case_item{
        width: 100%;
    }
    /*微光語錄*/
    .dentalcare_list{
        margin-right: auto;
        max-width: 610px;
    }
    .dentalcare_card{
        flex-direction: column;
    }
    .dentalcare_card_img{
        width: 100%;
        margin-bottom: 10px;
    }
    .dentalcare_card_body{
        padding-left: 0;
    }
    .dentalcare_card_doctor{
        margin-bottom: 6px;
    }
    .dentalcare_card_title{
        margin-bottom: 6px;
    }
    .dentalcare_card_brief{
        display: none;
    }
    /*文章內容*/
    main.dentalcare_content .page_frist_box_lighe {
        height: 654px;
        bottom: -168px;
    }
    .article_page_circle .light_circle1{
        right: -88px;
        top: 450px;
    }
    .article_page_circle .light_circle2{
        left: -11px;
        top: 36px;
    }
    .article_page_main{
        flex-direction: column-reverse;
    }
    .article_page_main .share_list_box{
        position: absolute;
        left: 0;
        top: 60px;
    }
    .article_page_content .from_tiptap{
        padding-left: 52px;
    }
    .article_info_row{
        flex-direction: column;
        row-gap: 12px;
    }
    .article_page_neerlink{
        flex-direction: column;
        row-gap: 24px;
    }
    .previous_link, .next_link{
        padding: 12px 0;
    }
    .next_link .neerlink_article{
        text-align: right;
        display: block;
    }
    .article_page_nav {
        width: 100%;
        margin-top: 40px;
    }
    .article_side_nav ul{
        padding: 20px 0;
        display: flex;
        flex-wrap: wrap;
        row-gap: 10px;
        column-gap: 10px;
    }
    .article_side_nav ul li+li{
        margin-top: 0;
    }
}

/*lg以下*/
@media(max-width: 991px) {
    /*頁面標題*/
    .page_frist_box{
        border-radius: 0;
    }
    /*形象影片*/
    .index_brandvideo_box{
        min-height: 200vw;
    }
    /* .index_brandvideo_bg{
        padding-bottom: 177vw;
    }
    .index_brandvideo_bg iframe{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 230vh;
        height: 177vw;
        transform: translate(-50%, -50%);
    } */
    /*首頁-關於我們*/
    .index_about_box{
        margin-top: 15px;
    }
}

/*md以下*/
@media(max-width: 767px) {
    /*治療項目*/
    .index_service_item{
        flex: 1 1 50%;
        max-width: calc(50% - 7.5px);
    }
    .index_service_card{
        width: 100%;
        border-radius: 20px;
    }
    .index_service_img{
        padding-left: 10px;
        padding-bottom: 20px;
        padding-right: 20px;
    }
}

/*sm以下*/
@media(max-width: 575px) {
    /*彈窗*/
    .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*/
    /*文章清單*/
    .article_inventory_img{
        width: 80px;
    }
    .article_inventory_body{
        padding-right: 8px;
    }
    .article_inventory_body p{
        -webkit-line-clamp: 2;
    }
    /*關鍵字*/
    .tag_list{
        margin-bottom: -16px;
    }
    .tag_list span{
        padding-bottom: 16px;
    }
}

/*超窄*/
@media(max-width: 350px) {
}