@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700&display=swap");
@-ms-viewport {
  width: device-width;
  initial-scale: 1; }
@-o-viewport {
  width: device-width;
  initial-scale: 1; }
@viewport {
  width: device-width;
  initial-scale: 1; }

.pace .pace-progress {
  -webkit-filter: grayscale(1) contrast(1.75);
          filter: grayscale(1) contrast(1.75); }

html {
  background-image: url("../../2027/images/bg.jpg"), url("../../2027/images/bg-repeat.jpg");
  background-position: 0 0;
  background-size: 100%;
  background-repeat: no-repeat, repeat-y; }
  @media only screen and (min-width: 1920px) {
    html {
      background-position: top center;
      background-repeat: repeat-x, repeat;
      background-size: initial; } }
  @media only screen and (max-width: 1024px) {
    html {
      background-image: url("../../2027/images/bg-mobile.jpg"), url("../../2027/images/bg-mobile-repeat.jpg"); } }
  @media print {
    html {
      background: none !important; } }

body {
  height: 100vh;
  font-family: "Noto Sans TC", "Roboto", sans-serif;
  background-image: none; }
  body .ExamineList .wrapper {
    background: #ffffffe6;
    padding: 3rem 0; }
    @media only screen and (max-width: 1024px) {
      body .ExamineList .wrapper {
        padding: 3rem 7rem; } }
  body .ExamineList.Inquire .wrapper, body .ExamineList.ForgetPassword .wrapper, body .ExamineList.ResetPassword .wrapper {
    width: 640px; }
    body .ExamineList.Inquire .wrapper .title, body .ExamineList.ForgetPassword .wrapper .title, body .ExamineList.ResetPassword .wrapper .title {
      margin-left: 18px;
      margin-right: 18px; }
  body .card-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: calc(100vh - 50px);
    max-width: 1920px; }
    @media only screen and (min-width: 1440px) {
      body .card-wrapper {
        margin: 0 auto; } }
    @media only screen and (max-width: 1024px) {
      body .card-wrapper {
        margin: 4.2vw 5.6vw; } }
    body .card-wrapper header {
      padding-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 2rem;
      padding-left: 40px;
      padding-right: 40px; }
      @media only screen and (max-width: 1024px) {
        body .card-wrapper header {
          padding-left: 0;
          padding-right: 0;
          padding-top: 19vw;
          gap: 3.5rem; } }
      @media only screen and (max-width: 1220px) {
        body .card-wrapper header {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      body .card-wrapper header .logo-box {
        width: 100%;
        max-width: calc((530 / 1920) * 100%);
        text-align: center;
        padding: 0 80px 0 0; }
        @media only screen and (max-width: 1024px) {
          body .card-wrapper header .logo-box {
            max-width: initial;
            padding: 0;
            text-align: left; }
            body .card-wrapper header .logo-box img {
              max-width: calc((530 / 720) * 100%); } }
      body .card-wrapper header .button-box {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr auto;
        gap: 1rem; }
        @media only screen and (max-width: 1550px) {
          body .card-wrapper header .button-box {
            grid-template-columns: 1fr 1fr 1fr 1fr; } }
        @media only screen and (max-width: 1024px) {
          body .card-wrapper header .button-box {
            width: 100%;
            max-width: 70%; }
            body .card-wrapper header .button-box::after {
              display: none; } }
        @media only screen and (max-width: 800px) {
          body .card-wrapper header .button-box {
            max-width: 92%; } }
        @media only screen and (max-width: 840px) {
          body .card-wrapper header .button-box {
            grid-template-columns: repeat(2, 1fr); } }
        body .card-wrapper header .button-box a {
          text-align: center;
          text-decoration: none;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 0.5rem;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          border: 1px solid #231F20;
          padding: 0.5rem 2rem;
          color: #231F20;
          -webkit-transition: none;
          -o-transition: none;
          transition: none;
          font-weight: 600;
          -webkit-transition: all .5s;
          -o-transition: all .5s;
          transition: all .5s; }
          @media (hover: hover) {
            body .card-wrapper header .button-box a:hover {
              color: #fff;
              background-color: #000; } }
          @media only screen and (max-width: 1550px) {
            body .card-wrapper header .button-box a {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              gap: 0; }
              body .card-wrapper header .button-box a span {
                line-height: 1.4; } }
          @media only screen and (max-width: 1024px) {
            body .card-wrapper header .button-box a {
              padding: 1rem 2rem; } }
          @media only screen and (max-width: 430px) {
            body .card-wrapper header .button-box a {
              padding: 0.5rem; } }
    body .card-wrapper main {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      body .card-wrapper main .main-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        padding: 13vh 40px 6rem;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        @media only screen and (max-width: 1220px) {
          body .card-wrapper main .main-wrapper {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: calc(2rem + 2rem);
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start; } }
        @media only screen and (max-width: 1024px) {
          body .card-wrapper main .main-wrapper {
            padding: 4.7rem 0;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start; } }
        @media only screen and (max-width: 800px) {
          body .card-wrapper main .main-wrapper {
            padding: 4rem 0; } }
        body .card-wrapper main .main-wrapper .main-image {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          padding-left: 50px; }
          @media only screen and (max-width: 1220px) {
            body .card-wrapper main .main-wrapper .main-image {
              padding: unset;
              min-width: unset;
              width: 100%; } }
          body .card-wrapper main .main-wrapper .main-image img {
            width: 100%;
            max-width: 80%; }
          @media only screen and (max-width: 1024px) {
            body .card-wrapper main .main-wrapper .main-image {
              padding-left: 0; }
              body .card-wrapper main .main-wrapper .main-image img {
                max-width: 84%; } }
        body .card-wrapper main .main-wrapper .main-info {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
          body .card-wrapper main .main-wrapper .main-info .info-title {
            color: #231F20;
            width: 100%; }
            body .card-wrapper main .main-wrapper .main-info .info-title h1 {
              font-size: 2rem;
              color: inherit;
              margin-bottom: 0; }
              body .card-wrapper main .main-wrapper .main-info .info-title h1 .year {
                font-family: "Roboto"; }
            body .card-wrapper main .main-wrapper .main-info .info-title .exhi {
              font-size: 3.5rem;
              font-family: "Roboto";
              font-weight: bold;
              line-height: 1;
              margin-top: 5px; }
            body .card-wrapper main .main-wrapper .main-info .info-title .open-time {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              gap: 1rem;
              font-weight: 600;
              font-size: 2.1rem;
              line-height: 1;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              font-size: clamp(1.6rem, 1.55vw, 2.1rem); }
              body .card-wrapper main .main-wrapper .main-info .info-title .open-time .title {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-column-gap: 1rem;
                   -moz-column-gap: 1rem;
                        column-gap: 1rem; }
              body .card-wrapper main .main-wrapper .main-info .info-title .open-time .time {
                font-family: "Roboto"; }
              body .card-wrapper main .main-wrapper .main-info .info-title .open-time img {
                max-width: 68%; }
              @media only screen and (min-width: 1440px) {
                body .card-wrapper main .main-wrapper .main-info .info-title .open-time img {
                  max-width: 28vw; } }
              @media only screen and (max-width: 1024px) {
                body .card-wrapper main .main-wrapper .main-info .info-title .open-time img {
                  max-width: 86%; } }
              @media only screen and (max-width: 800px) {
                body .card-wrapper main .main-wrapper .main-info .info-title .open-time {
                  font-size: 1.6rem; } }
              @media screen and (max-width: 400px) {
                body .card-wrapper main .main-wrapper .main-info .info-title .open-time {
                  -webkit-box-orient: vertical;
                  -webkit-box-direction: normal;
                      -ms-flex-direction: column;
                          flex-direction: column;
                  -webkit-box-align: start;
                      -ms-flex-align: start;
                          align-items: flex-start; } }
          body .card-wrapper main .main-wrapper .main-info .countdown {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            gap: 6rem;
            color: #231F20;
            margin: 2rem 0 2rem -2px; }
            @media only screen and (min-width: 1440px) {
              body .card-wrapper main .main-wrapper .main-info .countdown {
                gap: 4.2vw;
                margin: 2rem 0 3.5rem -2px; } }
            body .card-wrapper main .main-wrapper .main-info .countdown .day, body .card-wrapper main .main-wrapper .main-info .countdown .hour, body .card-wrapper main .main-wrapper .main-info .countdown .mintue, body .card-wrapper main .main-wrapper .main-info .countdown .second {
              font-family: 'Clear Sans', Roboto, sans-serif;
              letter-spacing: -5px;
              -webkit-transform-origin: center;
                  -ms-transform-origin: center;
                      transform-origin: center;
              -webkit-transform: scale(0.9);
                  -ms-transform: scale(0.9);
                      transform: scale(0.9);
              font-weight: 400;
              font-size: 7.5rem;
              line-height: 1.2;
              border-bottom: 1px solid #231F20;
              margin-bottom: 2rem;
              position: relative;
              width: 8rem; }
              @media only screen and (min-width: 1440px) {
                body .card-wrapper main .main-wrapper .main-info .countdown .day, body .card-wrapper main .main-wrapper .main-info .countdown .hour, body .card-wrapper main .main-wrapper .main-info .countdown .mintue, body .card-wrapper main .main-wrapper .main-info .countdown .second {
                  font-size: 4.6vw;
                  -webkit-transform: scale(1);
                      -ms-transform: scale(1);
                          transform: scale(1);
                  width: 5vw; } }
              @media only screen and (max-width: 430px) {
                body .card-wrapper main .main-wrapper .main-info .countdown .day, body .card-wrapper main .main-wrapper .main-info .countdown .hour, body .card-wrapper main .main-wrapper .main-info .countdown .mintue, body .card-wrapper main .main-wrapper .main-info .countdown .second {
                  font-size: 5.5rem;
                  width: 6rem; } }
              body .card-wrapper main .main-wrapper .main-info .countdown .day::after, body .card-wrapper main .main-wrapper .main-info .countdown .hour::after, body .card-wrapper main .main-wrapper .main-info .countdown .mintue::after, body .card-wrapper main .main-wrapper .main-info .countdown .second::after {
                position: absolute;
                bottom: -2rem;
                width: 100%;
                text-align: center;
                font-size: 1.2rem;
                visibility: visible;
                height: auto;
                font-family: 'Clear Sans', Roboto, sans-serif;
                letter-spacing: 0; }
            body .card-wrapper main .main-wrapper .main-info .countdown .day::after {
              content: "D"; }
            body .card-wrapper main .main-wrapper .main-info .countdown .hour::after {
              content: "H"; }
            body .card-wrapper main .main-wrapper .main-info .countdown .mintue::after {
              content: "M"; }
            body .card-wrapper main .main-wrapper .main-info .countdown .second::after {
              content: "S"; }
            body .card-wrapper main .main-wrapper .main-info .countdown .day::before, body .card-wrapper main .main-wrapper .main-info .countdown .hour::before, body .card-wrapper main .main-wrapper .main-info .countdown .mintue::before {
              content: ":";
              position: absolute;
              right: -4.5rem;
              line-height: 1.1; }
            @media only screen and (min-width: 1440px) {
              body .card-wrapper main .main-wrapper .main-info .countdown .day::before, body .card-wrapper main .main-wrapper .main-info .countdown .hour::before, body .card-wrapper main .main-wrapper .main-info .countdown .mintue::before {
                right: -2.8vw; } }
            @media only screen and (max-width: 430px) {
              body .card-wrapper main .main-wrapper .main-info .countdown {
                gap: 2.4rem;
                margin-left: -3px; }
                body .card-wrapper main .main-wrapper .main-info .countdown .day::before, body .card-wrapper main .main-wrapper .main-info .countdown .hour::before, body .card-wrapper main .main-wrapper .main-info .countdown .mintue::before {
                  right: -2.3rem; } }
          body .card-wrapper main .main-wrapper .main-info .info-content {
            color: #231F20; }
            body .card-wrapper main .main-wrapper .main-info .info-content p {
              margin-bottom: 2rem; }
    body .card-wrapper footer {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #231F20;
      line-height: 3;
      font-weight: 600;
      padding: 0px 40px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      body .card-wrapper footer img {
        max-width: 25%;
        margin-left: 50px; }
      @media only screen and (max-width: 1440px) {
        body .card-wrapper footer img {
          margin-left: 0; } }
      @media only screen and (max-width: 1080px) and (orientation: landscape) {
        body .card-wrapper footer {
          padding: 50px 40px; } }
      @media only screen and (max-width: 1024px) {
        body .card-wrapper footer {
          padding: 0; }
          body .card-wrapper footer img {
            max-width: 59%; } }
      @media only screen and (orientation: landscape) and (min-width: 1024px) and (max-height: 640px) {
        body .card-wrapper footer {
          padding: 50px 40px; }
          body .card-wrapper footer img {
            margin-left: 0; } }

body.page main {
  -webkit-box-flex: initial;
      -ms-flex-positive: initial;
          flex-grow: initial; }

body.page main .main-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media only screen and (min-width: 1221px) {
    body.page main .main-wrapper {
      padding-bottom: 0; } }

body .card-wrapper main .main-wrapper::after,
body .card-wrapper main .main-wrapper .main-image::after,
body .card-wrapper main .main-wrapper .main-info .countdown::after {
  display: none; }

body {
  color: #231F20; }

.header .header-normal .logo > a {
  width: 171px; }

.header .header-normal .logo img {
  max-width: 171px;
  max-height: initial; }

.footer > div {
  background-color: rgba(0, 0, 0, 0.8) !important; }

.ExamineList .stepBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ExamineList .stepBox > .col,
.ExamineList .stepBox > .col.past {
  color: #231F20;
  border-color: #231F20;
  border-bottom: 2px solid #231F20;
  padding-bottom: 12px;
  font-weight: 500; }

.ExamineList .stepBox > .col.active {
  color: #231F20;
  border-color: #231F20;
  border-bottom: 4px solid #231F20;
  padding-bottom: 10px;
  font-weight: 600; }

.ExamineList .stepBox > .col > span br {
  display: none; }

@media screen and (max-width: 680px) {
  .ExamineList .stepBox > .col {
    font-size: 1.6rem;
    line-height: 24px; }
    .ExamineList .stepBox > .col > span {
      display: inline; }
      .ExamineList .stepBox > .col > span br {
        display: block; }
      .ExamineList .stepBox > .col > span.num {
        margin-bottom: 1rem; } }

.ExamineList .blockquote,
.ExamineList .blockquote h2.paddingB,
.ExamineList .blockquote h3,
.ExamineList label,
.ExamineList .btn-step,
.ExamineList h2,
.ExamineList .header .main-menu > li > a:visited,
.ExamineList .header .main-menu > li.current-menu-item > a:visited,
.ExamineList .forms.formulaire .polymer-form label.placeholder,
.ExamineList .forms.formulaire .polymer-form.dirty label.placeholder,
.ExamineList .forms.formulaire .polymer-form.dirty label.placeholder.active,
.ExamineList .forms.formulaire .alert,
.ExamineList a.forgetPassword:link,
.ExamineList .captcha .fa,
.forms.formulaire p, .forms.formulaire .select-title, .formulaireAnswer,
.ExamineList .polymer-select div.selector span,
.polymer-form input, .polymer-form input.text, textarea.polymer-textarea,
.ExamineList a:link, .file-size, .forms.formulaire .mdi-file-outline,
.ExamineList a.btn-black.btn-line {
  color: #231F20 !important;
  font-weight: 400; }

.ExamineList .formulaireBtn,
.ExamineList a.btn-black.btn-line {
  border-color: #231F20; }

.ExamineList .formulaireBtn a.btn-black.btn-line,
.ExamineList a.btn-black.btn-line {
  background-color: transparent !important; }

.ExamineList .polymer-form .bar {
  background-color: #231F20 !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 0 !important;
  border-bottom: 1px solid #231F20; }
  .ExamineList .polymer-form .bar .bar-in {
    height: 0 !important;
    border-bottom: 1px solid #fa6000; }

.ExamineList .formulaireBtn a.btn-black.btn-line:hover,
.ExamineList a.btn-black.btn-line:hover {
  border: 1px solid #231F20;
  -webkit-box-shadow: 0 0px 4px 1px #231F20;
          box-shadow: 0 0px 4px 1px #231F20; }

.ExamineList .polymer-select div.selector {
  border-bottom: 1px solid #231F20; }

.ExamineList .formulaireContent .alert a[target="_blank"] {
  color: #231F20 !important;
  font-weight: 700; }

.ExamineList .formulaireContent .fileUpload .WorksItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0; }
  .ExamineList .formulaireContent .fileUpload .WorksItem .control {
    position: initial;
    top: initial;
    margin-top: initial;
    right: initial;
    margin-top: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .ExamineList .formulaireContent .fileUpload .WorksItem .control .a.btn-black.btn-line {
      margin-top: 0; }
  .ExamineList .formulaireContent .fileUpload .WorksItem .file-title {
    max-width: 80%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: initial;
    margin-right: initial; }

.header .menu-toggle {
  display: none; }
  @media only screen and (max-width: 980px) {
    .header .menu-toggle {
      display: none; } }

.header .header-normal .logo img {
  margin-bottom: 1.5rem; }
  @media only screen and (max-width: 1179px) {
    .header .header-normal .logo img {
      margin-bottom: unset; } }

.header .row.top {
  border-bottom: none; }

.confirmon-box,
.textNoHidden-box {
  color: #231F20;
  background-color: white;
  -webkit-box-shadow: 0px 1px 10px #231F20;
          box-shadow: 0px 1px 10px #231F20;
  border: 1px solid #231F20;
  z-index: 10001; }

.confirmon-box button, .textNoHidden-box button {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

.confirmon-box button:hover, .textNoHidden-box button:hover {
  border: 1px solid #231F20;
  color: #231F20;
  background-color: white; }

@media only screen and (max-width: 430px) {
  .forms.formulaire {
    width: 90%; } }

.forms.formulaire .forms.formulaire {
  background-color: #fff;
  border: 2px solid #000; }

@media only screen and (max-width: 430px) {
  .formulaireContent > .w-180 {
    width: 100%; } }

@media only screen and (max-width: 430px) {
  .formulaireContent > .w-245 .polymer-form > input, .formulaireContent > .w-245 .polymer-form > .bar {
    max-width: 100%; } }

@media only screen and (max-width: 430px) {
  .ExamineList .formulaireBtn a.btn-black.btn-line, .ExamineList a.btn-black.btn-line {
    margin-top: 1rem; } }

@media only screen and (max-width: 430px) {
  .formulaire .captcha {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; } }

@media only screen and (max-width: 430px) {
  .formulaireBtn > a {
    margin-top: 30px; } }

.inlineColFlexEnd {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important; }
  .inlineColFlexEnd__col {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
    max-width: 320px !important; }
  .inlineColFlexEnd.captcha > .polymer-form.inline {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
    max-width: 320px !important; }

a.forgetPassword {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

a.forgetPassword:hover {
  opacity: .75; }

a.forgetPassword:visited {
  color: #231F20; }

.textNoHidden-box .textNoHidden-button {
  background-color: #231F20 !important; }
  .textNoHidden-box .textNoHidden-button:hover {
    color: #fff !important; }

.sitemap {
  display: none !important; }

.forms.formulaire .alert {
  padding-bottom: 0 !important;
  line-height: 1 !important;
  padding-top: 8px !important; }

.forms.formulaire .alert i {
  line-height: 1 !important;
  margin-top: 0 !important; }