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

	
/* 桌機版 */
.t1{ width:980px; margin:0 auto; padding:1%; font-size:18px;}
.bn{ width:980px; margin:0 auto;overflow:hidden; }
.bn ul{list-style:none;}
.bn li{ width:27%; margin:1%;padding:1%; font-size:24px; background-color:#FFFFFF;border-radius:50px; display:inline-block; }
.bn li a{display:block; color:#000;}
.ba{ width:980px; margin:0 auto; padding:1%;display:block;}
.ba a{ color:#000;}
.bt{ width:900px; margin:0 auto; padding:1%; background-color:#FFF;border-radius:50px;font-weight: bolder; font-size:48px;text-align:center;}
.bt a{ color:#000;display:block;}
.h{ width:100%; padding:1%; margin:2% auto 0;}

/* 手機版 */
@media screen and ( max-width:767px ){
.t1{ width:100%; margin:0 auto; padding:1%; font-size:12px;}
.bn{ width:100%; margin:0 auto;overflow:hidden; }
.bn ul{list-style:none;}
.bn li{ width:28%; margin:1%;padding:1%; font-size:14px; background-color:#FFFFFF;border-radius:50px; display:inline-block; }
.bn li a{display:block; color:#000;}

.ba{ width:100%; margin:0 auto; padding:1%;display:block;}
.bt{ width:90%; background-color:#FFF;font-size:24px; }
}