/* 這個表單模組css 使用方法 basicForm 裡面包 row 
    <div class='basicForm'>

        <div class='row'> 
            <div class='col-md-3'>
            <div class='col-md-9'>
        </div>

        <div class='row'> 
            <div class='col-md-3'>
            <div class='col-md-9'>
        </div>
    </div>  
    
**/


 @media only screen and (min-width:100px) and (max-width:481px) {
    
    .basicForm input[type=text] , .basicForm textarea
    {
        margin-top:5px;
    }
}


/**表單用途*/
.basicForm
{
    padding: 10px;
    /*border: solid 1px #E8E8E8;*/
    border-radius: 10px;
}
    


    .basicForm .buttonRow
    {
        text-align:right;
        margin: 10px 0;
        padding-right:15px;
    }


.basicForm input[type=text] , .basicForm textarea
{
    border: solid #CCC 1px;
    padding: 2px;
    border-radius: 3px;
}



.basicForm textarea
{
    min-width:175px;
    height:80px;

}


.basicForm input[type=text]:read-only , .basicForm textarea:read-only
{
    background: #E7E7E7;
    border-color: #ADADAD;
    color: #A3A3A3;
}



.basicForm > .row
{
    border-bottom:solid 1px #E8E8E8;
    padding: 5px;
    margin: 0 10px;
}





.basicForm .col-md-2, .basicForm .col-md-3 ,.basicForm .col-sm-2, .basicForm .col-sm-3
{
    color:#565656;
    font-weight:700;
}