@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+TC:200,300,400,500,600,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
.ctbt {
  width: 100%;
  overflow: hidden; }
  .ctbt-main {
    position: relative;
    overflow: hidden; }
    .ctbt-main__title {
      font-size: 30px;
      color: #2c2a4c;
      position: relative;
      margin: 0 auto 50px;
      font-weight: bold;
      text-align: center;
      width: 224px;
      margin: 0 0 20px 0;
      width: 188px; }
      .ctbt-main__title span {
        position: relative;
        z-index: 3; }
      .ctbt-main__title:before, .ctbt-main__title:after {
        display: block;
        position: absolute;
        content: '';
        z-index: 1; }
      .ctbt-main__title:before {
        width: 4px;
        height: 100%;
        top: 4px;
        left: 18px;
        border-right: 1px solid #2c2a4c;
        border-left: 1px solid #2c2a4c; }
      .ctbt-main__title:after {
        width: 100%;
        height: 1px;
        background-color: #2c2a4c;
        bottom: 4px;
        left: 0%; }
    .ctbt-main_cont {
      padding: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #0d0d0d; }
      .ctbt-main_cont__id {
        position: relative;
        font-size: 18px;
        background-color: #ae835a;
        padding: 2px 10px;
        border-radius: 3px;
        margin-bottom: 20px; }
        .ctbt-main_cont__id span {
          font-size: 14px; }
      .ctbt-main_cont-form {
        position: relative;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        height: calc(80vh - 200px);
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 15px; }
        .ctbt-main_cont-form::-webkit-scrollbar {
          background-color: #ae835a;
          width: 8px; }
        .ctbt-main_cont-form::-webkit-scrollbar-thumb {
          background-color: #893328;
          border-radius: 8px; }
        .ctbt-main_cont-form .ctbtForm {
          margin: 0; }
          .ctbt-main_cont-form .ctbtForm-row {
            position: relative;
            width: 100%;
            color: #893328;
            padding-bottom: 4px;
            margin-bottom: 20px; }
            .ctbt-main_cont-form .ctbtForm-row > input, .ctbt-main_cont-form .ctbtForm-row select {
              outline: none;
              border: 0;
              background: transparent;
              width: calc(100% - 100px);
              float: right;
              border-bottom: 1px solid #893328;
              -webkit-appearance: none;
              -moz-appearance: none;
              -ms-appearance: none;
              -o-appearance: none;
              appearance: none; }
            .ctbt-main_cont-form .ctbtForm-row label {
              width: 90px;
              float: left; }
            .ctbt-main_cont-form .ctbtForm-row select {
              border-radius: 0;
              background: url("../img/arrow-select.png") 100% 50% no-repeat; }
            .ctbt-main_cont-form .ctbtForm-row:after {
              clear: both;
              content: "";
              display: table; }
            .ctbt-main_cont-form .ctbtForm-row .ps {
              font-size: 12px;
              position: absolute;
              bottom: -20px;
              left: 0;
              color: #ECE8E0; }
        .ctbt-main_cont-form .ctbtUpload {
          position: relative;
          padding: 30px 30px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background-color: #ae835a;
          border-radius: 3px; }
          .ctbt-main_cont-form .ctbtUpload-title {
            font-size: 24px;
            color: #893328;
            font-weight: bold;
            width: 124px;
            display: inline-block;
            vertical-align: middle; }
          .ctbt-main_cont-form .ctbtUpload-file {
            display: inline-block;
            width: calc(100%  - 132px);
            position: relative; }
          .ctbt-main_cont-form .ctbtUpload input#upFile {
            border: 2px solid #ddcda6;
            background-color: #ddcda6;
            height: 36px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 90%;
            margin-left: 10%;
            padding: 4px 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none; }
          .ctbt-main_cont-form .ctbtUpload .upload-label {
            width: 120px;
            height: 36px;
            padding: 6px 20px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 2px solid #ddcda6;
            font-size: 14px;
            display: block;
            color: #fff;
            text-align: center;
            background-color: #893328;
            top: 0px;
            position: absolute;
            cursor: pointer; }
          .ctbt-main_cont-form .ctbtUpload-preview {
            position: relative;
            margin-top: 10px;
            border: 1px dashed #ECE8E0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: 0;
            padding-bottom: 65.49%; }
            .ctbt-main_cont-form .ctbtUpload-preview img {
              display: block;
              max-width: 100%;
              width: auto;
              height: auto;
              max-height: 100%;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto; }
            .ctbt-main_cont-form .ctbtUpload-preview p {
              text-align: center;
              color: #ECE8E0;
              position: absolute;
              top: 50%;
              width: 100%;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              line-height: 2; }
          .ctbt-main_cont-form .ctbtUpload:after {
            clear: both;
            content: "";
            display: table; }
          @media all and (min-width: 0\0) {
            .ctbt-main_cont-form .ctbtUpload input#upFile {
              border: 0;
              margin-left: 0;
              margin-right: 10%; }
            .ctbt-main_cont-form .ctbtUpload .upload-label {
              right: 0%;
              border-radius: 0px;
              height: 32px;
              top: 4px;
              padding: 2px 5px; } }
          .ctbt-main_cont-form .ctbtUpload _:-ms-lang(x) input#upFile, .ctbt-main_cont-form .ctbtUpload input#upFile {
            border: 0;
            margin-left: 0;
            margin-right: 10%; }
          .ctbt-main_cont-form .ctbtUpload _:-ms-lang(x) .upload-label, .ctbt-main_cont-form .ctbtUpload .upload-label {
            right: 0%;
            border-radius: 0px;
            height: 32px;
            top: 4px;
            padding: 2px 5px; }
        .ctbt-main_cont-form .ctbtRule {
          position: relative;
          margin-top: 10px; }
          .ctbt-main_cont-form .ctbtRule span {
            width: calc(100% - 22px);
            float: right; }
            .ctbt-main_cont-form .ctbtRule span a {
              color: #893328;
              font-weight: bold;
              margin: 0 2px; }
          .ctbt-main_cont-form .ctbtRule input[type=checkbox] {
            display: none; }
            .ctbt-main_cont-form .ctbtRule input[type=checkbox] + label {
              margin-top: 2px;
              cursor: pointer;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              width: 18px;
              height: 18px;
              border: 2px solid #ae835a;
              display: inline-block;
              -webkit-transition: all .3s ease-in;
              -moz-transition: all .3s ease-in;
              -ms-transition: all .3s ease-in;
              -o-transition: all .3s ease-in;
              transition: all .3s ease-in;
              position: relative; }
              .ctbt-main_cont-form .ctbtRule input[type=checkbox] + label:before, .ctbt-main_cont-form .ctbtRule input[type=checkbox] + label:after {
                display: block;
                content: '';
                position: absolute;
                background-color: #ae835a;
                display: inline-block;
                height: 0;
                width: 0;
                -moz-border-radius: 1px;
                -webkit-border-radius: 1px;
                border-radius: 1px;
                -webkit-transform-origin: left top;
                -ms-transform-origin: left top;
                transform-origin: left top;
                -webkit-transition: opacity ease;
                -o-transition: opacity ease;
                transition: opacity ease; }
              .ctbt-main_cont-form .ctbtRule input[type=checkbox] + label:before {
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                top: 5px;
                left: 3px; }
              .ctbt-main_cont-form .ctbtRule input[type=checkbox] + label:after {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                top: 12px;
                left: 6px; }
            .ctbt-main_cont-form .ctbtRule input[type=checkbox]:checked + label {
              background-color: #893328;
              border: none; }
              .ctbt-main_cont-form .ctbtRule input[type=checkbox]:checked + label:before, .ctbt-main_cont-form .ctbtRule input[type=checkbox]:checked + label:after {
                height: 3px; }
              .ctbt-main_cont-form .ctbtRule input[type=checkbox]:checked + label:before {
                -webkit-animation: tickLeft .2s ease forwards;
                animation: tickLeft .2s ease forwards; }
              .ctbt-main_cont-form .ctbtRule input[type=checkbox]:checked + label:after {
                -webkit-animation: tickRight .3s ease .2s forwards;
                animation: tickRight .3s ease .2s forwards; }

@-webkit-keyframes tickLeft {
  0% {
    width: 0; }
  100% {
    width: 8px; } }

@keyframes tickLeft {
  0% {
    width: 0; }
  100% {
    width: 8px; } }

@-webkit-keyframes tickRight {
  0% {
    width: 0; }
  100% {
    width: 16px; } }

@keyframes tickRight {
  0% {
    width: 0; }
  100% {
    width: 16px; } }
          .ctbt-main_cont-form .ctbtRule:after {
            clear: both;
            content: "";
            display: table; }
        .ctbt-main_cont-form .ctbtSubmit {
          width: 100%;
          max-width: 480px;
          position: relative;
          margin: 20px auto; }
          .ctbt-main_cont-form .ctbtSubmit input[type="button"] {
            width: 100%;
            font-size: 24px;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            background: #893328; }
        .ctbt-main_cont-form .ps {
          text-align: center; }
  @media only screen and (max-width: 768px) {
    .ctbt-main_cont {
      padding: 0; }
      .ctbt-main_cont-form .ctbtForm-row {
        padding-bottom: 6px; }
        .ctbt-main_cont-form .ctbtForm-row > input, .ctbt-main_cont-form .ctbtForm-row select {
          background-color: #ddcda6;
          padding: 5px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
      .ctbt-main_cont-form .ctbtUpload {
        padding: 20px; }
        .ctbt-main_cont-form .ctbtUpload input#upFile {
          display: none; }
        .ctbt-main_cont-form .ctbtUpload-file {
          width: calc(100% - 148px); }
        .ctbt-main_cont-form .ctbtUpload-title {
          vertical-align: middle;
          width: 140px; }
        .ctbt-main_cont-form .ctbtUpload .upload-label {
          border-radius: 40px;
          vertical-align: top;
          top: -20px;
          width: 100%;
          font-size: 18px;
          padding: 4px; } }
  @media only screen and (max-width: 414px) {
    .ctbt-main_cont {
      padding: 0; }
      .ctbt-main_cont-form {
        padding-right: 10px; }
        .ctbt-main_cont-form .ctbtForm-row {
          padding-bottom: 6px; }
          .ctbt-main_cont-form .ctbtForm-row > input, .ctbt-main_cont-form .ctbtForm-row select {
            background-color: #ddcda6;
            padding: 5px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
        .ctbt-main_cont-form .ctbtUpload {
          padding: 10px; }
          .ctbt-main_cont-form .ctbtUpload input#upFile {
            display: none; }
          .ctbt-main_cont-form .ctbtUpload-file {
            width: 100%; }
          .ctbt-main_cont-form .ctbtUpload-title {
            display: block;
            width: 100%;
            text-align: center; }
            .ctbt-main_cont-form .ctbtUpload-title i {
              display: none; }
          .ctbt-main_cont-form .ctbtUpload-preview {
            margin-top: 50px; }
            .ctbt-main_cont-form .ctbtUpload-preview p {
              font-size: 13px;
              margin: 0; }
          .ctbt-main_cont-form .ctbtUpload .upload-label {
            top: 0px;
            width: 100%; }
        .ctbt-main_cont-form .ctbtSubmit input[type="button"] {
          font-size: 18px; } }

.swal2-modal button.styled {
  border: 0;
  outline: none; }

.swal2-overlay {
  background-color: rgba(0, 0, 0, 0.7); }