@charset "big5";
/* CSS Document */
body {background-color: #fff;}
*{ font-family: pingfang tc,arial,·L³n¥¿¶ÂÅé,Helvetica,LiHei Pro,"Microsoft JhengHei",sans-serif !important;}
a { text-decoration: none; }
:focus { outline: none; }
i { font-style: normal; }
.clear{clear: left;}
.header { margin: auto; width: 100%;}
.footer { margin: auto; width: 100%; margin-top: 20px;}
.hd_pc { width: 100%;}
.hd_m { display: none; }
.pez_ft { height: 228px;}

.main{ width: 650px; padding: 100px 0; margin: 0 auto;}
.bd_tl-1 { font-size: 14px; line-height: 40px; color: #0047B0; letter-spacing: 1px;}
.bd_tl-2 { font-size: 14px; line-height: 16px; color: #0047B0; letter-spacing: 1px; margin: 15px 20px;}
.pg_no-2 { font-size: 14px;line-height: 16px; color: #000000;letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; margin: 10px 20px;}


@media screen and (max-width:767px) {
.header, .footer{ width: 100vw;}
.hd_m, .footer { display: block; }
.hd_pc { display: none;}
.pez_ft { height: 310px;}

.main { width: 96vw; padding: 20px 0;}
.main img{ width: 100%;}
.pg_no-2 { margin: 0 0 0 4vw;}

}