.unlock{ width:100%;padding:0;position:relative;z-index:1;margin:0 auto; color: #111;}
.unlock input[type="checkbox"]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px; }
.unlock input[type="checkbox"]:focus + label:before,.unlock input[type="checkbox"]:hover + label:before{border-color:#7d5644;border-width:2px;border-radius:99em; }
.unlock input[type="checkbox"]:active + label:before{-webkit-transition-duration:0;transition-duration:0;-webkit-filter:brightness(1);filter:brightness(1);}
.unlock input[type="checkbox"] + label{position:relative;padding:10px;padding-left:35px;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:0;}
.unlock input[type="checkbox"] + label:before{box-sizing:content-box;content:'';color:#333;position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-12px; border:2px solid #998a59;border-radius:99em; text-align:left;}
.unlock input[type="checkbox"] + label:after{box-sizing:content-box;content:'';background-color:#7d5644;position:absolute;top:50%;left:4px;width:22px;height:22px;border-radius:99em; margin-top:-11px; -webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition:-webkit-transform 200ms ease-out;transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition:transform 200ms ease-out,-webkit-transform 200ms ease-out;}
.unlock input[type="checkbox"] + label:after{background-color:transparent;top:50%;left:5px;width:0px;height:0px;margin-top:-7px;border-style:solid;border-color:#7d5644;border-width:7px;-o-border-image:none;border-image:none;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:none;transition:none;}
.unlock input[type="checkbox"]:checked + label:after{content:'';-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 200ms ease-out;transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition:transform 200ms ease-out,-webkit-transform 200ms ease-out}
.send{cursor:pointer;}

.sendline{float:left;width:100%; padding:0; margin: 0;}
.lock{float:left;width:100%; margin:0;font-size:15px; }
.unlock{width:100%;padding:0 0 0 10px;position:relative;z-index:1;margin:0 0 25px 0;}
.contact-wrapper{width:100%; float: left; margin:200px 0 80px;}
.contact-content{width:1200px; margin:0 auto;}
.contact-title{width:100%; float:left; margin-bottom:60px;padding-bottom:20px;border-bottom: 0.5px solid #000;border-top-height:thin;}
.contact-title h2{width: 500px; margin:0; line-height:1.5em; font-size:38px; text-align:justify;font-family: "Times New Roman",serif;}
.sidebar_a{width:50%; float:left;margin:0;}
.sidebar_b{width:40%; float:left;margin:0 10% 0 0;}
.cnsubtitle{width:100%; float:left;margin:0 0 60px 0;font-size: 16px}
.site-a{width:100%; float:left;margin:0 0 40px 0;font-size:15px;}
.site-a ul{list-style-type:none;margin:0;}
  .site-a li{margin:0;line-height:2.2em; }
  .site-a a{ font-size:16px;text-decoration: none;}
  .site-a a:hover{color: #7d5644;text-decoration: none;}
  .site-a li span{font-size: 13px;font-weight: 600;}
.textareabox{width:100%; height:120px;padding:8px 12px; border:1px solid #999;font-size: 15px; box-sizing:border-box;border-radius:0; background-color:transparent;color:#111 !important; line-height:1.5em;}
.form-title{width:100%; margin:0 0 10px 0; font-size:16px;font-weight:500;}  
.forms-a{float:left; width:100%; margin:0;position: relative;margin-top: 35px; }
 .forms-a input{outline: none;border: none;width: 100%;padding: 10px 0;color: #111;font-size: 16px; border-bottom: 1px solid #999;background: none;border-radius:0; }
 .forms-a label{position: absolute;top: 0;left: 0;color: #111;font-size: 16px;pointer-events: none;transition: all 0.5s;line-height:36px;letter-spacing: 0.2em;}
.forms-a input:focus + label,
.forms-a input:valid + label{top: -25px;}
.forms-a span{color:#e70012; }
.messagebox{float:left;width:100%; margin:35px 0 20px;}
.forms-dtitle{width:100%;float:left; margin:0 0 5px; line-height: 34px;color: #111;font-size: 16px}
.forms-dtitle span{color:#e70012; }
.message{float:left;width:100%; margin:0;}
.sendwf{float:left;width:100%; margin:0; padding:0;}
.send {width:120px; text-align:center; margin:0 auto 0 0;}
.send-mail{font-family: 'Noto Sans TC', sans-serif;color: #fff;width:120px;padding:9px 15px 10px;font-size:14px;text-align:center; margin:0;background-color: #000; display: block; text-decoration: none;cursor: pointer;clear:left;width:100%;border:0px;border-radius:20px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
  .send-mail:hover {color: #fff;background-color: #5e5c67}

@media screen and (max-width: 1600px) {
.contact-wrapper{margin:180px 0 80px;}
.contact-content{width:1160px;}
}
@media screen and (max-width: 1200px) {
.contact-wrapper{margin:140px 0 60px;}
.contact-content{width:88%;}
.sidebar_a{width:50%;}
.sidebar_b{width:42%; margin:0 8% 0 0;}
}
@media screen and (max-width: 980px) {
.contact-wrapper{margin:100px 0 60px;}
.contact-content{width:90%;}
.contact-title{margin-bottom:50px;}
.contact-title h2{font-size:32px; }
.textareabox{height:90px;}
.sidebar_a{width:54%;}
.sidebar_b{width:40%; margin:0 6% 0 0;}
.unlock{margin:0 0 25px 0;}
}
@media screen and (max-width: 767px) {
.contact-wrapper{margin:80px 0 40px;}
.contact-title{margin-bottom:25px;padding-bottom:15px;}
.contact-title h2{width:100%;font-size:26px; }
.sidebar_a{width:100%; margin:0; }
.sidebar_b{width:100%; margin:0; }
.cnsubtitle{margin:0 0 25px}
.textareabox{height:100px;}
.unlock{margin:0 0 15px 0;}
.cn-subtitle{margin:0 0 5px 0;}
.forms-a{margin-top: 20px; }
.forms-a input:valid + label{top: -20px;}
}

div.text-warning{margin: 2px 0 -10px 0;color: #c14948;font-size: 15px;display:block;padding: 0;}
span.text-warning{margin: 2px 0px 0px 0px;color: #c14948;font-size: 15px;padding:0;}
.hidden-input {opacity: 0;position: absolute;z-index: -1;}

input[type=checkbox]+span {display: inline-block;height: 13px;width: 13px;border-radius: 50px; margin:0 5px 0 0;background-color: #fff; border: 1px solid #555}
input[type=checkbox]:checked+span {background-color:#333;}
input::-webkit-input-placeholder {color:#333;}
input:-moz-placeholder {color: #333;}
input::-moz-placeholder {color: #333;}
input:-ms-input-placeholder {color: #333;}
input:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;} 
input:-webkit-autofill,textarea:-webkit-autofill,
select:-webkit-autofill {background-color: transparent!important;background-image: none !important;-webkit-box-shadow: 0 0 0 1000px #fff inset !important; border-bottom:1px solid #ccc; border-top: none;border-left: none;border-right: none;outline: none}
input:-webkit-autofill{-webkit-text-fill-color:#333;}
textarea::-webkit-input-placeholder {color:#333;}
textarea:-moz-placeholder {color: #333;}
textarea::-moz-placeholder {color: #333;}
textarea:-ms-input-placeholder {color: #333;}
textarea:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;  } 
textarea:-webkit-autofill{-webkit-text-fill-color:#333;}
textarea{resize:vertical;}