@charset "UTF-8";
/* CSS Document */
form{margin:0;padding:0;font-size:1em;}

/*---------------form basic */
form table{border:none;border-collapse:collapse;margin:0 auto;line-height:1.6;max-width:90%;}
form caption{text-align:left;font-size:1.08em;padding:0 0 .8em;color:#000;}
form th , form td{padding:.5em 0;vertical-align:top;}
form th{text-align:right;font-weight:normal; max-width:15em;padding-right:.4em;line-height:2.5em;}
form td p{line-height:120%;margin:.3em 0 .5em;}
form td label{display:inline-block;margin:2px 1em 7px 0;}
input, select,textarea{font-size:1em;margin:0;vertical-align:top;}
input[type="text"], textarea{-webkit-appearance: none;}
input[type="radio"], input[type="checkbox"]{vertical-align:top;margin-right:4px;}
td>input[type="radio"], td>input[type="checkbox"]{margin-left:1em;}
td>input[type="radio"]:first-child, td>input[type="checkbox"]:first-child{margin-left:0;}

input[type="text"], input[type="password"], input.text , textarea, input[type="file"] , select{border:solid 1px #bbb;height:2.4em;line-height:2.4;padding:0 .4em;margin:.1em 4px .1em 0;}
input[type="text"]:focus, input[type="password"]:focus, input.text:focus , textarea:focus, input[type="file"]:focus, select:focus{border-color:#729e07;outline:none;box-shadow:#c5e62d 0 0 0 3px;}
select{outline:none; max-width:100%;}
textarea{min-height:8em;line-height:1.6;}

input.long{width:360px;}
input.short{width:120px;}
input.button, input[type="submit"], input[type="button"], input[type="reset"]{height:2em;line-height:1.3em;margin:0 3px 0 0;cursor:pointer;border:none;}
input[type="radio"], input[type="checkbox"]{vertical-align:-8%;}
.center .buttonDiv{border-top:solid 1px #999;margin:1.5em 16px 0;padding:1.5em 0 0;text-align:center;}
.center .buttonDiv input[type="submit"], 
.center .buttonDiv input[type="button"], 
.center .buttonDiv input[type="reset"]
{-webkit-appearance: none;display:inline-block;height:2.4em;line-height:1.8em;padding-left:16px;padding-right:16px;margin:0 6px 10px;min-width:5em;border-radius:.4em;background:#7faf0b;color:#fff;font-size:1.06em;box-shadow:#587320 0 4px, #112 0 6px 0, rgba(0,0,0,.5) 0 6px 6px 1px;transition:.1s;}
.center .buttonDiv input[type="submit"]:hover, .center .buttonDiv input[type="button"]:hover, .center .buttonDiv input[type="reset"]:hover{background-color:#99c300;}
.must{margin-right:3px;color:#C30;}

.extraBtn{clear:both;float:right;margin:0;}
.extraBtn a{display:inline-block;margin:0 2px 6px;min-width:0;border-radius:2em;text-align:center;font-size:1em;line-height:2.2em;height:2.2em;padding:0 1em;background-color:#91c000;color:#fff;text-decoration:none;transition:.2s;}
.extraBtn a:hover{background:#639100;color:#fff;}
.extraBtn a:focus{background:#639100;color:#fff;}
.note .extraBtn a{background-color:#f80;color:#fff;}
.note .extraBtn a:hover{background-color:#e60;}
.note .extraBtn a:focus{background-color:#e60;}
.note a{word-break:break-all;}

/*---------------forwardForm */
.qp form, .forwardForm form{padding:2.5em 0 2.5em;border:1px solid #ccc;}
.forwardForm{margin:0 0 2em;padding:0 0 1em;}
.forwardForm th{white-space:nowrap;}
.forwardForm input[type="text"], .forwardForm input.text, .forwardForm textarea{width:24em;}
.forwardForm input.short, .forwardForm input.captchaTxt{width:8em;}
.forwardForm textarea{height:9.5em;overflow:auto;}
.forwardForm select { max-width:25em;}
.forwardForm caption .must{float:right;font-size:.8em;color:#c00;}
.refresh{display:inline-block;vertical-align:top;margin:5px 0 0 6px;}
.refresh a{display:block;background:url(../images/btn_refresh.png) no-repeat 0 0;padding:10px 0 12px 37px;font-size:1em;letter-spacing:0;text-decoration:none;}
.forwardForm form caption { display:none;}

.magList{margin:0 auto;}
form td .magList p{margin:0 0 1.5em;line-height:1.6;}
.magList label{display:block;margin:.5em 0;font-size:1.2em;}

/* 意見信箱進度查詢*/

.note{margin:0 0 2.5em;padding:2.5em 0 2.5em;border-width:1px;line-height:1.8;background:#fe8;box-shadow:rgba(150,120,0,.25) 0 0 60px inset;}
.note h2{font-size:1.2em;margin:0 2em 1em;}
.note ol{margin:0 2em 0 1em;}
.note li{margin-bottom:1.2em;}
.note p{margin:1em 2em;}
.note a{color:#f50;text-decoration:underline;}

.forwardForm .note{position:relative;float:left;width:39%;}
.forwardForm .note .extraBtn{margin:0 5px 0;}
.forwardForm .note .extraBtn a{color:#ffc;text-decoration:none;}
.forwardForm .note + form{width:58%;float:right;margin-right:5px;margin-bottom: 40px;}
.forwardForm .note:before{content:'';position:absolute;width:90%;height:25px;border-radius:50%;bottom:0;left:5%;background:#ccc;box-shadow:rgba(0,0,0,.6) 0 0 20px;z-index:-1;}

a[title="換一組驗證碼"] ,  a[href="javascript:resetCaptchaA();"]
{ display:inline-block; margin:-8px 3px 5px;width:40px; height:40px;background:#F90 url(../images/refresh.png) no-repeat 8px center; border-radius:50%;vertical-align:middle;}
a[title="換一組驗證碼"]>img, a[href="javascript:resetCaptchaA();"]>img { display:none;}
input.captchaTxt { margin-bottom:1em;}
/*----------------------qp*/
.center .qp header{margin:0 3px 3px;border:none;}
.qp input[type="text"]{width:24em;}
.qp input.short{width:8em;}
.qp th{min-width:6em;max-width:9em;white-space:nowrap;}
.qp table{width:44em;margin:0 auto;}
.qp td input[value="清除"]{width:24px;height:24px;margin:0 8px 0 0;color:transparent;background:transparent url(../images/btn_reset.png) no-repeat;border:none;}
/*----------------------qp forwardForm 共用*/
.center .qp header, .center .forwardForm header{margin:0 3px 3px;border:none;}
@media (max-width:1090px){
.forwardForm{ margin:1em 16px;}
form table{max-width:90%; margin:0 auto;}
form td{width:auto;}
}
@media (max-width:1025px){
input:focus, button:focus{outline:none;}
/*input[type="text"], input[type="password"], input[type="file"], input.text, input.long , input.short{width:100%;}
.forwardForm input.text, .forwardForm textarea{width:100%;}*/
.forwardForm .note, .forwardForm .note + form{float:none;width:100%;margin:0;border:none;box-shadow:none;}
.forwardForm .note{background:#f3f5f6;}
.forwardForm .extraBtn, .forwardForm .note:before{display:none;}
.extraBtn{margin-top:10px;}

.center .buttonDiv input[type="submit"], 
.center .buttonDiv input[type="button"], 
.center .buttonDiv input[type="reset"]
{box-shadow:#587320 0 7px, #112 0 10px 0, rgba(0,0,0,.5) 0 11px 8px;transition:.1s;}

}
@media (max-width:700px){
form table{max-width:none;}
form th, form td{display:block;text-align:left;font-weight:normal;max-width:none;width:auto;}
form th{padding-bottom:0;line-height:1.6; color:#899;}
form td{padding-top:0;}
input[type="text"], input[type="password"], input[type="file"], input.text, input.long , input.short,
textarea, select {box-sizing:border-box;width:100%;  height:2.4em; line-height:2.4em;}
textarea { min-height:12em; line-height:1.6;}
input[type="radio"], input[type="checkbox"]{font-size:1.2em;}

.forwardForm form { margin:0; padding:0; border:none;}
.forwardForm input[type="text"], .forwardForm input.text, .forwardForm textarea, .forwardForm select {width:100%; max-width:none;}

.center .buttonDiv{ margin-left:0; margin-right:0}
.center .buttonDiv input[type="submit"], 
.center .buttonDiv input[type="button"], 
.center .buttonDiv input[type="reset"]
{box-shadow:#587320 0 8px, #112 0 12px 0, rgba(0,0,0,.5) 0 13px 8px 1px;transition:.1s;}

img#imgCaptcha{width:280px;height:auto;}
img#imgCaptcha + input[type="text"] { margin-left:8px; width:12em; vertical-align:top;}
}