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

	
/* 桌機版 */
.box1{ width:980px; margin:0 auto; overflow:hidden;}
.b1{ width:25%; margin:1%; background-color:#264371; font-size:32px; float:left; text-align:center; color:#FFFFFF;padding:2.5%;border-radius:50px;}
.b2{width:70%; margin:1%;  font-size:24px; float: right; text-align: left; padding:0.6%;}
.ty{ color:#FFFF00; font-size:48px;font-weight: bolder;}
.tr{ color:#FF0000; font-size:36px;font-weight: bolder;}

.box2{ width:980px; margin:0 auto; overflow:hidden; padding:2%; background-color:#FFF; overflow:hidden;}
.th1{ font-size:30px;}
.th2{ font-size:47px; color:#F00;font-weight: bolder;}
.bo1{ width:58%; float:left; margin:1%;}
.bo1 img{ max-width:510px;}
.bo2{width:36%; float: right;margin:1%; }
.bo2 img{ max-width:329px;}
.ph{ width:980px; margin:2% auto;}
.t3{ width:980px; margin:0 auto; padding:0 2% 2%; color:#FFFFFF; font-size:18px;}

/* 手機版 */
@media screen and ( max-width:767px ){
.box1{ width:90%; margin:0 auto; overflow:hidden;}
.b1{ width:90%; margin:1%; background-color:#264371; font-size:14px;  text-align:center; color:#FFFFFF;padding:2.5%;border-radius:20px;}
.b2{width:90%; margin:1%;  font-size:14px; text-align: left; padding:0.2%;}
.ty{ color:#FFFF00; font-size:18px;}
.tr{ color:#FF0000; font-size:18px;}

.box2{ width:90%; margin:0 auto; overflow:hidden; padding:2%; background-color:#FFF;}
.th1{ font-size:12px;}
.th2{ font-size:20px; color:#F00;font-weight: bolder;}

.bo1{ width:58%; float:left; margin:1%;}
.bo1 img{ max-width:510px;}
.bo2{width:36%; float: right; }
.bo2 img{ max-width:329px;}
.ph{ width:90%;}
.t3{ width:90%; margin:0 auto; padding:0 2% 2%; color:#FFFFFF; font-size:12px;}


}