/* CSS Document */



.message {margin-bottom: 30px;}

.message .title .left { width: 20%; display: inline-block; float: left; background: #004097; text-align: center; border-right: 1px solid #fff; color: #fff; font-size: 16px; height: 40px; line-height: 40px; font-weight: normal; }

.message .title .right { width: 80%; background: #ededed; text-align: left; color: #828282; font-size: 14px; float: right; height: 40px; line-height: 40px; font-weight: normal; padding-left: 20px; }

.message input[type=submit], .message input[type=reset] { width: 95px; text-align: center; border: 1px solid #ddd; background: none; line-height: 1; font-size: 14px; padding: 8px 20px; color: #aaa; margin: 0 10px; text-align:center }

.message input[type=submit]:hover, .message input[type=reset]:hover { background: #004097; color: #fff; }

@media screen and (max-width: 740px) { .message .title .left { width: 100%; }

  .message .title .right { display: none; } }

.message form {  border-top: 0px none; display: block; }

.message ul { padding: 30px;  }

@media screen and (max-width: 630px) { .message ul { padding: 10px; } }

.message ul li { width: 48%; position: relative; margin-bottom: 20px; background: #fff; }

.message ul li span.must { position: absolute; right: 4px; top: 1px; z-index: 12; color: #004097; }

.message ul li input[type=text] { border: 1px solid #e5e5e5; padding: 13px 6px 13px 6px; width: 100%; font-size: 14px; position: relative; z-index: 2; line-height: 1; color: #333; }

.message ul li input[name=verifycode] {
    width: 89px;
    padding: 0;
    height: 32px;
    line-height: 32px;
    padding-left: 5px;
    vertical-align: middle;
margin-left:45%;
}
.message ul li span.code {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.message ul li label { position: absolute; top: 5px; left: 0; padding-left: 7px; background: #fff; color: #B8B8B8; font-size: 14px; text-transform: capitalize; z-index: 1; width: 100%; }

.message ul li input[type=text]:focus { padding: 4px 6px 22px 6px; border-color: #004097; }
.message ul li input[name=verifycode]:focus { padding:0; padding-left:13px;border-color: #004097; }
.message ul li input[type=text]:focus + label, .message ul li textarea:focus + label { top: 100%; font-size: 12px; color: #fff; margin-top: -16px; background: #004097; z-index: 15; }

@media screen and (max-width: 630px) { .message ul li { width: 100%; } }

.message ul li.block { display: block; width: 100%; position: relative; background: #fff; }

.message ul li.block textarea { width: 100%; border: 1px solid #e5e5e5; padding: 6px; height: 132px; min-height: 100px; min-width: 100%; position: relative; z-index: 2; }

.message ul li.block textarea:focus { border-color: #004097; }