@charset "utf-8";
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
::-webkit-input-placeholder {font-size: 14px;}
::-moz-placeholder {font-size: 14px;}
:-ms-input-placeholder {font-size: 14px;}
.Gbook_b1{box-sizing:border-box;}
.Gbook_b1 li{display: inline-block;width:31.3%;float:left;margin-right: 3.05%;}
.Gbook_b1 li:nth-child(3n){margin-right: 0;}
.Gbook_b1 label{margin-right: 20px;float: left;width: 80px;}
.Gbook_b1 .company{display: none;}
.Gbook_b1 .vcode{width: 50%;position: relative;}
.Gbook_b1 .vcode ul img{height: 100%;margin-right: 0;}
.Gbook_b1 .vcode li{display: block;margin-right: 0;width: 100%;}
.Gbook_b1 .vcode li:nth-child(2){float: right;position: absolute;right: 0;top: 0;height: 100%;width: auto;    margin: 0;}
.Gbook_b1 .vcode .InputV1{width:100%;box-sizing: border-box;}
.Gbook_b1 .content{width:100%;margin: 1vw 0 ;}
.Gbook_b1 .content textarea{min-height: 13em !important;}
.Gbook_b1 .btn{width: 35%;float: right;margin-right: 0;}

.InputV1,.TextareaV1{border: 1px solid #fff;background-color:#fff;width: 100%;color: #888;box-sizing: border-box;}
.InputV1{height:43px;line-height:43px;padding: 0 10px;box-sizing: border-box;}
.TextareaV1{line-height: 1.5;display: block;margin-right: 0; padding:10px; resize:none;}
.TextareaV1:focus{border-color:#e62129;}
.InputV1:focus{border-bottom-color:#e62129;}
.ButtonV1{display: block; line-height: 44px;padding: 0 1em; color:#fff;font-size: 14px;width: 100%;border: none;height: 44px;box-sizing: border-box;
  background:-webkit-linear-gradient(left, #fd4e35, #e12b6d);
  background:-o-linear-gradient(left, #fd4e35, #e12b6d);
  background:linear-gradient(to right, #fd4e35, #e12b6d);
}
.ButtonV1:hover{background: #e62129;cursor: pointer;}

.Gbook_b1 .name,.Gbook_b1 .phone,.Gbook_b1 .email{position: relative;border: 1px solid #fff;padding-left: 2.1em;box-sizing: border-box;
    background: url(/images/ci1.png) #fff 0.5em center no-repeat;background-size: auto 40%;
}
.Gbook_b1 .name:after,.Gbook_b1 .phone:after,.Gbook_b1 .email:after{content: "";display: block;z-index: 1;width: 1px;background-color: #d3d3d3;position: absolute;left: 1.95em;top: 30%;bottom: 30%;}
.Gbook_b1 .phone{background-image: url(/images/ci2.png);}
.Gbook_b1 .email{background-image: url(/images/ci3.png);}

@media screen and (max-width: 640px){
    .InputV1, .TextareaV1{font-size: 3.8vw;}
    .InputV1{line-height: 9.3vw;height: 9.3vw;padding: 0 2vw;display: block;}
    .TextareaV1{padding: 2vw;}

    .Gbook_b1 li{width: 100%;}
    .Gbook_b1 li + li{margin-top: 2vw;}
    .Gbook_b1 .content{margin-top: 2vw;margin-bottom: 0;}
    .Gbook_b1 label{font-size: 3.6vw;width: 6em;float: left;margin-right: 0;line-height: 9.3vw;height: 9.3vw;}
    .Gbook_b1 .vcode{width: 100%;margin-right: 0;margin-top: 2vw;}
    .Gbook_b1 .btn{width: 100%;float: none;}
    .Gbook_b1 .content textarea {min-height: 11em !important;}
    .ButtonV1{font-size: 3.8vw;margin: 0 auto;height: 9.3vw;line-height: 9.3vw;width: 100%;}
}