﻿#Member_Login {
}

    #Member_Login input {
        color: #000;
        font-size: 14px;        
    }

    #Member_Login .Left,
    #Member_Login .Right {
        float: left;
        margin-right: 1%;
        width: 48%;
        min-height: 380px;
    }

    #Member_Login .Left {
        border-right: 2px dotted #ccc;
    }

    #Member_Login .Right .CheckMemberContract {
        display: block;
        float: right;
        width: 20px;
        text-align: right;
    }

    #Member_Login .Right select {
        width: 60%;
        padding: 8px;
        border: 1px solid #bbb;
        border-radius: 5px;
        vertical-align: middle;
        color: #999;
    }

    #Member_Login .Right .Table3 .vA_LR input {
        width: initial;
    }


    #Member_Login .Right .Table3 a.JoinFeeDetail {
        width: 35%;
        display: inline-block;
    }

    #Member_Login .Right .Table3 .RadioButton input {
        width: unset;
    }

    #Member_Login .Left .Button {
        display: inline-block;
    }

    #Member_Login .Right .Button {
        display: inline-block;
    }

    #Member_Login .LineLogin {
        margin: 10px 5px;
        display: inline-block;
        width: 100px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        letter-spacing: 2px;
        color: white;
        vertical-align: middle;
        border: none;
        border-radius: 6px;
        background-color: #5cb85c;
    }

/*--------------------
         RWD
----------------------*/

@media screen and (min-width:320px) and (max-width:600px) {
    #Member_Login .Left,
    #Member_Login .Right {
        margin-bottom: 15px;
        width: 98%;
        min-height: 200px;
    }

    #Member_Login .Left {
        border: none;
        border-bottom: 2px dotted #ccc;
    }
}
