.wp-block-site-logo {
	z-index: 999;
}

@media(max-width:768px) {
	.is-layout-flow>.alignright {
		margin-inline-start: 0;
	}
	
	.menu_picture>.wp-block-column.is-layout-flow:first-of-type {
		flex-basis: 30% !important;
	}
	
	.menu_picture>.wp-block-column.is-layout-flow:last-of-type {
		flex-basis: 60% !important;
	}
	
	img.wp-image-857 {
		margin-top: 4%;
	}
}

.blur-overlay {
	border: 1px solid hsla(0,0%,100%,.3);
}

.blur-overlay,.frosted-glass {
	box-shadow: 0 8px 32px rgba(0,0,0,.1);
}

.frosted-glass {
	background: hsla(0,0%,100%,.2);
}

.text-on-scene {
	color: #fff;
	font-weight: 700;
	text-shadow: 2px 2px 8px rgba(0,20,40,.7);
}

.frosted-glass .text-inside {
	color: #036;
	text-shadow: 1px 1px 3px hsla(0,0%,100%,.5);
}

@media screen and (min-width:765px) {
	.small_screen {
		display: none !important;
	}
}

@media(max-width:468px) {
	.wp-block-group.alignwide.large_screen.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-c124d1c4.wp-block-group-is-layout-flex {
		display: none;
	}
	
	header.wp-block-template-part {
		margin-bottom: -55px;
	}
	
	.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
		position: sticky;
	}
	
	.wp-block-navigation__responsive-container-open {
		background-color: #fff;
		border-radius: 4px;
		padding: 5px;
	}
	
	.wp-block-navigation__responsive-container-open svg {
		fill: #000;
	}
	
	.small_screen {
		display: flex !important;
		margin-bottom: 0;
		top: 0;
		width: 100%;
		z-index: 9999;
	}
	
	.small_screen .wp-block-column {
		padding: 10px 10px 10px 87%;
	}
	
	.wp-block-button.has-custom-width.wp-block-button__width-25 {
		padding-top: 45px;
		width: auto;
	}
}

.my-nav a {
	font-size: 18px;
}

@media(max-width:1024px) {
	.my-nav a {
		font-size: 16px;
	}
}

@media(max-width:768px) {
	.my-nav a {
		font-size: 14px;
	}
}

.address-nav a {
	font-size: 14px;
}

.wp-block-navigation__container>.wp-block-navigation-item {
	margin-bottom: 12px;
	margin-top: 12px;
}

.glass-card {
	background: hsla(0,0%,100%,.15);
	border: 1px solid hsla(0,0%,100%,.3);
	border-radius: 16px;
	border-radius: 20px;
	box-shadow: 0 8px 32px rgba(0,0,0,.1);
	box-shadow: 0 8px 32px rgba(0,0,0,.1), inset 0 1px 0 hsla(0,0%,100%,.5), inset 0 -1px 0 hsla(0,0%,100%,.1), inset 0 0 20px 10px #fff;
	overflow: hidden;
	position: relative;
	width: 240px;
	z-index: 1;
}

.glass-card:before {
	background: linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent);
	height: 100%;
	height: 1px;
	width: 100%;
}

.glass-card:after,.glass-card:before {
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	z-index: 2;
}

.glass-card:after {
	background: linear-gradient(180deg,hsla(0,0%,100%,.8),transparent,hsla(0,0%,100%,.3));
	height: 100%;
	width: 1px;
}

.gradient-text {
	background: linear-gradient(135deg,#036,#39f,#fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.blur-overlay {
	background: hsla(0,0%,100%,.2);
	border-radius: 16px;
	padding: 1.5rem;
}

.frosted-glass {
	background-color: hsla(0,0%,100%,.2);
	border: 1px solid hsla(0,0%,100%,.3);
	border-radius: 16px;
	box-shadow: 0 8px 24px rgba(0,0,0,.15);
	padding: 2rem;
	position: relative;
	z-index: 1;
}

.wave-section {
	background: #004e92;
	height: 200px;
	overflow: hidden;
	position: relative;
}

.wave-section:before {
	animation: waveMove 5s linear infinite;
	background: radial-gradient(circle at 50% 50%,rgba(0,247,255,.267) 0,transparent 70%);
	content: "";
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	top: 0;
	width: 200%;
	z-index: 0;
}

.wave-section>* {
	color: #fff;
	position: relative;
	z-index: 1;
}

@keyframes waveMove {
	0% {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(-50%);
	}
}

.text-wave-effect {
	background: linear-gradient(120deg,#00f7ff,#004e92,#00f7ff);
	-webkit-background-clip: text;
	background-size: 200% auto;
	color: #fff;
	font-size: 3rem;
	font-weight: 700;
	-webkit-text-fill-color: transparent;
	animation: wave-text-glow 4s linear infinite;
}

@keyframes wave-text-glow {
	to {
		background-position: -200%;
	}
}

.ocean-container {
	background: #f5f5f5;
	height: 250px !important;
	overflow: hidden !important;
	position: relative !important;
	width: 100% !important;
	z-index: 0;
}

.wave {
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	border-radius: 100%;
	display: block !important;
	height: 400% !important;
	left: -150% !important;
	position: absolute !important;
	width: 400% !important;
}

.wave.wave1 {
	animation-duration: 15s !important;
	animation-name: wave-animation-1 !important;
	background: rgba(30,58,138,.7);
	bottom: -360% !important;
	z-index: 2 !important;
}

.wave.wave2 {
	animation-duration: 20s !important;
	animation-name: wave-animation-2 !important;
	background: rgba(59,130,246,.5);
	bottom: -357% !important;
	z-index: 3 !important;
}

.wave.wave3 {
	animation-duration: 18s !important;
	animation-name: wave-animation-3 !important;
	background: rgba(96,165,250,.3);
	bottom: -355% !important;
	z-index: 4 !important;
}

.floating-object {
	animation-iteration-count: infinite;
	animation-name: float-animation !important;
	animation-timing-function: linear;
	background-image: url('https://taiwan.wordcamp.org/2025/files/2025/09/%E8%8A%92%E6%9E%9C%E8%89%A6%E9%95%B7_%E9%BB%91%E8%89%B2%E9%82%8A%E6%A1%86_v2turn.png');
	bottom: 40px !important;
	height: 80px !important;
	left: -80px !important;
	width: 80px !important;
	z-index: 9 !important;
}

.floating-object,.sinking-object {
	animation-duration: 25s !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	display: block !important;
	position: absolute !important;
}

.sinking-object {
	animation-delay: -1.25s !important;
	animation-iteration-count: infinite;
	animation-name: sinking-animation !important;
	animation-timing-function: linear;
	background-image: url('https://taiwan.wordcamp.org/2025/files/2025/09/%E6%B0%B4%E6%89%8B_%E9%BB%91%E8%89%B2%E9%82%8A%E6%A1%86W_v1turn.png');
	bottom: 30px !important;
	height: 100px !important;
	left: -100px !important;
	width: 100px !important;
	z-index: 10 !important;
}

.iceberg {
	background: #e0e0e0 !important;
	clip-path: polygon(30% 0,40% 20%,60% 10%,75% 30%,80% 25%,100% 100%,0 100%);
	filter: drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 -2px 0 #000) drop-shadow(2px -2px 0 #000) drop-shadow(-2px -2px 0 #000);
	height: 160px !important;
	right: 15px !important;
	width: 200px !important;
}

.iceberg,.iceberg-2 {
	bottom: 0 !important;
	display: block !important;
	position: absolute !important;
	z-index: 1 !important;
}

.iceberg-2 {
	background: #d0d0d0 !important;
	clip-path: polygon(20% 15%,45% 0,60% 20%,80% 10%,100% 100%,0 100%);
	filter: drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 -2px 0 #000);
	height: 120px !important;
	right: 160px !important;
	width: 160px !important;
}

.iceberg-3 {
	background: silver !important;
	bottom: 0 !important;
	clip-path: polygon(25% 0,50% 10%,75% 0,100% 100%,0 100%);
	display: block !important;
	filter: drop-shadow(1.5px 0 0 #000) drop-shadow(-1.5px 0 0 #000) drop-shadow(0 -1.5px 0 #000);
	height: 80px !important;
	position: absolute !important;
	right: 0 !important;
	width: 100px !important;
	z-index: 1 !important;
}

.flying-fish {
	animation-delay: 3s !important;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.flying-fish,.flying-fish-2 {
	animation-duration: 18s !important;
	animation-name: fish-animation !important;
	background-image: url('https://taiwan.wordcamp.org/2025/files/2025/08/image-3.png');
	background-repeat: no-repeat !important;
	background-size: contain !important;
	bottom: 30px !important;
	display: block !important;
	height: 70px !important;
	left: -70px !important;
	opacity: 0;
	position: absolute !important;
	width: 70px !important;
	z-index: 8 !important;
}

.flying-fish-2 {
	animation-delay: 3.45s !important;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.flying-fish-3 {
	animation-delay: 3.9s !important;
	animation-duration: 18s !important;
	animation-iteration-count: infinite;
	animation-name: fish-animation !important;
	animation-timing-function: linear;
	background-image: url('https://taiwan.wordcamp.org/2025/files/2025/08/image-3.png');
	background-repeat: no-repeat !important;
	background-size: contain !important;
	bottom: 30px !important;
	display: block !important;
	height: 70px !important;
	left: -70px !important;
	opacity: 0;
	position: absolute !important;
	width: 70px !important;
	z-index: 8 !important;
}

@keyframes wave-animation-1 {
	0% {
		transform: translateX(0) translateY(0);
	}
	
	50% {
		transform: translateX(-12.5%) translateY(15px);
	}
	
	to {
		transform: translateX(-25%) translateY(0);
	}
}

@keyframes wave-animation-2 {
	0% {
		transform: translateX(0) translateY(0);
	}
	
	50% {
		transform: translateX(-12.5%) translateY(-20px);
	}
	
	to {
		transform: translateX(-25%) translateY(0);
	}
}

@keyframes wave-animation-3 {
	0% {
		transform: translateX(0) translateY(0);
	}
	
	50% {
		transform: translateX(-12.5%) translateY(10px);
	}
	
	to {
		transform: translateX(-25%) translateY(0);
	}
}

@keyframes float-animation {
	0% {
		transform: translateX(0) translateY(5px) rotate(2deg);
	}
	
	10% {
		transform: translateX(11vw) translateY(-10px) rotate(-5deg);
	}
	
	20% {
		transform: translateX(22vw) translateY(8px) rotate(4deg);
	}
	
	30% {
		transform: translateX(33vw) translateY(-15px) rotate(-8deg);
	}
	
	40% {
		transform: translateX(44vw) translateY(2px) rotate(3deg);
	}
	
	50% {
		transform: translateX(55vw) translateY(-12px) rotate(-6deg);
	}
	
	60% {
		transform: translateX(66vw) translateY(10px) rotate(5deg);
	}
	
	70% {
		transform: translateX(77vw) translateY(-8px) rotate(-4deg);
	}
	
	80% {
		transform: translateX(88vw) translateY(15px) rotate(8deg);
	}
	
	90% {
		transform: translateX(99vw) translateY(-5px) rotate(-2deg);
	}
	
	to {
		transform: translateX(110vw) translateY(5px) rotate(2deg);
	}
}

@keyframes sinking-animation {
	0% {
		opacity: 1;
		transform: translateX(0) translateY(10px) rotate(-2deg);
	}
	
	10% {
		opacity: 1;
		transform: translateX(11vw) translateY(-5px) rotate(3deg);
	}
	
	20% {
		opacity: 1;
		transform: translateX(22vw) translateY(12px) rotate(-4deg);
	}
	
	30% {
		opacity: 1;
		transform: translateX(33vw) translateY(-8px) rotate(5deg);
	}
	
	40% {
		opacity: 1;
		transform: translateX(44vw) translateY(15px) rotate(-6deg);
	}
	
	50% {
		opacity: 1;
		transform: translateX(55vw) translateY(-10px) rotate(4deg);
	}
	
	60% {
		opacity: 1;
		transform: translateX(66vw) translateY(8px) rotate(-2deg);
	}
	
	70% {
		opacity: 1;
		transform: translateX(77vw) translateY(-12px) rotate(1deg);
	}
	
	80% {
		opacity: 1;
		transform: translateX(88vw) translateY(5px) rotate(0deg);
	}
	
	85% {
		opacity: 1;
		transform: translateX(93.5vw) translateY(-5px) rotate(-2deg);
	}
	
	90% {
		opacity: 1;
		transform: translateX(99vw) translateY(40px) rotate(30deg);
	}
	
	to {
		opacity: 0;
		transform: translateX(104.5vw) translateY(150px) rotate(75deg);
	}
}

@keyframes fish-animation {
	0% {
		opacity: 0;
		transform: translateX(0) translateY(2.5px) rotate(0deg);
	}
	
	2% {
		opacity: 1;
		transform: translateX(3vw) translateY(.6px) rotate(0deg);
	}
	
	16.5% {
		transform: translateX(20vw) translateY(-4.4px) rotate(45deg);
	}
	
	31% {
		opacity: 1;
		transform: translateX(37vw) translateY(.6px) rotate(90deg);
	}
	
	33% {
		opacity: 0;
		transform: translateX(40vw) translateY(2.5px) rotate(90deg);
	}
	
	33.1% {
		opacity: 0;
		transform: translateX(40vw) translateY(2.5px) rotate(0deg);
	}
	
	35.1% {
		opacity: 1;
		transform: translateX(43vw) translateY(.6px) rotate(0deg);
	}
	
	49.5% {
		transform: translateX(60vw) translateY(-4.4px) rotate(45deg);
	}
	
	64.1% {
		opacity: 1;
		transform: translateX(77vw) translateY(.6px) rotate(90deg);
	}
	
	66% {
		opacity: 0;
		transform: translateX(80vw) translateY(2.5px) rotate(90deg);
	}
	
	66.1% {
		opacity: 0;
		transform: translateX(80vw) translateY(2.5px) rotate(0deg);
	}
	
	68.1% {
		opacity: 1;
		transform: translateX(83vw) translateY(.6px) rotate(0deg);
	}
	
	82.5% {
		transform: translateX(100vw) translateY(-4.4px) rotate(45deg);
	}
	
	97.1% {
		opacity: 1;
		transform: translateX(117vw) translateY(.6px) rotate(90deg);
	}
	
	to {
		opacity: 0;
		transform: translateX(120vw) translateY(2.5px) rotate(90deg);
	}
}

@media(max-width:768px) {
	.ocean-container {
		height: 150px !important;
	}
	
	.floating-object,.sinking-object {
		height: 60px !important;
		width: 60px !important;
	}
	
	.floating-object {
		animation-name: float-animation-mobile !important;
	}
	
	.sinking-object {
		animation-name: sinking-animation-mobile !important;
	}
	
	.iceberg {
		height: 100px !important;
		right: 10px !important;
		width: 120px !important;
	}
	
	.iceberg-2 {
		height: 70px !important;
		right: 100px !important;
		width: 90px !important;
	}
	
	.iceberg-3 {
		height: 50px !important;
		right: 5px !important;
		width: 60px !important;
	}
	
	.flying-fish,.flying-fish-2,.flying-fish-3 {
		animation-name: fish-animation-mobile !important;
		height: 50px !important;
		width: 50px !important;
	}
	
	@keyframes float-animation-mobile {
	0% {
		transform: translateX(0) translateY(3px) rotate(2deg);
	}
	
	10% {
		transform: translateX(11vw) translateY(-6px) rotate(-5deg);
	}
	
	20% {
		transform: translateX(22vw) translateY(5px) rotate(4deg);
	}
	
	30% {
		transform: translateX(33vw) translateY(-9px) rotate(-8deg);
	}
	
	40% {
		transform: translateX(44vw) translateY(1px) rotate(3deg);
	}
	
	50% {
		transform: translateX(55vw) translateY(-7px) rotate(-6deg);
	}
	
	60% {
		transform: translateX(66vw) translateY(6px) rotate(5deg);
	}
	
	70% {
		transform: translateX(77vw) translateY(-5px) rotate(-4deg);
	}
	
	80% {
		transform: translateX(88vw) translateY(9px) rotate(8deg);
	}
	
	90% {
		transform: translateX(99vw) translateY(-3px) rotate(-2deg);
	}
	
	to {
		transform: translateX(110vw) translateY(3px) rotate(2deg);
	}
}

@keyframes sinking-animation-mobile {
	0% {
		opacity: 1;
		transform: translateX(0) translateY(6px) rotate(-2deg);
	}
	
	10% {
		opacity: 1;
		transform: translateX(11vw) translateY(-3px) rotate(3deg);
	}
	
	20% {
		opacity: 1;
		transform: translateX(22vw) translateY(7px) rotate(-4deg);
	}
	
	30% {
		opacity: 1;
		transform: translateX(33vw) translateY(-5px) rotate(5deg);
	}
	
	40% {
		opacity: 1;
		transform: translateX(44vw) translateY(9px) rotate(-6deg);
	}
	
	50% {
		opacity: 1;
		transform: translateX(55vw) translateY(-6px) rotate(4deg);
	}
	
	60% {
		opacity: 1;
		transform: translateX(66vw) translateY(5px) rotate(-2deg);
	}
	
	70% {
		opacity: 1;
		transform: translateX(77vw) translateY(-7px) rotate(1deg);
	}
	
	80% {
		opacity: 1;
		transform: translateX(88vw) translateY(3px) rotate(0deg);
	}
	
	85% {
		opacity: 1;
		transform: translateX(93.5vw) translateY(-3px) rotate(-2deg);
	}
	
	90% {
		opacity: 1;
		transform: translateX(99vw) translateY(25px) rotate(30deg);
	}
	
	to {
		opacity: 0;
		transform: translateX(104.5vw) translateY(90px) rotate(75deg);
	}
}

@keyframes fish-animation-mobile {
	0% {
		opacity: 0;
		transform: translateX(0) translateY(1.5px) rotate(0deg);
	}
	
	2% {
		opacity: 1;
		transform: translateX(3vw) translateY(.3px) rotate(0deg);
	}
	
	16.5% {
		transform: translateX(20vw) translateY(-2.8px) rotate(45deg);
	}
	
	31% {
		opacity: 1;
		transform: translateX(37vw) translateY(.3px) rotate(90deg);
	}
	
	33% {
		opacity: 0;
		transform: translateX(40vw) translateY(1.5px) rotate(90deg);
	}
	
	33.1% {
		opacity: 0;
		transform: translateX(40vw) translateY(1.5px) rotate(0deg);
	}
	
	35.1% {
		opacity: 1;
		transform: translateX(43vw) translateY(.3px) rotate(0deg);
	}
	
	49.5% {
		transform: translateX(60vw) translateY(-2.8px) rotate(45deg);
	}
	
	64.1% {
		opacity: 1;
		transform: translateX(77vw) translateY(.3px) rotate(90deg);
	}
	
	66% {
		opacity: 0;
		transform: translateX(80vw) translateY(1.5px) rotate(90deg);
	}
	
	66.1% {
		opacity: 0;
		transform: translateX(80vw) translateY(1.5px) rotate(0deg);
	}
	
	68.1% {
		opacity: 1;
		transform: translateX(83vw) translateY(.6px) rotate(0deg);
	}
	
	82.5% {
		transform: translateX(100vw) translateY(-2.8px) rotate(45deg);
	}
	
	97.1% {
		opacity: 1;
		transform: translateX(117vw) translateY(.3px) rotate(90deg);
	}
	
	to {
		opacity: 0;
		transform: translateX(120vw) translateY(1.5px) rotate(90deg);
	}
}

	
}

.sun {
	background-image: url('https://taiwan.wordcamp.org/2025/files/2025/09/%E5%A4%AA%E9%99%BDA_v1.png');
	height: 100px !important;
	left: 10px !important;
	top: 10px !important;
	width: 100px !important;
	z-index: 100 !important;
}

.lighthouse,.sun {
	background-repeat: no-repeat !important;
	background-size: contain !important;
	position: absolute !important;
}

.lighthouse {
	background-image: url('https://taiwan.wordcamp.org/2025/files/2025/09/%E7%87%88%E5%A1%94A_v1turn.png');
	bottom: 0 !important;
	height: 200px !important;
	right: 180px !important;
	width: 150px !important;
	z-index: 1;
}

@media(max-width:768px) {
	.ocean-container {
		height: 150px !important;
	}
	
	.floating-object,.sinking-object {
		height: 60px !important;
		width: 60px !important;
	}
	
	.floating-object {
		animation-name: float-animation-mobile !important;
	}
	
	.sinking-object {
		animation-name: sinking-animation-mobile !important;
	}
	
	.iceberg {
		height: 100px !important;
		right: 10px !important;
		width: 120px !important;
	}
	
	.iceberg-2 {
		height: 70px !important;
		right: 100px !important;
		width: 90px !important;
	}
	
	.iceberg-3 {
		height: 50px !important;
		right: 5px !important;
		width: 60px !important;
	}
	
	.flying-fish,.flying-fish-2,.flying-fish-3 {
		animation-name: fish-animation-mobile !important;
		height: 50px !important;
		width: 50px !important;
	}
	
	.sun {
		height: 50px !important;
		width: 50px !important;
	}
	
	.lighthouse {
		height: 140px !important;
		right: 0 !important;
		width: 100px !important;
	}
}

.jumping-fish {
	animation-delay: 1s;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-name: jump-animation;
	animation-timing-function: ease-in-out;
	background-image: url('https://taiwan.wordcamp.org/2025/files/2025/08/image-3.png');
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 50px;
	display: block;
	height: 100px;
	left: -100px;
	position: absolute;
	width: 100px;
	z-index: 8;
}

@keyframes jump-animation {
	0% {
		opacity: 0;
		transform: translateX(0) translateY(0) rotate(0deg);
	}
	
	10% {
		opacity: 1;
	}
	
	25% {
		transform: translateX(250px) translateY(-120px) rotate(-25deg);
	}
	
	50% {
		transform: translateX(500px) translateY(-150px) rotate(0deg);
	}
	
	75% {
		transform: translateX(750px) translateY(-50px) rotate(25deg);
	}
	
	90% {
		opacity: 1;
	}
	
	to {
		opacity: 0;
		transform: translateX(1000px) translateY(0) rotate(0deg);
	}
}

.kaohsiung-scene {
	background: linear-gradient(180deg,#87ceeb,#b0e0e6);
	line-height: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.kaohsiung-scene:before {
	background: radial-gradient(circle at center,#ffd93b 60%,#ffb800 100%);
	border-radius: 50%;
	box-shadow: 0 0 15px 5px rgba(255,217,59,.5), 0 0 35px 20px rgba(255,184,0,.3);
	content: "";
	height: 60px;
	position: absolute;
	right: 40px;
	top: 30px;
	width: 60px;
	z-index: 2;
}

.kaohsiung-scene:after {
	animation: wave-move-main 10s linear infinite, wave-move-reflect 13s linear infinite reverse, wave-move-shadow 11s linear infinite;
	background: linear-gradient(0deg,rgba(30,144,255,.7) 60%,transparent 70%), linear-gradient(0deg,hsla(0,0%,100%,.2) 50%,transparent 60%), linear-gradient(180deg,rgba(0,0,0,.1) 50%,transparent 60%), rgba(41,182,246,.8);
	background-position: 0 100%, 50px 105%, -30px 108%, 0 100%;
	background-repeat: repeat-x;
	background-size: 200px 80px, 150px 60px, 180px 70px, auto;
	bottom: -30px;
	clip-path: polygon(0 40%,10% 35%,25% 45%,40% 38%,60% 42%,75% 30%,90% 40%,100% 35%,100% 100%,0 100%);
	content: "";
	height: 75px;
	left: 0;
	position: absolute;
	width: 300%;
	z-index: 5;
}

@keyframes wave-move-main {
	0% {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(-50%);
	}
}

@keyframes wave-move-reflect {
	0% {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(-60%);
	}
}

@keyframes wave-move-shadow {
	0% {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(-55%);
	}
}

.wctw-ship-effect {
	animation: ship-float 25s linear infinite;
	animation-direction: normal;
	height: 300px;
	position: relative;
	z-index: 10;
}

.wctw-ship-effect:before {
	background-color: #2cd0d0;
	background-image: url('https://taiwan.wordcamp.org/2025/files/2025/06/Copy-of-woocommerce-logo-color-black@2x-2.png');
	background-position: 75% 50%;
	background-repeat: no-repeat;
	background-size: 100px;
	border-radius: 80px 20px 20px 80px;
	bottom: 0;
	content: "";
	filter: brightness(0) invert(1);
	height: 50%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}

.wctw-ship-effect:after {
	background-color: #f5f5f5;
	background-image: repeating-radial-gradient(circle at center,#036 0,#036 5px,transparent 0,transparent 18px);
	background-position: 15px 50%;
	background-size: auto 12px;
	border-radius: 40px 15px 15px 15px;
	bottom: 50%;
	box-shadow: 30px -35px 0 0 #546e7a;
	content: "";
	height: 45%;
	left: 40%;
	position: absolute;
	width: 50%;
	z-index: 9;
}

.wctw-ship-effect .smoke {
	bottom: 90%;
	height: 20px;
	left: 72%;
	pointer-events: none;
	position: absolute;
	width: 20px;
	z-index: 15;
}

.wctw-ship-effect .smoke span {
	animation: smoke-rise 4s linear infinite;
	animation-direction: normal;
	background: hsla(0,0%,100%,.6);
	border-radius: 50%;
	bottom: 0;
	height: 15px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 15px;
}

.wctw-ship-effect .smoke span:nth-child(2) {
	animation-delay: 2s;
}

@keyframes ship-float {
	0% {
		transform: translateX(-100%) translateY(5px);
	}
	
	50% {
		transform: translateX(50vw) translateY(-5px);
	}
	
	to {
		transform: translateX(110vw) translateY(5px);
	}
}

@keyframes smoke-rise {
	0% {
		opacity: .8;
		transform: translateX(-50%) translateY(0) scale(1);
	}
	
	50% {
		opacity: .4;
		transform: translateX(-60%) translateY(-30px) scale(1.3);
	}
	
	to {
		opacity: 0;
		transform: translateX(-70%) translateY(-60px) scale(1.6);
	}
}

.sunset-background {
	background: #3b4371;
	height: 180px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

@media(min-width:768px) {
	.sunset-background {
		height: 35vh;
		max-height: 300px;
		min-height: 220px;
	}
}

.sunset-background:before {
	background-image: radial-gradient(circle at 90% 20%,rgba(254,255,255,.8) 5%,#ecff00 10%,#fd3229 25%,#f30000 40%,#5d0000 100%), radial-gradient(circle at 90% 20%,#f2f8f7 0,#f9f91c 3%,#f7d62e 8%,#f8c85f 12%,#c9a584 30%,#738285 51%,#2e617a 85%,#184b6a 100%), linear-gradient(0deg,rgba(212,87,43,.9) 0,rgba(246,149,52,.8) 20%,rgba(24,75,106,0)), linear-gradient(0deg,#f9fbf0 10%,#d7fdfe 20%,#a7defd 40%,#6eafff);
	background-position: 0 0, 0 0, 0 0, 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%;
	border-radius: 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: .5;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.wp-block-buttons .wp-block-button__link {
	border-radius: 20px;
	border-width: 1px !important;
	padding: 15px 30px !important;
}

@media screen and (min-width:765px) {
	.wctw-cta-pattern .wp-block-buttons .wp-block-button {
		flex-basis: 50%;
	}
}

.social-grow .wp-block-social-link a {
	transition: transform .3s ease;
}

.social-grow .wp-block-social-link a:hover {
	transform: scale(1.5);
}

.schedule-grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
	padding: 1rem;
}

.agenda-card {
	background: #f9f9f9;
	border: 2px solid #004e92;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0,0,0,.1);
	font-family: sans-serif;
	padding: 1.5rem;
}

.agenda-card .time {
	color: #004e92;
	font-size: 1.1rem;
	font-weight: 700;
	margin-bottom: 6px;
}

.agenda-card .day {
	color: #666;
	font-size: .95rem;
	margin-bottom: 6px;
}

.agenda-card .content {
	font-size: 1rem;
	line-height: 1.4;
}

.wctw-sponsorship-container {
	color: #1e3a8a;
	font-family: sans-serif;
	padding: 20px 0;
}

.wctw-sponsorship-container *,.wctw-sponsorship-container :after,.wctw-sponsorship-container :before {
	box-sizing: border-box;
}

.wctw-sponsorship-container .container {
	margin: 0 auto;
	max-width: 1200px;
	padding: 20px;
	width: 100%;
}

.wctw-sponsorship-container .page-header {
	background: #bee9e8;
	border: 2px solid #5fa8d3;
	border-radius: 20px;
	box-shadow: 0 4px 6px rgba(0,0,0,.1);
	margin-bottom: 40px;
	padding: 30px;
	text-align: center;
}

.wctw-sponsorship-container .ocean-title {
	color: #1b4965;
	font-size: 3rem;
	font-weight: 700;
	margin-bottom: 10px;
}

.wctw-sponsorship-container .subtitle {
	color: #62b6cb;
	font-size: 1.3rem;
	font-style: italic;
}

.wctw-sponsorship-container .table-container {
	background: #fff;
	border: 2px solid #cae9ff;
	border-radius: 20px;
	box-shadow: 0 4px 6px rgba(0,0,0,.1);
	overflow-x: auto;
	padding: 30px;
}

.wctw-sponsorship-container .sponsor-table {
	border-collapse: separate;
	border-spacing: 0;
	font-size: 1rem;
	width: 100%;
}

.wctw-sponsorship-container .sponsor-table td,.wctw-sponsorship-container .sponsor-table th {
	border: 1px solid #e2e8f0;
	line-height: 1.5;
	padding: 15px;
	text-align: center;
}

.wctw-sponsorship-container .sponsor-table th {
	background: #1b4965;
	color: #fff;
	font-weight: 700;
}

.wctw-sponsorship-container .plan-header {
	background: #1b4965 !important;
	border-top-left-radius: 15px;
	font-size: 1.2rem;
}

.wctw-sponsorship-container .tier-name {
	font-size: 1.1rem;
}

.wctw-sponsorship-container .tier-name.sailboat {
	background: #cae9ff;
	color: #1b4965;
}

.wctw-sponsorship-container .tier-name.yacht {
	background: #bee9e8;
	color: #1b4965;
}

.wctw-sponsorship-container .tier-name.ferry {
	background: #5fa8d3;
	color: #fff;
}

.wctw-sponsorship-container .tier-name.cargo {
	background: #62b6cb;
	color: #fff;
}

.wctw-sponsorship-container .tier-name.cruise {
	background: #1b4965;
	border-top-right-radius: 15px;
	color: #fff;
}

.wctw-sponsorship-container .price {
	background: #bee9e8;
	color: #1b4965;
	font-size: 1.3rem;
	font-weight: 700;
}

.wctw-sponsorship-container .sponsor-table tbody tr {
	background: #f0f9ff;
	transition: background .3s ease, transform .3s ease;
}

.wctw-sponsorship-container .sponsor-table tbody tr:hover {
	background: #e0f2f1;
	transform: scale(1.01);
}

.wctw-sponsorship-container .feature-name {
	background: #ffba08 !important;
	border-left: 4px solid #dab785;
	color: #022f40;
	font-weight: 600;
	padding-left: 25px;
	text-align: left;
}

.wctw-sponsorship-container .feature-value {
	background: #fff;
	color: #1b4965;
	font-weight: 500;
}

.wctw-sponsorship-container .feature-value.included {
	color: #10b981;
	font-size: 1.2rem;
	font-weight: 700;
}

.wctw-sponsorship-container .feature-value.excluded {
	color: #ef4444;
	font-size: 1.2rem;
	font-weight: 700;
}

.wctw-sponsorship-container .sponsor-table tbody tr:last-child td:first-child {
	border-bottom-left-radius: 15px;
}

.wctw-sponsorship-container .sponsor-table tbody tr:last-child td:last-child {
	border-bottom-right-radius: 15px;
}

@media(max-width:768px) {
	.wctw-sponsorship-container .ocean-title {
		font-size: 2rem;
	}
	
	.wctw-sponsorship-container .container,.wctw-sponsorship-container .table-container {
		padding: 15px;
	}
	
	.wctw-sponsorship-container .page-header {
		padding: 20px;
	}
	
	.wctw-sponsorship-container .sponsor-table {
		min-width: 800px;
	}
	
	.wctw-sponsorship-container .sponsor-table td,.wctw-sponsorship-container .sponsor-table th {
		font-size: .9rem;
		padding: 8px 4px;
	}
}

@media(max-width:480px) {
	.wctw-sponsorship-container .ocean-title {
		font-size: 1.5rem;
	}
	
	.wctw-sponsorship-container .subtitle {
		font-size: 1rem;
	}
	
	.wctw-sponsorship-container .sponsor-table td,.wctw-sponsorship-container .sponsor-table th {
		font-size: .8rem;
		padding: 6px 2px;
	}
}

body>div.wp-site-blocks>div:nth-child(4) {
	background-color: #1e3a8a;
	padding-top: 75px;
}

body>div.wp-site-blocks>div:nth-child(4) a,body>div.wp-site-blocks>div:nth-child(4) h2,body>div.wp-site-blocks>div:nth-child(4) p {
	color: #fff;
}

.wc-agenda {
	border-collapse: collapse;
	margin: 20px 0;
	width: 100%;
}

.wc-agenda td,.wc-agenda th {
	border: 1px solid #ccc;
	padding: 12px;
	text-align: center;
	vertical-align: middle;
}

.wc-agenda thead th {
	background-color: #1e3a8a;
}

.wc-agenda tbody td,.wc-agenda tbody tr:nth-child(2n),.wc-agenda thead th {
	vertical-align: middle;
}

.wc-agenda .textalign {
	text-align: left;
}

.wc-agenda .white {
	color: var(--white-0);
}

.wc-agenda .sea {
	color: var(--Primary-1);
}

.wc-agenda .sky {
	color: var(--Primary-2);
}

.wc-agenda .building {
	color: var(--Primary-3);
}

.wc-agenda .building-bgcolor {
	background-color: var(--Primary-3);
}

.wc-agenda .sunlight {
	color: var(--Primary-4);
}

span.wordcamp-schedule__column-header {
	font-size: medium;
}

dl.wordcamp-schedule__session-category dd {
	background: var(--wp--preset--color--custom);
	border-radius: 4px;
	color: #fff;
	font-style: normal;
	padding: 4px 8px;
}

dl.wordcamp-schedule__session-category {
	display: flex;
	gap: 8px;
}

dl.wordcamp-schedule__session-category dd:after {
	content: "";
}

.wordcamp-schedule.cd-schedule .wordcamp-schedule__column-header {
	background-color: var(--wp--preset--color--accent-4) !important;
	color: #fff;
}

.wordcamp-schedule.cd-schedule .wordcamp-schedule__date:after {
	content: " 13:30-18:00 共創日 (Contributor Day) | 亞灣新創園";
}

@media screen and (max-width:765px) {
	.wordcamp-schedule .wordcamp-schedule__date:after {
		display: block;
	}
}

.wordcamp-schedule.session-schedule .wordcamp-schedule__column-header {
	background-color: var(--wp--preset--color--custom) !important;
	color: #fff;
}

.wordcamp-schedule.session-schedule .wordcamp-schedule__date:after {
	content: " 08:30-17:00 研討會 (Conference Day) | 高雄展覽館";
}

@supports(display:grid) {
	@media screen and (min-width:550px) {
	body:not(.block-editor-page) .wordcamp-schedule:not(.is-style-single-column-layout) .wordcamp-schedule__session.is-spanning-some-tracks {
		text-align: left;
	}
}

	
}

#tix-attendees li {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#tix-attendees li>.avatar {
	border-radius: 50px;
}

#tix-attendees li>.tix-field {
	margin-left: 0;
	text-align: center;
	width: 100%;
}

#tix-attendees ul {
	padding-left: 0;
}

table.tix_tickets_table.tix-tickets-list {
	width: 100%;
}

.tix-ticket-form thead tr th,.tix_tickets_table thead tr th {
	background: #1e3a8a;
	color: #fff;
	padding: 4px 8px;
}

.tix_tickets_table tbody tr td {
	padding: 4px 8px;
	text-align: center;
}

.tix_tickets_table tbody tr th {
	padding: 4px 8px;
	text-align: left;
}

.tix-js input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	border-radius: 4px;
	padding: 4px 32px;
}

table.tix-ticket-form,table.tix_tickets_table.tix-order-summary {
	width: 100%;
}

.tix_tickets_table.tix-attendee-form tr td,.tix_tickets_table.tix-attendee-form tr th {
	padding: 16px 8px;
}

.tix_tickets_table.tix-attendee-form tbody tr td {
	text-align: left;
}

.wordcamp-sponsor img.wordcamp-image__featured-image {
	height: auto;
}

.wordcamp-post-list.has-layout-grid .wordcamp-post-list__post {
	align-items: center;
	display: flex;
}

.single-wcb_sponsor .wp-block-post-featured-image {
	max-width: 600px;
}