@media (min-width: 959px) and (max-width: 1440px) {
  header.fix .menu>li>a {
    padding: 0px 5px;
  }

  header-fix .contact-us-btn a {
    padding: 0 10px;
  }

  #banner #word b {
    font-size: 3em;
  }

  /*首頁關於我們*/
  #index-about .right {
    width: 40%;
  }

  #index-about .right .p1 {
    margin-bottom: 10px;
  }

  #index-about .right .p2 {
    display: none;
  }
}

@media (max-width: 1200px) {

  /*首頁關於*/
  #index-about {
    position: static;
  }

  #index-about .left {
    width: 100%;
  }

  #index-about .left .text {
    position: static;
    margin-top: 0;
    text-align: center;
  }

  #index-about .left .text h3 {
    margin-top: 25px;
  }

  #index-about .left .text h4 {
    display: none;
  }

  #index-about .left .text b {
    display: none;
  }

  #index-about .left .text h4::before {
    display: none;
  }

  #index-about .left .text h4::after {
    display: none;
  }

  #index-about a {
    margin-top: 25px;
  }

  #index-about .right {
    width: 100%;
  }

  #index-about .right .p3 {
    display: none;
  }

  #index-about .right .environment {
    margin: 0 10%;
    max-width: 100%;
  }

  /*診所資訊-環境介紹top*/
  #clinic-info-more .txt {
    position: absolute;
    top: 100px;
    right: 0;
    left: 20px
  }

  /*美麗專欄-文章分享*/
  #share-page {
    position: static;
    border-right: none;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 25px;
  }

  #share-page::before {
    content: 'Share：';
  }

  #share-page ul {
    display: flex;
    gap: 15px;
    /* icon 間距 */
  }

  #share-page li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  }

  /*醫師團隊*/
  #doctor .doctor {
    flex: 1 1 calc(50% - 20px);
    /* 兩欄排版 */
    max-width: calc(50% - 20px);
    padding: 25px;
    text-align: left;
  }

  /*醫師團隊*/
  #video .video {
    flex: 1 1 calc(50% - 20px);
    /* 兩欄排版 */
    max-width: calc(50% - 20px);
    padding: 25px;
    text-align: left;
  }
}

@media (max-width: 959px) {

  /*行動版左側選單_包住*/
  #w {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
  }

  /*行動版上方*/
  #w #pagebody {
    position: relative;
    left: 0;
    z-index: 99999;
  }

  #w #pagebody #toolbarnav {
    position: fixed;
    display: block;
    left: 0px;
    top: 0px;
    z-index: 9999;
    width: 100%;
    height: 60px;
    background: #fff;
    box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.1);
  }

  #w #pagebody #toolbarnav #logo-mobile {
    position: absolute;
    left: 50%;
    width: 180px;
    margin-left: -90px;
  }

  #w #pagebody #toolbarnav #menu-btn {
    width: 60px;
    height: 40px;
    margin: 8px;
    background: url(../images/menu.png) center center no-repeat #6c6c6c;
    border: 0;
    text-indent: -999999px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -border-radius: 3px;
    box-shadow: inset 0 1 1px #000;
    cursor: pointer;
  }

  #w #pagebody #content {
    display: block;
    height: 100%;
    z-index: 9999;
    padding-top: 45px;
  }

  /*行動版左側選單_選單*/
  #w #navmenu {
    background: #6c6c6c;
    height: 100%;
    display: block;
    position: fixed;
    width: 200px;
    left: 0px;
    top: 0px;
    margin-top: 0;
    z-index: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 99999;
  }

  #w #navmenu header {
    display: block;
    height: 44px;
  }

  #w #navmenu header h2 {
    text-align: center;
    padding-top: 10px;
    color: #e6e8f2;
    font-weight: bold;
    font-size: 2.1em;
    text-shadow: 1px 1px 0px #313131;
  }

  /*連結*/
  #w #navmenu ul {
    list-style: none;
  }

  #w #navmenu li {
    width: 100%;
    float: left;
  }

  #w #navmenu ul li a {
    display: block;
    color: #fff;
    font-size: 1.1em;
  }

  #w #navmenu ul li a:visited {
    text-decoration: none;
  }

  #w #navmenu ul li a:hover {
    color: #FFF;
    text-decoration: none;
  }

  #w #navmenu ul li .qa_title:hover {
    background: #000;
  }

  /*連結下拉*/
  #menu #qaContent li .qa_title {
    font-size: 0.95em;
    padding: 3px 10px;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    border-bottom: 1px solid #666;
    background: #6c6c6c;
    text-align: left;
  }

  #menu #qaContent li .qa_title a {
    font-size: 0.95em;
  }

  #menu #qaContent li .qa_content li {
    font-size: 0.8em;
    border-bottom: none;
  }

  #menu #qaContent li .qa_content li a {
    display: block;
    font-size: 1em;
    line-height: 30px;
    padding: 5px 0 5px 10px;
    color: #000;
    background: #eee;
    text-align: left;
  }

  /*統一設定*/
  .container,
  .container03 {
    width: 96%;
    margin: 0 2%;
  }

  .container02 {
    width: 96%;
    margin: 0 2%;
  }

  .web {
    display: none;
  }

  .mobile {
    display: block;
  }

  .addtop100p {
    padding-top: 0 !important;
  }

  /*全網側邊-手機版改下*/
  #sider-social {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    z-index: 250;
    width: 100%;
  }

  #sider-social li a {
    display: flex;
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    float: left;
    width: 25%;
    font-size: 0.9em;
  }

  /*網頁版上方*/
  header {
    display: none;
  }

  nav {
    /*display:none;*/
    margin-top: 0;
  }

  br {
    display: none;
  }

  #navbg {
    background-image: none;
  }

  /*首頁彈出區塊*/
  /* 2026.05-將原本全螢幕遮罩改為右下角浮動 */
  .popup {
    top: auto;
    left: auto;
    right: 20px;
    bottom: 50px;
    width: 90px;
    height: auto;
    background: transparent;
    display: flex;
  }

  /* 手機版內容區塊 */
  .popup-content.mobile {
    width: 100%;
  }

  .popup-content.mobile img {
    width: 100%;
    display: block;
    border-radius: 8px;
  }

  button.closeBtn {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 0.8em;
    top: -10px;
    right: -10px;
    padding: 0;
  }

  /*首頁banner輪播*/
  #banner {
    display: none;
  }

  #banner-m {
    display: block;
  }

  /*首頁-熱門醫美療程-上方*/
  #index-treatments-top {
    background-image: none;
    margin-top: 0;
  }

  #index-treatments-top h3 {
    font-size: 2em;
    padding-top: 5px;
    padding-bottom: 15px;
  }

  #index-treatments-top h2 {
    font-size: 1.2em;
    padding-bottom: 20px;
  }


  /*首頁療程介紹*/
  #index-treatments {
    width: 80%;
    margin: 25px 10% 50px 10%;
  }

  /*首頁關於我們*/
  #index-about .right .p2 {
    display: none;
  }

  /*首頁影音專區*/
  #index-case {
    background-image: url(../images/index-case.jpg);
    height: auto;
    padding: 50px 15px;
    text-align: center;
  }

  #index-case .text {
    position: static;
    text-align: center;
  }

  #index-case .text a {
    background: #fff;
    margin: 15px auto;
  }

  /*首頁醫師*/
  #index-doctor {
    padding: 15px 0;
  }

  #index-doctor .left {
    min-width: 100%;
    padding-top: 10px;
  }

  #index-doctor .left h3 {
    font-size: 3em;
    text-align: center;
    width: 100%;
    margin-top: 50px;
  }

  #index-doctor .left h2 {
    font-size: 1em;
    text-align: center;
    width: 100%;
  }

  #index-doctor .left p {
    text-align: center;
    width: 80%;
    margin: 15px 10% 50px 10%;
  }

  #index-doctor .right {
    min-width: 100%;
  }

  /*內頁共用*/
  #sitemap {
    display: none;
  }

  /*內頁上方banner-品牌上方*/
  .bg-about {
    display: none;
  }

  .bg-spiral {
    background: none;
    height: auto;
    padding-top: 50px;
  }

  .bg-treatments .hero-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .bg-treatments h1 {
    font-size: 2em;
    padding-bottom: 5px;
  }

  .bg-treatments h3 {
    font-size: 1em;
    padding-bottom: 5px;
  }

  .bg-treatments p {
    font-size: 0.5em;
    border-radius: 30px;
    padding: 5px 10px;
  }

  /*內頁上方banner-醫師上方*/
  .bg-doctor .hero-text {
    top: 20%;
  }

  .hero-text h1,
  .hero-text h1.white {
    font-size: 1.5em;
    line-height: 35px;
    color: #fff;
    padding-bottom: 10px;
    text-shadow: 0 0 5px #9d958e, 0 0 10px #9d958e, 0 0 15px #9d958e, 0 0 20px #9d958e;
  }

  .hero-text h3 {
    font-size: 1em;
    color: #fff;
    padding-bottom: 10px;
    text-shadow: 0 0 5px #9d958e, 0 0 10px #9d958e, 0 0 15px #9d958e, 0 0 20px #9d958e;
  }

  /*品牌介紹*/
  #about {
    text-align: center;
    padding-bottom: 25px;
    background-position: center -450px;
  }

  #about .about p {
    padding-left: 0;
  }

  /*品牌介紹第一區*/
  #about .top .left {
    width: 100%;
  }

  #about .top .right {
    width: 100%;
  }

  /*品牌介紹第二區*/
  #about .center .left {
    width: 100%;
  }

  #about .center .right {
    width: 100%;
  }

  /*品牌介紹第三區*/
  #about .bottom {
    margin-top: 25px;
  }

  #about .bottom .left {
    width: 100%;
  }

  #about .bottom .left p {
    padding-left: 0;
  }

  #about .bottom .right {
    width: 100%;
  }

  #about .bottom .left h3::after {
    display: none;
  }

  #about .bottom .p1 {
    transform: scale(1);
    position: static;
    padding-bottom: 25px;
  }

  #about .bottom .p2 {
    transform: scale(1);
    position: static;
  }

  /*診所資訊*/
  #clinic-info .right {
    width: 100%;
  }

  #clinic-info .left {
    width: 96%;
    padding: 2%;
  }

  /*診所資訊-環境介紹top*/
  #clinic-info-more {
    height: auto;
    background-image: none;
  }

  #clinic-info-more .txt {
    position: static;
  }

  #clinic-info-more .txt p {
    text-shadow: none;
    color: #000;
  }

  #clinic-info-more .txt h2 {
    padding-left: 0;
    padding-bottom: 5px;
  }

  /*診所資訊-環境介紹*/
  #clinic-environment .clinic-room {
    flex: 1 1 100%;
    max-width: 100%;
  }

  #clinic-environment .clinic-room h3 {
    padding: 10px 0 0 10px;
  }

  #clinic-environment .clinic-room p {
    margin: 10px 0 0 10px;
  }

  /*美麗專欄*/
  #beauty-blog .beauty-blog {
    padding: 0;
  }

  /*美麗專欄內頁*/
  main {
    width: 96%;
    margin: 0 2%;
  }

  main img {
    width: 100% !important;
  }

  #beauty-blog-derail .textTitle {
    display: table;
    width: 100%;
    position: relative;
    height: 92px;
    padding: 15px 0 16px 77px;
  }

  /*美麗專欄下方醫師*/
  #bottom-dr #doctor-img {
    width: 96%;
    padding: 0 2%;
  }

  #bottom-dr #doctor-txt {
    width: 96%;
    padding: 25px 2%;
  }

  #bottom-dr #doctor-txt p.doctor-slogan::after {
    display: none;
  }

  #bottom-dr #doctor-txt p {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /*美麗專欄下方醫師*/
  #bottom-dr #doctor-img {
    width: 96%;
    padding: 0 2%;
  }

  #bottom-dr #doctor-txt {
    width: 96%;
    padding: 25px 2%;
  }

  #bottom-dr #doctor-txt p.doctor-slogan::after {
    display: none;
  }

  #bottom-dr #doctor-txt p {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /*醫師團隊*/
  #doctor .doctor {
    flex: 1 1 calc(100% - 20px);
    /* 一欄排版 */
    max-width: calc(100% - 20px);
    padding: 25px;
    text-align: left;
  }

  /*醫師團隊內頁*/
  #doctor #doctor-img {
    width: 96%;
    padding: 0 2%;
  }

  #doctor #doctor-txt {
    width: 96%;
    padding: 25px 2%;
  }

  #doctor #doctor-txt h3::after {
    display: none;
  }

  #doctor #doctor-txt p {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #doctor-experience-list {
    width: 100%;
  }

  #doctor-experience-img {
    width: 100%;
    margin-top: 100px;
    border-top: 1px solid #b8b8b8;
  }

  /*影音專區*/
  #video .video {
    flex: 1 1 calc(100% - 20px);
    /* 一欄排版 */
    max-width: calc(100% - 20px);
    padding: 25px;
    text-align: left;
  }

  /*醫美大分類*/
  #aestheti-treatments {
    padding: 0 0 25px 0;
  }

  #aestheti-treatments .item {
    margin: 25px;
    width: calc(50% - 50px);
  }

  /*醫美項目*/
  #treatments {
    padding: 5%;
    margin-top: 0;
  }

  #indications {
    padding: 5%;
  }

  #indications li::before {
    left: -20px;
  }

  /*--------------上資料專區---------------*/
  /*圖文左右*/
  .w35 {
    width: 100%;
  }

  .w45 {
    width: 100%;
  }

  .w50 {
    width: 100%;
  }

  .w55 {
    width: 100%;
  }

  .w65 {
    width: 100%;
  }

  /*醫美表格*/
  .table-out {
    overflow: auto;
  }

  table.surgery-table {
    white-space: nowrap;
    width: 900px;
  }

  /*--------------上資料專區END---------------*/

  /*醫美項目-注意事項*/
  #precautions-banner {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  #precautions-banner h2 {
    padding-bottom: 10px;
  }

  #precautions-banner b {
    font-size: 1em;
  }

  /*醫美項目-常見問題*/
  #faq-banner {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  #faq-banner h2 {
    padding-bottom: 10px;
  }

  #faq-banner b {
    font-size: 1em;
  }

  /*影音專區*/
  #video {
    padding: 0 0 25px 0;
  }

  #video .video {
    margin: 25px;
    width: calc(50% - 50px);
  }

  /*預約諮詢*/
  #contact {
    width: 100%;
  }

  #contact img {
    width: 100%;
  }

  /*預約諮詢資料*/
  #contact-info {
    width: 100%;
  }

  /*尾部右邊*/
  footer .left {
    width: 100%;
    text-align: center;
    padding: 25px 0 50px 0;
  }

  footer .left #footer-logo {
    display: none;
  }

  /*尾部右邊*/
  footer .right {
    padding: 0;
    width: 100%;
  }

  footer .right ul {
    padding-top: 0;
  }

  footer .right li {
    padding-right: 5px;
    padding-bottom: 5px;
  }

  footer .right .box {
    padding: 5px;
  }
}

@media (min-width: 20px) and (max-width: 530px) {}