@charset "utf-8";

body {
  margin: 0;
  padding: 0;
  font-family: "Arial", "微軟正黑體", san-serif;
  font-size: 1em;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  color: #333;
}

h1,
h2,
h3,
h4,
p,
a,
ul,
ol,
li {
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

* {
  box-sizing: border-box;
}

footer p {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

footer p a {
  margin: 0 0 0 .5em;
  padding: 0 .8em;
  background: #EF6C00;
  line-height: 31px;
  color: #fff;
  text-decoration: none;
  border-radius: 1em;
}

footer p a:hover,
footer p a:focus {
  background: #FF9800;
}

.accessibility_A { display:inline-block; background:none; padding:0px; width:88px; height:31px; }

.loginBox {
  width: 50%;
  margin: auto;
  text-align: center;
}
.ELoginBox {
  width: 40%;
  margin: auto;
  text-align: center;
}
/*原版*/
.loginForm {
  margin: 0 auto;
  text-align: left;
  color: #Fff;
  padding: 2em 2em 1em 2em;
  box-sizing: border-box;
  background:#35B193;/*2021Xmas*/
  border-radius: 1em;
}

.loginForm input {
  color: #000;
}

.loginField {
  display: flex;
  margin: 1em 0;
}

.loginField_title {
  min-width: 190px;
  text-align: right;
}
.ELoginBox .loginField_title {
  min-width: 100px;
  text-align: right;
}
.loginField_info {
  width: 100%;
}

.loginBox .loginField_info .btn {
  margin: .5em 0 0 0;
  width: 100%;
}

.loginBox label {
  margin: .2em 0;
  display: inline-block;
  text-align: right;
}

.loginBox input[type="text"],
.loginBox input[type="password"] {
  padding: .25em 0;
  width: 100%;
}

.loginBox img {
  width: 40%;
  vertical-align: middle;
}

.loginBox .btn {
  margin: 1em auto;
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.loginBox.ELoginBox .btn.{
  width: 300px;
  padding: 30px 30px;
}
.loginBox.ELoginBox .btn-w{
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.loginVcode {
  /*vertical-align:top;
    width:65%;  */
}
.loginFieldBox{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.loginForm_img{
  text-align: center;
}
.loginField_p{
  text-align: center;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 2px solid #d8d8d8;
}
.loginFieldforgot{
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.loginFieldforgot a{
  text-decoration: none;
  color: #525252;
  font-size: .85em;
  margin: 0 6px;
}
.loginFieldforgot a:hover{
  color: #333;
}
.btn {
  border: none;
  padding: .15em 1em;
  border-radius: .5em;
  background:#098265;/*2021Xmas*/
  color: #fff;
}

.btn {
  background: #098265;/*2021Xmas*/
}

.btn:hover {
  background: #000;
}

.loginLink {
  display: inline-block;
  margin: 0 .5em;
}

.loginLink a {
  color: #f18f21;
}

.redTxt {
  color: #F00;
}

.webContentWrap {
  width: 90%;
  margin: auto;
  position: relative;
}

header {
  background: #fff;
  padding: 1em;
  border-top: 3px solid #098265;/*2021Xmas*/
  position: relative;
}

header .logo {
  width: 20%;
  display: inline-block;
}

header .logo img {
  width: 100%;
}

.headerRight {
  float: right;
  margin: 3em 0 0 0;
}
.headerRightBottom {
  float: right;
  margin: 0em 0 0 0;
}

header nav {
  display: inline-block;
  vertical-align: middle;
  /*margin: -4em 0 0 0;*/
}

header li {
  display: inline-block;
}

header li a {
  padding: .5em 1em;
  background: #f18f21;
  color: #fff;
  text-decoration: none;
}

header li:first-child a {
  background:#098265;/*2021Xmas*/
}

header .navList li.btnGofda a {
  padding: .5em 1em;
  background: #f18f21;
  color: #fff;
  text-decoration: none;
}
footer {
  text-align: center;
  background:#E0F7F2;/*2021Xmas*/
  color:#098265;/*2021Xmas*/
  padding-bottom: 1em;
  font-size: 1.25em;
  line-height: 1.8em;
}

footer .copyRight {
  background:#098265;/*2021Xmas*/
  color: #fff;
  font-weight: bold;
  padding: .5em 1em;
  margin-bottom: 1em;
}

footer .copyRight {}

.mainWrap {
  /*background: url(../images/bg/mainBg.jpg) center top no-repeat;*/
  background-size: 100vw;
}

.mainWrap h2,
.mainWrap h2 img,
.mainWrap h2 a {
  display: block;
  margin: auto;
  text-align: center;
}

.mainWrap h2 {
  font-size: 1.5em;
  padding-top: 1.5em;
}

.mainWrap h2 img {
  margin-bottom: .75em;
}

.mainWrap h2 .iconALL {
  display: flex;
  margin:0 auto 0.75em auto;
  width: 86px;
  height: 77px;
}
.mainWrap h2 .qaIcon {
  background-image: url(../images/icon/titleIcon-qa.png);
}
.mainWrap h2 .messIcon {
  background-image: url(../images/icon/titleIcon-message.png);
}
.mainWrap h2 .searchIcon {
  background-image: url(../images/icon/titleIcon-search.png);
}
.mainWrap h2 .mailSearchIcon {
  background-image: url(../images/icon/titleIcon-searchmail.png);
}
.mainWrap h2 .personalIcon {
  background-image: url(../images/icon/titleIcon-personal.png);
}
.mainWrap h2 .sitemapIcon{
  background-image: url(../images/icon/titleIcon-sitemap.png);
}
.folderIcon{
  display: inline-block;
  background-image: url(../images/icon/folder.png);
  width: 32px;
  height: 32px;
  margin-right: 5px;
}
.mainWrap h2 a {
  font-size: .6em;
  padding: .75em 0;
  color: #8abcd5;
}

.mainWrap h2 a:hover {
  font-style: italic;
}

.adBannerList {
  text-align: center;
  width: 90%;
  margin: 2em auto 1.5em auto;
  margin-bottom: 0em;
  padding-bottom: 2em;
}

.adBannerList li {
  display: inline-block;
  width: 30%;
}

.adBannerList li img {
  border: 1px solid #ccc;
}

.countTitle {
  margin-bottom: .5em;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
}

.countTitle img {
  vertical-align: text-bottom;
  margin-right: .5em;
}

.blueTxt {
  color:#098265;/*2021Xmas*/
}

.orangeTxt {
  color: #fe7800;
}

.redTxt {
  color: #F00;
}

/*----- 分頁樣式 -----*/
.page {
  position: relative;
  clear: both;
  margin: 1em 0 0 0;
  text-align: center;
}

.page a {
  color: #797979;
  transition: 0.3s;
  padding: 2px 10px 5px 10px;
  margin: 2px;
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
  text-decoration: none;
}

.page .current {
  background-color: #464646;
  color: #FFF;
}

.page a:hover,
.page a:focus {
  color: #000;
  background-color: #fff5d8;
}

.page .page_ff:hover,
.page .page_nn:hover {
  background-color: transparent;
}

.page .fa {
  font-size: 1.5em;
}

.qaSubTag {
  list-style: none;
  position: absolute;
  right: 1em;
  top: 7.5em;
}

.qaSubTag li {
  display: inline-block;
}

.qaSubTag li a {
  padding: .25em 1em;
  border: 2px solid #f18f21;
  color: #f18f21;
  border-radius: .5em;
  text-decoration: none;
  font-size: .8em;
  font-weight: bold;
  position: relative;
  letter-spacing: 2px;
}

.qaSubTag li a:hover,
.qaSubTag li a.current {
  color: #fff;
  background: #f18f21;
}

.qaSubTag li a.current::after {
  content: ' ';
  display: block;
  margin: auto;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid #f18f21;
  position: absolute;
  left: 45%;
  bottom: -15px;
}

.path {
  width: 90%;
  margin: auto;
}

.path a {
  font-size: 1em;
  color: #000000;
  text-decoration: none;
  background: rgba(255, 255, 255, .8);
  padding: 0 .5em;
  border-radius: 1em;
}

.path a:hover,
.path a:focus {
  text-decoration: underline;
}

.searchBar {
  width: 90%;
  margin: 1em auto;
  padding: 1em;
  border-radius: .5em;
  background: rgba(0, 0, 0, .15);
  box-sizing: border-box;
  text-align: center;
}

.searchBar label,
.searchBar .fa {
  font-weight: bold;
  font-size: 1.25em;
  margin: 0 .5em 0 0;
}

.searchBar input[type="text"i] {
  padding: .5em;
  box-sizing: border-box;
  width: 65%;
}

.searchBar input[type="button"] {
  padding: .45em 1em;
  background: #333;
  color: #fff;
  border: none;
}

.innerContent {
  position: relative;
  display: block;
  width: 90%;
  margin: 1em auto;
  margin-bottom: 0em;
  padding: 0;
  padding-bottom: 1em;
  font-size: 1.25em;
  line-height: 1.5;
}
.subTitle{
  font-weight: bold;
  font-size: 1.17em;
}
h3.pageTitle ,.pageTitle,.subTitle{
  background:#098265;/*2021Xmas*/
  color: #fff;
  padding: 1em 1.5em;
  border-radius: 1em 1em 0 0;
}
h3.AssingTitle {
  border-radius:unset
}

.title-S {
  font-size: .75em;
  display: inline-block;
  margin-left: .5em;
  font-weight: normal;
  color: #a6e1ff;
  vertical-align: middle;
  line-height: .5;
}

.haveto {
  color: red;
  font-size: .8em;
  vertical-align: middle;
  display: inline-block;
  margin: 0 .2em;
}

.formTd {
  display: inline-block;
}

.formList {
  list-style: none;
  padding: 0 2em;
  background: #fff;
  margin-bottom: 2em;
}

    .formList li {
        padding: .5em 0;
        border-bottom: 1px dotted #ccc;
        display: flex;
        align-items: center;
        list-style-type: cjk-ideographic;
    }

.formTitle {
  display: inline-block;
  vertical-align: middle;
  width: 18%;
  text-align: right;
  font-weight: bold;
}
.ASListGroup{
  list-style: none;
  padding: 0 2em;
  background: #fff;
  padding-bottom: 1em;
  margin-bottom: 2em;
  color: #303030;
  font-weight: 600;
}
.ASListGroupText{
  padding: 1em 0em;
}
.ASList,.ASListOther{
  list-style: none;
  background-color: #FFFDEA;
  border: 1px solid #E3E3E3;
  padding: 2em 1em;
}
.ASListOther{
  padding-bottom: .1em;
}
.ASList li {
  background-color: #fff;
  border-left: 2px dotted #389473;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0em 12%;
}
.ASListOtherBox{
  display: flex;
  flex-wrap: wrap;
}
.ASListOtherBox > a{
  width: 50%;
  text-decoration: none;
  padding-top: .5em;
  padding-bottom: .5em;
  list-style: none;
}
.ASListOtherBox > a:nth-child(odd){
  padding-right: 1em;
}
.ASListOther > li{
  background-color: #fff;
  border-left: 2px dotted #389473;
  padding:0em 2em;
  min-height: 180px;
}
.ASListOther li > ul {
  padding: 1.3em 0;
  min-height: 150px;
}
.ASListOther li > ul > li{
  list-style: none;
  padding: .1em 0 .1em 11.5em ;
}
.ASListOther li {
  text-decoration: none;
  color: #303030;
}
.ASListOther li > ul > li:before{
  content: "";
  display: inline-block;
  background: #303030;
  width: auto;
  height: auto;
  border-radius: 1em;
  padding: 0.35em;
  margin-right: 0.2em;
}
.ASListOtherText{
  text-align: right;
  padding: 0.5em;
  color: #438F6E;
}
.ASListOtherPos{
  position: relative;
}
.ASListOtherLogo{
  position: absolute;
  top: 0px;
  width: 27%;
  min-width: 174px;
}
.ASListOtherBox a .ASListOtherLogo.hpaLogo{
  top: 0px;
}
.ASListOtherName{
  position: absolute;
  top: -39px;
  left: 11.5em;
  background-color: #58997D;
  color: #fff;
  padding: 0.3em 1em;
}
.liSmallTxt {
  display: inline-block;
  font-size: .8em;
  color: #0000ff;
}

.ASListFDA{
  font-size: 1.3em;
  padding: 1em;
}
.btnLink{
  background-color: #F18F22;
  color: #fff;
  min-width: 110px;
  height: 110px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: #C6700F 0px 4px;
  padding-top: .5em;
}
.btnLink:hover{
  color: #F3F3F3;
  background-color: #C6700F;
}
.loginForm .liSmallTxt {
  color: #fff;
}

.formList form {
  display: inlnie-block !important;
}

.formList li.VerificationBlock {
  border-top: 3px solid #098265;/*2021Xmas*/
  border-bottom: none;
  background:#F0FCFA;/*2021Xmas*/
  margin-bottom: 1em;
  padding-bottom: 1.25em;
}

.VerificationBlock .liSmallTxt {
  display: block;
}

.VerificationBlock .VcodeInputBlock {
  display: inline-block;
  vertical-align: text-top;
  margin-right: .5em;
}

.VerificationBlock .VcodeInputBlock input {
  width: 100%;
}

.VerificationBlock img {
  vertical-align: text-top;
}

.searchFormBtn {
  text-align: center;
  padding: 1em 0;
}

.searchFormBtn .btn {
  border: none;
  padding: .15em 1em;
  border-radius: .5em;
  background:#098265;/*2021Xmas*/
  color: #fff;
  text-decoration: none;
}

.searchFormBtn .btn:hover {
  background:#056750;/*2021Xmas*/
}

.searchBtnBlock {
  position: absolute;
  top: 1em;
  right: 1em;
}

.searchBtnBlock .btn,
.messageFormBtn {
  border: 2px solid #098265;
  border: 2px solid #3da6db;
  color: #098265;
    padding:.15em 1em;
  border-radius: .5em;
  background: none;
  font-weight: bold;
}

.searchBtnBlock .btn:hover,
.messageFormBtn:hover {
  color: #fff;
  background:#098265;/*2021Xmas*/
}

.withTopLine {
  border-top: 3px solid #098265;/*2021Xmas*/
}

.CSList {
  list-style: none;
  background: #fff;
  margin-top: 1em;
  padding-bottom: 1em;
}

.CSList li {
  padding: .5em 1em;
}

.CSList li.csTh {
  background:#098265;/*2021Xmas*/
  color: #fff;
  font-weight: bold;
}
.CSList li .cs-replyDate,
.CSList li .cs-time,
.CSList li .cs-content,
.CSList li .cs-status {
  display: inline-block;
  text-align: center;
  width: 10%;
  vertical-align: text-top;
}

.CSList li .cs-content {
  width: 55%;
  text-align: left;
}

.CSList li .cs-time {
    width: 15%;
}
.CSList li .cs-replyDate{
  width: 13%;
}
.cs-content .cs-subject,
.cs-content .cs-detail,
.cs-content .cs-reply {
  display: block;
  padding: 1em;
  width: 100%;
  box-sizing: border-box;
}
.CSList li .pcs-content{
  width: 84%;
}
.pcs-content .cs-reply{
  width: 65.55%;
}
.pcs-reply_dic{
  width: 30%;
  margin-left: 1%;
  padding: 10px;
  min-height: 80px;
  display: inline-block;
  color: red;
}

.cs-content_in{
  display: flex;
  /* flex-wrap: wrap; */
}

.CSList li .pcs-contentt .cs-reply{
  width: 55%;
}
.cs-content.pcs-contentt .cs-reply_dic{
  width: 30%;
  display: inline-block;
}
.cs-content .cs-subject {
  font-weight: bold;
  padding: 0 1em .5em 1em;
}

.cs-content .cs-detail {
  background:#F0FCFA;/*2021Xmas*/
}

.cs-content .cs-subject:first-child {
  /*藍色版寫在html裡面 */
  color:#098265 !important;/*2021Xmas*/
}

.cs-content .cs-reply {
  background: #fbe6d6;
}

.FileList {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

.FileList li {
  background: #efefef;
  border-bottom: 1px solid #fff;
}

.FileList li:nth-child(even) {
  background: e4e4e4;
}

.FileList a,
.FileList .fa {
  color: #00a0ef;
}

.FileList a:hover {
  font-style: italic;
}

.FileList .fa {
  margin-right: .5em;
}

.formList li.messageNote {
  padding: 0;
}

.messageNote div {
  padding: 1em;
  background: #eeeeee;
}

.messageNote div li {
  list-style: cjk-ideographic;
  display: list-item;
  border-bottom: 0;
  padding: 0;
  margin-left: 2em;
  line-height: 1.5;
}

.messageNote div li li {
  list-style: decimal;
}

.listUl,
.listUl ol {
  margin-left: 2em;
}

.listUl li {
  border-bottom: none;
  list-style: disc;
  display: list-item;
}
.listUl-2 li{
  list-style:cjk-ideographic
}
.listUl li ol li {
  list-style: decimal;
}

.SussInfoBox {
  background: #ffffff;
  border-radius: 1em;
  width: 60%;
  margin: auto;
  color: #fff;
  /*border: 5px solid #3da6db;藍*/
  border: 5px solid #098265;
  /*Spring*/
  padding-bottom: 2em;
}

.SussInfoBox .bigTxt {
  font-size: 2em;
  margin: 1em 0 .25em 0;
}

.SussInfoBox .txtBox {
  padding: 1em;
  background: #ffe7d4;
  color: #333;
  width: 90%;
  margin: auto;
  box-sizing: border-box;
  line-height: 1.5;
}

.SussInfoBox .btn {
  border-radius: 1em;
  padding: .5em 1em;
}

.qaSubTag,
qaSubTag.forIndexQST {
  display: none;
}

.backBtn {
  padding: 0.25em 1em;
  background:#098265;/*2021Xmas*/
  color: #fff;
  text-decoration: none;
  border-radius: 1em;
  margin: 1em auto 0 auto;
  display: table;
}

.backBtn:hover {
  background:#056750;/*2021Xmas*/
}

#groupOC ol li {
  border: none;
  padding: 0;
  display: inline-block;
  margin: 0 .25em 0 0;
}

.formTd textarea {
  width: 60%;
}
.loginCaption{
  display: flex;
  flex-direction: column;
  font-size: 0.85em;
  background: #e4e4e4;
  border-radius: 1em;
  padding: 16px;
  margin: -8px;
  margin-bottom: 20px;
}
.btnloginE{
  padding: 6px;
  background: #2f61be;
  color: #fff;
  display: inline-block;
  margin: 10px 0;
  text-decoration: none;
}
.btnloginE:hover{
  border: 1px solid #2f61be;
  background: #fff;
  color: #2f61be;
}
@media (max-width: 1440px) {
  .ASListOther > li{
    padding: 0em 1em;
  }
  .ASListOther li > ul > li{
    padding: 0.1em 0 0.1em 10.5em;
  }
  .ASListOtherName{
    left: 9.5em;
  }
  .ASListOtherLogo{
    width: 34%;
  }
}
@media (max-width: 1280px) {
.loginField { flex-direction:column; align-items:center; }
.loginField_title,.loginField_info { text-align:center; }
.loginBox .loginField_info .btn { margin:.5em auto 0 auto; }
.ASListOtherLogo {
  min-width: 143px;
}
.ASListOther li > ul {
  padding-top: 1.7em;
}
.ASListOther li > ul > li {
  padding: 0.1em 0 0.1em 8.5em;
}
.ASListOtherName{
  left: 8.5em;
}
}
@media (max-width: 1024px) {
  .ASListOtherBox > a{
    width: 100%;
  }
  .ASListOtherBox > a:nth-child(odd){
    padding-right: unset;
  }
  .ASListOtherLogo {
    position: absolute;
    width: 25%;
    min-width: 186px;
  }
  .ASListOther li > ul > li{
    padding: 0.1em 0 0.1em 11.5em;
  }
  .ASListOtherName{
    left: 11.5em;
  }
  .ASList li{
    padding: 0em 1em;
  }
  .ASList img{
    width: 30%;
  }
}
@media (max-width: 768px) {
  .loginBox {
    width: 100%;
    height: auto;
  }
  .loginBox img {
    width: 50%;
  }
  .btnLink{
    width: 100%;
    height: auto;
    border-radius:unset;
  }
  .ASList li{
    flex-wrap: wrap;
  }
  .ASListFDA{
    font-size: 1em;
    padding: unset;
  }
}  
@media (max-width: 580px) {
  .ASListOtherLogo{
    position: unset;
  }
  .ASListOtherName{
    left:0;
  }
  .ASListOther li > ul > li{
    padding: 0.1em 0 0.1em 0em;
  }
}
@media (max-width: 600px) {
  .formTd textarea {
    width: 100%;
  }

  input.normalSelect {
    width: 100%;
  }

  #groupOC ol {
    padding: 0 0 0 1em;
  }

  #groupOC ol li {
    margin: 0 0 .25em 0;
    width: 100%;
  }

  #groupOC input[type="checkbox"],
  #groupOC input[type="radio"] {
    margin: 0 .25em 0 0;
    width: auto;
  }

  header {
    padding: 0 1em 1em 1em;
  }

  header .logo {
    width: 70%;
    display: block;
    margin: .25em auto;
  }

  .headerRight {
    float: inherit;
    margin: 0;
  }

  header nav {
    margin: .5em 0 0 .5em;
  }

  .path {
    width: 100%;
    margin: .5em auto -1em auto;
  }

  .mainWrap h2 {
    padding-top: 1em;
  }

  .mainWrap h2 img {
    margin-bottom: .5em;
  }

  .adBannerList li {
    width: 100%;
  }

  .formList {
    padding: 0;
    margin: 0;
  }

  .formTitle {
    display: inline;
    width: 100%;
    text-align: left;
  }

  .formTd {
    vertical-align: text-top;
    width: 100%;
  }

  .loginVcode {
    width: 100%;
  }

  .liSmallTxt {
    /*display: block;
    line-height:1.25;*/
    display: block;
    line-height: 1.25;
    word-break: break-word;
    width: 100%;
    margin: .5em 0 0 0;
  }

  .formList li.VerificationBlock {
    padding: 1em;
  }

  footer p {
    text-align: left;
    padding: 0 1em;
    font-size: .85em;
    line-height: 1.75;
    letter-spacing: 0;
  }

  footer p.copyRight {
    text-align: center;
    font-size: .8em;
  }

  footer p a {
    display: block;
    padding: 0;
    text-align: center;
    margin: .25em 0;
  }

  .searchBtnBlock {
    position: relative;
    text-align: center;
  }

  .csTh {
    display: none;
  }

  .CSList {
    margin-top: 1.2em;
  }

  .countTitle img {
    display: block;
    margin: auto;
  }

  .CSList li .cs-time,
  .CSList li .cs-content,
  .CSList li .cs-status {
    display: block;
    width: 100%;
  }

  .CSList li {
    padding: 1em;
  }

  .CSList li:nth-child(even) {
    border-bottom: 1px solid #ccc;
  }

  .CSList li .cs-time {
    background: #d6d6d6;
    padding: 0 1em;
    font-size: .9em;
    display: table;
    width: auto;
    border-radius: 1em;
    margin-bottom: .5em;
  }

  .cs-status {
    padding: .5em 0;
    background: #239ad6;
    color: #ffffff;
    margin-top: .5em;
  }

  .cs-status::before {
    content: '點閱數:';
    display: inline-block;
    margin-right: .25em;
  }

  .countTitle {
    text-align: center;
  }

  .qaSubTag {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 1em;
    right: 0;
    top: 0;
  }

  .qaSubTag.forIndexQST {
    margin: 0;
  }

  .formList li {
    display: block;
    padding: .75em;
    background: #fafafa;
  }

  .listUl li {
    display: list-item;
    padding: .25em 0;
  }

  .listUl,
  .listUl ol {
    margin-left: 1em;
  }

  h3.pageTitle ,.subTitle {
    padding: .5em .75em;
    border-radius: .5em .5em 0 0;
    margin-top: 1em;
  }

  .haveto {
    margin: 0 .25em 0 0;
    line-height: 1;
  }

  input,
  textarea {
    padding: .25em .5em;
    width: 100%;
    margin-bottom: .5em;
  }

  .navList {
    display: none;
  }
  .CSList li .cs-replyDate{
    width: 100%;
    padding: 0 1em;
    font-size: .85em;
    border-radius: 1em;
    margin-bottom: 0.5em;
    text-align: left;
  }
  .cs-replyDate::before{
    display: inline-block;
    content: "預計回覆日期:";
  }
.headerRightBottom {
  float: right;
  margin: 2em 0 0 0;
}
}

@media (min-width: 600px) and (max-width: 1024px) {
  .CSList li .cs-content {
    width: 55%;
  }
  .CSList li .pcs-content {
    width: 83%;
}

  .stopprowarp p {
    font-size: 0.9em;
  }
}
@media  (max-width: 1100px) {
}
.navList {
  position: absolute;
  right: 0;
  top: -1em;
}

.navList a,
.navList li:first-child a {
  background: none;
  color: #333;
  padding: 0;
  margin: 0 0 0 .5em;
}

/*原本設定*/
.navList li.current a {
  color: #ffffff;
  background: #098265;/*2021Xmas*/
  padding: .5em;
}

.stopprowarp {
  background-image: url(../images/stoppro.jpg);
  width: 100%;
  height: auto;
  display: block;
  text-align: center;
  color: #fff;
  padding: 20px 10px;
  line-height: 2em;
}

.stopprowarp p {
  font-size: 1.23em;
}

/* 補充無障礙的部份 開始*/
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
.rwd-table th:focus {
  outline: 3px dashed #098265 !important;/*2021Xmas*/
  outline-offset: -3px !important;
}

.skip_accesskey_c {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin: -1px 0 0 -1px;
  padding: .2em;
  font-size: .9em;
  color: #333;
  overflow: hidden;
}

.skip_accesskey_c:focus {
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
}
.bottomAccesskey { font-size:.8em; font-weight:normal; background:none; padding:0 .5em; }
.bottomAccesskey:hover { background:none; }
/* 補充無障礙的部份 結束*/

/*網站導覽 開始*/
.sitemap_box { background:#FFF; padding:1em 1.5em; }
.sitemap_box .box_info { margin:1%; }
.sitemap_box .box_info p { margin:.5em 0; }
.sitemap_box .box_list {}
.sitemap_box .box_list ul,.sitemap_box .box_list li { margin:0; padding:0; list-style:none; }
.sitemap_box .box_list ul { display:flex; }
.sitemap_box .box_list li { width:98%; margin:1%; }
.sitemap_box .box_list li a { display:block; padding:1em; background:#35B193;/*2021Xmas*/ text-align:center; color:#FFF; text-decoration:none; }
.sitemap_box .box_list li a:hover { background:#098265;/*2021Xmas*/ }
@media (max-width: 1280px) {
.sitemap_box .box_list ul { flex-wrap:wrap; }
.sitemap_box .box_list li { width:31%; }
}
@media (max-width: 768px) {
.sitemap_box .box_list li { width:48%; }
}
@media (max-width: 570px) {
.sitemap_box .box_list li { width:98%; }
.pcs-content .cs-reply{
  width: 100%;
}
.pcs-reply_dic{
  width: 100%;
}
.cs-content_in{
  flex-direction: column;
}
}
/*網站導覽 結束*/