html {
    min-width: 0
}

body {
    padding: 0;
    min-width: 0
}

.body_guestbook {
    width: 100%;
    background: #fff;
    overflow: visible;
}

.body_guestbook ul {
    position: relative;
    width: 100%;
}

.body_guestbook ul li {
    position: absolute;
    height: 35px;
    margin-bottom: 10px;
    float: left;
    width: 200px;
}

.body_guestbook li .msg_ttl {
    position: absolute;
    left: 15px;
    top: 7px;
    z-index: 9;
    display: inline;
}

.body_guestbook li .msg_input {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.body_guestbook li .msg_input textarea {
    height: 100px;
    padding-top: 4px;
    height: 155px;
}

form[action*='/channel/guestbookadd/l/en'] input#Contact {
    padding-left: 110px !important
}

form[action*='/channel/guestbookadd/l/en'] input#verifycode {
    padding-left: 110px !important
}

form[action*='/channel/guestbookadd/l/en'] input#MessageContent {
    padding-left: 110px !important
}

.body_guestbook li .msg_input textarea,
.body_guestbook li .msg_input input {
    padding-left: 70px !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #333;
    font: 100 14px/1.8 arial, 'microsoft yahei';
    border: 1px solid #dddddd;
}

.body_guestbook li.li_verify {
    top: 180px;
    width: 300px;
}

.body_guestbook li.li_verify img {
    position: absolute;
    right: 5px;
    top: 7px;
    z-index: 10
}

.body_guestbook li .form_button1 {
    display: block;
    width: 140px;
    height: 36px;
    font: 100 16px/36px 'microsoft yahei';
    text-align: center;
    color: #fff;
    background: #f18101;
    border: none;
    padding: 0;
    margin: 10px auto;
    border-radius: 3px;
}

.body_guestbook li.li_1 {
    /* display: none; */
    left: 0;
    top: 0;
    width: 300px;
}

.body_guestbook li.li_2 {
    left: 0;
    top: 0;
    width: 300px;
    left: 320px;
    top: 0;
    width: 600px;
}

.body_guestbook li.li_3 {
    left: 0;
    top: 60px;
    width: 300px;
}

.body_guestbook li.li_4 {
    left: 0;
    top: 120px;
    width: 300px;
}

.body_guestbook li.li_5 {
    width: 600px;
    left: 320px;
    top: 60px;
    height: 95px;
}

.body_guestbook li.li_6 {}

.body_guestbook li.li_7 {}

.body_guestbook li.li_8 {
    height: 100px;
}

.body_guestbook li.li_9 {}

.body_guestbook li.li_1 .msg_ttl {}

.body_guestbook li.li_2 .msg_ttl {}

.body_guestbook li.li_3 .msg_ttl {}

.body_guestbook li.li_4 .msg_ttl {}

.body_guestbook li.li_5 .msg_ttl {}

.body_guestbook li.li_6 .msg_ttl {}

.body_guestbook li.li_7 .msg_ttl {}

.body_guestbook li.li_8 .msg_ttl {}

.body_guestbook li.li_9 .msg_ttl {}

.body_guestbook li.li_1 .msg_input {
    /* left: 80px; */
}

.body_guestbook li.li_2 .msg_input {}

.body_guestbook li.li_3 .msg_input {}

.body_guestbook li.li_4 .msg_input {}

.body_guestbook li.li_5 .msg_input {}

.body_guestbook li.li_6 .msg_input {}

.body_guestbook li.li_7 .msg_input {}

.body_guestbook li.li_8 .msg_input {}

.body_guestbook li.li_9 .msg_input {}

.body_guestbook li.li_10 .msg_input {}

.body_guestbook .li_submit {
    float: left;
    clear: right;
    top: 169px;
    left: 290px;
    border: ;
}

.body_guestbook li .msg_input textarea {
    height: 100px;
    padding-top: 4px;
    height: 155px;
}

@media screen and (max-width:769px) {
    * {
        max-width: 100% !important;
        float: none !important;
        position: static !important;
        height: auto !important;
        margin: 0
    }
    html {}
    body {}
    .body_guestbook {}
    .body_guestbook ul {}
    .body_guestbook ul li {
        margin: 10px auto;
        width: 80vw !important;
    }
    .body_guestbook li .msg_ttl {
        margin-bottom: 10px !important;
        display: block;
    }
    .body_guestbook li .msg_input {
        width: 100%;
    }
    .body_guestbook li .msg_input textarea {}
    form[action*='/channel/guestbookadd/l/en'] input#Contact {}
    form[action*='/channel/guestbookadd/l/en'] input#verifycode {}
    form[action*='/channel/guestbookadd/l/en'] input#MessageContent {}
    .body_guestbook li .msg_input textarea,
    .body_guestbook li .msg_input input {}
    .body_guestbook li.li_verify {}
    .body_guestbook li.li_verify img {
        margin-top: 20px;
    }
    .body_guestbook li .form_button1 {}
    .body_guestbook li.li_1 {}
    .body_guestbook li.li_2 {}
    .body_guestbook li.li_3 {}
    .body_guestbook li.li_4 {}
    .body_guestbook li.li_5 {}
    .body_guestbook li.li_6 {}
    .body_guestbook li.li_7 {}
    .body_guestbook li.li_8 {}
    .body_guestbook li.li_9 {}
    .body_guestbook li.li_1 .msg_ttl {}
    .body_guestbook li.li_2 .msg_ttl {}
    .body_guestbook li.li_3 .msg_ttl {}
    .body_guestbook li.li_4 .msg_ttl {}
    .body_guestbook li.li_5 .msg_ttl {}
    .body_guestbook li.li_6 .msg_ttl {}
    .body_guestbook li.li_7 .msg_ttl {}
    .body_guestbook li.li_8 .msg_ttl {}
    .body_guestbook li.li_9 .msg_ttl {}
    .body_guestbook li.li_1 .msg_input {}
    .body_guestbook li.li_2 .msg_input {}
    .body_guestbook li.li_3 .msg_input {}
    .body_guestbook li.li_4 .msg_input {}
    .body_guestbook li.li_5 .msg_input {}
    .body_guestbook li.li_6 .msg_input {}
    .body_guestbook li.li_7 .msg_input {}
    .body_guestbook li.li_8 .msg_input {}
    .body_guestbook li.li_9 .msg_input {}
    .body_guestbook li.li_10 .msg_input {}
    .body_guestbook .li_submit {}
    .body_guestbook li .msg_input textarea {}
}