p{word-break:normal;color: #333333;font-size: 16px;letter-spacing: 0.1em;}
.contact-item h1{margin-top: 104px;color: #333333;}
.title-drs{font-size: 18px;text-align: center;word-break: keep-all;margin-top: 16px;margin-bottom: 64px;}
.contact-item{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-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 auto;}
.contact-item-3,.contact-item-4{margin-top: 128px;}
.contact-item-4{margin-bottom: 104px;}
.bg{background-image:url(../img/bg.svg);background-size: 30vw;background-repeat: no-repeat;background-position: right 75px;background-attachment: fixed;}



/* 表單 */
label,input,select,textarea {width: 100%;}
label{color: #333333;padding: 8px 0;}
input,select{border: 0px transparent;color: #333333;padding: 8px 0;border-radius: 0px;}
select,input[type='text']{border-bottom: 1px solid #333333;}
form span{font-size: 15px;color: red;vertical-align: middle;margin-left: 2px;}
input[type="submit"]{margin-top: 32px; background-color: #EE7616;color:#fff;padding: 16px 0;border-radius: 8px;border: 0px;}
input[type="submit"]:hover{background-color: #F8B500;color:#fff;}
.contact-item .form-container{max-width:1000px; height:100%;width: 100%; padding: 64px; background-color: #fff; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);border-radius: 8px;overflow: hidden;}
.contact-item form .row{margin-bottom: 32px;width: 100%;}
select{  appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("../img/icon/dropdown.svg") no-repeat calc(100% - 10px) center transparent;}
.pretty-select::-ms-expand { display: none; }
input[type='date']{position: relative;width: 100%;background-color: #fff;}
input[type='date']::-webkit-calendar-picker-indicator {position: absolute;right: 0;padding-left: calc(100% - 40px);padding-right: 10px;}
.input-container {width: 100%;position: relative;border-bottom: 1px solid #333333;}

/* 聯絡資訊 */
.contact-item svg{fill: #EE7616;width: 24px;height: 24px;margin-right: 12px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.contact-item svg:hover{fill:#F8B500;}
.contact-item-3 .row{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.contact-item button {-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.1);box-shadow:0 0 0 0 rgba(0,0,0,0.1); padding: 8px 24px;background-color: #EE7616;color: #ffffff;border: 0px solid transparent;border-radius: 50px;letter-spacing: 0.1em;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;margin-top: 32px;}
.contact-item button:hover{padding: 8px 32px;background-color: #F8B500;}
.contact-info .info{color: #333333;padding: 4px 0;}
.contact-txt{padding: 0 80px;}
.map iframe{-o-object-fit: fill;object-fit: fill;width: 100%;}

  
  


/* 合作流程 */
.deal-process{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;margin-top: 48px;}
.process{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-align: center;-ms-flex-align: center;align-items: center;font-weight: normal;vertical-align: middle;}
.process img{width: 96px;margin-bottom: 8px;}
.process-line{width: 100px;margin: 0 24px;}
.process span{display: inline-block; width: 24px;height: 24px;background-color: #EE7616;color: #ffffff;text-align: center;border-radius: 50%;line-height: 160%;}



@media screen and (max-width:1000px){
    .contact-item .form-container{max-width:800px;}
    .map{height: 50vh;overflow: hidden; margin-bottom: 64px;}
}

@media screen and (max-width:850px){
.process-line{width: 60px;margin: 0 16px;}}


@media screen and (max-width:768px){
    .contact-item .form-container{border-radius: 40px 40px 0 0;}
    .contact-item h1{margin-top: 48px;font-size: 28px;}
    .title-drs{font-size: 16px;margin: 16px 0 32px;}
    .deal-process{-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 450px; width: 100%;margin-top: 0;}
    .process{margin: 32px;}
    .contact-item-4 {margin-top: 80px;margin-bottom: 40px;}}
      

@media screen and (max-width:576px){
    .contact-item .form-container{padding: 32px 24px;}
    .contact-txt{padding: 0 32px;}
    label,input,select,textarea {font-size: 15px;}
    input[type="submit"]{padding: 8px 0;margin-top: 16px;font-size: 15px;}
    p,.process,.contact-item .info,.contact-item button{font-size: 15px;}

}