@charset "UTF-8";
/*-------------------------------------------------------------------------------*/
/*    $Base                                                                                    */
/*-------------------------------------------------------------------------------*/
body {
  font-family: "Microsoft Jhenghei", "微軟正黑體", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; }

html, body, form, .error_wrap {
  height: 100%;
  box-sizing: border-box; }

/*-------------------------------------------------------------------------------*/
/*    $Error Page                                                                           */
/*-------------------------------------------------------------------------------*/
.error_wrap {
  display: block; }
  @media (min-width: 576px) {
    .error_wrap {
      display: flex;
      align-items: center; } }

.error_inner {
  margin: 0 auto;
  padding: 1rem;
  text-align: center; }
  @media (min-width: 768px) {
    .error_inner {
      margin: 0 auto 0; } }
  .error_inner img {
    width: 100px; }
  .error_inner p {
    display: inline-block;
    max-width: 30rem;
    padding: 1rem 0;
    color: rgba(0, 0, 0, 0.75);
    font-size: 1rem;
    line-height: 1.2; }
  .error_inner .btn_home {
    margin: 1rem auto 0; }

.error_tit {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #838586;
  font-size: 3.75rem;
  font-weight: bold; }
  @media (min-width: 576px) {
    .error_tit {
      font-size: 6.25rem; } }
  .error_tit small {
    display: block;
    margin-top: 1rem;
    font-size: 40%;
    font-family: "Microsoft Jhenghei", "微軟正黑體", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.btn_home {
  display: inline-block;
  width: 120px;
  padding: .75rem;
  color: white;
  background-color: #adadb6;
  border-radius: 100px; }
  .btn_home i {
    margin-right: .5rem; }
  .btn_home:hover, .btn_home:focus {
    background-color: #737379; }
  .btn_home:focus {
    outline: 1px dotted #737379; }

.error_foot {
  font-size: 0.875rem;
  text-align: center; }

.error_link {
  margin-top: 2.25rem; }
  .error_link a {
    border-radius: 100px;
    margin: 0 3px;
    display: inline-block;
    width: calc((100% / 2) - 9px);
    padding: .75rem 1rem;
    color: #737379;
    border: 1px solid #e3e3e7;
    font-size: 0.875rem;
    margin-bottom: 10px; }
    .error_link a:hover, .error_link a:focus {
      color: white;
      background-color: #737379;
      border: 1px solid #e3e3e7; }
    .error_link a:focus {
      outline: 1px dotted #737379; }
  .error_link a.error_full {
    width: calc(100% - 8px); }

.error_info {
  margin-top: 1.25rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.75); }
  .error_info li {
    display: block; }

.error_foot_mark {
  padding: 1rem 0; }
  .error_foot_mark a {
    margin: .5rem; }
    .error_foot_mark a img {
      width: auto; }




/*-------------------------------------------------------------------------------*/
/*    $voicecode Page                                                                           */
/*-------------------------------------------------------------------------------*/
.kf_voicecode_wrap {
  display: flex;
  align-items: center;
  height: 100%; }

.kf_voicecode_inner {
  margin: 0 auto;
  padding: 1rem;
  text-align: center; }
  @media (min-width: 768px) {
    .kf_voicecode_inner {
      margin: 0 auto 0; } }

.kf_voicecode_tit {
  font-family: "Microsoft Jhenghei", "微軟正黑體", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #838586;
  font-size: 2.5rem;
  font-weight: bold; }
  @media (min-width: 576px) {
    .kf_voicecode_tit {
      font-size: 3.75rem; } }
  .kf_voicecode_tit small {
    display: block;
    margin-top: 1rem;
    font-size: 40%;
    font-family: "Microsoft Jhenghei", "微軟正黑體", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.kf_voicecode_subtit {
  margin-top: 1rem; }

.kf_voicecode_content {
  background: #f1f3f5;
  margin-top: 2rem;
  padding: 2rem 1rem;
  border-radius: 5px; }

.kf_voicecode_s_tit {
  margin-bottom: 1rem; }

.kf_voicecode_btn input {
  display: inline-block;
  padding: .375rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  border: .0625rem solid transparent;
  border-radius: .25rem;
  color: white;
  background: #1963b8; }
  .kf_voicecode_btn input:hover, .kf_voicecode_btn input:focus {
    background: #2e89f1; }
  .kf_voicecode_btn input:focus {
    outline: 1px dotted #1963b8; }

.kf_voicecode_foot {
  font-size: 0.875rem;
  text-align: center; }

.kf_voicecode_link {
  margin-top: 2.25rem; }
  .kf_voicecode_link a {
    border-radius: 100px;
    margin: 0 3px;
    display: inline-block;
    width: calc((100% / 2) - 9px);
    padding: .75rem 1rem;
    color: #737379;
    border: 1px solid #e3e3e7;
    font-size: 0.875rem;
    margin-bottom: 10px; }
    .kf_voicecode_link a:hover, .kf_voicecode_link a:focus {
      color: white;
      background-color: #737379;
      border: 1px solid #e3e3e7; }
    .kf_voicecode_link a:focus {
      outline: 1px dotted #737379; }
  .kf_voicecode_link a.kf_voicecode_full {
    width: calc(100% - 8px); }

.kf_voicecode_info {
  margin-top: 1.25rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.75); }
  .kf_voicecode_info li {
    display: block; }

.kf_voicecode_foot_mark {
  padding: 1rem 0; }
  .kf_voicecode_foot_mark a {
    margin: .5rem; }