@charset "utf-8";


html, body {
	margin: 0 auto;
	height: 100%;
	overflow-y: auto;
	line-height: 0.5;
}
body {
	font-size: 16px;
	font-family: 'Roboto', sans-serif, Arial, Helvetica, NotoSansHant, "微軟正黑體", "Microsoft JhengHei", "黑體-繁","Heiti TC", "儷黑 Pro", "LiHei Pro", "新細明體", "PMingLiU", sans-serif;
}
img {
	max-width: 100%; /* 圖片可隨容器放大縮小, 但最大不會超過body */
}
p {
    -webkit-margin-before: 15px;
    -webkit-margin-after: 15px;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
.bgimg {
	background-image: url(../../image/bgimg-1.jpg);
	min-height: 100%;
	background-position: center;
	background-size: cover;
	overflow-y: auto;
}
.middle-area {
	position: absolute;
	top: 15%;
	width: 100%;
}
.min-title {
	font-size: 90px;
	color: #fffcab;
}
.sub-title {
	display: inline-block;
	padding: 15px;
	font-size: 50px;
	border-radius: 2px;
	color: #ffffff;
	background-color: #f04b6a;
}
.activity-time {
	margin-top: 60px;
	font-size: 60px;
	color: #fffcab;	
}
.time1 {
        margin-top: 60px;
        font-size: 40px;
        color: #fffcab;
}
.time-word {
	color: #ffffff;
}
.time1-word {
        color: #ffffff;
}
.bottom-area {
    position: absolute;
    bottom: 0;
	width: 100%;	
}
.w3-button {
	margin: 0 30px 30px 0;
	font-size: 40px;
}
.notice {
	background-color: rgba(0, 0, 0, 0.3);
	color: #f04b6a;
	font-size: 250%;
	line-height: 1.2;
	padding: 15px 30px;
}






/* 螢幕1200~992 */

@media only screen and (min-width: 992px) and (max-width: 1200px) {

	p {
		-webkit-margin-before: 10px;
		-webkit-margin-after: 10px;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
	}
	.middle-area {
		top: 10%;
	}
	.min-title {
		font-size: 80px;
	}
	.sub-title {
		font-size: 40px;
	}
	.activity-time {
		margin-top: 45px;
		font-size: 50px;
	}
	.w3-button {
		margin: 0 30px 30px 0;
		font-size: 30px;
	}
	.notice {
		font-size: 28px;
	}

}

/* 螢幕991~601 */

@media only screen and (min-width: 601px) and (max-width: 991px) {
	
	p {
		-webkit-margin-before: 5px;
		-webkit-margin-after: 5px;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
	}	
	.middle-area {
		top: 10%;
	}	
	.min-title {
		font-size: 54px;
	}
	.sub-title {
		padding: 10px;
		font-size: 30px;
	}
	.activity-time {
		margin-top: 15px;		
		font-size: 40px;
	}
	.w3-button {
		margin: 0 30px 15px 0;
		font-size: 24px;
	}
	.notice {
		font-size: 20px;
	}
	
}

/* 螢幕600以下 */

@media only screen and (max-width: 600px) {
	
	p {
		-webkit-margin-before: 5px;
		-webkit-margin-after: 5px;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
	}
	.middle-area {
		top: 8%;
	}	
	.min-title {
		font-size: 35px;
	}
	.sub-title {
		padding: 10px;
		font-size: 20px;
	}
	.activity-time {
		margin-top: 10px;		
		font-size: 22px;
	}
	.w3-button {
		margin: 0 20px 10px 0;
		font-size: 18px;
	}
	.notice {
		padding: 10px;
		font-size: 20px;
	}
}