@charset "utf-8";
/* 基本 */
img.tool_title{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 4px auto;
	max-height: 35px;
	width: auto;
	max-width: 140px;
}
.flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-column{
	flex-direction: column;
}
/*倒數計時*/
#count-down-timer-div{
	text-align: center;
	color: #FFF;
	padding: 5px;
	font-size: 1.6rem;
	width: 100%;
}
.hover-large:hover{
	transform: scale(103%);
}
#count-down-timer-div p{
	font-size: 1.6rem;
	font-weight: bold;
	margin: 5px 0;
}
/*開始計時按鈕*/
#count-down-timer-div #btn-start[value=開始],
#count-down-timer-div #btn-start[value=繼續]{
	background-color: #00B0FF;
}
#count-down-timer-div #btn-start[value=開始]:hover,
#count-down-timer-div #btn-start[value=繼續]:hover{
	background-color: #0091EA;
}
#count-down-timer-div #btn-start[value=繼續]{
	animation: blinker 2s linear infinite;
}
@keyframes blinker {
  50% {
    background-color: #048799;
  }
}
/*開始計時按鈕-暫停狀態*/
#count-down-timer-div #btn-start[value=暫停]{
	background-color: #b3aaaa;
}
#count-down-timer-div #btn-start[value=暫停]:hover{
	background-color: #8c8686;
}

/*停止計時按鈕*/
#count-down-timer-div #btn-stop{
	background-color: #ef5350;
}
#count-down-timer-div #btn-stop:hover{
	background-color: #ac3b39;
}
#count-down-timer-div .input-btn{
	color: red;
	font-size: 1.4rem;
	width: 70px;
	text-align: center;
}
p#count-down-timer-text{
	font-size: 1.8rem;
}
img#count-down-timer-img{
	width: 100%;
	height: auto;
	min-width: 85px;
	min-height: 85px;
	max-width: 85px;
}