.cti-testdrive-reinput>button, .cti-testdrive-submit>button { border: none; font-size: 14px; cursor: pointer; width: 47%; height: 100% } body { background: #f7f7f7 } .cti-testdrive { margin-top: 0; background: url(../images/testdrive/bg_body.jpg) top no-repeat #f7f7f7; background-size: 100% } .cti-testdrive .row:after, .cti-testdrive .row:before { display: table; content: " " } .cti-testdrive .row:after { clear: both } .cti-testdrive .col-s-12 { width: 100%; float: left } .cti-testdrive .col-s-6 { width: 49%; float: left } .cti-testdrive .fr { float: right } .cti-testdrive .col-s-3 { width: 25%; float: left } .cti-shadow, .cti-testdrive .cti-container { width: 100% } .cti-testdrive-form { padding: 8px; background-color: #fff; box-shadow: 0 0 5px 2px #d4d4d4 } .cti-testdrive-widget { background-image: url(../images/testdrive/form_widget.png); background-repeat: no-repeat } .cti-testdrive .ctrl { padding-top: 12px; padding-bottom: 15px } .cti-testdrive-form-line { background-position: center 57px; height: 75px; position: relative; margin-top: 0 } .cti-testdrive-type-line { background-position: 0 -114px; height: 14px; position: relative } .cti-testdrive-dealer-line { background-position: 0 -78px; height: 14px; position: relative } .cti-testdrive-info-line { background-position: 0 -43px; height: 14px; position: relative } .cti-testdrive-blank-line { background: 0 0; height: 14px; position: relative } .cti-testdrive-city, .cti-testdrive-dealer, .cti-testdrive-mobile, .cti-testdrive-name, .cti-testdrive-ordertime, .cti-testdrive-prov, .cti-testdrive-reinput, .cti-testdrive-sex, .cti-testdrive-submit, .cti-testdrive-time, .cti-testdrive-type, .cti-testdrive-type2 { height: 68px; position: relative } .cti-testdrive-reinput { text-align: right } .cti-testdrive-reinput>button { background: #b2b2b2; margin-right: 6%; color: #3c3c3c } .cti-testdrive-submit>button { background: #dd000e; margin-left: 6%; color: #FFF } .cti-testdrive-text { overflow: hidden; background: #b2b2b2; height: 100%; width: 100%; position: relative } .cti-testdrive-ctrl-r, .cti-testdrive-text-w { width: 100% } .picker { top: 0 } .picker__holder { background: #f8f8f8 } .picker__button--clear, .picker__button--close, .picker__button--today { background: #f8f8f8; border-color: #f8f8f8 } .cti-form-title { width: 100% } .cti-form-title .line { left: 55px } .cti-form-title .shop_line { left: 190px } .cti-form-title .tip_line { left: 460px } .cti-form-title .frame_line { left: 68px } .cti-form-title .shop_name { width: 225px } .cti-form-title .tip_name { width: 100%; color:#3c3c3c; } .cti-form-title .frame_name { width: 105px } .cti-form-title .line.tips { left: 85px } .cti-form-title .line_type{ left: 85px; } .cti-testdrive-text .line, .cti-testdrive-text .textarea { position: absolute; top: 0; left: 0 } .innercontainer { padding: 12px; background-color: #f5f5f5 } .cti-testdrive-message .cti-testdrive-text { background: #fff } .cti-testdrive-text .textarea, .cti-testdrive-text textarea { overflow: hidden; box-sizing: border-box; display: block; width: 100%; max-width: 960px; height: 360px; max-height: 360px; font-size: 12px; line-height: 40px; vertical-align: bottom; padding: 0 18px; background: url(../../images/host/message_txbg.jpg) no-repeat #fff; background-size: cover; resize: none; border: 1px solid #d6d6d6 } .cti-testdrive-text textarea { opacity: 0 } .cti-testdrive-text .textarea { width: 100%; height: 100%; z-index: 99; background: 0 0 } .cti-testdrive-message { resize: no } .cti-testdrive-submit button { float: right; width: 25% } .cti-testdrive-text select { /* appearance:none; -moz-appearance:none; -webkit-appearance:none; */ border: 0; width: 100%; background: transparent; transform: translateY(-50%); position: relative; top: 50%; height: 100%; padding-left: 18px; } @media screen and (max-width:999px) { .cti-testdrive .col-xs-12, .cti-testdrive-ctrl-r, .cti-testdrive-select, .cti-testdrive-text, .cti-testdrive-text-w { width: 100% } .cti-testdrive { height: auto; background: url(../images/testdrive/bg_body_phone.jpg) center top no-repeat; background-size: cover } .cti-testdrive-ctrl-r { left: 0 } .cti-testdrive-blank-row { display: none } .cti-testdrive-reinput>button, .cti-testdrive-submit>button { width: 100%; margin: 0 auto } .picker__holder { max-width: 100% } .cti-poster { padding-bottom: 0 } }