蛇年限定｜2025🧧春節特惠團

.background-container { background-image: url('/uploads/photos/shares/topic/snakeyear/BG03.jpg'); background-size: cover; background-position: center; }@media (max-width: 990px) { .background-container { background-image: url('/uploads/photos/shares/topic/snakeyear/BG03-2.jpg'); } }

蛇年春節,春節優惠,春節旅遊,five-petalled rose festival

.card-wrapper { margin: 0 auto; width: 100%; max-width: 1800px;padding: 20px 15px; } .card-container { display: grid; gap: 20px; width: 100%; box-sizing: border-box; justify-content: center; margin: 0 auto; justify-items: center; } .card { background: linear-gradient(to bottom, #bd4025eb, #6a2010); border: 5px solid #d6a36e; border-radius: 10px; padding: 10px 5px 2px; text-align: center; color: white; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; max-width: 250px; overflow-wrap: break-word; position: relative; box-shadow: 0 4px 8px #b07b4b99; padding-top: 40px;position:relative;z-index:6; } .card-week { background-color: #812714; font-size: 1.1rem; font-weight: bold; color: #fffaf5; display: flex; justify-content: space-between; padding: 10px 16px 3px; position: absolute; top: 0; left: 0; right: 0; z-index: 1; border-top-left-radius: 10px; border-top-right-radius: 10px; align-items: center; } .card-week .circle { display: inline-block; width: 18px; height: 18px; border-radius: 50%; background-color: #d6a36e; vertical-align: middle; position: relative; } .card-week .circle::before { content: ""; position: absolute; top: 50%; left: 50%; width: 1.5px; height: 130%; background-color: #d6a36e; transform: translateX(-50%) translateY(-100%); } .card-date { font-size: 2.1rem; font-weight: bold; color: #fffaf5; margin: -3px 0; } .card-name { min-height: 21px; font-size: 0.9rem; font-weight: bold; color: #d6a36e; margin-bottom: 4px; text-align: center; } .card-details, .card-event { display: inline-block; width: 100%; max-width: 100%; box-sizing: border-box; font-weight: bold; font-size: clamp(16px,1vw,19px);margin: 0 0 5px; } .card-details.highlight { background-color: #b93a26; color: #fffaf5; border: none; border-radius: 5px; padding: 4px 8px; transition: all 0.1s ease; } .card-details.highlight:hover { background-color: #72220c; color: #fffaf5; } .card-event { background-color: #fffaf5; color: #b93a26; padding: 4px 3px; border-radius: 5px; transition: all 0.1s ease;margin: 0 0 5px; } .card-event:hover { background-color: #bb864f; color: #fffaf5; } .card-special { font-size: 1rem; font-weight: bold; color: #e7b887; } .special-link { text-decoration: none !important; border: none !important;color: inherit !important; outline: none !important; } .special-link:hover { text-decoration: none !important; color: inherit !important; } .special-link::after { content: none !important; background: none !important; border: none !important; } @media (min-width: 1024px) { .card-container { grid-template-columns: repeat(6, 1fr); } } @media (max-width: 1024px) { .card-container { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 770px) { .card-container { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .card-container { grid-template-columns: repeat(2, 1fr); } }

星期日

1/12

義大利品味15日

星期二

1/14

奧捷絕美12日

春節特惠限定團

奧捷浪漫12日

春節特惠限定團

星期六

1/18

西班牙艷麗13日

星期日

1/19

奧捷浪漫12日

春節特惠限定團

星期三

1/22

德瑞浪漫15日

星期日

1/26

義大利品味15日

星期日

1/27

小年夜

德瑞絕美14日

春節特惠限定團

星期二

1/28

除　夕

奧捷浪漫12日

星期六

1/29

初　一

德瑞浪漫15日

春節特惠限定團

星期一

2/3

立　春

德瑞絕美14日

星期二

2/4

奧捷絕美12日

奧捷浪漫12日

星期三

2/5

天公生

奧捷新潮12日

德瑞浪漫15日

.hover-slide { pointer-events: auto !important; user-select: auto !important; } @keyframes slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } .hover-slide:hover { animation: slide-up 0.5s ease-in-out forwards; } .hover-jump { pointer-events: auto !important; user-select: auto !important; } @keyframes jump { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } .hover-jump:hover { animation: jump 0.8s ease-in-out infinite; } @media (max-width: 990px) { .custom-image-column { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 20px; } .custom-image { width: 100%; max-width: 250px; } .hide-on-mobile { display: none !important; } }　.N { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;position: relative; } .N::before { content: " "; height:100% ; width:100%; position: absolute; top: 0; left: 0; z-index: 5; } img { -webkit-user-drag: none; pointer-events: none; user-select: none; }