@charset "big5";
/* CSS Document */
body {background-color: #fff; font-size: 19px; line-height: 32px;}
*{ 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: 1050px; margin: 0 auto;}
h2 { font-size: 24px; line-height: 30px; padding: 10px 0; color: #1fa3b1;  font-weight: bold; vertical-align: middle;}
h2:before {content: ''; display: inline-block; width: 7px; height: 25px; margin-right: 10px; background-color: #1fa3b1; vertical-align: middle;}
.content { box-sizing: border-box; box-shadow: 0 0 3px #888; background-color: #fff; padding: 10px 30px; min-height: 290px; border: 1px solid #e3e3e3\9;}

.main li{ list-style: decimal; margin-left: 22px;}
.main a{ color: #BA8207; text-decoration: underline;}

.bd { color: #555555;     font-weight: bold;}
.bd3 {font-weight: bold;}
.tl_ex {color:#06C;}




@media screen and (max-width:768px) {
body { font-size: 15px; line-height: 24px;}
.header, .footer{ width: 100vw; }
.hd_m, .footer { display: block; }
.hd_pc { display: none;}
.pez_ft { height: 310px;}

.main { width: 96vw; }
.content { padding: 10px 15px; }
h2 { font-size: 21px; padding: 15px 0 5px 0;}
h2:before {width: 5px; height: 17px;}

td.people{ display: none;}
}