@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;}

	
/* 桌機版 */
.bn{ width:980px; margin:0 auto; padding:2%;}
.bn ul{list-style:none;}
.bn li{ width:100%; margin:1%; padding:1%; font-size:48px; background-color: #753CB5; color:#FFFFFF;border-radius:50px;}
.bn li a{display:block;color:#FFFFFF;}
.bny{ color:#FACD45;font-weight: bolder;}

/* 回首頁 */
.back{ width:500px; margin:0 auto; padding:1%; font-size:24px; text-align:center; background-color:#FFFFFF;border-radius:50px;}
.back a{display:block; color:#000000;}

.sp{width:600px; margin:0 auto; padding:1%; font-size:48px; text-align:center;border-radius:50px; background-color:#60F;color: #FFF;}
.sp a{display:block; color: #FFF;}



/* 手機版 */
@media screen and ( max-width:767px ){

.bn{ width:90%; margin:0 auto; padding:2%;}
.bn ul{list-style:none;}
.bn li{ width:100%; margin:2%; padding:1%; font-size:24px; background-color: #753CB5; color:#FFFFFF;}

.bn li a{display:block;color:#FFFFFF;}

/* 回首頁 */
.back{ width:80%; margin:0 auto; padding:1%; font-size:20px; text-align:center;}

.sp{width:80%; margin:0 auto; padding:1%; font-size:24px; text-align:center;border-radius:50px; background-color:#60F;color: #FFF;}
.sp a{display:block; color: #FFF;}

.Stay{ width:100%; height:auto; background-color:#FFFFFF; text-align:center; margin:3px auto; font-size:1em; color:#003399; max-width:980px; }
}