[v-cloak] {
	display: none;
}

.slide-enter-active {
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.slide-leave-active {
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.slide-enter-to,
.slide-leave {
	max-height: 500px;
	overflow: hidden;
}

.slide-enter,
.slide-leave-to {
	overflow: hidden;
	max-height: 0;
}

.tag {
	display: inline-block;
	margin: 0 0.5%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 0 0px !important;
}

.game_status {
	background-color: #0db14b;
}

.game_status span {
	display: block;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
}

.game_status_first {
	background-color: #00b1eb;
}

.game_status_first span {
	display: block;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
}

.game_note {
	background-color: #d02537;
}

.game_note span {
	display: block;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
}

.GameHeader .game_detail .linescore_table .team_name .short {
	background: unset !important;
}

.GameHeader .game_detail .GameMatchup {
	padding-left: 0px;
}

@media screen and (min-width: 800px) {
	.GameHeader .game_detail .ScoreBoard {
		width: 100% !important;
	}
}

.ScheduleContent {
	width: 100%;
	text-align: center;
	margin: 0px 0 0px;
	height: 20px;
	position: relative;
	/* 將 .ScheduleContent 設置為相對定位 */
}

.ScheduleContent span {
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	animation: slideUp 0.5s ease-out forwards;
}

.ScheduleContent span:last-child {
    font-size: 18px;
    opacity: 1;
    color: #000;
    text-shadow: 
        1px 1px 0 #fff, 
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff;
	user-select:none;
}

@keyframes slideUp {
	from {
		transform: translateY(100%);
		/* 從底部向上偏移100% */
		opacity: 0;
	}

	to {
		transform: translateY(0);
		/* 到達原始位置 */
		opacity: 1;
	}
}

.item.ScheduleContent span:not(:last-child) {
	display: none;
}

@media screen and (min-width: 800px) {
	.GameHeader .game_detail .ScoreBoard {
		width: 100% !important;
	}
}

span.web_logo {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	cursor: pointer;
	opacity: 0;
	/* 初始時隱藏 */
	animation: fadeInOut 6s linear infinite;
	/* 使用名為'fadeInOut'的動畫，6秒循環 */
}

.item.Web_Logo {
	width: 120px;
	background-color: rgb(255 255 255);
	height: 80px;
	display: flex;
	align-items: center;
	width: 50%;
	margin: 5px 0 0px !important;
	position: relative;
	z-index: 9;
	overflow: hidden;
}

/* 定義從右淡入再從左淡出的動畫 */
@keyframes fadeInOut {
	0% {
		opacity: 0;
		/* 隱藏 */
	}

	25% {
		opacity: 1;
		/* 完全顯示 */
	}

	70% {
		opacity: 1;
		/* 完全顯示 */
	}

	100% {
		opacity: 0;
		/* 隱藏 */
	}
}