.go-msg-box {
    text-align: center;
}
.go-msg {
    position: relative;
    color: #444533;
    border: 1px solid #70AC92;
    font-size:23px;
    font-weight: bold;
    line-height: 32px;
    padding: 7px 20px 7px 60px;
    -webkit-border-radius: 30px;
    border-radius:30px;
    font-family: 'Josefin Sans', sans-serif;
}
.go-msg span{
    color: #70AC92;
}
.go-msg-box p{
    color: #999999;
}
.go-msg .ic{
    background: #70AC92;
    color: #fff;
    border-radius:100%;
    padding: 10px;
    font-size: 26px;
    vertical-align:middle;
    position: absolute;
    left: 0;
    top: 0px;
}
a.go-msg:hover span,
a.go-msg:hover{
    background: #70AC92;
    color: #fff;
}
a.go-msg:hover .ic{
    background: #fff;
    color: #70AC92;
}
.message-item {
    margin: 60px 120px 20px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);
    position: relative;
    z-index:10;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.message-item.active{
    background: #F0F0E1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.message-item .ic {
    font-size: 30px;
    color: #70AC92;
    vertical-align:middle;
    position: absolute;
    left: 10px;
}
.message-item .message-question .message-from {
    color: #fff;
    font-size: 12px;
    margin-top: 6px;
    position: absolute;
    right: 0px;
    top: -40px;
    padding: 0 10px 0 20px;
    background: #A6CCBC;
    z-index:1;
    line-height: 34px;
    border-top-left-radius: 90px;
    border-top-right-radius: 10px;
    min-width: 150px;
    text-align: right;
}
.message-item .message-from .date {
    display: inline-block;
}
.message-question{
    padding: 15px 10px 15px 50px;
    position: relative;
    display: block;
}
.message-question {
    cursor: pointer;
}
.message-question .title {
    color: #5F5F5F;
    font-weight: bold;
    font-size: 18px;
}
.message-question:hover .title {
    text-decoration: underline;
}
.message-question .txt {
    height: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.message-item.active .message-question .txt {
    height: auto;
    visibility: visible;
    padding: 10px 0;
}
.message-answer .message-from{
    font-weight: bold;
}
.message-answer {
    padding: 20px 40px;
    position: relative;
    display: none;
    background:#fff;
    border: 30px solid #F0F0E1;
    border-top: none;
}
.message-answer b {
    color: #70AC92;
    font-weight: bold;
    font-size: 18px;
}
.message-answer .editor {
    padding: 10px 0;
    min-height: 20px;
}
#message-sect .form-wrap {
    border: 1px dotted#70AC92;
    padding: 50px 6%;
    border-radius: 40px;
    margin: 0 120px;
    background: #fff;
}
#message-sect .form-wrap .btn-box {
    max-width: none;
}
#message-sect .col{
    width: 50%;
    float: left;
    padding: 0 30px;
}
#message-sect .col1{
    background: url(../../images/common/message/bg.png) 50% 100% no-repeat;
    min-height:450px;
}
@media screen and (max-width: 1000px) {
    .message-item {
        margin: 60px 0px 20px;
        box-shadow: 0px 0px 5px rgba(0,0,0,.2);
        position: relative;
        z-index:10;
    }
    #message-sect .form-wrap{
        margin: 0 auto;
    }
    #message-sect .col{
        width: 100%;
        float: none;
    }
}
@media screen and (max-width: 600px) {
    .message-answer {
        display: none;
        background:#fff;
        border: 5px solid #F0F0E1;
        border-top: none;
        padding: 10px 20px;
    }
    #message-sect .col{
        padding: 0 0px;
    }
    #message-sect .form-wrap{
        padding: 10px 6%;
    }
}