body{
	font-family:"微軟正黑體";
	-webkit-text-size-adjust:none;
	-webkit-box-sizing:border-box; /* 解決寬度和padding的問題 */
}

@media screen and (max-width: 699px){
#Name{
width:100%;
height:96px;
line-height:96px;
/* font-style: oblique; */
font-weight:bold;
text-align:center;
border-bottom:1px solid #448aca;
margin:0 auto;
padding-top:120px;
color:#2f5b9d;
font-size:32px;
}
#About{
clear:both;
width:96%;
margin:0 auto;
padding:2%;
}

#About p{
font-size:22px;
line-height:1.8;
padding:16px;
text-align:left;
color:#504E4E;
}

}



@media screen and (min-width: 700px) and (max-width: 1023px){
#Name{
width:100%;
height:96px;
line-height:96px;
/* font-style: oblique; */
font-weight:bold;
text-align:center;
border-bottom:1px solid #448aca;
margin:0 auto;
padding-top:120px;
color:#2f5b9d;
font-size:32px;
}

#About{
clear:both;
width:100%;
margin:0 auto;
max-height:100%;
padding:30px 0;
}

#About p{
font-size:16px;
line-height:1.8;
padding:15px;
text-align:center;
color:#504E4E;
}


}


@media screen and (min-width: 1024px){
#Name{
width:100%;
height:96px;
line-height:96px;
/* font-style: oblique; */
font-weight:bold;
text-align:center;
border-bottom:1px solid #448aca;
margin:0 auto;
padding-top:120px;
color:#2f5b9d;
font-size:32px;
}

#About{
clear:both;
width:1096px;
margin:0 auto;
max-height:100%;
padding-top:30px;
padding-bottom:60px;
}

#About p{
font-size:18px;
line-height:1.8;
padding:15px;
text-align:center;
color:#504E4E;
}

}