@charset "UTF-8";

#idTblStages
{
    margin           : auto ;
}

#colStgNo { width : 5.5rem ; }
#colStage { width : 7.0rem ; }
#colDate  { width : 4.5rem ; }

*.clsStgRow
{
    height         : 50px ;
    vertical-align : bottom ;
}

*.clsStgNo
{
    font-size        : x-large ;
    background-color : transparent /* lightgreen */ ;
}

*.clsStage
{
    font-size        : x-large ;
    background-color : transparent /* pink */ ;
}

*.clsDate
{
    font-size        : large ;
    background-color : transparent /* lavender */ ;
}


/* For PC or Tablet */
@media screen and ( min-width : 481px )
{
    #idPrologue
    {
        text-align : center ;
    }
}


/* For Smartphone */
@media screen and ( max-width : 480px )
{
    #idPrologue
    {
        width : 13em ;
        margin : auto ;
    }
}