/*** for PC Browser ***/
@media (min-width:401px)
{
#BaseTable
{
	width:100%;

}
#SystemMenu
{
	width:100%;

}
#HeaderPane
{
	width:100%;

}
#Middle
{
	width:100%;

}
#LeftPane
{

}
#ContentPane
{
	width: 1100px;
        margin: 0 auto;
        float: none;
}
#RightPane
{

}
#FooterPane
{
	width:100%;
        margin: 40px 0 0;
        padding: 20px 0 0;
        border-top: 2px solid #C7C7C7;
}

/*auto generated region*/

#BaseTable
{
	width:100%;

}
#SystemMenu
{
	width:100%;

}
#HeaderPane
{
	width:100%;

}
#Middle
{
	width:100%;

}
#LeftPane
{

}
#ContentPane
{
	width:1100px;

}
#RightPane
{

}
#FooterPane
{
	width:100%;

}

}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#BaseTable
{
	width:320px;

}
#SystemMenu
{
	width:100%;

}
#HeaderPane
{
	width:100%;

}
#Middle
{
	width:100%;

}
#LeftPane
{

}
#ContentPane
{
	width: 100%;
        margin: 0 auto;
        float: none;
}
#RightPane
{

}
#FooterPane
{
	width:100%;
        margin: 20px 0 0;
        padding: 20px 0 0;
        border-top: 2px solid #C7C7C7;
}
}