2026-05-09 01:00:07 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="zh-TW">
|
|
|
|
|
|
|
2026-05-06 16:22:41 +08:00
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
|
<title>SECHSKIES Concert Archive</title>
|
2026-05-14 09:20:10 +08:00
|
|
|
|
<link rel="stylesheet" href="../assets/css/concert.css">
|
|
|
|
|
|
<link rel="stylesheet" href="../assets/css/style.css">
|
2026-05-06 20:12:54 +08:00
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
2026-05-14 09:20:10 +08:00
|
|
|
|
<link rel="stylesheet" href="../assets/css/tablet.css">
|
2026-05-20 11:42:27 +08:00
|
|
|
|
<!-- 本頁：#stage-now＝同一奶油區（全站 section 外殼）；con-1～4 白卡疊在區內 -->
|
|
|
|
|
|
<style>
|
|
|
|
|
|
body.concert-page #stage-now {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
align-items: stretch;
|
|
|
|
|
|
gap: 0 !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-06-03 15:24:31 +08:00
|
|
|
|
body.concert-page #stage-now>.con-1,
|
|
|
|
|
|
body.concert-page #stage-now>.con-2,
|
|
|
|
|
|
body.concert-page #stage-now>.con-3,
|
|
|
|
|
|
body.concert-page #stage-now>.con-4 {
|
2026-05-20 11:42:27 +08:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
flex: 0 0 auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-06-03 15:24:31 +08:00
|
|
|
|
body.concert-page #stage-now>.con-4:last-child {
|
2026-05-20 11:42:27 +08:00
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body.concert-page .con-4.con-access-denied[data-tour="ACCESS"]::before {
|
|
|
|
|
|
z-index: 4;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body.concert-page .con-4[data-tour="ACCESS"]::after {
|
|
|
|
|
|
z-index: 5;
|
|
|
|
|
|
}
|
2026-06-03 15:24:31 +08:00
|
|
|
|
|
|
|
|
|
|
/* 巡迴搜尋：樣式對齊 .search-input；第一列 input+btn，第二列白字結果 */
|
|
|
|
|
|
.concert-search-box {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
max-width: 920px;
|
|
|
|
|
|
padding: 0 20px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
gap: 14px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.concert-search-row {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
gap: 10px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.concert-search-row .search-input {
|
|
|
|
|
|
flex: 1 1 200px;
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
max-width: 320px;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.concert-search-row .search-input:focus {
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
max-width: 340px;
|
|
|
|
|
|
transform: translateY(-2px);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.concert-search-btn {
|
|
|
|
|
|
flex: 0 0 auto;
|
|
|
|
|
|
padding: 12px 22px;
|
|
|
|
|
|
border: 2px solid #ffcc00;
|
|
|
|
|
|
border-radius: 30px;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
background-color: #ffcc00;
|
|
|
|
|
|
color: #2f2f2f;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
transition: all 0.3s ease;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.concert-search-btn:hover {
|
|
|
|
|
|
border-color: #e6b800;
|
|
|
|
|
|
box-shadow: 0 4px 15px rgba(255, 204, 0, 0.25);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.concert-search-btn:focus {
|
|
|
|
|
|
box-shadow: 0 0 10px rgba(255, 204, 0, 0.35);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-06-03 15:59:52 +08:00
|
|
|
|
.concert-search-result {
|
2026-06-03 15:24:31 +08:00
|
|
|
|
display: block;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
margin: 0;
|
2026-06-03 15:59:52 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2026-06-03 16:04:13 +08:00
|
|
|
|
.concert-search-hint {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
max-width: 720px;
|
|
|
|
|
|
margin: 0 0 12px;
|
|
|
|
|
|
padding: 0 6px;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
font-size: 0.82rem;
|
|
|
|
|
|
line-height: 1.6;
|
|
|
|
|
|
color: rgba(255, 255, 255, 0.78);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-06-03 15:59:52 +08:00
|
|
|
|
.concert-search-summary {
|
|
|
|
|
|
margin: 0 0 12px;
|
2026-06-03 15:24:31 +08:00
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-size: 0.95rem;
|
|
|
|
|
|
line-height: 1.6;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
2026-06-03 15:59:52 +08:00
|
|
|
|
|
|
|
|
|
|
.concert-search-hits {
|
|
|
|
|
|
list-style: none;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
max-width: 720px;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.concert-search-hits li {
|
|
|
|
|
|
padding: 10px 14px;
|
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
|
background: rgba(255, 248, 223, 0.1);
|
|
|
|
|
|
border: 1px solid rgba(255, 204, 0, 0.35);
|
|
|
|
|
|
border-radius: 12px;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
font-size: 0.88rem;
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-06-03 16:04:13 +08:00
|
|
|
|
.concert-search-hits li.concert-search-hit-jump {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
transition: background 0.2s ease, border-color 0.2s ease;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.concert-search-hits li.concert-search-hit-jump:hover,
|
|
|
|
|
|
.concert-search-hits li.concert-search-hit-jump:focus-visible {
|
|
|
|
|
|
background: rgba(255, 204, 0, 0.15);
|
|
|
|
|
|
border-color: #ffcc00;
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-06-03 15:59:52 +08:00
|
|
|
|
.concert-search-hits .hit-track {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
color: #ffdd00;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.concert-search-hits .hit-meta {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin-top: 4px;
|
|
|
|
|
|
color: rgba(255, 255, 255, 0.78);
|
|
|
|
|
|
font-size: 0.82rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.concert-search-hits .hit-more {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
border-style: dashed;
|
|
|
|
|
|
color: rgba(255, 255, 255, 0.85);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.track-item.is-search-hit .track {
|
|
|
|
|
|
color: #ffdd00;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
}
|
2026-05-20 11:42:27 +08:00
|
|
|
|
</style>
|
2026-05-06 16:22:41 +08:00
|
|
|
|
</head>
|
|
|
|
|
|
|
2026-05-09 01:00:07 +08:00
|
|
|
|
<body class="concert-page">
|
2026-05-06 16:22:41 +08:00
|
|
|
|
<!-- HTML 結構 -->
|
2026-05-17 22:11:43 +08:00
|
|
|
|
<header class="inner-page-header">
|
2026-05-16 17:11:10 +08:00
|
|
|
|
<div class="header-inner site-header-inner">
|
2026-05-06 22:01:03 +08:00
|
|
|
|
<h1 class="main-title">巡迴演唱會列表</h1>
|
2026-05-06 20:31:53 +08:00
|
|
|
|
<div class="subtitle-wrap">
|
|
|
|
|
|
<span class="sub-title">SECHSKIES CONCERT ARCHIVE</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</header>
|
2026-05-13 14:16:38 +08:00
|
|
|
|
<nav class="portal-nav" aria-label="水晶男孩推廣部導覽" data-portal-nav></nav>
|
2026-05-09 01:00:07 +08:00
|
|
|
|
<canvas id="particles"></canvas>
|
2026-05-06 16:22:41 +08:00
|
|
|
|
<div class="search-section">
|
2026-06-03 15:24:31 +08:00
|
|
|
|
<div class="concert-search-box">
|
|
|
|
|
|
<div class="concert-search-row">
|
2026-06-03 16:04:13 +08:00
|
|
|
|
<input type="text" class="search-input" id="concert-query" value="" placeholder="搜尋曲目或場次"
|
|
|
|
|
|
aria-describedby="concert-search-hint">
|
|
|
|
|
|
<input type="text" class="search-input" id="concert-member" value=""
|
|
|
|
|
|
placeholder="成員或 ENCORE／Solo…（可空白）" aria-describedby="concert-search-hint">
|
2026-06-03 15:58:01 +08:00
|
|
|
|
<button type="button" class="concert-search-btn" id="concert-search-btn">查詢</button>
|
2026-06-03 15:24:31 +08:00
|
|
|
|
</div>
|
2026-06-03 16:04:13 +08:00
|
|
|
|
<p class="concert-search-hint" id="concert-search-hint">
|
|
|
|
|
|
<strong>曲目或場次</strong>：曲名、巡演名或場地（例：COUPLE、釜山、YELLOW NOTE）。<strong>成員或段落</strong>：可留白；要縮小範圍時可填成員名，或歌單裡的段落標記（例：殷志源、ENCORE、BLACKKIES、Solo）。兩格都有填時，需同時符合。按查詢或 Enter；點結果可跳到下方歌單。
|
|
|
|
|
|
</p>
|
2026-06-03 15:59:52 +08:00
|
|
|
|
<div id="concert-search-result" class="concert-search-result" aria-live="polite">
|
2026-06-03 16:04:13 +08:00
|
|
|
|
<p class="concert-search-summary">尚未查詢。</p>
|
2026-06-03 15:59:52 +08:00
|
|
|
|
</div>
|
2026-06-03 15:24:31 +08:00
|
|
|
|
</div>
|
2026-05-06 16:22:41 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="concert-container">
|
|
|
|
|
|
|
2026-05-09 22:04:55 +08:00
|
|
|
|
<!-- 永恆的重逢：2016 首場回歸演唱會 → 二十週年巡演 -->
|
|
|
|
|
|
<section id="stage-now" aria-label="永恆的重逢">
|
|
|
|
|
|
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<div class="con-1" data-tour=" YELLOW NOTE">
|
|
|
|
|
|
<span class="title">2016 | YELLOW NOTE 首場回歸演唱會</span>
|
2026-05-14 09:20:10 +08:00
|
|
|
|
<img src="../assets/images/concert/2016.jpg" alt="">
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<div class="con-yk-1 attended" data-date1="09.10">
|
|
|
|
|
|
<span class="location">首爾 | 首爾奧林匹克體操競技場</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-yk-1" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">COM' BACK</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">폼생폼사 / 品生品死</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">배신감（BAD GIRL）/ 背叛感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">사랑하는 너에게（DEAR LOVE）/ 給親愛的你</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">너를 보내며（LET U GO）/ 送你離開</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">8t. TRUCK － 殷志源</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">DOUBLE J － 李宰鎮</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">A+ － 金在德</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">그대로 멈춰 / 就那樣停止－ BLACKKIES（殷志源、李宰鎮、金在德）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">SAY － WHITEKIES（姜成勳、張水院）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">SUDDENLY － 張水院</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">MY GIRL － 姜成勳</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">무모한 사랑（RECKLESS LOVE）/ 不可能的愛</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ENCORE：학원별곡（RISE UP）/ 學園別曲</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기사도 / 騎士道</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">DOUBLE ENCORE：（2016年9月11日）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">사랑하는 너에게（DEAR LOVE）/ 給親愛的你</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-yk-1" class="expand-btn"></label>
|
2026-05-06 19:39:27 +08:00
|
|
|
|
</div>
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<div class="con-yk-2">
|
|
|
|
|
|
<span class="location">大邱 | 大邱會展中心</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-yk-2" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">COM' BACK</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">학원별곡（RISE UP）/ 學園別曲</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">배신감（BAD GIRL）/ 背叛感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">사랑하는 너에게（DEAR LOVE）/ 給親愛的你</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">너를 보내며（LET U GO）/ 送你離開</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">어기야 디야（한배를 타고）+ 8t. TRUCK － 殷志源</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">RIGOLETTO － 李宰鎮</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">A+ － 金在德</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">그대로 멈춰 / 就那樣停止－ BLACKKIES（殷志源、李宰鎮、</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">金在德）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">프라프치노（FRAPPUCCINO）－ 張水院</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">어떻게 사랑이 그래요 / 愛情怎麼可以這樣 + 샤방샤방 / 閃亮閃亮 － 姜成勳</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="track-item"><span class="track">하얀 밤에（CLOSE YOUR EYES）/ 白色夜裏</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">폼생폼사 / 品生品死</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기사도 / 騎士道</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-yk-2" class="expand-btn"></label>
|
2026-05-06 19:39:27 +08:00
|
|
|
|
</div>
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<div class="con-yk-3 attended" data-date1="12.23" data-date2="12.24">
|
|
|
|
|
|
<span class="location">釜山 | 釜山會展中心</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-yk-3" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">COM' BACK</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">학원별곡（RISE UP）/ 學園別曲</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">배신감（BAD GIRL）/ 背叛感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">사랑하는 너에게（DEAR LOVE）/ 給親愛的你</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">너를 보내며（LET U GO）/ 送你離開</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">어기야 디야（한배를 타고）+ 8t. TRUCK － 殷志源</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">RIGOLETTO － 李宰鎮</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">A+ － 金在德</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">그대로 멈춰 / 就那樣停止－ BLACKKIES（殷志源、李宰鎮、</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track"> 金在德）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">프라프치노（FRAPPUCCINO）－ 張水院</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">어떻게 사랑이 그래요 / 愛情怎麼可以這樣 + 샤방샤방 / 閃亮閃亮 － 姜成勳</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="track-item"><span class="track">하얀 밤에（CLOSE YOUR EYES）/ 白色夜裏</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">폼생폼사 / 品生品死</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기사도 / 騎士道</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-yk-3" class="expand-btn"></label>
|
2026-05-06 19:39:27 +08:00
|
|
|
|
</div>
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<div class="con-yk-4">
|
|
|
|
|
|
<span class="location">首爾 | 蠶室室內體育館</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-yk-4" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">학원별곡（RISE UP）/ 學園別曲</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COM' BACK</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">배신감（BAD GIRL）/ 背叛感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">사랑하는 너에게（DEAR LOVE）/ 給親愛的你</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">너를 보내며（LET U GO）/ 送你離開</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">문득（MEMORY）+ 트라우마（TRAUMA）－ 殷志源</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">RIGOLETTO － 李宰鎮</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">SAY + MY LOVE － 姜成勳</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">프라프치노（FRAPPUCCINO）+ 여우비（UNFORGETTABLE）－
|
|
|
|
|
|
J-Walk</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">하얀 밤에（CLOSE YOUR EYES）/ 白色夜裏</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ENCORE：그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">DOUBLE ENCORE：</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-yk-4" class="expand-btn"></label>
|
2026-05-06 19:39:27 +08:00
|
|
|
|
</div>
|
2026-05-06 16:22:41 +08:00
|
|
|
|
</div>
|
2026-05-09 22:04:55 +08:00
|
|
|
|
|
2026-06-03 15:58:01 +08:00
|
|
|
|
<!-- <div class="con-2" data-tour="20TH ANNIV.">
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<span class="title">2017-2018 | 20TH ANNIVERSARY</span>
|
2026-05-14 09:20:10 +08:00
|
|
|
|
<img src="../assets/images/concert/2017.jpg" alt="">
|
2026-05-07 15:14:36 +08:00
|
|
|
|
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<div class="con-2-1">
|
|
|
|
|
|
<span class="location">首爾：高尺天空巨蛋</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-2-1" class="expand-trigger">
|
2026-05-06 19:39:27 +08:00
|
|
|
|
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">약속된 운명（아마게돈） / 約定的命運</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">학원별곡（RISE UP）/ 學園別曲</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">폼생폼사 / 品生品死</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">탈출 / 逃離</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기사도 / 騎士道</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">SAY</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">너를 보내며（LET U GO）/ 送你離開</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">공허해 / 空虛 + REALLY REALLY － WINNER</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COM' BACK</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">뫼비우스의 띠 / 麥比烏斯帶</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">현기증（VERTIGO）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">웃어줘（SMILE）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">오랜만이에요（IT'S BEEN A WHILE）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">아프지마요（BE WELL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">슬픈 노래（SAD SONG）/ 悲歌</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ENCORE：</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">特別해（SOMETHING SPECIAL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">백허그（BACK HUG）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">술끊자（DRINKING PROBLEM）</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-2-1" class="expand-btn"></label>
|
2026-05-06 19:39:27 +08:00
|
|
|
|
</div>
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<div class="con-2-2">
|
|
|
|
|
|
<span class="location">光州 | 光州女大世大運體育館</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-2-2" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">오랜만이에요（IT'S BEEN A WHILE）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">웃어줘（SMILE）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">SAY</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">네가 필요해（NEED U）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">백허그（BACK HUG）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">술끊자（DRINKING PROBLEM）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">고백（Go Back）－ 李宰鎮</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">현기증（VERTIGO）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">DANCE MEDLEY：</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COM' BACK + 폼생폼사 / 品生品死 + ROAD FIGHTER +</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기사도 / 騎士道 + 학원별곡（RISE UP）/ 學園別曲</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">아프지마요（BE WELL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">슬픈 노래（SAD SONG）/ 悲歌</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ENCORE：그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-2-2" class="expand-btn"></label>
|
2026-05-06 19:39:27 +08:00
|
|
|
|
</div>
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<div class="con-2-3">
|
|
|
|
|
|
<span class="location">高陽 | 韓國國際展覽中心</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-2-3" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">오랜만이에요（IT'S BEEN A WHILE）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">약속된 운명（아마게돈） / 約定的命運</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">DANCE MEDLEY：COM' BACK + 폼생폼사 + ROAD FIGHTER+기사도 /
|
|
|
|
|
|
騎士道 +
|
|
|
|
|
|
학원별곡（RISE UP）/ 學園別曲</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">웃어줘（SMILE）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">겨울이야기 / 冬天的故事 + White Love － 姜成勳（12月23日）</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="track-item"><span class="track">Beautiful － 張水院（12月24日）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">악마의 연기 / 惡魔的煙氣 － 殷志源（12月30日）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">네가 필요해（NEED U）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">슬픈 노래（SAD SONG）/ 悲歌</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">현기증（VERTIGO）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">아프지마요（BE WELL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">사랑하는 너에게 （DEAR LOVE）/ 給親愛的你</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">백허그（BACK HUG）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">술끊자（DRINKING PROBLEM）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ENCORE：세 단어（THREE WORDS）/ 三個詞</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-2-3" class="expand-btn"></label>
|
2026-05-06 20:12:54 +08:00
|
|
|
|
</div>
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<div class="con-2-4">
|
|
|
|
|
|
<span class="location">釜山 | 釜山會展中心</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-2-4" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">오랜만이에요（IT'S BEEN A WHILE）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">약속된 운명（아마게돈） / 約定的命運</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">DANCE MEDLEY：COM' BACK + 폼생폼사 + ROAD FIGHTER+기사도 /
|
|
|
|
|
|
騎士道 +
|
|
|
|
|
|
학원별곡（RISE UP）/ 學園別曲</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">웃어줘（SMILE）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">겨울이야기 / 冬天的故事 + White Love － 姜成勳（12月23日）</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="track-item"><span class="track">Beautiful － 張水院（12月24日）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">악마의 연기 / 惡魔的煙氣 － 殷志源（12月30日）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">네가 필요해（NEED U）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">슬픈 노래（SAD SONG）/ 悲歌</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">현기증（VERTIGO）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">아프지마요（BE WELL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">사랑하는 너에게 （DEAR LOVE）/ 給親愛的你</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">백허그（BACK HUG）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">술끊자（DRINKING PROBLEM）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ENCORE：특별해（SOMETHING SPECIAL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">DANCE MEDLEY：</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COM' BACK + 폼생폼사 / 品生品死 + ROAD FIGHTER +</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기사도 / 騎士道 + 학원별곡（RISE UP）/ 學園別曲</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-2-4" class="expand-btn"></label>
|
2026-05-06 19:39:27 +08:00
|
|
|
|
</div>
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<div class="con-2-5">
|
|
|
|
|
|
<span class="location">大邱 | 大邱會展中心</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-2-5" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">오랜만이에요（IT'S BEEN A WHILE）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">약속된 운명（아마게돈） / 約定的命運</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">DANCE MEDLEY：</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COM' BACK + 폼생폼사 / 品生品死 + ROAD FIGHTER +</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기사도 / 騎士道 + 학원별곡（RISE UP）/ 學園別曲</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">연정（HEARTBREAK）/ 戀情</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기억해줄래 / 請記得好嗎</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">웃어줘（SMILE）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">겨울이야기 / 冬天的故事 + White Love － 姜成勳</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">RIGOLETTO － 李宰鎮</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">Beautiful － 張水院</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">악마의 연기 / 惡魔的煙氣 － 殷志源</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">Solo舞蹈：Forbes － 金在德</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">네가 필요해（NEED U）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COME TO ME BABY</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">슬픈 노래（SAD SONG）/ 悲歌</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">현기증（VERTIGO）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">아프지마요（BE WELL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ENCORE：</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">사랑하는 너에게 （DEAR LOVE）/ 給親愛的你</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">백허그（BACK HUG）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">술끊자（DRINKING PROBLEM）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">DOUBLE ENCORE：</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">무모한 사랑（RECKLESS LOVE）/ 不可能的愛</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">기사도 / 騎士道</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">DANCE MEDLEY：COM' BACK + 폼생폼사 / 品生品死 + ROAD FIGHTER
|
|
|
|
|
|
+기사도
|
|
|
|
|
|
/ 騎士道 + 학원별곡（RISE UP）/ 學園別曲</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-2-5" class="expand-btn"></label>
|
2026-05-06 20:12:54 +08:00
|
|
|
|
</div>
|
2026-06-03 15:58:01 +08:00
|
|
|
|
</div> -->
|
2026-05-20 11:42:27 +08:00
|
|
|
|
<!-- 演唱會 03 -->
|
|
|
|
|
|
<div class="con-3" data-tour="NOW・HERE・AGAIN.">
|
|
|
|
|
|
<span class="title">2018 | NOW・HERE・AGAIN</span>
|
|
|
|
|
|
<img src="../assets/images/concert/2018.jpg" alt="">
|
|
|
|
|
|
<div class="con-3-1 attended" data-date1="10.13" data-date2="10.14">
|
|
|
|
|
|
<span class="location">首爾：首爾奧林匹克體操競技場</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-3-1" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">약속된 운명（아마게돈） / 約定的命運</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">FLYING LOVE（천상비애）/ 天上飛愛</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">무모한 사랑（RECKLESS LOVE）/ 不可能的愛</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">COM' BACK</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">학원별곡（RISE UP）/ 學園別曲</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ROAD FIGHTER</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">LAST</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">세 단어（THREE WORDS）/ 三個詞</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">少女 － 張水院</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">Now － 殷志源</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">Egoist － 李宰鎮</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">Solo舞蹈：We Still In This Bitch － 金在德</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">오랜만이에요（IT'S BEEN A WHILE）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">네겐 보일수 없었던 세상 / 不能讓你看到的世界</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">슬픈 노래（SAD SONG）/ 悲歌</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">특별해（SOMETHING SPECIAL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">느낌이 와（FEELING）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">현기증（VERTIGO）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">아프지마요（BE WELL）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">ENCORE：</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">예감（GOT A FEELING）/ 預感</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">그대로 멈춰 / 就那樣停止</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">커플（COUPLE）/ 戀人</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">사랑하는 너에게 （DEAR LOVE）/ 給親愛的你（10月14日）</span></div>
|
|
|
|
|
|
<div class="track-item"><span class="track">그날까지（TOGETHER FOREVER）/ 直到那一天（10月14日）</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-3-1" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- 演唱會 04：與 con-2／con-3 同結構 — title → img → con-4-1；ACCESS 樣式用 con-access-denied；CANCELED 水印為 ::before（::after 保留給 data-tour 緞帶） -->
|
|
|
|
|
|
<div class="con-4 con-access-denied" data-tour="ACCESS">
|
|
|
|
|
|
<span class="title">2020 | CONCERT [ACCESS]</span>
|
|
|
|
|
|
<img src="../assets/images/concert/2020.jpg" alt="">
|
2026-05-09 22:04:55 +08:00
|
|
|
|
|
2026-05-20 11:42:27 +08:00
|
|
|
|
<div class="con-4-1 canceled" data-date1="03.06" data-date2="03.08">
|
|
|
|
|
|
<span class="location">首爾：慶熙大學 平和殿堂</span>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="track-list access-denied-message">
|
|
|
|
|
|
<div class="track-item denied-text">
|
|
|
|
|
|
<span>系統錯誤：無法建立連結 (Connection Failed)</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="track-item denied-text">
|
|
|
|
|
|
<span>原因：COVID-19 疫情擴散致演場會取消</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="track-item denied-text">
|
|
|
|
|
|
<span>STATUS: 403 FORBIDDEN - ACCESS DENIED</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2026-05-09 22:04:55 +08:00
|
|
|
|
</section>
|
2026-05-07 15:14:36 +08:00
|
|
|
|
|
2026-05-09 22:04:55 +08:00
|
|
|
|
|
|
|
|
|
|
<!-- 燦爛的最初（九十年代）／錨點 #stage-past -->
|
|
|
|
|
|
<section id="stage-past" aria-label="燦爛的最初">
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<div class="con-1" data-tour="CLASSIC LIVE">
|
|
|
|
|
|
<span class="title">九十年代經典巡迴</span>
|
2026-05-09 22:04:55 +08:00
|
|
|
|
|
2026-05-10 21:18:10 +08:00
|
|
|
|
<div class="stage-past-era">
|
|
|
|
|
|
<span class="tour-era-heading">1997 | Sechky的Christmas</span>
|
|
|
|
|
|
<div class="con-1-1">
|
|
|
|
|
|
<span class="location">1997.12.21 | 首爾 | 韓國 | 世宗文化會館</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-1" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-1" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="stage-past-era">
|
|
|
|
|
|
<span class="tour-era-heading">1998 | Encore Concert</span>
|
|
|
|
|
|
<div class="con-1-2">
|
|
|
|
|
|
<span class="location">1998.02.22 | 首爾 | 韓國 | 首爾奧林匹克體操競技場</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-2" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-2" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="stage-past-era">
|
|
|
|
|
|
<span class="tour-era-heading">1998 | 全國巡迴演唱會</span>
|
|
|
|
|
|
<p class="tour-era-meta">1998年2月28日 — 4月5日・韓國・共 6 場</p>
|
|
|
|
|
|
<div class="con-1-3">
|
|
|
|
|
|
<span class="location">1998.02.28 | 釜山 | 韓國 | 釜山 KBS Hall</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-3" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-3" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="con-1-4">
|
|
|
|
|
|
<span class="location">1998.03.08 | 蔚山 | 韓國 | 蔚山 KBS Hall</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-4" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-4" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="con-1-5">
|
|
|
|
|
|
<span class="location">1998.03.14 | 光州 | 韓國 | 光州廣域市綜合體育館</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-5" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-5" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="con-1-6">
|
|
|
|
|
|
<span class="location">1998.03.22 | 富川 | 韓國 | 富川室內體育館</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-6" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-6" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="con-1-7">
|
|
|
|
|
|
<span class="location">1998.03.28 | 大邱 | 韓國 | E·WORLD</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-7" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-7" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="con-1-8">
|
|
|
|
|
|
<span class="location">1998.04.05 | 大田 | 韓國 | CMB Expo Art Hall</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-8" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-8" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="stage-past-era">
|
|
|
|
|
|
<span class="tour-era-heading">1998 | Sechky的Christmas Concert</span>
|
|
|
|
|
|
<div class="con-1-9">
|
|
|
|
|
|
<span class="location">1998.12.24 | 釜山 | 韓國 | 社稷棒球場</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-9" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-9" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="stage-past-era">
|
|
|
|
|
|
<span class="tour-era-heading">1999 | Sechskies Live Concert</span>
|
|
|
|
|
|
<p class="tour-era-meta">1999年2月6日 — 2月27日・韓國・共 6 場</p>
|
|
|
|
|
|
<div class="con-1-10">
|
|
|
|
|
|
<span class="location">1999.02.06 · 場次 1 | 蔚山 | 韓國 | 蔚山 KBS Hall</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-10" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-10" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="con-1-11">
|
|
|
|
|
|
<span class="location">1999.02.06 · 場次 2 | 蔚山 | 韓國 | 蔚山 KBS Hall</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-11" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理（同日第二場／詳記待考）</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-11" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="con-1-12">
|
|
|
|
|
|
<span class="location">1999.02.21 | 大邱 | 韓國 | 慶北大學</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-12" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-12" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="con-1-13">
|
|
|
|
|
|
<span class="location">1999.02.25 | 首爾 | 韓國 | KBS88 體育館</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-13" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-13" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="con-1-14">
|
|
|
|
|
|
<span class="location">1999.02.26 | 首爾 | 韓國 | KBS88 體育館</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-14" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-14" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="con-1-15">
|
|
|
|
|
|
<span class="location">1999.02.27 | 首爾 | 韓國 | KBS88 體育館</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-15" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-15" class="expand-btn"></label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="stage-past-era">
|
|
|
|
|
|
<span class="tour-era-heading">2000 | SECHSKIES 2000 LIVE CONCERT</span>
|
|
|
|
|
|
<div class="con-1-16">
|
|
|
|
|
|
<span class="location">2000.02.28 | 首爾 | 韓國 | 首爾奧林匹克體操競技場</span>
|
|
|
|
|
|
<input type="checkbox" id="expand-con-1-16" class="expand-trigger">
|
|
|
|
|
|
<div class="track-list">
|
|
|
|
|
|
<div class="track-item"><span class="track">演出曲順待整理</span></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<label for="expand-con-1-16" class="expand-btn"></label>
|
2026-05-09 22:04:55 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
2026-05-06 19:39:27 +08:00
|
|
|
|
</div>
|
2026-05-09 01:00:07 +08:00
|
|
|
|
<footer>
|
|
|
|
|
|
<p>SECHSKIES Fanpage © 2026 - 黃色氣球永遠飄揚</p>
|
|
|
|
|
|
<a href="https://jekkinoopy.github.io/Portfolio/" class="studio-link" target="_blank">
|
2026-05-13 23:10:23 +08:00
|
|
|
|
Design by <span class="mark_b">Jekkinoopy Studio</span>
|
2026-05-09 01:00:07 +08:00
|
|
|
|
</a>
|
|
|
|
|
|
</footer>
|
2026-06-03 15:58:01 +08:00
|
|
|
|
<!-- <link rel="stylesheet" href="search.css"> -->
|
|
|
|
|
|
<script src="search.js"></script>
|
2026-05-09 01:00:07 +08:00
|
|
|
|
<script>
|
|
|
|
|
|
const canvas = document.getElementById('particles');
|
|
|
|
|
|
const ctx = canvas.getContext('2d');
|
2026-05-06 19:39:27 +08:00
|
|
|
|
|
2026-05-09 01:00:07 +08:00
|
|
|
|
function resizeCanvas() {
|
|
|
|
|
|
canvas.width = window.innerWidth;
|
|
|
|
|
|
canvas.height = window.innerHeight;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
resizeCanvas();
|
|
|
|
|
|
|
|
|
|
|
|
let particles = [];
|
|
|
|
|
|
class Particle {
|
|
|
|
|
|
constructor() {
|
|
|
|
|
|
this.x = Math.random() * canvas.width;
|
|
|
|
|
|
this.y = Math.random() * canvas.height;
|
|
|
|
|
|
this.size = Math.random() * 4 + 1;
|
|
|
|
|
|
this.speedX = Math.random() * 0.5 - 0.25;
|
|
|
|
|
|
this.speedY = Math.random() * 0.5 + 0.2;
|
|
|
|
|
|
}
|
|
|
|
|
|
update() {
|
|
|
|
|
|
this.x += this.speedX;
|
|
|
|
|
|
this.y += this.speedY;
|
|
|
|
|
|
if (this.y > canvas.height) this.y = 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
draw() {
|
|
|
|
|
|
ctx.fillStyle = '#FFDD00';
|
|
|
|
|
|
ctx.globalAlpha = 0.6;
|
|
|
|
|
|
ctx.beginPath();
|
|
|
|
|
|
ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
|
|
|
|
|
|
ctx.fill();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function init() {
|
|
|
|
|
|
particles = [];
|
|
|
|
|
|
for (let i = 0; i < 80; i++) particles.push(new Particle());
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function animate() {
|
|
|
|
|
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
|
|
|
|
for (const p of particles) {
|
|
|
|
|
|
p.update();
|
|
|
|
|
|
p.draw();
|
|
|
|
|
|
}
|
|
|
|
|
|
requestAnimationFrame(animate);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
window.addEventListener('resize', () => {
|
|
|
|
|
|
resizeCanvas();
|
|
|
|
|
|
init();
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
init();
|
|
|
|
|
|
animate();
|
|
|
|
|
|
</script>
|
2026-05-14 09:20:10 +08:00
|
|
|
|
<script src="../assets/js/portal-nav.js"></script>
|
2026-05-06 16:22:41 +08:00
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
