@import "../_variables.less";

.subpage.review{

    .page .q{
        width:90%;
        max-width:500px;
        margin:25px auto 10px;
        font-size:15px;
        line-height:28px;
        @media @for-mobile{
            font-size:13px;
            line-height:24px;
        }
    }

    select,
    textarea{
        display:block;
        width:90%;
        max-width:400px;
        margin:10px auto;
        padding:12px 15px;
        box-sizing:border-box;
        .border-radius(6px);
        border:none;
        .font-family();
        font-weight:500;
        font-size:13px;
        color:rgba(0,0,0,.8);
        background-color:#FFF;
        box-shadow:0px 3px 5px rgba(0,0,0,.1);
    }

    select{
        -moz-appearance:none;
        -webkit-appearance:none;
        appearance:none;
        padding-right:40px;
        cursor:pointer;
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC);
        background-repeat:no-repeat;
        background-position:right 15px center;
        background-size:9px;
    }

    textarea{
        height:100px;
        resize:vertical;
        &::placeholder{
            color:rgba(0,0,0,.45);
        }
    }

}