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

	
/* 桌機版 */
.t01{ width:980px; font-size:48px; color:#FFFFFF; background-color:#2F318B;}
.t02{ color:#FF0;font-size:60px;}

.t03{ width:980px; font-size:36px; background-color:#FFF; padding:1%; margin:1%;}
.t04{ width:980px; font-size:48px; color:#FFFFFF; background-color:#BA2E32;}
.red{ color:#CC0000;}
.r01{width:980px; font-size:48px; color:#FFFFFF; background-color: #BB2E32;}

.end{ font-size:24px;}

/* 手機版 */
@media screen and ( max-width:767px ){
	.t01{ width:100%; font-size:24px; color:#FFFFFF; background-color:#2F318B;}
.t02{ color:#FF0;padding:1%; margin:1%;font-size:24px;}

.t03{ width:90%; font-size:16px; background-color:#FFF; padding:1%; margin:1%;}
.r01{width:100%; font-size:24px; color:#FFFFFF; background-color:#BB2E32;}
.end{ font-size:10px;padding:1%; margin:1%;}

}