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

	
/* 桌機版 */
.bn1{ width:980px; margin:0 auto; padding:1%;overflow:hidden;
}
.bn1 ul{list-style:none;}
.bn1 li{display:inline-block; width:47%; margin:1%; padding:1%; font-size:36px;font-weight: bolder; background-color:#FF6600; color:#FFF;font-weight: bolder;border-radius:50px}
.bn1 li a{display:block;}
.t1{ font-size:18px; width:100%; margin:0 auto;text-align:center;}
.t2{font-size:30px; width:100%; margin:0 auto;text-align:center; padding:1%;}

.test{ width:900px; margin:0 auto; padding:1%; background-color: #FF0; color: #000; font-size:36px;border-radius:50px;}
.tt{ font-size:48px; color:#FF0000;}
.test a{color: #000;display:block;font-weight: bolder;}
.tt a{color:#FF0000;}

/* 手機版 */
@media screen and ( max-width:767px ){
.bn1{ width:100%; margin:0 auto; padding:1%;overflow:hidden;
}
.bn1 ul{list-style:none;}
.bn1 li{display:inline-block; width:47%; margin:1%; padding:1%; font-size:16px;font-weight: bolder; background-color:#FF6600; color:#FFF;font-weight: bolder;}
.bn1 li a{display:block;}

.t1{ font-size:9px; width:100%; margin:0 auto;text-align:center;}
.t2{font-size:16px; width:100%; margin:0 auto;text-align:center;}

.test{ width:90%; margin:0 auto; padding:1%; background-color: #FF0; color: #000; font-size:16px;}
.tt{ font-size:20px; color:#FF0000;}

}