.sign_in_wrapper{
        width: 100%;
        background-color: rgba(0,0,0,0.4);
        padding: 25px 35px 80px;
    }

    .sign_in_body {
        font-size: 0;
    }

    .sign_in_title_wrapper{
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #666;
        padding: 20px 0 30px;
        margin-bottom: 30px;
    }

    .sign_in_title{
        font-family: akrobat_bold;
        font-size: 28px;
        margin-bottom: 8px;
        color: #fff;
        letter-spacing: 2px;
    }

    .sign_in_description{
        font-family: akrobat;
        font-size: 14px;
        color: #bbb;
        letter-spacing: 1px;
    }

    .intro_title{
        font-size: 24px;
        color: #ff4f4f;
        letter-spacing: 2px;
        margin-bottom: 8px;
        font-family: akrobat_bold;
    }

    .intro_description{
        font-size: 16px;
        color: #bbb;
        line-height: 30px;
        letter-spacing: 1.5px;
    }

    .view_all_wrapper{
        position: relative;
        font-size: 0;
        display: inline-block;
        cursor: pointer;
        margin-top: 24px;
    }

    .view_all_body{
        font-size: 14px;
        color: #888;
        letter-spacing: 2px;
        display: inline-block;
        vertical-align: top;
        line-height: 16px;
        margin-right: 14px;
    }

    .view_all_arrow{
        display: inline-block;
        vertical-align: top;
        margin-top: 3px;
        width: 20px;
        height: 10px;
        background-image: url('msartifacts/assets/images/view_all_arrow.png');
    }

    .view_all_wrapper:hover {
        opacity: 0.8;
    }

    .question_wrapper{
        width: 100%;
        background-color: #bbb;
        padding: 4px;
        font-size: 0;
        border-radius: 3px;
        margin-bottom: 40px;
    }

    .icon_magnifier{
        display: inline-block;
        vertical-align: top;
        width: 20px;
        height: 20px;
        margin: 4px 11px;
        background-image: url('msartifacts/assets/images/icon_magnifier.png');
    }

    .input_question{
        display: inline-block;
        vertical-align: top;
        width: 1080px;
        line-height: 28px;
        border-left: 1px solid #888;
        padding: 0 10px;
        font-size: 14px;
        background: transparent;
        letter-spacing: 2px;
    }

    .intro_wrapper{
        margin-bottom: 36px;
    }

    .match_score_body{
        display: inline-block;
        vertical-align: top;
    }

    .match_score_body_left{
        margin-right: 100px;
        max-width: 336px;
        width: 100%;
    }

    .match_score_body_right{
        max-width: 694px;
        width: 100%;
    }

    .match_score_wrapper {
        font-size: 0;
    }

    .match_score_wrapper .view_all_wrapper {
        margin-top: 38px;
    }

    .note_description{
        color: #ff4f4f;
    }

    .match_score_wrapper .view_all_wrapper_note{
        margin-top: 20px;
    }