@charset "utf-8";
/* 共用區 */

*{
	margin:0; 
	padding:0;
	-webkit-box-sizing:border-box; /*safari & chrome*/
	-moz-box-sizing:border-box; /*firebox*/
	box-sizing:border-box; /*解除padding影響寬度關係*/
	}

html, body{
	-webkit-text-size-adjust: 100%;
	width:100%;
	height:100%;
	font-family:"微軟正黑體", Arial, Helvetica,sans-serif; 
	
	}
a{ text-decoration:none;}

	
/* 桌機版 */
.conA{
	width:100%;
	text-align:center;
	background-image:url("../images/bg.jpg");
}
.conA img{
	max-width:980px;
	margin:0 auto;
}

.conB{
	width:100%;
	text-align:center;
	background-color:#BE1A21;
}
.conB img{
	max-width:980px;
	margin:0 auto;
}

.conC{
	width:100%;
	text-align:center;
	background-color:#F4F0D5;
}

.conC img{
	max-width:980px;
	margin:0 auto;
}

.conD{
	width:100%;
	text-align:center;
	background-color:#F8B62A;
}
.conD img{
	max-width:980px;
	margin:0 auto;
}

/*選單*/
.bn{ width:980px; margin:0 auto; padding:1%;}
.bn ul{list-style:none;}
.bn li{ width:28%; margin:1%;padding:1%; font-size:23px; font-weight:bold;display:inline-block; background-color:#FFFFFF;border-radius:30px;}
.bn li a{display:block;color:#C10623;text-decoration:none;}

.bn a::after{content:'\f0a5';display: inline-block; font-family:"Font Awesome 5 Free";animation:slideR 1s linear infinite;}
@keyframes slideR{
 0%{transform: translateX(0);}
 50%{transform: translateX(10px);}
 100%{transform: translateX(0);}
}



/* 手機版 */
@media screen and ( max-width:767px ){
	
	/*選單*/
.bn { width:100%; margin:0 auto; padding:1%;}
.bn ul{list-style:none; text-align:center}
.bn li{ width:27%; margin:1%;padding:1%; font-size:12px; font-weight:bold;display:inline-block; background-color:#FFFFFF;border-radius:15px;}
.bn li a{display:block;color:#C10623;text-decoration:none;}

}