@charset "big5";
/* CSS Document */
body {background-color: #fff; font-size: 15px; line-height: 30px;}
*{ 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;}
h3{ text-decoration: none; color: #52920D; font-weight: bold; letter-spacing: 1px; font-size: 19px;}

.main li{ list-style: decimal; margin-left: 22px;}
.main a{ color: #BA8207; text-decoration: underline;}
.list { padding: 10px 0;}
.red{ color: #FF3300;}
p { font-weight: bold;  font-size: 17px;}



@media screen and (max-width:767px) {
body { background: #e6e6e6; font-size: 14px; line-height: 22px;}
.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;}
h3{ font-size: 17px;}
p {font-size: 15px; padding: 1vw 0;}

}