/************************
COUNTDOWN
************************/
.key-visual .bg {
		margin-top: 72px;
}
.countdown-block {
		background-color: #a8d6e3;
		padding: .75rem 0;
		box-shadow: 0px 2px 5px 0px RGBA(0, 0, 0, 0);
		position: absolute;
		z-index: 10;
}
.countdown-block.open {
		position: fixed;
		top: 50px;
		padding: .5rem 0;
}
.countdown-block .end-text, .countdown-block.open .end-text, .countdown-block, .countdown-block.open, .countdown-block .countdown, .countdown-block.open .countdown {
		-webkit-transition: all 0.36s ease-out;
		-o-transition: all 0.36s ease-out;
		transition: all 0.36s ease-out;
}
.countdown-block .countdown {
		font-size: 2.125rem;
		font-weight: bold;
		color: #000000;
}
.countdown-block .countdown {
		font-family: "Open Sans", sans-serif;
}
.countdown-block.open .countdown {
		font-size: 2rem;
}
.countdown-block .countdown::after {
		content: '';
		width: 118%;
		height: 100%;
		display: block;
		position: absolute;
		left: -9%;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		border-radius: 5rem;
		background-color: #ffffff;
		border: 4px solid #83c8df;
		z-index: -1;
}
.countdown-block .countdown small.text {
		font-size: 76%;
		color: #333333;
		line-height: 1;
		display: inline-block;
		padding: 0 .125rem 0 .25rem;
		font-family: '微軟正黑體', 'Microsoft JhengHei', Verdana, Helvetica, Arial, 'HeitiTC', 'Microsoft YaHei', sans-serif;
}
.countdown-block .countdown small:not(.text) {
		font-size: 76%;
		color: #a8d6e3;
		line-height: 1;
		display: inline-block;
		position: relative;
		top: -.125rem;
}
.countdown-block .end-text {
		font-size: 1.25rem;
		color: #ffffff;
		margin-left: 32rem;
		line-height: 2;
		display: inline-block;
		position: absolute;
}
.countdown-block.open .end-text {
		font-size: 1.125rem;
		margin-left: 30rem;
}
@media screen and (max-width:1199px) {
		.key-visual .bg {
				margin-top: 60px;
		}
		.countdown-block {
				height: 60px;
		}
		.countdown-block.open {
				height: 50px;
		}
		.countdown-block .countdown {
				font-size: 1.5rem;
		}
		.countdown-block .end-text {
				font-size: 1.125rem;
				margin-left: 25rem;
		}
		.countdown-block.open .countdown {
				font-size: 1.25rem;
		}
		.countdown-block.open .end-text {
				font-size: .85rem;
				margin-left: 21rem;
		}
		.countdown-block .countdown::after {
				border-width: 3px;
		}
		.countdown-block.open .countdown::after {
				border-width: 2px;
		}
}
@media screen and (max-width:991px) {
		.countdown-block .end-text {
				margin-left: 24rem;
		}
		.countdown-block.open .end-text {
				margin-left: 20rem;
		}
}
@media screen and (max-width:576px) {
		.countdown-block .countdown {
				font-size: 1.25rem;
		}
		.countdown-block .end-text {
				font-size: 1rem;
				margin-left: 1.75rem;
				position: relative;
		}
		.countdown-block.open .countdown {
				font-size: 1.125rem;
		}
		.countdown-block.open .end-text {
				font-size: .75rem;
				margin-left: 1.5rem;
		}
		.countdown-block .countdown small.text {
				font-size: 76%;
				line-height: 1;
				display: inline-block;
				padding: .15rem 0 0 .2rem;
		}
		.countdown-block .countdown small:not(.text) {
				top: 0;
		}
}
@media screen and (max-width:480px) {
		.countdown-block .countdown {
				font-size: 1.35rem;
				margin-left: 1.5rem;
		}
}
@media screen and (max-width:320px) {
		.countdown-block .countdown {
				font-size: 1.125rem;
		}
		.countdown-block .end-text {
				font-size: .95rem;
				margin-left: 1.5rem;
		}
		.countdown-block.open .countdown {
				font-size: 1rem;
		}
		.countdown-block.open .end-text {
				font-size: .75rem;
		}
}