@charset "utf-8";

.btn-box{

    padding-top: 15px;

    margin-top: 5px;

}

#message-sect{

    padding-top: 50px;

    max-width: 900px;

    margin: -50px auto 0;

}

#message .send-botton .btn{

    font-size: 14px;

}

.pagination-title {

    margin-bottom: 0px;

    display: none;

}

.pagination li a.controls {

    bottom: -10px;

}

.reminder {

    text-align: center;

    font-size: 16px;

    color: #444444;

    padding-bottom: 5px;

    font-family: 'Arial';

    margin-bottom: 5px;

    margin-top: 20px;

}

.reminder:after{

    margin:10px auto 0px;

}

#message-form textarea.form-control{

        height: auto;

    }



#message-form .reminder{

    color: #735F52;

}

#message-form .reminder b{

    color: #3DB5E7;

}

.message-list {

    max-width: 1095px;

    margin: 0 auto;

}

.message-list li {

 list-style-type:none;

     margin-left: -25px;

    margin-right: 10px;

}

.message-item .message-from {

    line-height: 22px;

    font-weight: normal;

    font-size: 15px;

    margin-bottom: 5px;

    color: #333;

}

.message-item .message-from > span {

    color: #EC545F;

}

.message-item .message-from > .anwserform{

    font-size: 16px;

    font-weight: 600;

    font-family: 'Exo';

}

.message-item .message-from .date {

    color: #EC545F;

    font-size: 14px;

}

.message-question {

    position: relative;

    cursor: pointer;

    padding: 5px 10px;

    border: solid 1px #3DB5E794;

    margin-bottom: 10px;

}

.message-question .title {

    color: #947D72;

    font-size: 14px;

    line-height: 20px;

}

.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;

    margin-top: 10px;

}

.message-question .message-from {

    color: #EC545F;

}

.pd-reply {

    display: inline-block;

    position: relative;

    font-size: 13px;

}



.pd-reply .status {

    background: #C0C0C0;

    padding: 2px 8px;

    color: #fff;

    border-radius: 15px;

}



.pd-reply .status.replied {

    background:#135EAB;

}



.message-answer {

    background: #FCF8F1;

    display: none;

    padding: 10px 20px;

    padding-left: 240px;

    overflow: hidden;

    position: relative;

    

}

.message-answer .message-from { 

    position: absolute;

    left:60px;

    padding-right: 35px;

    background: url(../../images/common/message/anwser-hr.png)right top no-repeat;



}

.message-answer .editor{

        min-height: 50px;

}

#message-form {

    background: url(../../images/common/message/form_bg.jpg) no-repeat 50% 0;

    background-size: cover;

    margin: 10px 0;

    padding: 10px 0;

}

#message-form .form-title {

    text-align: center;

    font-size: 40px;

    font-family: 'Exo', serif;

    color: #ED555F;

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 10px;

    line-height: 1.2;

}

#message-form .form-title:after {

    content: " ";

    display: block;

    width: 168px;

    height: 1px;

    background: #CCBEB7;

    position: absolute;

    bottom: 0;

    left: 50%;

    margin-left: -83px;

}

#message-form .form-title>span{

    color: #0E457C;

    font-size: 22px;

}

.form-box .form-control {

     border-color: #D0C4BD;;

    color: #333;

    background:none;

    border-radius:5px;

}

.form-box .form-control:focus {

    outline: none;

    border-color: #3DB5E7;

}

.form-box textarea.form-control {

    height: 235px;

}

.form-box .control-label {

    font-weight: bold;

    color: #666;

    padding-left: 10px;

}

.main-title.success-title{

    background: url(../../images/common/title-icon.png)center 90% no-repeat;

    margin: 0px;

}

.lightbox-wrapper {

    padding-bottom:66px;

    max-width: 100%;

    width: 1130px;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

}



.btn.go-msg {

    background: #3DB5E7;

    color: #fff;

    font-weight: bold;

    font-size: 14px;

    padding: 6px 20px;

    margin: 0px 0 0;

    max-width: 450px;

    width: 95%;

    min-width: 248px;

    -webkit-border-radius: 8px;

            border-radius: 8px;

    font-family: 'Exo';

}



.btn.go-msg:hover{

    background: #135EAB;

}



.messages-container {

    padding:0 15px;

    max-width: 1920px;

}

.form-wrap .btn-box{

    padding-top: 5px;

}

.btn.masbtn.fancybox{

    background: #3DB5E7;

    color: #fff;

    font-weight: bold;

    font-size: 14px;

    padding: 6px 20px;

    margin: 5px auto 0;

    width: 300px;

    max-width: 100%;



    -webkit-border-radius: 8px;

            border-radius: 8px;

    font-family: 'Exo';

}

.btn.masbtn.fancybox:hover{

  background: #135EAB;

}



@media screen and (max-width: 1000px) {

    .message-list{

        padding: 0;

    }

    .message-list li{

        margin:0;

    }

    .message-answer .message-from{

        position:static;

        left: auto;

        background: none;

        padding-right: 0;

    }

   .message-question{

        padding: 5px 5px;

    }

    .message-answer {

        padding: 5px;

    }

    #message-form .form-title {

        font-size: 16px;

    }



    .message-item .message-from {

        padding-left: 0px;

        padding-top: 0px;

        margin:0;

        font-size: 10px;

        background-position:left top;

        background: none;

    }



    .lightbox-wrapper {

        padding: 5px 10px;

    }

    .btn.go-msg{

        margin-top: 5px;

        font-size: 10px;

    }

    .reminder{

        font-size: 14px;

        padding-bottom: 0px;

    }

    .message-question .title{

        font-size: 16px;

        line-height: 1.45;

    }

    .message-item .message-from > .anwserform{

        font-size: 16px;

    }

    .btn.masbtn.fancybox{

        font-size: 10px;

    }

    #message-form{

        margin: 5px 0;

    }

}