.depart-contact.type5 .img img {
    background-image: url(https://isu35th.isu.edu.tw:8081/storage/images/80IERNikYKIDd1EZtHAJc4ccHIF4ds0HP0DlUJdd.png) !important;
}
.depart-explore.type5 .explore-img {
    aspect-ratio: 16 / 9 !important;
    width: 100%;
}
.block-container.type5 {
    column-gap: 0px !important;
    padding: 0px !important;
}
.depart-explore.type5 .explore-link:hover:before {
    height: 15% !important;
}
.deco3 {display:none;}
.ball {display:none;}
.depart-highlight {  background-image:url(https://isu35th.isu.edu.tw:8081/storage/images/XOxz00n59TCOiID0N4sqjmkPRJFGzxqMAJCJgCQw.webp) !important;}
body {
  background-image: 
 linear-gradient(to bottom, rgba(255,255,255,0.6), 
rgba(238,147,145,0.06));
background-position: center bottom;
background-repeat: no-repeat;
background-size:120%;
}
.depart-footer.type5 {
    background-color: #47e7ff !important;
}
.depart-explore.type5 .explore-link:before {
    background: #84d5de !important;
opacity: 0 !important;
}
.depart-explore.type5 .explore-body {display:none;}
.depart-explore.type5 .explore-link:hover .explore-title {
    margin-bottom: 10px !important;
}
.depart-explore.type5 .explore-link {
    border-radius: 15px !important;
}
.depart_navBar .head .lang {
    background-color: #8f71ff !important;
	border-radius: 0px 0px 0px 20px !important;
}
.dropdown a:hover {
    color: #ffffff !important;
    background-color: #ffcc00 !important;
    padding: 3px;
}
.dropdown a {
    padding: 3px;
}
.depart-contact {display:none;}

.type5 .swiper-container .img img {
    aspect-ratio: 1 / 0.45 !important;
}
/*最新消息背景*/
.block-container {
  position: relative;
  padding: 60px 0;
  overflow: hidden;
}
.depart-news {
    background: linear-gradient(135deg, #ebe6ff, #fffde7, #ffffff); /* 淡化主色系 */
    border-radius: 40px;
    padding: 20px;
    margin: 20px;
    box-shadow: 0 4px 12px rgba(132, 213, 222, 0.15); /* 淡藍綠陰影 */
    color: #444; /* 保持文字清晰但不刺眼 */
}

.block-container.type5 {
max-width: 1500px !important;}
.depart-activity-container .swiper-wrapper {height:500px !important;}
 .depart-activity.type5 .activity-img img {
    border-radius: 20px !important;
    margin-top: 20px !important;
 }
.news-date {display:none;}

/*手機尺寸*/
@media (max-width: 991px) {
    .type5 {
        overflow: hidden;
    }

.type5 .swiper-container .img img {
	    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
.type5 .swiper-container .img {
        height: 80dvh !important;
    }
}
/*icon設計*/
.depart-news.type5 .news-category {
display:none;
}
.depart-news.type5 .btn-container .more {
  background-color: #eaf9fb !important; /* 淡藍綠，呼應主色系 */
  border: 2px solid #84d5de !important; /* 主色邊框 */
  border-radius: 50px !important;
  color: #003366 !important;
  display: inline-block !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.5 !important;
  padding: 12px 40px !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 10px rgba(132, 213, 222, 0.2) !important; /* 柔和陰影 */
}

.depart-news.type5 .btn-container .more:hover {
  background-color: #fceaea !important; /* 淡粉紅，呼應另一主色 */
  border-color: #ee9391 !important;
  color: #000 !important;
  box-shadow: 0 6px 14px rgba(238, 147, 145, 0.25) !important;
}

/*次頁行程版型*/
.post .nav-pills .nav-link {
  background-color: #f0f0f0 !important;
  color: #333 !important;
  border-radius: 8px !important;
  margin-right: 8px !important;
  padding: 8px 16px !important;
  font-weight: 500 !important;
  border: 1px solid #ccc !important;
  transition: background-color 0.2s ease !important;
}

.post .nav-pills .nav-link:hover {
  background-color: #e0e0e0 !important;
  color: #000 !important;
}

.post .nav-pills .nav-link.active {
  background-color: #8f71ff !important;
  color: #fff !important;
  border-color: #8f71ff !important;
}
.activity-date .calendar-add {display:none;}
.activity-title .activity-detail {display:none;}


/* 活動卡片樣式 */
.post .activity-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 40px auto;
  padding: 0 20px;
}

.post .activity-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);
  animation: pulse 5s infinite linear;
  z-index: 0;
}

@keyframes pulse {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.post .activity-title {
  font-size: 1.2em;
  z-index: 1;
  position: relative;
}

.post .activity-date {
  font-size: 1em;
  margin-top: 8px;
  opacity: 0.9;
  z-index: 1;
  position: relative;
}
.post .activity-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(135deg, #8f71ff 0%, #8f71ff 100%);
  color: #fff;
  border-left: 8px solid #ffffff;
  padding: 5px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
}

.post .activity-info {
  z-index: 1;
}

.post .activity-theme {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 8px 12px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 1em;
  white-space: nowrap;
  z-index: 1;
}
.post .activity-theme {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 8px 12px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 1em;
  white-space: nowrap;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}

.post .calendar-add {
  color: #fff;
  text-decoration: none;
  font-size: 1.2em;
  transition: transform 0.2s ease;
}

.post .calendar-add:hover {
  transform: scale(1.2);
  color: #ffffcc;
}
.post .activity-theme {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 8px 12px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 1em;
  white-space: nowrap;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}

.post .calendar-add,
.post .activity-detail {
  color: #fff !important;
  text-decoration: none;
  font-size: 1em;
  padding: 4px 8px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.25);
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.post .calendar-add:hover,
.post .activity-detail:hover {
  background-color: rgba(255, 255, 255, 0.4);
  transform: scale(1.05);
}
@media (max-width: 768px) {
.activity-date .calendar-add {display:inline;}
.activity-title .activity-detail {display:inline;}
.post .activity-title {font-size: 1em;}
 .post .nav-pills {
    flex-direction: column !important;
    align-items: stretch !important;
}
.post .nav-pills .nav-link {
    margin-bottom: 8px !important;
    width: 100% !important;
}
.post .activity-theme {display:none !important;}
.post .activity-container {
    padding: 0px !important;
}
}
/*卡片樣式*/

        .section-title {
            font-size: 1.2em;
            color: #ee9391; /* 更深的紅色，對比更強 */
            margin-bottom: 12px;
            letter-spacing: 1px;
        }

        .section-content {
            font-size: 1.0em;
            color: #34495e;
            line-height: 1.8;
            margin-bottom: 15px;
			    margin-top: 15px;
        }

        .section-location {
            background-color: #eaf7f9;
            border-left: 4px solid #8f71ff; /* 使用主色系 */
            padding: 12px 15px;
            border-radius: 6px;
            color: #2c3e50;
            font-size: 1em;
            font-weight: 500;
        }

        .section-block {
            border-left: 6px solid #8f71ff; /* 使用主色系 */
            padding: 20px 25px;
            margin: 10px 0;
            background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%);
            box-shadow: 0 4px 12px rgba(132, 213, 222, 0.2);
            border-radius: 10px;
            transition: box-shadow 0.3s ease;
        }

        .section-block:hover {
            box-shadow: 0 8px 20px rgba(132, 213, 222, 0.3);
        }
        ul.custom-list {
            list-style-type: none;
            padding-left: 0;
            margin-bottom: 15px;
        }
        ul.custom-list li {
            padding: 6px 0;
            border-bottom: 1px dashed #ccc;
            font-size: 1.0em;
            color: #34495e;
            position: relative;
            padding-left: 25px;
        }
        ul.custom-list li::before {
            content: "✅";
            position: absolute;
            left: 0;
            color: #41bfbf;
        }
details {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 12px 16px !important;
  margin-bottom: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

details[open] {
  background-color: #eef9fb !important;
  border-color: #41bfbf !important;
}

details summary {
  font-weight: 600;
  cursor: pointer;
  color: #2c3e50;
  position: relative;
}

details summary::before {
  position: absolute;
  left: 0;
  top: 0;
}
.section-tag {
    background-color: rgba(65, 191, 191, 0.85);
    color: white;
    padding: 6px 12px;
    font-size: 1em;
    border-radius: 6px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 20px;
}
/*版型控制*/
.post[data-v-c40cca1e] {
    padding: 10px 0 20px !important;
}
.href01 {
	display: inline-block;
    padding: 6px 12px;
    background-color: #41bfbf;
    color: white !important;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.9em;
    transition: background-color 0.3s ease;
}
.href01:hover {
	display: inline-block;
    padding: 6px 12px;
	background-color: #2ca9a9;
    color: white;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.9em;
    transition: background-color 0.3s ease;
}

/* .swiper-grid-column > .swiper-wrapper:first-of-type {
    flex-wrap: nowrap !important;
}
section.depart-highlight.type5.show  .swiper-wrapper:first-of-type {
    flex-wrap: nowrap !important;} */
section.depart-highlight.type5.show .swiper-wrapper {
    display: grid !important;
grid-template-columns: repeat(1, 30%) !important;
pointer-events: none;}
.depart-highlight.type5 .highlight-slide {
	    column-gap: 10px !important;
    grid-template-columns: 100% 0% !important;
}
.highlight-body {display:none;}
.depart-highlight.type5 .highlight-img {
    aspect-ratio: 3 / 1 !important;
}
.title {display:block !important;}
.hide2 {display:none !important;}
.depart-video-containter .video {display:none !important;}
.depart-video-containter h2 {display:none !important;}
.depart-video.type5 .depart-video-containter {display:block !important;}
.depart-video.type5 {padding:0px !important;}
.videoRef.show {
    margin: 50px 0px;
}
 .depart-video.type5 .title {
    font-size: 1.875rem !important;
    font-weight: 700 !important;
 }
 .depart-video .btn-more a {
    background-color: antiquewhite !important;
    border-radius: 0px !important;
    color: #333 !important;
    padding: 0px 10px !important;
}
  .depart-video.type5 .body .video-title {font-size:1rem !important;
  font-weight:400 !important;
  }
  
 .depart-video.type5 .body .video-title{
    margin-bottom: 0px !important;
}
.depart-video.type5 .body .content {
margin: auto;
    margin-bottom: 10px;
	border-bottom: 1px dashed #888;}
@media (min-width: 768px) {
section.depart-highlight.type5.show .swiper-wrapper {
    display: grid !important;
grid-template-columns: repeat(2, 50%) !important;
pointer-events: none;}
.depart-video.type5 .body .video-title {
	max-width: 100% !important;
    width: fit-content !important;
}
.depart-video.type5 .body .video-desc {
    max-width: 0px !important;
}
.depart-video.type5 .body .btn-more {
    width: fit-content !important;
column-gap: 5px !important;}
.depart-video.type5 .body .content {
    flex-direction: row !important;
}
}
@media (min-width:1024px) and (max-width:1440px){
	.depart-highlight.type5{
    padding: 0 10px !important;
}
.depart-highlight.type5 .highlight-slide {
    column-gap: 10px !important;
    grid-template-columns: 95% 0% !important;
}
.main-content {margin-left:50px !important}
}
@media (min-width:1441px){
	.main-content {margin-left:50px !important}
}
@media (min-width:768px) and (max-width:1023px){
	.depart-highlight.type5{
    padding: 0 10px !important;
}
    section.depart-highlight.type5.show .swiper-wrapper {
        grid-template-columns: repeat(2, 50%) !important;
    }
}
.swiper-wrapper {
    max-width: 100% !important;
}
.depart-highlight.type5 .highlight-pagination {display:none !important;}
/*觀看更多關閉開啟*/
section.type5.depart-video .btn-more {display:none !important;}
div.videoRef.show:nth-of-type(2){display:flex !important;}