body{
    margin:0;
    padding:0;
    font-family:Arial,'微軟正黑體', 'LiHei Pro', 新細明體, sans-serif;
    font-size:15px;
    line-height:24px;
    color:#333;}
a,a:hover {text-decoration: none;}
*{box-sizing: border-box;}
.header{height:185px;}
.top {
    background:url(../images/top_2022.jpg),url(../images/topx_2022.jpg);
    background-position:center top,center top;
    background-repeat:no-repeat,repeat-x;
    height:90px;
    vertical-align:top;
    font-family:'Noto Sans TC', sans-serif;
    text-align: center;
    font-size: 60px;
    line-height: 90px;
    font-weight: 500;
    color: #498500;
    border-bottom:2px solid #76BC21;
    text-shadow: 0px 0px 2px #ffffff, 0px 0px 5px #a1d761;}
.gov {
    background: #007c7c;
    text-align:center;
    border-bottom:1px solid #999;
    height:53px;}
.gov img {
    max-height: 100%;
    vertical-align: bottom;}
.cont{
    height:calc(100vh - 235px);
    background:#f6efd8;
    padding:30px 0}
.login_box{
    width:auto;
    margin:20px auto 80px;}
.login_box h2{
    text-align:center;}
form#loginForm {
    width: 300px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;}
form#loginForm > *{
    margin-bottom:15px;
    line-height:26px;}
form#loginForm label {
    width: 60px;
    font-weight: bold;}
form#loginForm input {width: 240px;}
form#loginForm button{
    margin: 0 auto;
    width: 100px;
    background: #444444;
    border: 1px solid #000;
    border-style: outset;
    border-radius: 3px;
    font-weight: bold;
    color: #fff;
    font-size: 16px;}
#block20 {display:block;height:20px;}
#block30 {display:block;height:30px;}
.main {
    width: 98%;
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 0px;}
.main tr td {padding:5px 10px;text-align: center;}
.link{height:40px;}
.link ul {
    width: 100%;
    background: #adcd87;
    padding:0;
    margin:0;
    text-align: center;}
.link ul li {
    display:inline-block;
    margin: 0;
    position:relative;
    z-index:0;
    padding-right: 30px;
    margin-left: -5px;}
.link h3 {
    display: inline-block;
    margin: 0 5px;
    background: transparent;
    font-size: 15px;
    color: #fff;
    line-height: 40px;
    vertical-align: middle;}
.link h3 img {padding: 8px;vertical-align: middle;}
.link ul li a,
.link ul li span.btn_qr {
    color: #666;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #bbb;
    display: inline-block;
    padding: 3px 10px;
    margin: 0 5px;
    background: -moz-linear-gradient(150deg,#fff,#e7e7e7,#f5f5f5);
    background: -webkit-linear-gradient(150deg,#fff,#e7e7e7,#f5f5f5);
    background: linear-gradient(150deg,#fff,#e7e7e7,#f5f5f5);
    cursor:pointer;}
.link ul li a:hover,
.link ul li span.btn_qr:hover {background: linear-gradient(150deg,#fff3bb,#ffe97d,#ffc862);}
.link ul li span.btn_qr#qr_c,.box_qr#box_c span {color:#006fce;}
.link ul li span.btn_qr#qr_e,.box_qr#box_e span {color:#309208;}
.link ul li span.btn_qr#qr_t,.box_qr#box_t span {color:#f44336;}
.link ul li:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    left: -10px;
    background: #5b9712;
    -webkit-transform: skew(-31deg);
    -ms-transform: skew(-31deg);
    transform: skew(-31deg);}
.link ul li.link2:before {background: #467e00;}
.info {width:90%;margin:0px auto 10px;line-height:1.2em;}
.script {width:100%;margin:0px;margin-top:10px;line-height:1.2em;}
.script tr th {width:105px;vertical-align:top;}
.script tr th span {
    background: -moz-linear-gradient(left,#ffffff 2%,#b8997e 7%,#925d2e 8%,#c88a54 12%,#7e4a1c 16%,#b97031 22%,#c78939 28%);
    background: -webkit-linear-gradient(left,#ffffff 2%,#b8997e 7%,#925d2e 8%,#c88a54 12%,#7e4a1c 16%,#b97031 22%,#c78939 28%);
    background: linear-gradient(to right,#ffffff 2%,#b8997e 7%,#925d2e 8%,#c88a54 12%,#7e4a1c 16%,#b97031 22%,#c78939 28%);
    width:130px;
    display:inline-block;
    font-weight:bold;
    color:#fff;
    text-align:left;
    padding:5px;
    padding-left:30px;
    border-top: 1px solid #dad5d1;
    border-bottom:1px solid #dad5d1;
    vertical-align:top;
    font-size:15px;}
.info tr td {padding:5px;vertical-align:top;line-height:22px;font-size:15px;}
.script tr td {
    border-bottom:1px dotted #ccc;
    padding:5px;
    vertical-align:top;
    line-height:22px;
    font-size:15px;
    text-align: left;}
.info tr td[class^=cover] {border-bottom:0px;vertical-align:top;}
[class^=tab0] {
    width: 100px;
    line-height: 27px;
    color: #fff;
    margin: 0px 2px;
    text-align: center;
    border-radius: 5px 5px 0 0;}
[class^=tab0] a {
   background-color:#aaa;
   color: #fff;
   display: inline-block;
   width: 100px;
   border-radius: 5px 5px 0 0;
   text-decoration:none;}
[class^=tab0] a:hover,[class^=tab0] a.stay {background-color:#498500;color:#fff;}
.tab01 a {padding-bottom:1px\0;}
#C02{display:none;}
.footer {
    background-color:#666;
    color:#fff;
    line-height:1.4em;
    text-align:center;
    font-size:15px;
    height:50px;}
.footer a {color:#fff;}