.survey {
    background: url(../images/survey-bg.png) repeat left top #f7f7f7;
    min-height: 350px;
    padding: 50px 0 40px 0;
    width: 100%;
}

    .survey .survey-middle {
        margin: 0 auto;
        width: 1024px;
    }

        .survey .survey-middle .survey-header {
            margin-bottom: 30px;
        }

            .survey .survey-middle .survey-header .survey-header-left {
                float: left;
                font-size: 24px;
            }

            .survey .survey-middle .survey-header .survey-header-right {
                float: right;
            }

                .survey .survey-middle .survey-header .survey-header-right .medium-point {
                    float: left;
                }

                    .survey .survey-middle .survey-header .survey-header-right .medium-point span {
                        color: #aaaaaa;
                        font-size: 12px;
                    }

                    .survey .survey-middle .survey-header .survey-header-right .medium-point .point-star-b {
                        margin-top: 2px;
                    }

                        .survey .survey-middle .survey-header .survey-header-right .medium-point .point-star-b .star-tam {
                            background: url(../images/star-b.png) no-repeat left top;
                            display: inline-block;
                            height: 20px;
                            width: 20px;
                        }

                        .survey .survey-middle .survey-header .survey-header-right .medium-point .point-star-b .star-yarim {
                            background: url(../images/star-2-b.png) no-repeat left top;
                            display: inline-block;
                            height: 20px;
                            width: 20px;
                        }

                        .survey .survey-middle .survey-header .survey-header-right .medium-point .point-star-b .star-yok {
                            background: url(../images/star-3-b.png) no-repeat left top;
                            display: inline-block;
                            height: 20px;
                            width: 20px;
                        }

                .survey .survey-middle .survey-header .survey-header-right .point {
                    color: #ff8a00;
                    float: right;
                    font-size: 40px;
                    font-weight: bold;
                    margin-left: 10px;
                }

                    .survey .survey-middle .survey-header .survey-header-right .point span{
                        display: initial;
                    }

                    .survey .survey-middle .survey-content {
                    }

            .survey .survey-middle .survey-content ul {
                list-style-type: none;
                margin: 0px;
                padding: 0px;
            }

                .survey .survey-middle .survey-content ul li {
                    display: inline-block;
                    height: auto;
                    vertical-align: top;
                }

                    .survey .survey-middle .survey-content ul li:nth-child(3n+2) {
                        margin: 0 28px;
                    }

                    .survey .survey-middle .survey-content ul li .survey-li {
                        background-color: #fff;
                        border: 1px solid #e3e3e3;
                        min-height: 125px;
                        padding: 20px;
                        width: 277px !important;
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        border-radius: 10px;
                        -webkit-box-shadow: 0px 5px 0px 0px rgba(229,229,229,1);
                        -moz-box-shadow: 0px 5px 0px 0px rgba(229,229,229,1);
                        box-shadow: 0px 5px 0px 0px rgba(229,229,229,1);
                    }

                        .survey .survey-middle .survey-content ul li .survey-li b {
                            color: #3c3c3c;
                            display: block;
                            text-align: center;
                        }

                        .survey .survey-middle .survey-content ul li .survey-li .point-text {
                            color: #ff8a00;
                            font-size: 14px;
                            font-weight: bold;
                            text-align: center;
                        }

                        .survey .survey-middle .survey-content ul li .survey-li .point-star {
                            margin: 10px 0;
                            text-align: center;
                        }

                            .survey .survey-middle .survey-content ul li .survey-li .point-star .star-tam {
                                background: url(../images/star.png) no-repeat left top;
                                display: inline-block;
                                height: 17px;
                                width: 17px;
                            }

                            .survey .survey-middle .survey-content ul li .survey-li .point-star .star-yarim {
                                background: url(../images/star-2.png) no-repeat left top;
                                display: inline-block;
                                height: 17px;
                                width: 17px;
                            }

                            .survey .survey-middle .survey-content ul li .survey-li .point-star .star-yok {
                                background: url(../images/star-3.png) no-repeat left top;
                                display: inline-block;
                                height: 17px;
                                width: 17px;
                            }

                        .survey .survey-middle .survey-content ul li .survey-li p {
                            display: block;
                            height:40px;
                            margin: 5px 0 0 0;
                            overflow: hidden;
                            overflow: hidden;
                        }

                            .survey .survey-middle .survey-content ul li .survey-li p:hover {
                                height: auto;
                                overflow: auto;
                            }

                    .survey .survey-middle .survey-content ul li .yesno {
                        min-height: 50px;
                        margin-top: 20px;
                        text-align:center;
                    }

                        .survey .survey-middle .survey-content ul li .yesno span {
                            color: #a3a3a3;
                            font-size: 12px;
                            font-style: italic;
                            margin-bottom: 10px;
                        }

                        .survey .survey-middle .survey-content ul li .yesno a {
                            background-color: #e3e3e3;
                            color: #3c3c3c;
                            font-size: 12px;
                            margin-left: 5px;
                            padding: 5px 10px;
                            text-decoration: none;
                            -webkit-border-radius: 5px;
                            -moz-border-radius: 5px;
                            border-radius: 5px;
                        }


.clr {
    clear: both;
}