.myimg {
    width:80%;
    display:block;
    margin:auto;
}
.myimg60 {
    width:60%;
    display:block;
    margin:auto;
}
.mypadding{
  padding-inline-start: 40px;
  padding-right: 40px;
}
/* li 的圈圈*/
.myli_img{
    font-size:1.2em;
    color:#0072E3;
    margin-left:-1em;
    margin-right:0.4em;
}
.myblue{
  padding-right:5px;
  color:#0072E3;
  font-size:1em;
}
.mylink{
    color:#db0000;
    padding:0 5px;
}
.mylink:hover{
    display: inline-block;
    background-color: #d73e29;
    color: #fff;
    border-radius: 20px;
    /*padding-left: 10px;
    margin-left: 7px;*/
    transition: 0.2s;
}
.namelink{
    color:#000;
}
.namelink:hover{
    display: inline-block;
    background-color: #377f8b;
    color: #000;
    border-radius: 10px;
    padding-left: 5px;
    padding-right: 5px;
    /*padding-left: 10px;
    margin-left: 7px;*/
    transition: 0.2s;
}
/* 長方形有格子的連結*/
.rectangle_link{
    display: inline-block;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #dddddd;
    padding: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #000000;
    width:50%;
    margin-top:10px;
    
}
.rectangle_link:hover{
    background-color:#2c808d;
    color: #FFFFFF;
}
/**/
table {
    width: 100%;
}
.changePageArea {
    display:flex;
    justify-content: space-between;
    align-items: center;
    font-size:0.813em;
    padding:0 5px;
}

.more_btn {
    font-size:0.813em;
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--primary-darker);
    background-color: var(--primary-darker);
    color: #fff;
    cursor: pointer;
    border-radius: 8px;
}
.more_btn_dis {
    font-size:0.813em;
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--primary-lighter);
    background-color: var(--primary-lighter);
    color: #fff;
    cursor: default;
    border-radius: 8px;
}
.changePageCenter {
  display:flex;
  align-items: center;
}
/*zun_icap*/

.checkcode_area {
  display: flex;
}
.info_search {
  display:flex;
  align-items: center;
  justify-content: flex-start;
}
.info_search .formGroup {
  width:35%;
}
.info_search .formGroup label {
  min-width: fit-content;
}
.info_search > * {
  margin-right:15px;
}
table.resultList tbody td:first-child {
  text-align: center;
}
table.resultList tbody tr:hover {
  background:var(--itemhover);
}
.container {
  display:block;
}
.TA_left {
  text-align:start!important;
}
.TA_right{
  text-align:end!important;
}
.TA_center {
  text-align:center!important;
}
table.resultList a:hover {
    color:#fff;
    display:inline;
}
table.resultList a {
    text-decoration: none;
}
.href_blue {
  color:#0000ff;
  overflow-wrap: anywhere;
}
#back_to_select {
  cursor:pointer;
}

.resultList td {
   background-color: transparent;
}
.hiddenModel {
  width:40%;
  background-color:#fff;
  position:fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  display:none;
  z-index:3;
}
.hiddenModel_close {
  width:40px;
  height:40px;
  position: absolute;
  background: var(--light-gray);
  top: 5px;
  right: 20px;
  border-radius: 25px;
  cursor: pointer;  
}
.hiddenModel_close img {
  width: 70%;
  height: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.formGroup_radio {
    width: fit-content;
}
.primaryBtn {
    min-width:115px;
}
.primaryBtn_dis {
    min-width:115px;
    border: 1px solid #dadada;
    background-color: rgb(240, 240, 240);
    color: #a9a9a9;
    padding: 10px;
    cursor: wait;
    font-size: inherit;
    transition:none;
    transform: scale(1) !important;                     
}
@media screen and (max-width:991px) {
  .info_search .formGroup {
    width:100%;
  }
  .info_search {
    flex-direction:column;
  }
  .hiddenModel thead {
    display: table-header-group;
  }
  .formGroup_radio {
    margin-top:15px;
    align-self: flex-start;
  }
    
}
@media screen and (max-width:768px) {
  tr{
    display: table-row;
    flex-direction: column;
    width: 100%;
  }
  thead {
    display:table-header-group;
  }
  .info_search {
    display:flex;
    flex-direction: column;
  }
  .info_search .formGroup {
    width:100%;
  }
  .info_search > * {
    margin-right:0px;
  }
  .hiddenModel {
    width:90%; 
  }              
}

/*zun_icap*/
.step::before {
    background:#f7bb18;
}
.step {
    background:#157e6f;
}
.stepCardBtn {
    background-color: #f7bb18;
}
.formTextarea {
    padding: 0.25rem 0.5rem;
    font-weight: 400;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5;
    color: var(--dark);
    border: 1px solid var(--primary-darker);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}      
.formTextarea:focus{
    background-color: #FFFF00;
} 
.formTextarea:focus-within{
    outline: solid 5px #E00000;
}
/**/
@media screen and (max-width: 800px) {
    .rectangle_link {
        width:90%;
    }
    .mypadding{
      padding-inline-start: 10px;
      padding-right: 10px;
    }
    .myimg {
      width:95%;
      display:block;
      margin:auto;
    }
    .myimg60 {
      width:90%;
      display:block;
      margin:auto;
    }
    /**/
    .changePageArea {
      flex-direction: column;
    }
    .changePageCenter {
      justify-content:center;
    }
    .changePageRight {
      display:inline-block;
    }
    .changePageLeft {
      display:inline-block;
    }
    .changePageCenter >div {
      display:flex;  
    }
    /**/
}
@media screen and (max-width: 490px){
  .changePageCenter, .changePageCenter >div {
    display:block;  
  }
  .changePageCenter >div {
    margin:0.5em 0;
  }
}
/* 原 a.css 會員登入顯示*/
.user_tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
}