@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	display: block;
}

.btn{
	background: #018DCF;
}
body{
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans TC', sans-serif;
	background: rgb(255, 255, 255);
}

.drop_shadow{
	box-shadow: 0 0 10px #00000050;
	/*x軸 y軸 模糊程度 顏色6碼透明度50*/
	margin: 0 auto;
	max-width: 900px;
	/*margin: 10px 10px 10px 10px; =上 右 下 左*/
	/*margin: 10px 20px; =上下10 左右20*/
}

.content{
	position: relative;
/* 定位的東西：static預設、relative */
}

.content img{
	max-width: 900px;
	width: 100%;
}

.btn692{
position: absolute;
width: 50%;
bottom: 15%;
right: 10%;
}

.btn692:hover{
	transform: scale(1.02);
}

.btn691{
	position: absolute;
	width: 35%;
	bottom: 15%;
	right: 7.5%;
	}

	.btn691:hover{
		transform: scale(1.02);
	}

.btn356{
position: absolute;
width: 35%;
bottom: 15%;
left: 8%;
}

.btn356:hover{
	transform: scale(1.02);
}

.btn1083{
	position: absolute;
	width: 75%;
	bottom: 10%;
	right: 12%;
	}

	.btn1083:hover{
		transform: scale(1.02);
	}

	.accordion {
		cursor: pointer;
		width: 100%;
		border: none;
		outline: none;
		transition: 0.4s;
	}

	.panel {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}

	.shiny-btn1 {
		display: block;
		overflow: hidden;
	}
	.shiny-btn1:hover {
		text-decoration: none;
		color: #fff;
	}
	.shiny-btn1::before {
		position: absolute;
		content: '';
		display: inline-block;
		top: -180px;
		left: 0;
		width: 30px;
		height: 100%;
		background-color: rgb(255, 220, 220);
		animation: shiny-btn1 3s ease-in-out infinite;
	}
	@-webkit-keyframes shiny-btn1 {
		0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
		80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
		81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
		100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
	}

@media screen and (min-width: 1000px) {
	body {
		background: rgb(255, 220, 220);
	}
	section {
		max-width: 1000px;
	}
}

@media screen and (max-width: 100px) {
	.content {
	    margin: 0;
		width: 100%;
	}

}