/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 11 2022 | 07:58:51 */
/*-- 聯絡表單 --*/
.ask_list {
  padding: 20px;
}

.ask_list li {
  border: 1px #307367 solid;
  margin-top: -1px !important;
  padding: 12px 50px 12px 15px !important;
  position: relative;
}

.ask_list li:first-child {
  font-family: 'Noto Serif TC', serif;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #307367;
  padding: 12px 15px !important;
  display: block;
}

.ask_list li em {
  margin-right: 10px;
}

.ask_list li b {
  font-weight: 400;
  margin-right: 15px;
  width: 150px;
}

.ask_list a{
  color: #2A2D2D;
  text-decoration: underline;
}
.ask_list p {
  margin-top: 5px;
}

.btn_del {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: #9C9C9C;
}

.btn_del:hover{
  color: #ccc;
  
}

.contact_form {
  padding: 60px 40px;
  background: #F4F4F4;
  margin: 30px 20px;
}

.bar {
  padding: 8px 0 8px 150px;
  position: relative;
}

.lb {
  position: absolute;
  width: 120px;
  top: 17px;
  left: 5px;
}

.ip,
.sel,
.ta {
  border: 1px #c4c4c4 solid !important;
  width: 100%;
  padding: 5px 10px;
}

.ratype,
.cktype {
  display: inline-block;
  margin: 3px 0;
  padding: 5px 10px;
}

.ratype span,
.cktype span {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: rgba(250, 250, 250, .25);
  border: 1px solid #c1c1c1;
  vertical-align: top;
  margin: -1px 3px 0 0;
}

.ratype input,
.ratype input:disabled,
.cktype input,
.cktype input:disabled {
  position: absolute;
  opacity: 0;
}

.ratype span:after,
.cktype span:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}

.ratype span,
.ratype span:after {
  border-radius: 50%;
}

.ratype input:checked+span:after,
.cktype input:checked+span:after {
  background: #307367;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ratype i,
.cktype i {
  font-style: normal;
}

.contact_form .btn_box {
  padding-top: 20px;
}

.must_write{
  color: rgb(190, 22, 22);
}


@media only screen and (max-width:650px) {
  .contact_form {
    padding: 40px 20px;
  }

  .bar {
    padding: 45px 0 10px 0;
  }
}