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

	
/* 桌機版 */
.bnner{ width:980px; margin:0 auto; padding:1%;}
.bnner ul{list-style:none;}
.bnner li{ width:22%; margin:1%; padding:1%; font-size:30px; background-color:#FFFFFF; text-align:center;border-radius:50px;font-weight: bolder; color:#004A95;display:inline-block;}
.bnner li a{color:#004A95;display:block;}

.box{ width:980px; margin:0 auto; font-size:20px; text-align:center; }
.b1{ width:980px; margin:0 auto;text-align:center; font-size:24px; color:#FFF; padding:1%;}



/* 手機版 */
@media screen and ( max-width:767px ){
.bnner{ width:100%; margin:0 auto; padding:1%;}
.bnner ul{list-style:none;}
.bnner li{ width:45%; margin:1%; padding:1%; font-size:15px; background-color:#FFFFFF; text-align:center;border-radius:50px;font-weight: bolder; color:#004A95;display:inline-block;}
.bnner li a{color:#004A95;display:block;}

.box{ width:98%; margin:0 auto; font-size:13px;  }
.b1{ width:98%; margin:0 auto;text-align:center; font-size:13px; color:#FFF; padding:1%;}
}