@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;
}
.sta_banner{max-width: 900px;}
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%;
}

/* Language button */
.language {
    position: absolute;
    top: 41.5%;
    right: 2%;
}

.language a {
    display: block;
    font-size: 0.9em;
    text-decoration: none;
    color: rgb(255, 255, 255);
	background: #000000;
	/* border: 1px solid #ffd000; */
    border-radius: 5px;
    padding: 5px 10px;
    letter-spacing: 0.5px;
    /* box-shadow: 2px 2px 5px #000; */
}

.language a:hover {
    background: rgb(255, 255, 255);
    color: #000000;
}

@media screen and (max-width:1000px) {
    .language{
        padding: 0.2em 0.5em;
        font-size: 2vmin;
		position: absolute;
    top: 38.5%;
    right: 2%;
        }
    }
/* Language button */

.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%;
	}

}

.SA_footer {
	text-align: center;
  }