﻿      @charset "UTF-8";

      p {margin: 0;}
      section {padding-bottom: 2.5rem;}
      .button.button-gray {color: #666; background: transparent; -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); border: 1px solid #ccc;}
      .owl-theme .owl-nav {margin: 0;}
      .vas-desc-card button:focus {outline: none;}
      .vas-desc-card .in-content-bot {background-color: #fff; padding-top: 1rem;}
      .vas-desc-card .in-content-bot .in-page-tab-content {margin: 1rem 0;}
      .vas-desc-card .in-content-bot .vas-card-group {padding: 24px 16px; font-weight: 500; border-radius: 8px;}
      .vas-desc-card .in-content-bot .vas-card-group .group-note {font-size: 14px; margin-bottom: 4px;}
      .vas-desc-card .in-content-bot .vas-card-group .group-name {font-size: 24px; margin-bottom: 4px;}
      .vas-desc-card .in-content-bot .vas-card-group .group-desc {position: relative; font-size: 15px; margin-bottom: 20px; min-height: 48px; text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.8);}

      .svg-stroke-outside {
        color: #000000;
        font-weight: bold;
        /* 引用下方 SVG 的 filter ID */
        filter: url(#white-stroke);
      }

      .vas-desc-card .in-content-bot .in-page-tab-content .card-slot {min-height: 322px; width: 328px; margin: 0 auto;}

      .vas-desc-card .in-content-bot .in-page-tab-content .card {margin: 0; border-radius: .8rem;}

      .vas-desc-card .owl-carousel .owl-item {margin-right: 8px;}

      .vas-desc-card .rent-period-content .card-content-info {width: 17px; height: 18px; vertical-align: middle; display: inline-flex;}


      @media screen and (max-width: 767px) {
        .container {padding-left: 0; padding-right: 0;}
        .vas-desc-card .in-content-bot .in-page-tab-content {margin: 0;}
        .vas-desc-card .in-content-bot .vas-card-group {width: 100%;}
        .vas-desc-card .in-content-bot .in-page-tab-content .card {margin: 0 auto;}
        .vas-desc-card .owl-carousel {display: flex !important; flex-direction: column; gap: 15px;}
        .vas-desc-card .owl-carousel .item {width: 100% !important;}
        .vas-desc-card .in-content-bot .vas-card-group .group-note,
        .vas-desc-card .in-content-bot .vas-card-group .group-name,
        .vas-desc-card .in-content-bot .vas-card-group .group-desc {text-align: center;}
        .vas-desc-card .owl-theme .owl-nav .nav-circle-left, .vas-desc-card .owl-theme .owl-nav .nav-circle-right {display: block;}
        .vas-desc-card .owl-theme .owl-nav .nav-circle-left.disabled, .vas-desc-card .owl-theme .owl-nav .nav-circle-right.disabled {display: none;}
        .vas-desc-card .owl-theme .owl-nav .nav-circle-left {left: 5px; top: calc(50% - 25px);}
        .vas-desc-card .owl-theme .owl-nav .nav-circle-right {right: 5px; top: calc(50% - 25px);}
        .vas-desc-card .owl-theme .owl-nav .nav-circle-left .iconic, .vas-desc-card .owl-theme .owl-nav .nav-circle-right .iconic {width: 1.8rem; height: 1.8rem; opacity: .8;}
      }

      .news-sticker {padding-top: 1.2rem; margin: 0 auto; width: 80%;}
      .news-sticker .card {min-height: 50px; padding: 8px; display: flex; flex-direction: row; align-items: center;}
      .news-sticker .news-sticker-color {position: absolute; width: 4px; top: 0; left: 0; bottom: 0; z-index: 9;}
      .news-sticker .news-sticker-tag {margin-left: 8px; margin-right: 8px; white-space: nowrap;}
      .news-sticker .news-sticker-txt {word-break: break-all; display: flex;}
      .news-sticker .news-sticker-title {color: #333;  font-size: 16px; font-weight: 500; display: flex; align-items: center; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden;}
       @media screen and (max-width: 767px) {
        .news-sticker {width: 100%; padding-left: 15px; padding-right: 15px;}
        .news-sticker .card {align-items: flex-start;}
        .news-sticker .news-sticker-title:hover {text-decoration: none;}
        .thumb-list {margin: 0.6rem 0 0 0; padding-left: 15px; padding-right: 15px;}
        .thumb-list-item {padding: 0; height: 210px; width: 100%; text-align: center; line-height: 1.3; list-style: none; border-radius: 8px;}
        .thumb-list-item a {color: #333; padding: 16px; height: 100%; display: block;}
        .thumb-list-item a:hover {text-decoration: none;}
        .thumb-title {font-size: 24px; font-weight: 500; display: block;}
        .thumb-note {font-size: 14px; font-weight: 500;}

        #tab_pkg_01::before, #tab_pkg_02::before, #tab_pkg_03::before, #tab_pkg_04::before, #tab_pkg_05::before { content: ""; display: block; height: 70px; margin-top: -70px; visibility: hidden; pointer-events: none;}
       }


       .vas-select-addon .mobile-service-section.bind-container .container .mySwiper-mobile-service {width: 1142px !important;}
        .vas-select-addon .mobile-service-section.bind-container .section-title-area {position: relative; width: 100%; margin-bottom: 1.2rem;}
        .vas-select-addon div .section-title-area>p.description {width: 100%; margin-top: 12px; font-size: 18px; color: #333; display: block;}

        .vas-select-addon .card-addon{margin-bottom:12px; background:#fff; border: 1px solid rgb(217 217 217 / 50%); border-radius: 4px; padding:0; overflow: hidden;}
        .vas-select-addon .addon-item{position:relative; background:#fff; display:flex; align-items:center; justify-content:space-between; padding:4px 8px; border: 1px solid transparent; border-bottom: 1px solid rgb(217 217 217 / 50%); line-height: 1; cursor:pointer; transition:.2s;}
        .vas-select-addon .addon-item:last-child {border-bottom: 1px solid transparent;}
        .vas-select-addon .addon-left{display:flex; align-items:center; gap:12px;}
        .vas-select-addon .addon-left img{width:42px; height:42px; object-fit:contain; flex-shrink:0;}
        .vas-select-addon .addon-tag{padding:1px 8px; border:1px solid #ffb08a; border-radius:6px; font-size:12px; color:#ff7b3b;}
        .vas-select-addon .addon-item input[type=radio]{position:absolute; opacity:0; pointer-events:none;}
        .vas-select-addon .addon-item.is-disabled{/* background: #ddd; opacity:.5;  */pointer-events:none;}
        .vas-select-addon .addon-radio{width:16px; height:16px; border:2px solid #c8c8c8; border-radius:50%; position:relative; flex-shrink:0; transition:.2s;}
        .vas-select-addon .addon-radio:after{content:""; position:absolute; left:50%; top:50%; width:10px; height:10px; border-radius:50%; background:#209cff; transform:translate(-50%,-50%) scale(0); transition:.2s;}
        .vas-select-addon .addon-item.is-disabled .addon-radio {background: #e9e9e9; border-color: #e5e5e5;}
        .vas-select-addon .addon-item.active{background:#eef7ff; border:1px solid #209cff; border-radius: 4px;}
        .vas-select-addon .addon-item.active .addon-radio{border-color:#209cff;}
        .vas-select-addon .addon-item.active .addon-radio:after{transform:translate(-50%,-50%) scale(1);}

        .vas-select-addon.mobile-service-section.bind-container .section-title-area {position: relative; width: 100%; margin-bottom: 1.2rem; margin-left: 0;}
        .vas-select-addon.mobile-service-section.bind-container .net-more {top: initial; right: 10px; bottom: 10px;}
        .vas-select-addon .service-list .neko {min-width: 0;}
        .vas-select-addon .recommend-service {position: relative; display: flex; flex-direction: column; height: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 8px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.08); text-decoration: none; box-sizing: border-box;}
        .vas-select-addon .card-body {display: flex; align-items: center; padding: 0; gap: 4px; flex: 1;}
        .vas-select-addon .service-list .card-wrapper {padding: .5rem 0 1.5rem;}
        .vas-select-addon .service-list .card:hover {background: #eef7ff; border: 1px solid #209cff;}
        .vas-select-addon .card-img {flex: 0 0 76px; margin-bottom: 0; margin-right: 8px; min-height: auto !important;}
        .vas-select-addon .card-img img {display: block; width: 76px; height: 76px; object-fit: contain;}
        .vas-select-addon .card-content {flex: 1; min-width: 0;}
        .vas-select-addon .card-content h3 {margin: 0 0 8px; font-size: 18px; line-height: 1.3; font-weight: 500; color: #444;}
        .vas-select-addon .card-content p {margin: 0; font-size: 16px; font-weight: 400; line-height: 1.6; color: #888;}

        .vas-more-card .service-list {display: block;}
        .vas-more-card .recommend-service {padding: 0; box-shadow: 0 .2rem .4rem rgba(0, 0, 0, 0.13);}
        .vas-more-card .card-body {flex-direction: column; gap: 16px; padding-bottom: 16px; align-items: flex-start;}
        .vas-more-card .card-img {margin-right: 0;}
        .vas-more-card .card-img img {width: 100%; height: auto;}
        .vas-more-card .card-content {margin-left: 20px;}
        .vas-more-card .card-content h3 {font-size: 24px; margin-bottom: 4px;}
        .vas-more-card .card-content p {font-size: 14px; color: #333;}
        .vas-more-card .vas-more-pkg {margin-top: 12px;}
        .vas-more-card .vas-more-pkg span {font-size: 15px; color: #209cff;}

        .vas-find-more {text-align: center; margin-top: 20px;}
        .vas-find-more a {background: #e4f2ff; color:#209cff; margin: 0 auto; padding: 7px 28px; font-size: 16px; font-weight: bold; border-radius: 8px; display: inline-block;}
        .vas-find-more a:hover {background: #ddefff; text-decoration: none; color: #1b92f3;}

        @media screen and (max-width: 767px) {
          .vas-more-card .service-list {display: flex; flex-direction: column; gap: 16px;}
          .vas-more-card, .vas-promo-card {padding-left: 15px; padding-right: 15px;}
          .vas-promo-card .card-body {flex-direction: column;}
          .vas-promo-card .owl-item {padding: 5px;}
          .vas-promo-card .card-img {display: flex; justify-content: center;}
          .vas-promo-card .recommend-service {padding: 16px;}
          .vas-promo-card .card-content {text-align: center;}
        }


        section#footer {padding-left: 15px; padding-right: 15px;}