button:focus,input:focus,select:focus,textarea:focus{outline:0}
.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:#fc0808;border-width:2px;border-radius:99em;}
.unlock input[type="checkbox"]:active + label:before{-webkit-transition-duration:0;transition-duration:0;-webkit-filter:brightness(0.2);filter:brightness(0.2);}
.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:#111;position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-12px; border:2px solid #999;border-radius:99em; text-align:left;}
.unlock input[type="checkbox"] + label:after{box-sizing:content-box;content:'';background-color:#fc0808;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:#fc0808;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;}

.consult-warp{float:left; width:100%; margin:70px 0 0;background-color:#f6f6f6;font-family: 'Noto Sans TC', sans-serif}
.consult-container{width:1200px; margin:0 auto;padding:70px 0 80px}
.consult-title{width: 100%;float: left;text-align: center;font-family: 'Noto Sans TC', sans-serif;font-weight:500;font-size: 32px;margin-bottom: 50px;padding: 0}
.addinF{float:left;width:100%; margin:0;box-shadow:2px 3px 10px #ccc; background-color: #fff;}
.formtopline{width: 100%;float: left;}
.leftline{width:33.33333333%;height: 4px; float: left;background-color: #000000}
.rightline{width:33.33333333%;height: 4px; float: left;background-color: #f3d501}
.middleline{width:33.33333333%;height: 4px; float: left;background-color: #fc0808}
.inquire-toptitle{width:100%; margin:0 0 40px 0; padding:0; text-align:center; letter-spacing:0.1em; color:#fff;}
.inquire-toptitle h2{ margin:0 0 30px 0; padding:0; font-size:26px; font-weight: 400; letter-spacing: 0.2em; line-height: 1em;}
.inquire-subtitle{float:left;width:100%; margin:0; padding:15px; text-align:center; letter-spacing:0.1em;color:#fff;font-family: 'Noto Sans TC', sans-serif;font-weight:500;background-color: #918888}
.inquiredF{float:left;width:100%; margin:0 0 0 0; padding:60px 50px}
.inquiredTF{float:left; width:100%;padding:0; margin:0 0 20px 0; font-size:16px;}
.regf{float:left;width:100%; margin:0 0 30px 0; padding:0; }
.information{width:100%; height:30px; padding:5px 0; margin:0;border:0px solid #91806e ;font-family:"微軟正黑體","Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";font-size:16px; color: #dddddd; box-sizing:border-box; background-color:transparent;}
.address-tag{float:left; width:10%;margin:0 2% 0 0; padding:0; line-height:32px; font-size:16px; text-align: right}
.inqitem{float:left; width:100%;padding:0; margin:0 0 25px 0; font-size:16px;}
.addressrow{float:left; width:100%;padding:0; margin:0 0 25px 0; font-size:16px;}

 /*lock*/
.lock{float:left;width:100%; margin:0 0 40px 0; padding:0; font-size:16px; text-align: center;}
.sendwf{float:left;width:100%; margin:0; padding:0;}
.unlock{width:100%;padding:0 0 0 0;position:relative;z-index:1;margin:0 0 20px 0;}
.consult-send{width:160px; text-align:center; margin:0 auto 0 auto;}
.consultsend-mail{width:140px; height:80px; font-size:16px;text-align:center;margin:0;display: block; text-decoration: none;cursor: pointer;clear:left;border-radius:50%;line-height:80px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;background-color: #918888;color: #ffffff;border: 0}
  .consultsend-mail:hover {background-color: #fb0807;transform: scale(1.05);transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; }
.inforspace{width:100px; height:30px; padding:5px; margin:0 10px;border-bottom:1px solid #999;border-top:0px;border-left:0px;border-right:0px;font-size:16px; color:#000; box-sizing:border-box; background-color:transparent;border-radius:0;}
.inforname{width:170px; height:30px; padding:5px; margin:0 10px 0 0;border-bottom:1px solid #999;border-top:0px;border-left:0px;border-right:0px;font-size:16px; color:#000; box-sizing:border-box; background-color:transparent;border-radius:0;}
.inforbuilding{width:200px; height:30px; padding:5px; margin:0;border-bottom:1px solid #999;border-top:0px;border-left:0px;border-right:0px;font-size:16px; color:#000; box-sizing:border-box; background-color:transparent;border-radius:0;}
.infor2{width:120px; height:30px; padding:5px; margin:0;border-bottom:1px solid #999;border-top:0px;border-left:0px;border-right:0px;font-size:16px; color:#000; box-sizing:border-box; background-color:transparent;border-radius:0;}
.infor3{width:257px; height:30px; padding:5px; margin:0;border-bottom:1px solid #999;border-top:0px;border-left:0px;border-right:0px;font-size:16px; color:#000; box-sizing:border-box; background-color:transparent;border-radius:0;}
.infor4{width:50px; height:30px; padding:5px; margin:0 10px;border-bottom:1px solid #999;border-top:0px;border-left:0px;border-right:0px;font-size:16px; color:#000; box-sizing:border-box; background-color:transparent;border-radius:0;}
.tableinfo{width:40%; height:30px; padding:5px; border-bottom:1px solid #999;box-sizing:border-box;background-color:transparent; border-radius:0;border-top:0px;border-left:0px;border-right:0px; font-size:15px;color: #000;}
.phoneinfo{width:40%; height:30px; padding:5px; border-bottom:1px solid #999;box-sizing:border-box;background-color:transparent; border-radius:0;border-top:0px;border-left:0px;border-right:0px; font-size:15px; color: #000;}
.nature-tag{float:left; width:10%;margin:0 2% 0 0; padding:0; line-height:32px; font-size:16px; text-align: right;}
.nature{float:left; width:88%;}
.nature ul{margin:0; padding:0; list-style:none; } 
.nature li{width:auto;margin:0 30px 20px 0; padding:0;display: inline-block; line-height:32px;}
.nature li input:focus{border-style:solid;border-bottom:1px solid #f69200;border-top:0px;border-left:0px;border-right:0px;outline: none}
.inqua{float:left; width:100%;padding:0; margin:0 0 10px; font-size:16px;}
.time-tag{float:left; width:10%;margin:0 2% 0 0; padding:0; line-height:32px; font-size:16px;text-align: right;}
.inquiredname{float:left; width:100%;padding:0; margin:5px 0 20px; font-size:16px;}
.consult-time{float:left; width:88%;}
.consult-time ul{margin:0; padding:0; list-style:none; } 
.consult-time li{width:auto;margin:0 30px 0 0; padding:0;display: inline-block; line-height:32px;}
.consult-time li input:focus{border-style:solid;border-bottom:1px solid #f69200;border-top:0px;border-left:0px;border-right:0px;outline: none}
.namerow{float:left; width:86%; margin: 0; padding: 0;}
.namerow input:focus{border-style:solid;border-bottom:1px solid #f69200;border-top:0px;border-left:0px;border-right:0px;outline: none}
.forms-a{width:100%; float:left; margin:0 0 20px 0;}
.forms-title{float:left; width:10%; margin:0 2% 0 0; line-height:32px;font-size:16px;text-align: right;}
.forms-table{float:left; width:88%; margin:0}
.forms-table input:focus{border-style:solid;border-bottom:1px solid #f69200;border-top:0px;border-left:0px;border-right:0px;outline: none}
.forms-table select:focus { outline: none; border-style:solid;border-bottom:1px solid #f69200;border-top:0px;border-left:0px;border-right:0px ;}
.building{float:left; width:88%;padding:0; margin:0; font-size:16px;}
.building input:focus{border-style:solid;border-bottom:1px solid #f69200;border-top:0px;border-left:0px;border-right:0px;outline: none}
.buildingitem{ width: auto; float: left; margin: 0 15px 0 0;line-height:32px;}
.city{float:left; width:88%;padding:0; margin:0; font-size:16px;}
.city input:focus{border-style:solid;border-bottom:1px solid #f69200;border-top:0px;border-left:0px;border-right:0px;outline: none}
.locationitem{width: auto; float: left; margin: 0 5px 0 0;}
.graytx{ color: #6c5050}
.namebox{ width: auto; float: left; margin: 0 30px 0 0;}
.sexbox{ width: auto; float: left; margin: 0;}
.sexbox ul{margin:0; padding:0; list-style:none; } 
.sexbox li{width:auto;margin:0 30px 0 0; padding:0;display: inline-block; line-height:32px;}
.sexbox li input:focus{border-style:solid;border-bottom:1px solid #f69200;border-top:0px;border-left:0px;border-right:0px;outline: none}
.time-year{width:80px; height:30px; padding:5px; margin:0;border-bottom:1px solid #999;border-top:0px;border-left:0px;border-right:0px;font-size:16px; color:#000; box-sizing:border-box; background-color:transparent;border-radius:0;text-align: center}
.time-month{width:80px; height:30px; padding:5px; margin:0;border-bottom:1px solid #999;border-top:0px;border-left:0px;border-right:0px;font-size:16px; color:#000; box-sizing:border-box; background-color:transparent;border-radius:0;text-align: center}
.consult-msg{width: 100%;float: left;}

@media screen and (max-width: 1200px) {
.consult-warp{margin:70px 0 0}
.consult-container{width:90%; padding:50px 0 70px}
.inquiredF{padding:60px 40px}
.consult-title{font-size:30px;margin-bottom:40px}
.time-tag{ width:12%}
.namerow{width:86%}
.forms-title{width:12%}
.forms-table{width:86%}
.consult-time{width:86%}
.address-tag{width:12%}
.building{width:86%}
.city{width:86%}
.nature-tag{width:12%}
.nature{width:86%}
}
@media screen and (max-width: 980px) {
.consult-warp{margin:60px 0 0}
.consult-container{padding:30px 0 50px}
.inquiredF{padding:30px 30px}
.consult-title{font-size:28px;margin-bottom:35px}
.inquire-subtitle{margin:0 0 25px 0; }
.time-tag{width:16%;}
.consult-time{width:82%;}
.forms-title{width:16%;}
.forms-table{width:82%;}
.address-tag{width:16%;}
.building{width:82%;}
.building li{width:auto;margin:0 5px 10px 0; }
.nature-tag{width:16%;}
.nature{width:82%;}
.nature li{width:auto;margin:0 30px 10px 0; padding:0;display: inline-block; line-height:32px;}
.namerow{width:82%;}
.buildingitem{margin: 0 5px 0 0;}
.city{width:82%;}
.locationitem{margin: 0 5px 13px 0;}
.addressrow{float:left; width:100%;padding:0; margin:0 0 10px 0; }
}
@media screen and (max-width: 767px) {
.inquire-subtitle{margin:0 0 15px 0; }
.infor3{ max-width: 400px;}
.buildingitem{margin: 0 5px 5px 0;}
}
@media screen and (max-width: 550px) {
.consult-container{width: 94%; padding:20px 0 40px}
.inquiredF{padding:20px 15px 25px 16px}
.consult-title{font-size:24px;margin-bottom:26px}
.inforbuilding{width:170px}	
.inquire-subtitle{margin:0 0 10px 0; }
.inquiredname{margin:5px 0 20px}
.time-tag{width:100%; margin: 0 0 10px 0; text-align: left;}
.consult-time{width:100%;}
.phoneinfo{width:100%; }
.forms-title{width:100%; margin: 0; text-align: left;}
.forms-table{width:100%;}
.address-tag{width:100%;margin: 0 0 10px 0;  text-align: left;}
.building{width:100%;}
.building li{width:auto;margin:0 5px 15px 0; }
.nature-tag{width:100%;margin: 0 0 10px 0; text-align: left;}
.nature{width:100%;}
.nature li{width:auto;margin:0 20px 10px 0; }
.infor3{min-width:340px}
.inqua{margin:0}	
.lock{margin:0 0 20px 0; line-height: 1.8em;}
.unlock input[type="checkbox"] + label:before{position:absolute;top:15%;left:0;width:20px;height:20px;margin-top:0; }
.namerow{width:100%; }	
.buildingitem{margin: 0 5px 10px 0;}
.city{width:100%}
.tableinfo{width:100%}
.namebox{ width:55%;margin:0}	
.sexbox{ width:45%;margin: 0}
.sexbox li{margin:0 20px 0 0;line-height:32px;}
.inforname{width:95%; height:30px; padding:5px; margin:0;}
.inqitem{margin:0 0 20px}
.time-year{width:70px}
.time-month{width:70px}
.consultsend-mail{width:120px; height:70px;line-height:70px;}
}

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: #555;}
input[type=checkbox]:checked+span {background-color:#fff;}
input::-webkit-input-placeholder {color:#dad9d9;}
input:-moz-placeholder {color: #dad9d9;}
input::-moz-placeholder {color: #dad9d9;}
input:-ms-input-placeholder {color: #dad9d9;}
textarea::-webkit-input-placeholder {color:#dad9d9;}
textarea:-moz-placeholder {color: #dad9d9;}
textarea::-moz-placeholder {color: #dad9d9;}
textarea:-ms-input-placeholder {color: #dad9d9;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{-webkit-box-shadow: 0 0 0px 1000px rgba(192,192,192,0) inset;transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #000; }

.clear{clear:both;overflow:hidden;height:0;font-size:0;display:block}