.line {
		  width: 90%;
		  margin-left: 5%;
		  margin-right: 5%;
		  border-top: 0.5px solid #aaaa;
		  margin-top: 10px;
		}

		.top-container {
		  width: 80%;
		  margin-left: 10%;
		  margin-right: 10%;
		  margin-top: 25px;
		}

		.top-container .title {
		  width: 100%;
		  border-bottom: 0.5px solid #444444;
		  padding-bottom: 20px;
		  margin-bottom: 20px;

		}

		.top-container .title h3 {
		  width: 100%;
		  margin-bottom: 15px;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-weight: 400;
		  font-size: 1.2rem;
		  letter-spacing: 2px;
		  text-align: center;
		}

		.top-container .title h4 {
		  width: 90%;
		  margin-right: 5%;
		  margin-left: 5%;
		  margin-bottom: 5px;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-weight: 300;
		  font-size: 0.9rem;
		  letter-spacing: 2px;
		  line-height: 1.5;
		  text-align: center;
		}

		.top-container .title p {
		  width: 90%;
		  margin-right: 5%;
		  margin-left: 5%;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-weight: 400;
		  font-size: 0.7rem;
		  letter-spacing: 2px;
		  line-height: 1.5;
		  text-align: center;
		}

		.top-container .title p:before {
		  content: '*';
		  color: red;
		}

		.top-container .name,
		.top-container .phone,
		.top-container .email,
		.top-container .size,
		.top-container .form,
		.top-container .screw-pic,
		.top-container .screw-drawing,
		.top-container .quantity,
		.top-container .content-time,
		.top-container .remarks,
		.top-container .loginbox {
		  width: 100%;
		  margin-bottom: 30px;
		}

		.top-container .name h3,
		.top-container .phone h3,
		.top-container .email h3,
		.top-container .size h3,
		.top-container .form h3,
		.top-container .screw-pic h3,
		.top-container .screw-drawing h3,
		.top-container .quantity h3,
		.top-container .budget h3,
		.top-container .content-time h3,
		.top-container .remarks h3 {
		  font-family: 'Noto Sans TC', sans-serif;
		  font-weight: 400;
		  font-size: 1rem;
		  letter-spacing: 2px;
		  color: #444444;
		  margin-bottom: 15px;
		}

		.top-container .name h3:after,
		.top-container .phone h3:after,
		.top-container .email h3:after {
		  content: '*';
		  color: red;
		}

		.top-container .name .name-info {
		  display: flex;
		}

		.top-container .name .name-info .checked {
		  display: flex;
		  width: 100%;
		}

		.top-container .name input[type="text"] {
		  width: 135px;
		  background: none;
		  border: 0.5px solid #444444;
		  padding: 5px 10px;
		  border-radius: 10px;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-size: 0.8rem;
		  letter-spacing: 1.5px;
		  outline: none;
		}

		.top-container .phone input[type="text"],
		.top-container .email input[type="text"],
		.top-container .size input[type="text"],
		.top-container .budget input[type="text"] {
		  width: 90%;
		  margin-right: 10%;
		  background: none;
		  border: 0.5px solid #444444;
		  padding: 5px 10px;
		  border-radius: 10px;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-size: 0.8rem;
		  letter-spacing: 1.5px;
		  outline: none;
		}

		.top-container .name ::-webkit-input-placeholder,
		.top-container .phone ::-webkit-input-placeholder,
		.top-container .email ::-webkit-input-placeholder,
		.top-container .size ::-webkit-input-placeholder {
		  font-family: 'Noto Sans TC', sans-serif;
		  color: #aaaa;
		  font-size: 0.8rem;
		  letter-spacing: 1.5px;
		  line-height: 2;
		  font-weight: 300;
		  text-align: left;
		}

		.top-container .name input[type="radio"] {
		  display: none;

		}

		.top-container .name input[type="radio"]+label span {
		  border: 0.5px solid #444444;
		  padding: 5px 5px;
		  display: inline-block;
		  /*background: #aaaa;*/
		  margin: auto;
		  transition: .5s;
		}

		.top-container .name input[type="radio"]:checked+label span {
		  border: 0.5px solid #444444;
		  padding: 5px 5px;
		  display: inline-block;
		  background: #444444;
		}

		.top-container .name label {
		  display: flex;
		  margin-left: 15px;
		  margin-bottom: 0;
		  width: 50px;
		}

		.top-container .name span {
		  margin: auto;
		  margin-right: 5px;
		}

		.top-container .name p {
		  font-family: 'Noto Sans TC', sans-serif;
		  font-size: 0.9rem;
		  font-weight: 300;
		  letter-spacing: 1.5px;
		  line-height: 2;
		  text-align: left;
		  /*margin-top: 20px;*/
		  color: #444444;
		  margin-top: auto;
		  margin-bottom: auto;
		  /*margin-left: 10px;*/
		  padding-left: 3px;
		}

		.form-info {
		  /*position: relative;*/
		  display: flex;
		  flex-wrap: wrap;
		}

		.form-info .modal-5,.form-info .modal-6 {
		  margin-top: 10px;
		}


		.form-info .modal-1 a,
		.form-info .modal-2 a,
		.form-info .modal-3 a,
		.form-info .modal-4 a,
		.form-info .modal-5 a,
		.form-info .modal-6 a {
		  text-decoration: none;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-size: 1rem;
		  color: #444444;
		  font-weight: 300;
		  margin-right: 20px;
		}

		.form-info .modal-1 .black_overlay,
		.form-info .modal-2 .black_overlay,
		.form-info .modal-3 .black_overlay,
		.form-info .modal-4 .black_overlay,
		.form-info .modal-5 .black_overlay,
		.form-info .modal-6 .black_overlay {
		  display: none;
		  position: fixed;
		  top: 0%;
		  left: 0%;
		  width: 100%;
		  height: 100%;
		  background: #000;
		  z-index: 1001;
		  -moz-opacity: 0.8;
		  opacity: .80;
		  filter: alpha(opacity=88);
		}

		.form-info .white_content {
		  display: none;
		  position: absolute;
		  width: 80%;
		  padding: 20px;
		  background-color: white;
		  z-index: 1002;
		  overflow: auto;
		  left: 50%;
		  top: 50%;
		}

		.form-info .modal-1 .white_content {
		  transform: translate(-6%, -100%);
		  transform: translate(-50%, -50%);
		}

		.form-info .modal-2 .white_content {
		  transform: translate(-23%, -100%);
		  transform: translate(-50%, -50%);
		}

		.form-info .modal-3 .white_content {
		  transform: translate(-40%, -100%);
		  transform: translate(-50%, -50%);
		}

		.form-info .modal-4 .white_content {
		  transform: translate(-59%, -100%);
		  transform: translate(-50%, -50%);
		}

		.form-info .modal-5 .white_content {
		  transform: translate(-77%, -100%);
		  transform: translate(-50%, -50%);
		}

		.form-info .modal-6 .white_content {
		  transform: translate(-6%, -100%);
		  transform: translate(-50%, -50%);
		}


		.form-info .modal-1 .white_content .fas,
		.form-info .modal-2 .white_content .fas,
		.form-info .modal-3 .white_content .fas,
		.form-info .modal-4 .white_content .fas,
		.form-info .modal-5 .white_content .fas,
		.form-info .modal-6 .white_content .fas {
		  width: 100%;
		  text-decoration: none;
		  color: #444444;
		  text-align: right;
		  font-size: 1rem;
		  border-bottom: 0.5px solid #444444;
		  padding-bottom: 15px;
		  margin-bottom: 10px;
		}

		.form-info .modal-1 .white_content img,
		.form-info .modal-2 .white_content img,
		.form-info .modal-3 .white_content img,
		.form-info .modal-4 .white_content img,
		.form-info .modal-5 .white_content img,
		.form-info .modal-6 .white_content img {
		  width: 100%;
		}

		.form-info .modal-1 .white_content span,
		.form-info .modal-2 .white_content span,
		.form-info .modal-3 .white_content span,
		.form-info .modal-4 .white_content span,
		.form-info .modal-5 .white_content span,
		.form-info .modal-6 .white_content span {
		  width: 100%;
		}

		.form-info .modal-1 .white_content span p,
		.form-info .modal-2 .white_content span p,
		.form-info .modal-3 .white_content span p,
		.form-info .modal-4 .white_content span p,
		.form-info .modal-5 .white_content span p,
		.form-info .modal-6 .white_content span p {
		  font-family: 'Noto Sans TC', sans-serif;
		  text-align: center;
		  font-size: 1rem;
		  color: #444444;
		  border-top: 0.5px solid #444444;
		  padding-top: 15px;
		  margin-top: 10px;
		}

		.top-container .screw-pic .screw-pic-file,
		.top-container .screw-drawing .screw-drawing-file {
		  margin-bottom: 40px;
		}

		.top-container .screw-pic input[type="file"],
		.top-container .screw-drawing input[type="file"] {
		  width: 100%;
		  display: none;
		}

		.top-container .screw-pic h3,
		.top-container .screw-drawing h3 {
		  margin-bottom: 20px;
		}

		.top-container .screw-pic label,
		.top-container .screw-drawing label {
		  width: 30%;
		  justify-content: flex-start;
		  ;
		}

		.top-container .screw-pic .upload-css,
		.top-container .screw-drawing .upload-css {
		  margin-top: 10%;
		}

		.top-container .screw-pic label span,
		.top-container .screw-drawing label span {
		  width: 30%;
		  background: #aaaa;
		  border: none;
		  outline: none;
		  padding: 8px 10px;
		  color: #444444;
		  border-radius: 10px;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-weight: 400;
		  font-size: 0.7rem;
		  letter-spacing: 2px;
		}

		.top-container .m-screw-pic p {
		  width: 100%;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-size: 0.6rem;
		  color: #444444;
		  font-weight: 300;
		  margin-top: -15px;
		  text-align: left;
		  line-height: 1.5;
		  letter-spacing: 1.5px;
		  margin-left: 15em;
		  width: max-content;
		}

		.top-container .w-screw-pic p {
		  display: none;
		}

		.top-container .m-screw-drawing p {
		  width: 100%;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-size: 0.6rem;
		  color: #444444;
		  font-weight: 300;
		  margin-top: -20px;
		  text-align: left;
		  line-height: 1.5;
		  letter-spacing: 1.5px;
		  margin-left: 15em;
		  width: max-content;
		}

		.top-container .w-screw-drawing p {
		  display: none;
		}



		.top-container .quantity input[type="text"] {
		  width: 40%;
		  margin-right: 10%;
		  background: none;
		  border: 0.5px solid #444444;
		  padding: 5px 10px;
		  border-radius: 10px;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-size: 0.8rem;
		  letter-spacing: 1.5px;
		  outline: none;
		}

		.top-container .quantity h4 {
		  width: 100%;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-size: 0.6rem;
		  color: #444444;
		  font-weight: 400;
		  letter-spacing: 2px;
		  text-align: right;
		  margin-top: -20px;
		  margin-left: -15px;
		}

		.top-container .budget {
		  width: 100%;
		  margin-top: 40px;
		}

		.top-container .budget input[type="text"] {
		  margin-bottom: 40px;
		}

		.top-container .content-time .content-time-checked {
		  display: flex;
		  flex-wrap: wrap;
		  margin-top: 10px;
		}

		.top-container .content-time-checked input[type="checkbox"] {
		  display: none;

		}

		.top-container .content-time-checked input[type="checkbox"]+label span {
		  border: 0.5px solid #444444;
		  padding: 5px 5px;
		  display: inline-block;
		  /*background: #aaaa;*/
		  margin: 0 8px 0 0;
		  transition: .5s;
		}

		.top-container .content-time-checked input[type="checkbox"]:checked+label span {
		  border: 0.5px solid #444444;
		  display: inline-block;
		  background: #444444;
		}

		.top-container .content-time-checked label {
		  display: flex;
		  margin-bottom: 15px;
		  width: 150px;
		  margin-right: 10px;
		}


		.top-container .content-time-checked p {
		  font-family: 'Noto Sans TC', sans-serif;
		  font-size: 0.9rem;
		  font-weight: 300;
		  letter-spacing: 1.5px;
		  text-align: left;
		  /*margin-top: 20px;*/
		  color: #444444;
		  margin-top: auto;
		  margin-bottom: auto;
		}

		.top-container .remarks textarea {
		  width: 90%;
		  border: 0.5px solid #444444;
		  outline: none;
		  border-radius: 10px;
		  padding: 10px 10px 40px 10px;
		  color: #444444;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-size: 0.9rem;
		  letter-spacing: 2px;
		  font-weight: 300;
		  margin-bottom: 20px;
		}

		.top-container .loginbox {
		  width: 100%;
		  display: flex;
		  margin-bottom: 40px;
		}

		.top-container .loginbox .txtRight {
		  width: 25%;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-size: 1rem;
		  font-weight: 400;
		  letter-spacing: 1.5px;
		  line-height: 2;
		  text-align: left;
		  margin-top: 20px;
		  margin-right: 10px;
		  color: #444444;
		  word-spacing: 0;
		}

		.top-container .loginbox .txtRight:after {
		  content: '*';
		  color: red;
		}

		.top-container .loginbox .txtCenter {
		  width: 50%;
		}

		.top-container .loginbox .txtCenter input[type="text1"] {
		  width: 65%;
		  margin-left: 8px;
		  outline: none;
		  padding: 5px 12px;
		  border-radius: 10px;
		  border: 0.5px solid #444444;
		  color: #444444;
		  font-family: 'Noto Sans TC', sans-serif;
		  font-size: 0.9rem;
		  font-weight: 300;
		  letter-spacing: 1.5px;
		}

		.top-container .loginbox .txtCenter input[type="text1"]:focus {
		  border: 0.5px solid #444444;
		}

		.top-container .loginbox .textLeft {
		  width: 10%;
		}

		.top-container .loginbox .txtLeft input[type="button"] {
		  background: #aaaa;
		  outline: none;
		  border: none;
		  padding: 5px 12px;
		  color: #444444;
		  font-family: 'Noto Sans TC', sans-serif;
		  letter-spacing: 3px;
		  border-radius: 10px;
		}


		input[type="submit"] {
		  width: 100%;
		  outline: none;
		  border: none;
		  background: #aaaa;
		  color: #444444;
		  font-family: 'Noto Sans TC', sans-serif;
		  letter-spacing: 3px;
		  font-size: 1rem;
		  font-weight: 400;
		  padding: 10px 0;
		  border-radius: 8px;
		  margin-bottom: 30px;
		}


		.main-footer {
		  width: 100%;
		  background: #444444;
		  text-align: center;
		  color: #fff;
		  padding: 10px 0 20px 0;
		  margin-top: 10px;
		  font-family: 'Noto Sans TC', sans-serif;
		}


		.main-footer .footer-item a {
		  text-decoration: none;
		  color: #fff;
		  font-size: 14px;
		  font-weight: 400;
		  letter-spacing: 3px;
		  line-height: 2;
		  margin: 0 10px;

		}

		.main-footer .footer {
		  font-size: 6px;
		  font-weight: 300;
		  margin-top: 5px;
		  letter-spacing: 1px;
		}



		@media screen and (min-width: 768px) {

		  .line {
		    width: 98%;
		    margin-left: 1%;
		    margin-right: 1%;
		    border-top: 0.5px solid #aaaa;
		    margin-top: 10px;
		  }

		  .top-container {
		    width: 60%;
		    margin-left: 20%;
		    margin-right: 20%;
		    margin-top: 40px;
		  }

		  .top-container .title {
		    width: 100%;
		    border-bottom: 0.5px solid #444444;
		    padding-bottom: 20px;
		    margin-bottom: 20px;

		  }

		  .top-container .title h3 {
		    width: 100%;
		    margin-bottom: 15px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-weight: 400;
		    font-size: 1.6rem;
		    letter-spacing: 2px;
		    text-align: center;
		  }

		  .top-container .title h4 {
		    width: 90%;
		    margin-right: 5%;
		    margin-left: 5%;
		    margin-bottom: 5px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-weight: 300;
		    font-size: 1.2rem;
		    letter-spacing: 2px;
		    line-height: 2;
		    text-align: center;
		  }

		  .top-container .title p {
		    width: 90%;
		    margin-right: 5%;
		    margin-left: 5%;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-weight: 400;
		    font-size: 1rem;
		    letter-spacing: 2px;
		    line-height: 2;
		    text-align: center;
		  }

		  .top-container .title p:before {
		    content: '*';
		    color: red;
		  }

		  .top-container .name {
		    width: 100%;
		    margin-top: 40px;
		    margin-bottom: 30px;
		    display: flex;
		  }


		  .top-container .phone,
		  .top-container .email,
		  .top-container .size,
		  .top-container .form,
		  .top-container .budget {
		    width: 100%;
		    display: flex;
		    margin-top: 40px;
		  }

		  .top-container .screw-pic,
		  .top-container .screw-drawing {
		    width: 100%;
		    display: flex;
		    margin-top: 50px;
		    position: relative;
		  }

		  .top-container .quantity {
		    width: 100%;
		    display: flex;
		    margin-top: 70px;
		  }


		  .top-container .content-time,
		  .top-container .loginbox {
		    width: 100%;
		    margin-bottom: 30px;
		    margin-top: 40px;
		    display: flex;
		  }

		  .top-container .remarks {
		    width: 100%;
		    margin-top: 60px;
		    display: flex;
		  }

		  .top-container .name h3 {
		    width: 120px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-weight: 400;
		    font-size: 1.2rem;
		    letter-spacing: 2px;
		    color: #444444;
		    margin-bottom: 15px;
		    margin-top: 10px;
		    word-spacing: 2.4rem;
		    margin-right: 20px;
		  }

		  .top-container .budget h3 {
		    width: 120px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-weight: 400;
		    font-size: 1.2rem;
		    letter-spacing: 2px;
		    color: #444444;
		    margin-bottom: 15px;
		    margin-top: 10px;
		    word-spacing: 3.6rem;
		    margin-right: 20px;
		  }


		  .top-container .remarks h3 {
		    width: 140px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-weight: 400;
		    font-size: 1.2rem;
		    letter-spacing: 2px;
		    color: #444444;
		    margin-bottom: 15px;
		    margin-top: 30px;
		    word-spacing: 4.8rem;
		  }

		  .top-container .phone h3,
		  .top-container .email h3,
		  .top-container .size h3,
		  .top-container .form h3 {
		    width: 120px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-weight: 400;
		    font-size: 1.2rem;
		    letter-spacing: 2px;
		    color: #444444;
		    margin-bottom: 15px;
		    margin-top: 10px;
		    margin-right: 20px;
		  }

		  .top-container .screw-pic h3 {
		    width: 230px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-weight: 400;
		    font-size: 1.2rem;
		    letter-spacing: 2px;
		    color: #444444;
		    margin-bottom: 15px;
		    margin-top: 0;
		    margin-right: 0px;
		  }

		  .top-container .screw-drawing h3 {
		    width: 190px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-weight: 400;
		    font-size: 1.2rem;
		    letter-spacing: 2px;
		    color: #444444;
		    margin-bottom: 15px;
		    margin-top: 0;
		    margin-right: 30px;
		  }

		  .top-container .quantity h3 {
		    width: 230px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-weight: 400;
		    font-size: 1.2rem;
		    letter-spacing: 2px;
		    color: #444444;
		    margin-bottom: 15px;
		    margin-top: 10px;
		    margin-right: 0px;
		  }

		  .top-container .content-time h3 {
		    width: 205px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-weight: 400;
		    font-size: 1.2rem;
		    letter-spacing: 2px;
		    color: #444444;
		    margin-bottom: 15px;
		    margin-top: 10px;
		    margin-right: 20px;
		  }

		  .top-container .name h3:after,
		  .top-container .phone h3:after,
		  .top-container .email h3:after {
		    content: '*';
		    color: red;
		  }

		  .top-container .name .name-info {
		    display: flex;
		  }

		  .top-container .name .name-info .checked {
		    display: flex;
		    width: 100%;
		  }

		  .top-container .name input[type="text"] {
		    width: 100%;
		    background: none;
		    border: 0.5px solid #444444;
		    padding: 5px 10px;
		    border-radius: 10px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-size: 0.8rem;
		    letter-spacing: 1.5px;
		    outline: none;
		    /*margin-left: 30px;  */
		  }

		  .top-container .phone input[type="text"],
		  .top-container .email input[type="text"],
		  .top-container .size input[type="text"],
		  .top-container .budget input[type="text"] {
		    width: 80%;
		    background: none;
		    border: 0.5px solid #444444;
		    padding: 10px 10px;
		    border-radius: 10px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-size: 0.8rem;
		    letter-spacing: 1.5px;
		    outline: none;
		  }

		  .top-container .name ::-webkit-input-placeholder,
		  .top-container .phone ::-webkit-input-placeholder,
		  .top-container .email ::-webkit-input-placeholder,
		  .top-container .size ::-webkit-input-placeholder,
		  .top-container .quantity ::-webkit-input-placeholder,
		  .top-container .budget ::-webkit-input-placeholder {
		    font-family: 'Noto Sans TC', sans-serif;
		    color: #aaaa;
		    font-size: 0.8rem;
		    letter-spacing: 1.5px;
		    line-height: 2;
		    font-weight: 300;
		    text-align: left;
		  }

		  .top-container .name .checked {
		    width: 100%;
		    margin-left: 10px;
		  }

		  .top-container .name input[type="radio"] {
		    display: none;

		  }

		  .top-container .name input[type="radio"]+label span {
		    border: 0.5px solid #444444;
		    padding: 10px 10px;
		    display: inline-block;
		    /*background: #aaaa;*/
		    margin: 12px 10px 12px 10px;
		    transition: .5s;
		  }

		  .top-container .name input[type="radio"]:checked+label span {
		    border: 0.5px solid #444444;
		    padding: 10px 10px;
		    display: inline-block;
		    /*background: #aaaa;*/
		    margin: 12px 10px 12px 10px;
		    background: #444444;
		  }

		  .top-container .name label {
		    display: flex;
		    margin-right: 0;
		    margin-bottom: 0;
		    width: 88px;
		  }


		  .top-container .name p {
		    font-family: 'Noto Sans TC', sans-serif;
		    font-size: 1.2rem;
		    font-weight: 300;
		    letter-spacing: 1.5px;
		    text-align: left;
		    /*margin-top: 20px;*/
		    color: #444444;
		    margin-top: auto;
		    margin-bottom: auto;
		    /*margin-left: 10px;*/
		    padding-left: 3px;
		  }

		  .form-info {
		    /*position: relative;*/
		    display: flex;
		    flex-wrap: wrap;
		    margin-left: 20px;
		    margin-top: 10px;
		  }

		  .form-info .modal-5,.form-info .modal-6 {
		    margin-top: 0;
		  }

		  .form-info .modal-1 a,
		  .form-info .modal-2 a,
		  .form-info .modal-3 a,
		  .form-info .modal-4 a,
		  .form-info .modal-5 a,
		  .form-info .modal-6 a {
		    /*width: 100%;  */
		    text-decoration: none;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-size: 1.2rem;
		    color: #444444;
		    font-weight: 300;
		    margin-right: 20px;
		    transition: 0.5s;
		    position: relative;
		    padding-bottom: 10px;
		  }

		  .form-info .modal-1 a:after,
		  .form-info .modal-2 a:after,
		  .form-info .modal-3 a:after,
		  .form-info .modal-4 a:after,
		  .form-info .modal-5 a:after,
		  .form-info .modal-6 a:after {
		    content: '';
		    position: absolute;
		    left: 50%;
		    right: 50%;
		    bottom: 5px;
		    border-bottom: 1.5px solid #666666;
		    transition: .3s
		  }

		  .form-info .modal-1 a:hover:after,
		  .form-info .modal-2 a:hover:after,
		  .form-info .modal-3 a:hover:after,
		  .form-info .modal-4 a:hover:after,
		  .form-info .modal-5 a:hover:after,
		  .form-info .modal-6 a:hover:after {
		    left: 1%;
		    right: 1%;
		  }

		  .form-info .modal-1 .black_overlay,
		  .form-info .modal-2 .black_overlay,
		  .form-info .modal-3 .black_overlay,
		  .form-info .modal-4 .black_overlay,
		  .form-info .modal-5 .black_overlay,
		  .form-info .modal-6 .black_overlay {
		    display: none;
		    position: fixed;
		    top: 0%;
		    left: 0%;
		    width: 100%;
		    height: 100%;
		    background: #000;
		    z-index: 1001;
		    -moz-opacity: 0.8;
		    opacity: .80;
		    filter: alpha(opacity=88);
		  }

		  .form-info .modal-1 .white_content,
		  .form-info .modal-2 .white_content,
		  .form-info .modal-3 .white_content,
		  .form-info .modal-4 .white_content,
		  .form-info .modal-5 .white_content,
		  .form-info .modal-6 .white_content {
		    display: none;
		    position: absolute;
		    width: 40%;
		    padding: 20px;
		    background-color: white;
		    z-index: 1002;
		    overflow: auto;
		    /*margin-top: 20%;*/
		    left: 50%;
		  }

		  .form-info .modal-1 .white_content {
		    transform: translate(0, -100%);
		    transform: translate(-50%, -45%);
		  }

		  .form-info .modal-2 .white_content {
		    transform: translate(-0, -100%);
		    transform: translate(-50%, -45%);
		  }

		  .form-info .modal-3 .white_content {
		    transform: translate(-0, -100%);
		    transform: translate(-50%, -45%);
		  }

		  .form-info .modal-4 .white_content {
		    transform: translate(-0, -100%);
		    transform: translate(-50%, -45%);
		  }

		  .form-info .modal-5 .white_content {
		    transform: translate(-0, -100%);
		    transform: translate(-50%, -45%);
		  }

		  .form-info .modal-6 .white_content {
		    transform: translate(0, -100%);
		    transform: translate(-50%, -45%);
		  }


		  .form-info .modal-1 .white_content .fas,
		  .form-info .modal-2 .white_content .fas,
		  .form-info .modal-3 .white_content .fas,
		  .form-info .modal-4 .white_content .fas,
		  .form-info .modal-5 .white_content .fas,
		  .form-info .modal-6 .white_content .fas {
		    width: 100%;
		    text-decoration: none;
		    color: #444444;
		    text-align: right;
		    font-size: 1.3rem;
		    border-bottom: 0.5px solid #444444;
		    padding-bottom: 15px;
		    margin-bottom: 10px;
		    margin-right: 10px;
		  }

		  .form-info .modal-1 .white_content img,
		  .form-info .modal-2 .white_content img,
		  .form-info .modal-3 .white_content img,
		  .form-info .modal-4 .white_content img,
		  .form-info .modal-5 .white_content img,
		  .form-info .modal-6 .white_content img {
		    width: 100%;
		  }

		  .form-info .modal-1 .white_content span,
		  .form-info .modal-2 .white_content span,
		  .form-info .modal-3 .white_content span,
		  .form-info .modal-4 .white_content span,
		  .form-info .modal-5 .white_content span,
		  .form-info .modal-6 .white_content span {
		    width: 100%;
		  }

		  .form-info .modal-1 .white_content span p,
		  .form-info .modal-2 .white_content span p,
		  .form-info .modal-3 .white_content span p,
		  .form-info .modal-4 .white_content span p,
		  .form-info .modal-5 .white_content span p,
		  .form-info .modal-6 .white_content span p {
		    font-family: 'Noto Sans TC', sans-serif;
		    text-align: center;
		    font-size: 1.4rem;
		    color: #444444;
		    border-top: 0.5px solid #444444;
		    padding-top: 15px;
		    margin-top: 10px;
		  }

		  .top-container .screw-pic .screw-pic-file,
		  .top-container .screw-drawing .screw-drawing-file {
		    margin-bottom: 0;
		    width: 100%;
		    /*display: flex;*/
		  }

		  .top-container .screw-pic input[type="file"],
		  .top-container .screw-drawing input[type="file"] {
		    width: 100%;
		    display: none;
		  }

		  .top-container .screw-pic h3,
		  .top-container .screw-drawing h3 {
		    margin-bottom: 0;
		  }

		  .top-container .screw-pic label,
		  .top-container .screw-drawing label {
		    width: 30%;
		    justify-content: flex-start;
		    ;
		  }

		  .top-container .screw-pic label span,
		  .top-container .screw-drawing label span {
		    width: 100px;
		    background: #aaaa;
		    border: none;
		    outline: none;
		    padding: 8px 10px;
		    color: #444444;
		    border-radius: 10px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-weight: 400;
		    font-size: 1rem;
		    letter-spacing: 2px;
		    margin-left: 10px;
		  }

		  .top-container .screw-pic .upload-css,
		  .top-container .screw-drawing .upload-css {
		    display: contents;
		  }

		  .top-container .screw-pic-file .m-screw-pic {
		    display: none;
		  }

		  .top-container .screw-drawing-file .m-screw-drawing {
		    display: none;
		  }


		  .top-container .screw-drawing-file .w-screw-drawing p {
		    width: 600px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-size: 0.9rem;
		    color: #444444;
		    font-weight: 300;
		    margin-top: 0;
		    text-align: left;
		    line-height: 1.5;
		    letter-spacing: 1.5px;
		    margin-left: -90px;
		    display: block;
		    position: absolute;
		    transform: translate(50%, -90%);
		    width: max-content;
		    margin-left: 300px;
		  }

		  .top-container .screw-pic-file .w-screw-pic p {
		    width: 600px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-size: 0.9rem;
		    color: #444444;
		    font-weight: 300;
		    margin-top: 0;
		    text-align: left;
		    line-height: 1.5;
		    letter-spacing: 1.5px;
		    display: block;
		    transform: translate(45%, -85%);
		    width: max-content;
		    margin-left: 360px;
		  }


		  .top-container .quantity input[type="text"] {
		    width: 40%;
		    margin-right: 0%;
		    background: none;
		    border: 0.5px solid #444444;
		    padding: 12px 10px;
		    border-radius: 10px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-size: 0.8rem;
		    letter-spacing: 1.5px;
		    outline: none;
		  }

		  .top-container .quantity h4 {
		    width: 100%;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-size: 0.9rem;
		    color: #444444;
		    font-weight: 300;
		    letter-spacing: 2px;
		    text-align: left;
		    margin-top: 15px;
		    margin-left: 20px;
		  }

		  .top-container .budget {
		    width: 100%;
		    margin-top: 70px;
		  }

		  .top-container .budget input[type="text"] {
		    margin-bottom: 40px;
		  }

		  .top-container .content-time .content-time-checked {
		    display: flex;
		    flex-wrap: wrap;
		    margin-top: 10px;
		    /*transform: translateX(-3%); */
		    position: absolute;
		    margin-left: 10em;
		  }

		  .top-container .content-time-checked input[type="checkbox"] {
		    display: none;

		  }

		  .top-container .content-time-checked input[type="checkbox"]+label span {
		    border: 0.5px solid #444444;
		    padding: 8px 8px;
		    display: inline-block;
		    /*background: #aaaa;*/
		    margin: 0 10px 0 0;
		    transition: .5s;
		  }

		  .top-container .content-time-checked input[type="checkbox"]:checked+label span {
		    border: 0.5px solid #444444;
		    display: inline-block;
		    background: #444444;
		  }

		  .top-container .content-time-checked label {
		    display: flex;
		    margin-bottom: 30px;
		    width: 200px;
		    margin-right: 5px;
		  }


		  .top-container .content-time-checked p {
		    font-family: 'Noto Sans TC', sans-serif;
		    font-size: 1.1em;
		    font-weight: 300;
		    letter-spacing: 1.5px;
		    text-align: left;
		    /*margin-top: 20px;*/
		    color: #444444;
		    margin-top: auto;
		    margin-bottom: auto;
		  }

		  .top-container .remarks textarea {
		    width: 80%;
		    border: 0.5px solid #444444;
		    outline: none;
		    border-radius: 10px;
		    padding: 10px 10px 40px 10px;
		    color: #444444;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-size: 0.9rem;
		    letter-spacing: 2px;
		    font-weight: 300;
		    margin-bottom: 20px;
		    margin-left: 10px;
		  }

		  .top-container .loginbox {
		    width: 100%;
		    display: flex;
		    margin-bottom: 80px;
		  }

		  .top-container .loginbox .txtRight {
		    width: 140px;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-size: 1.2rem;
		    font-weight: 400;
		    letter-spacing: 1.5px;
		    line-height: 2;
		    text-align: left;
		    margin-top: 20px;
		    margin-right: 10px;
		    word-spacing: 1.2rem;
		    color: #444444;
		  }

		  .top-container .loginbox .txtRight:after {
		    content: '*';
		    color: red;
		  }

		  .top-container .loginbox .txtCenter {
		    width: 50%;
		  }

		  .top-container .loginbox .txtCenter input[type="text1"] {
		    width: 70%;
		    margin-left: 8px;
		    outline: none;
		    padding: 10px 18px;
		    border-radius: 10px;
		    border: 0.5px solid #444444;
		    color: #444444;
		    font-family: 'Noto Sans TC', sans-serif;
		    font-size: 0.9rem;
		    font-weight: 300;
		    letter-spacing: 1.5px;
		  }

		  .top-container .loginbox .txtCenter input[type="text1"]:focus {
		    border: 0.5px solid #444444;
		  }

		  .top-container .loginbox .textLeft {
		    width: 10%;
		  }

		  .top-container .loginbox .txtLeft input[type="button"] {
		    background: #aaaa;
		    outline: none;
		    border: none;
		    padding: 10px 18px;
		    color: #444444;
		    font-family: 'Noto Sans TC', sans-serif;
		    letter-spacing: 3px;
		    border-radius: 10px;
		  }


		  input[type="submit"] {
		    width: 100%;
		    outline: none;
		    border: none;
		    background: #aaaa;
		    color: #444444;
		    font-family: 'Noto Sans TC', sans-serif;
		    letter-spacing: 3px;
		    font-size: 1.2rem;
		    font-weight: 400;
		    padding: 10px 0;
		    border-radius: 8px;
		    margin-bottom: 30px;
		    transition: .25s;
		  }

		  input[type="submit"]:hover {
		    background: #444444;
		    color: #fff;
		  }







		  .main-footer {
		    background: #444444;
		    text-align: center;
		    color: #fff;
		    padding: 20px 0;
		    margin-top: 60px;
		    font-family: 'Noto Sans TC', sans-serif;
		  }

		  .main-footer .footer-item a {
		    text-decoration: none;
		    color: #fff;
		    font-size: 18px;
		    font-weight: 400;
		    letter-spacing: 3px;
		    line-height: 2;
		    margin: 0 10px;
		  }

		  .main-footer .footer {
		    font-size: 10px;
		    font-weight: 300;
		    margin-top: 5px;
		    letter-spacing: 2px;
		  }
		}