﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
#HeaderPane .max_width
{
    max-width: 900px !important;
    margin: 0 auto 5px !important;
}

/*auto generated region*/

#BaseTable
{
	width:900px;

}
#SystemMenu
{
	width:900px;

}
#HeaderPane
{
	width:900px;

}
#Middle
{
	width:900px;

}
#LeftPane
{
	width:215px;
	padding-right:5px;
}
#ContentPane
{
	width:675px;
	padding-left:5px;
}
#RightPane
{

}
#FooterPane
{
	width:900px;

}

}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#BaseTable
{
	width:320px;
        padding:0;
        margin:0;
}
#SystemMenu
{
	width:320px;
        padding:0;
        margin:0;
}
#HeaderPane
{
	width:320px;
        padding:0;
        margin:0;
}
#Middle
{
	width:320px;
        padding:0;
        margin:0;
}
#LeftPane
{
	width:320px;
        padding:0;
        margin:0;
}
#ContentPane
{
	width:320px;
        padding:0;
        margin:0;
}
#RightPane
{
	width:320px;
        padding:0;
        margin:0;
}
#FooterPane
{
	width:320px;
        padding:0;
        margin:0;
}
}
