@charset "utf-8";
@media (max-width: 1439px) {
  .footer_nav_group {
    margin-left: -16px;
    margin-right: -16px;
  }
  .footer_nav_list {
    padding-left: 16px;
    padding-right: 16px;
  }
  /*首頁-slogan*/
  .index_slogan_box {
    height: 47vw;
  }
}
@media (max-width: 1279px) {
  .mobile-full {
    margin-left: -44px;
    margin-right: -44px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100vw;
    max-width: none;
  }
  .sec_page {
    padding-top: 120px;
  }
  /*輪播*/
  .swiper_tool_row {
    column-gap: 12px;
  }
  .swiper_button_box .between {
    margin-left: 12px;
    margin-right: 12px;
  }
  /*文字樣式*/
  .fontstyle_heading1 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 4px;
  }
  .fontstyle_title2 {
    font-size: 28px;
    line-height: 40px;
  }
  .fontstyle_title3 {
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: 4px;
  }
  .fontstyle_title4 {
    font-size: 16px;
    letter-spacing: 1px;
  }
  .fontstyle_title6 {
    font-size: 11px;
    line-height: 18px;
  }
  .fontstyle_large_text_medium {
    font-size: 13px;
  }
  .product_title1 {
    font-size: 22px;
    letter-spacing: 3px;
    line-height: 36px;
  }
  .product_title2 {
    font-size: 22px;
    line-height: 36px;
  }
  .product_title3 {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 22px;
  }
  .product_title4 {
    font-size: 14px;
    line-height: 27.2px;
  }
  /*more link*/
  .more_link_box {
    padding-top: 12px;
  }
  /*header*/
  .page_header {
    background-color: var(--light-color);
  }
  .header_box {
    justify-content: space-between;
    height: 90px;
  }
  .page_header .my_container_s {
    padding-left: 12px;
    padding-right: 12px;
  }
  .header_logo a img {
    width: 152px;
  }
  .header_nav {
    display: none;
  }
  .header_lan_item {
    display: none;
  }
  .header_menu_item {
    display: block;
  }
  .header_right.common {
    display: block;
    width: fit-content;
  }
  .header_right .nav {
    column-gap: 24px;
  }
  .header_right .nav .icon_button {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /*footer*/
  .footer_office_row {
    flex-direction: column;
  }
  .footer_address {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer_address .footer_tag {
    margin-left: 0;
    margin-top: 12px;
  }
  .footer_social {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .footer_social_list {
    margin-top: 24px;
  }
  /*頁籤*/
  .tabs_scroll {
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    height: 100%;
    -ms-overflow-style: none;
  }
  .tabs_scroll::-webkit-scrollbar {
    display: none;
  }
  .my_tabs_content {
    padding-top: 24px;
  }
  /*華麗頁籤*/
  .my_tabs_fancy {
    padding: 24px 0;
    column-gap: 16px;
  }
  .my_tabs_fancy .nav-link {
    /* background: linear-gradient(to right, transparent 0px, transparent 7px, var(--primary-color) 7px, var(--primary-color) calc(100% - 7px), transparent calc(100% - 7px), transparent 100%); */
    height: 34px;
    padding: 3px 4px;
  }
  .my_tabs_fancy .nav-link .txt {
    border: solid 1px var(--light-color);
    padding: 2px 15px 0 15px;
    height: 28px;
  }
  .my_tabs_fancy .nav-link.active .txt {
    color: var(--light-color);
    opacity: 0.8;
  }
  .my_tabs_fancy .nav-link.active {
    border: none;
    opacity: 1;
  }
  .index_session_Swiper_box {
    margin: -20px -10px 0 -10px;
  }
  .index_session_Swiper {
    padding: 20px 10px 24px 10px;
  }
  .index_session_item {
    height: auto;
  }
  .index_session_Swiper .swiper-slide .index_session_img {
    padding-bottom: 58%;
  }
  .index_session_Swiper .swiper-slide .index_session_item {
    transform: scale(1);
  }
  .index_session_Swiper .swiper-slide.swiper-slide-active .index_session_item {
    transform: scale(1);
  }
  .index_session_Swiper .swiper-slide.swiper-slide-prev .index_session_item {
    transform: scale(1);
  }
  /*首頁-banner*/
  .index_banner {
    padding-top: 90px;
  }
  /* .index_banner_video {
        padding-bottom: 66%;
    } */
  /* .index_banner_video iframe {
        transform: translateX(-9%);
        width: 118%;
        height: 100%;
    } */
  .index_banner .swiper_button_box {
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
  }
  /*首頁-熱門療程*/
  .index_session_box {
    position: relative;
    background-image: url(../img/session-bg-s.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .index_session_box .block_title {
    position: initial;
    transform: translateX(0);
  }
  .index_session_box .tw_txt {
    color: var(--secondary-color);
    opacity: 1;
    writing-mode: initial;
    position: initial;
    transform: translateX(0);
    justify-content: center;
    margin-bottom: 0;
  }
  .index_session_box .tw_txt .fontstyle_title3 {
    line-height: 1.5;
    letter-spacing: 4px;
    background-color: var(--light-color);
    padding: 6px 3px;
  }
  .index_session_box .en_txt {
    display: none;
  }
  .index_session_slogan_box {
    padding: 22px 0 80px 0;
  }
  /*首頁-slogan*/
  .index_slogan_box {
    background-image: url(../img/index_slogan_bg_s.jpg);
    background-position: bottom 28px center;
    background-size: 100% auto;
    height: auto;
    padding-top: 24px;
  }
  .index_slogan_txt {
    display: block;
    margin-top: 24px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .index_slogan_content {
    padding-bottom: 24px;
  }
  /*首頁-團隊介紹*/
  .index_team_box {
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .index_team_col {
    margin-top: 60px;
    display: flex;
    flex-direction: column-reverse;
    overflow: hidden;
  }
  .doctor_marquee_box {
    position: initial;
    margin-bottom: -7px;
  }
  .index_doctor_content_box {
    padding: 60px 44px 0px 44px;
  }
  .index_doctor_content {
    max-width: none;
    padding: 0;
  }
  .index_doctor_title {
    text-align: left;
    margin-bottom: 24px;
  }
  .index_doctor_txt {
    margin-bottom: 12px;
  }
  .doctor_marquee_item {
    padding-left: 4.2vw;
    padding-right: 4.2vw;
  }
  .doctor_marquee_card {
    width: 32vw;
    height: 48vw;
  }
  .doctor_marquee_img img {
    width: 120%;
    left: -10%;
  }
  /*首頁-專業認證*/
  .index_cert_box {
    position: relative;
    background-image: none;
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .index_cert_box::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    height: 100%;
    background-image: url(../img/certification-bg-s.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    transform: translateX(-50%);
    width: calc(100% - 100px);
    max-width: 300px;
    z-index: -1;
  }
  .index_cert_box .block_title {
    width: auto;
    margin-left: -44px;
    margin-right: -44px;
  }
  .index_cert_box .tw_txt {
    position: absolute;
    top: 0;
    left: 28px;
    width: calc(100% - 28px - 28px);
    justify-content: center;
  }
  .index_cert_Swiper::before {
    display: none;
  }
  .index_cert_Swiper::after {
    display: none;
  }
  .index_cert_Swiper_box .swiper_button_box {
    flex-direction: row;
    width: fit-content;
    height: 23px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .index_cert_Swiper_box .swiper_button_box .between {
    height: 23px;
    width: 1px;
    margin: 0 18px;
  }
  .index_cert_Swiper_box .swiper-button-next,
  .index_cert_Swiper_box .swiper-button-prev {
    transform: rotate(0);
  }
  .index_cert_box .tw_txt h2 {
    background-color: var(--light-color);
    padding-left: 28px;
    padding-right: 28px;
  }
  .index_cert_box .tw_txt::before {
    display: none;
  }
  .index_cert_box .tw_txt::after {
    display: none;
  }
  .index_cert_row {
    flex-direction: column;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .index_cert_left {
    width: 100%;
  }
  .index_cert_right {
    padding-top: 60px;
    padding-left: 0;
  }
  .index_cert_Swiper_box {
    height: auto;
    margin-left: 0;
    flex-direction: column;
  }
  .index_cert_Swiper {
    width: 100%;
    padding: 0;
  }
  /*首頁-影片*/
  .index_video_video {
    padding-bottom: 40%;
  }
  /*首頁-最新消息*/
  .index_news_box {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .index_news_list_box {
    width: auto;
    min-width: auto;
  }
  .index_news_list_box nav {
    margin-right: -44px;
    height: 53px;
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
  }
  .index_news_list_box nav::-webkit-scrollbar {
    display: none;
  }
  .index_news_list_box nav .my_tabs {
    margin-right: -44px;
    position: absolute;
    flex-wrap: nowrap;
    padding-top: 0;
  }
  .index_news_box .more_link_box {
    padding-top: 24px;
  }
  .index_news_title {
    padding: 0 12px;
  }
  /*線上預約*/
  .book_online {
    position: relative;
    padding: 84px 21px 0 21px;
    background-image: url(../img/book_online_bg_s.jpg);
  }
  .book_online_marquee {
    position: absolute;
    left: 0;
    z-index: 1;
  }
  .book_online .book_online_entitle {
    top: 51px;
    z-index: 1;
  }
  .book_online_board {
    border-radius: 90px 90px 0 0;
    padding: 36px 24px;
  }
  /*商品頁*/
  .product_page {
    padding-top: 90px;
  }
  /*商品頁-圖文區塊*/
  .visual_content_img {
    margin-bottom: 12px;
  }
  /* .visual_content_body{
        grid-row: 12px;
    } */
  .visual_content_title .title {
    margin-bottom: 12px;
  }
  .visual_content_title .title_sec + .title_sec {
    margin-top: 12px;
  }
  .visual_content_title {
    margin-bottom: 12px;
  }
  .visual_content_title p {
    margin-bottom: 12px;
  }
  .visual_content_body p + .visual_content_title {
    margin-top: 12px;
  }
  .visual_content_img.sameheight img {
    position: initial;
    height: auto;
    width: 100%;
  }
  .visual_content_block.mobile_reverse {
    flex-direction: column-reverse;
  }
  .visual_content_block.mobile_reverse .visual_content_img {
    margin-top: 12px;
    margin-bottom: 0;
  }
  .visual_content_body.tb24 {
    padding-top: 0;
    padding-bottom: 0;
  }
  /*商品頁-banner*/
  .product_banner_box .my_container_s {
    padding-left: 0;
    padding-right: 0;
  }
  .product_banner_box img {
    padding-top: 0;
    padding-bottom: 12px;
  }
  /*商品頁-產品名、字號*/
  .product_hfn_list + .product_hfn_list {
    margin-top: 12px;
  }
  .product_hfn_list.multilevel {
    padding-left: 0;
    border-left: none;
  }
  .product_hfn_list.multilevel > li + li {
    margin-top: 12px;
  }
  .product_hfn_list li > ul {
    flex-direction: column;
    border-left: solid 1px var(--secondary-color);
    padding-left: 24px;
  }
  .product_hfn_list li > ul li + li {
    margin-top: 4px;
  }
  .product_hfn_list li > ul li + li::before {
    display: none;
  }
  /*商品頁-商品口號*/
  .product_slogan_box .my_container_s {
    padding-left: 0;
    padding-right: 0;
  }
  /*商品頁-成份*/
  .product_principle_list {
    row-gap: 12px;
  }
  .product_principle_list_txt {
    margin-bottom: 12px;
  }
  .product_principle_body {
    padding-top: 12px;
  }
  .product_principle_item .radius_title {
    margin-bottom: 24px;
  }
  /*商品頁-特色*/
  .product_feature_box .visual_content_img {
    margin-bottom: 36px;
  }
  .product_point_card {
    align-items: flex-start;
  }
  .product_point_img {
    width: 38px;
  }
  /*商品頁-優點*/
  .product_gradient_body {
    padding: 24px 24px 36px 24px;
  }
  .product_gradient_body .product_principle_list {
    row-gap: 24px;
  }
  /*商品頁-比較表*/
  .product_compare_title {
    margin-bottom: 12px;
  }
  .product_compare_box thead th br {
    display: block;
  }
  .product_compare_brief {
    margin-bottom: 12px;
  }
  .compare_table_box.complex thead th:not(.td_flex_x)::before,
  .compare_table_box.complex thead th.td_flex_x > div:before {
    height: 100%;
  }
  .compare_table_box.complex thead th > div {
    align-items: center;
  }
  .compare_th_title {
    width: 76px;
    height: 100%;
  }
  .compare_th_thimg {
    width: 76px;
  }
  /*商品頁-適應症*/
  .product_trouble_title.movedown {
    margin-bottom: -13px;
    padding: 0 16px;
  }
  .product_trouble_border {
    padding: 60px 0;
  }
  .product_trouble_list.column_gap_36 {
    margin-left: -6px;
    margin-right: -6px;
  }
  .product_trouble_list.column_gap_36 .product_trouble_item {
    padding-left: 6px;
    padding-right: 6px;
  }
  .product_trouble_border.mobile_px_12 {
    padding: 60px 12px;
  }
  .product_trouble_list.mobile_column_1 .product_trouble_item {
    width: 100%;
  }
  .product_trouble_list.mobile_column_2 .product_trouble_item {
    width: 50%;
  }
  /* .product_trouble_item, .product_trouble_list.foropto .product_trouble_item{
        width: calc((100% - 12px)/2);
    } */
  .product_trouble_img img {
    width: 50px;
  }
  .product_trouble_border.foropto,
  .product_trouble_border.foropto.px_18,
  .product_trouble_border.foropto.px_84,
  .product_trouble_border.foropto.px_102,
  .product_trouble_border.foropto.px_96,
  .product_trouble_border.foropto.px_132 {
    padding: 60px 12px;
  }
  .product_trouble_border.foropto .product_trouble_img img {
    width: 72px;
  }
  /*商品頁-注意事項*/
  .product_notice_row {
    row-gap: 12px;
  }
  .product_notice_before,
  .product_notice_after {
    padding: 24px 12px;
    border-radius: 3px;
  }
  /*商品頁-Q&A*/
  .product_QA_col {
    padding: 0 12px 60px 12px;
  }
  .faq_card_title .num {
    font-size: 22px;
  }
  /*整型美學*/
  .aesthetic_introduce_title {
    margin-bottom: 12px;
  }
  .product_introduce_focus_body {
    text-align: left;
  }
  .product_name_box {
    height: 83px;
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .product_key_list_box {
    padding: 24px 13px;
  }
  .product_key_list {
    row-gap: 36px;
  }
  .product_key_img {
    padding-left: 36px;
    padding-right: 36px;
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .product_key_img img {
    width: 100%;
    max-width: 84px;
  }
  .product_surgery_list_box.mobile_px0 {
    padding-left: 0;
    padding-right: 0;
  }
  .product_surgery_card.d-flex .product_surgery_img {
    width: 88px;
  }
  .product_surgery_body {
    padding: 0 12px;
  }
  .product_surgery_list_box.p24 .product_surgery_body {
    padding: 0 24px;
  }
  .product_surgery_list_box.p24 .product_surgery_list {
    row-gap: 12px;
  }
  .product_point_list.mobile_column_1 .product_point_item {
    width: 100%;
  }
  .aesthetic_trouble_border {
    padding: 36px;
    background-size: 124px;
  }
  .aesthetic_trouble_border .product_trouble_list {
    padding: 24px 0 0 0;
  }
  .aesthetic_trouble_border .product_trouble_img img {
    width: 84px;
  }
  .product_surgery_header {
    flex-direction: column;
    margin-bottom: 12px;
  }
  .product_surgery_header_img {
    width: 100%;
    max-width: 408px;
    margin-bottom: 12px;
  }
  .introduce_main {
    margin-left: 44px;
    margin-right: 44px;
  }
  .introduce_main > .my_container_s {
    padding-left: 0;
    padding-right: 0;
  }
  .introduce_main .visual_content_body {
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 12px;
  }
  /*服務項目*/
  .service_main {
    flex-direction: column;
  }
  .service_side_nav {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 36px;
  }
  .service_side_list.my_tabs_fancy {
    position: initial;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 12px;
    margin-left: -4px;
    margin-right: -4px;
  }
  .service_side_list.my_tabs_fancy .nav-link .txt {
    padding: 2px 17px 0 17px;
  }
  .service_content {
    padding-left: 0;
  }
  .service_block {
    padding-top: 90px;
    margin-top: -90px;
  }
  .service_block .block_title {
    padding-top: 0;
    padding-bottom: 30px;
  }
  .service_block .block_title .tw_txt {
    padding-bottom: 30px;
  }
  .service_block .block_title .en_txt {
    padding-left: 0;
  }
  .service_block .block_title .en_txt span {
    display: block;
    height: 40px;
  }
  .service_imgcol {
    display: none;
  }
  .service_menu_list {
    flex-direction: column;
    align-items: flex-start;
  }
  /*幸之團隊 醫師選單*/
  .doctors_list_container {
    padding-top: 0;
  }
  .doctors_list_box {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    background-image: none;
  }
  .doctors_list_Swiper_box {
    flex-direction: column;
    justify-content: center;
    padding-left: 12px;
  }
  .doctors_list_Swiper_box .swiper_button_box {
    padding-left: 0;
    margin-top: 24px;
  }
  .doctors_list_Swiper .swiper-slide {
    width: calc((100vw - 24px) / 2);
    max-width: 282px;
  }
  /*幸之團隊 醫師簡介*/
  .doctors_profile_row {
    flex-direction: column;
  }
  .doctors_profile_img {
    width: auto;
    margin-left: -44px;
    margin-right: -44px;
  }
  .doctors_profile_content {
    margin-left: 0;
    margin-right: 0;
    margin-top: 60px;
  }
  /*幸之團隊 醫師證書*/
  .certification_box {
    margin-left: -44px;
    margin-right: -44px;
  }
  .certification_marquee_list + .certification_marquee_list {
    margin-left: 0;
  }
  /*幸之團隊 看診時間*/
  .doctor_hour_row {
    flex-direction: column-reverse;
    padding-bottom: 16px;
  }
  .doctor_hipster {
    flex-direction: column;
    padding-top: 0;
    width: 100%;
  }
  .doctor_hipster_txt {
    margin-bottom: 60px;
  }
  .doctor_hipster_img {
    width: 50%;
    margin-left: auto;
  }
  .doctor_hipster_bg {
    position: absolute;
    bottom: auto;
    top: -37px;
    left: -81px;
    width: 373px;
  }
  .doctor_hour {
    width: 100%;
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
    padding-top: 0;
    background-image: none;
  }
  .doctor_hour_content {
    position: relative;
    background-image: url(../img/doctors_hour_brandimg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
  }
  .doctor_hour_content > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .doctor_page_top_line {
    height: 60px;
  }
  .doctor_page_top {
    margin-top: -28px;
  }
  /*幸之消息*/
  .block_title.news {
    padding-left: 33px;
    padding-right: 33px;
  }
  .news_list_box nav {
    position: relative;
    height: 41px;
    margin-right: -44px;
  }
  .news_list_box nav::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 44px);
    height: 0.5px;
    background-color: var(--secondary-color);
  }
  .news_list_box nav .my_tabs {
    margin-right: -44px;
    position: absolute;
    flex-wrap: nowrap;
    padding-top: 0;
    border-bottom: none;
  }
  .news_link {
    align-items: flex-start;
    padding: 24px 12px;
  }
  .news_card_left {
    width: 88px;
  }
  .news_card_img {
    position: initial;
    display: block;
    width: 100%;
    margin-bottom: 12px;
  }
  .news_card_date {
    text-align: center;
  }
  .news_card_topic {
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
  }
  .news_card_body {
    margin-left: 24px;
  }
  .news_card_title {
    margin-top: 0;
    margin-bottom: 12px;
  }
  .news_card_brief {
    -webkit-line-clamp: 3;
  }
  .news_card_arrow {
    display: none;
  }
  /*幸之衍生*/
  .about_block_list {
    padding: 0;
    column-gap: 7px;
  }
  .block_title.about {
    padding-top: 0;
    margin-top: -30px;
  }
  .block_title.about .tw_txt {
    margin-top: -12px;
  }
  .about_mission_row {
    flex-direction: column;
  }
  .about_mission_left {
    width: 100%;
    padding: 0;
  }
  .about_mission_left_txt {
    text-align: center;
  }
  .about_mission_right {
    margin-top: 48px;
    padding: 0;
  }
  .about_mission_right_txt {
    margin-top: 36px;
  }
  .about_mission_right_bg {
    position: absolute;
    top: 33px;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    width: calc(100% + 88px);
    z-index: -1;
  }
  .about_purpose_box {
    padding-top: 0;
    padding-bottom: 60px;
  }
  .about_purpose_content {
    padding: 0;
    border-radius: 3px;
    background-color: transparent;
  }
  .block_title.purpose {
    padding-top: 0;
    padding-bottom: 0;
  }
  .block_title.purpose .en_txt {
    text-align: left;
  }
  .block_title.purpose .en_txt span {
    display: block;
    height: 40px;
  }
  .about_purpose_Swiper_box {
    margin-top: 23px;
  }
  .about_purpose_card_img {
    padding-right: 12px;
  }
  .about_purpose_Swiper .swiper-wrapper {
    height: auto;
    flex-wrap: wrap;
    transform: none !important;
    column-gap: 12px;
    row-gap: 12px;
  }
  .about_purpose_Swiper .swiper-slide {
    width: calc(50% - 6px);
  }
  .about_purpose_box .swiper_tool_row {
    display: none;
  }
  .about_space_row {
    flex-direction: column;
  }
  .about_space_header {
    background-image: url(../img/about_space-header-bg-s.jpg);
    height: 100vw;
  }
  .block_title.space .tw_txt {
    position: initial;
    margin-top: -4px;
    transform: none;
  }
  .about_space_visual_content {
    padding: 24px 0 0 0;
  }
  .about_space_block2 .about_space_visual_img {
    margin-left: -44px;
    margin-right: -44px;
  }
  .about_space_swiper_block_img {
    display: none;
  }
  .about_space_swiper_block {
    margin-top: 0;
    margin-bottom: 70px;
    padding-top: 40px;
    padding-left: 44px;
    padding-right: 44px;
  }
  .about_space_swiper_block::before,
  .about_space_swiper_block::after {
    height: 120vw;
    border-radius: 502px;
  }
  .about_space_swiper_block::before {
    top: 0;
  }
  .about_space_swiper_block::after {
    top: 90px;
  }
  .about_space_swiper_border {
    padding-bottom: 0;
  }
  .about_space_swiper_box {
    position: relative;
    margin-top: 0;
    border-radius: 500px 500px 3px 3px;
    overflow: hidden;
  }
  .about_space_swiper_box .swiper_tool_row {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 12px;
    padding-left: 24px;
    padding-right: 24px;
    z-index: 2;
  }
  .about_space_swiper_box
    .swiper_tool_row
    .swiper-pagination
    .swiper-pagination-bullet-active {
    background-color: var(--grey-color2);
  }
  .about_space_swiper_img .cover_img {
    padding-bottom: 127%;
  }
  .about_space_tea_img {
    display: none;
  }
  .about_space_tea,
  .about_space_talk,
  .about_space_or {
    width: 100%;
  }
  .about_space_card_img {
    padding-left: 0;
    margin-left: -44px;
    margin-right: -44px;
  }
  .about_space_card_title .bigtxt {
    color: var(--primary-color);
  }
  .about_space_name {
    color: var(--dark-color);
  }
  .about_space_card_body {
    margin-left: -29px;
    margin-right: -29px;
  }
  .about_space_tea_logo {
    left: 150px;
    width: 82px;
    top: calc(66.6vw + 30px);
  }
  .about_space_talk {
    padding-top: 0;
  }
  .about_space_talk_logo {
    width: 107px;
    left: auto;
    right: -44px;
    top: 204px;
    z-index: 3;
  }
  .about_space_or_logo {
    display: none;
  }
  .about_space_bottom {
    top: -173px;
  }
  .about_space_bottom::before,
  .about_space_bottom::after {
    height: 170vw;
  }
  .about_space_bottom::after {
    top: 37px;
  }
  .about_space_box {
    padding-bottom: 60px;
  }
  .about_outpatient_row {
    flex-direction: column;
    align-items: flex-start;
  }
  .about_outpatient_left .block_title .en_txt {
    position: initial;
    width: 100%;
  }
  .about_outpatient_left .block_title {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 0;
    padding-left: 0;
  }
  .about_outpatient_left .block_title .tw_txt {
    align-items: flex-start;
  }
  .about_outpatient_left .block_title .category {
    flex-direction: column;
    row-gap: 20px;
    writing-mode: initial;
    letter-spacing: 4px;
    padding-top: 20px;
  }
  .about_outpatient_left .block_title .category::after {
    height: 0.5px;
    width: 88px;
  }
  .outpatient_hour_lsit {
    padding-left: 0;
  }
  .about_outpatient_right {
    margin-top: 24px;
  }
  .about_outpatient_swiper_box {
    margin-right: -44px;
  }
  .about_outpatient_swiper_box .swiper_tool_row {
    padding-right: 44px;
  }
  .about_outpatient_swiper .swiper-slide {
    width: 72.5%;
  }
  .about_access_box {
    padding-top: 0;
    padding-left: 44px;
    padding-right: 44px;
  }
  .about_access_row {
    flex-direction: column;
  }
  .about_access_right {
    width: 100%;
    padding-right: 0;
  }
  .about_access_right_border {
    padding-right: 0;
    padding-top: 24px;
  }
  .about_access_right .block_title {
    width: 100%;
    text-align: right;
  }
  .about_access_right .block_title .en_txt {
    line-height: 40px;
  }
  .about_access_right .block_title .tw_txt {
    margin-bottom: 0;
  }
  .about_access_right_border::before {
    top: -143px;
    right: -24px;
    width: calc(100% + 48px);
    height: calc(100% + 143px - 112px);
    border: solid 0.33px var(--secondary-color);
    border-radius: 0.99px 99.29px 99.29px 0.99px;
    opacity: 0.4;
  }
  .about_access_way {
    margin-top: 24px;
    padding-right: 0;
  }
  .about_access_block + .about_access_block {
    margin-top: 36px;
  }
  .about_access_info {
    padding-right: 0;
  }
  .about_access_info_item {
    column-gap: 24px;
  }
  .about_access_info_item .title {
    width: auto;
  }
  .about_access_map {
    padding-right: 0;
    padding-bottom: 24px;
  }
  /*幸之見證*/
  .case_card_list {
    row-gap: 12px;
  }
  .case_card_item {
    width: 50%;
  }
  .case_list_box nav {
    position: relative;
    height: 41px;
    margin-right: -44px;
  }
  .case_list_box nav::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 44px);
    height: 0.5px;
    background-color: var(--secondary-color);
  }
  .case_list_box nav .my_tabs {
    margin-right: -44px;
    position: absolute;
    flex-wrap: nowrap;
    padding-top: 0;
    border-bottom: none;
  }
  /*文章內容頁*/
  .article_info_row {
    flex-direction: column;
    align-items: center;
  }
  .article_info_left {
    width: 100%;
    max-width: 660px;
  }
  .article_info_right {
    margin-left: 0;
    width: 100%;
    max-width: 660px;
  }
  .article_header .block_title {
    padding-top: 0;
  }
  .article_neerpage_link {
    flex-direction: column;
    row-gap: 24px;
  }
  .article_neerpage_link_item + .article_neerpage_link_item {
    border-left: none;
  }
  .article_neerpage_link_item {
    width: 100%;
  }
  .article_neerpage_link_item.prev_link,
  .article_neerpage_link_item.next_link {
    padding: 0px;
  }
  .article_neerpage_link_item.prev_link .article_neerpage_title {
    padding-right: 6px;
  }
  .article_neerpage_link_item.next_link .article_neerpage_title {
    padding-left: 6px;
  }
}
/*xl以下*/
@media (max-width: 1199px) {
  /*footer*/
}

/*lg以下*/
@media (max-width: 991px) {
  /*幸之團隊 醫師證書*/
  .certification_marquee_list {
    column-gap: 0;
    height: 60px;
  }
}

/*md以下*/
@media (max-width: 767px) {
  /*checkbox或radio多項目*/
  .form_check_group_box {
    overflow: hidden;
  }
  .form_check_group {
    display: flex;
    flex-wrap: wrap;
    margin-right: -25px;
  }
  .form_check_group .my_checkbox,
  .form_check_group .my_radio {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-right: 25px;
  }
  /*表單*/
  .my_form_btn .btn {
    width: 100%;
  }
  .form_control_group {
    flex-wrap: wrap;
    justify-content: center;
  }
  .form_control_group_item.mobile-100 {
    flex: 100%;
  }
  /*商品頁-圖文區塊*/
  .visual_content_img.sameheight img {
    position: initial;
    height: auto;
    width: 100%;
  }
  /*商品頁-Q&A*/
  .faq_card_title {
    align-items: flex-start;
  }
  /*幸之見證*/
  .case_card_item {
    width: 100%;
  }
}

/*sm以下*/
@media (max-width: 575px) {
  /*手機版選單*/
  .mobile_sidebar {
    left: -100%;
    width: calc(100% - 48px);
  }
  /*彈窗*/
  .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;
  }
  /*文章清單*/
  .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;
  }
  /*首頁-團隊介紹*/
  .doctor_marquee_item {
    padding-left: 16px;
    padding-right: 16px;
  }
}

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