/*** for PC Browser ***/
@media (min-width:401px)
{
#HeaderPane
{
width: 960px;
margin: 0 auto;
}

#Middle
{
    width: 960px;
}

#LeftPane
{
    padding: 0 10px 0 0;
    width: 200px;
}

#ContentPane
{
    width: 750px;
}

#RightPane
{
    padding: 0;
    width: 0;
}

#FooterPane
{
}


/*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#HeaderPane
{
    margin: 0;
    padding: 0;
    width: 320px;
}

#Middle
{
    margin: 0;
    padding: 0;
    width: 320px;
}

#LeftPane
{
    margin: 0;
    padding: 0;
    width: 320px;
}

#ContentPane
{
    margin: 0;
    padding: 0;
    width: 320px;
}

#RightPane
{
    margin: 0;
    padding: 0;
    width: 320px;
}

#FooterPane
{
    margin: 0;
    padding: 0;
    width: 320px;
}

#sp_tool_r
{
display: none;
}
}