/*** for PC Browser ***/
@media (min-width:401px)
{
#BaseTable
{
  width: 100%;
  margin: 0;
  padding: 0;
}
#SystemMenu
{
  width: 100%;
  margin: 0;
  padding: 0;
}
#HeaderPane
{
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent !important;
}
#Middle
{
  width: 100%;
  margin: 0;
  padding: 0;
}
#LeftPane
{

}
#ContentPane
{
  width: 100%;
  margin: 0;
  padding: 0;
}
#RightPane
{

}
#FooterPane
{
  width: 100%;
  margin: 0;
  padding: 0;
}


/*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}

}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#BaseTable
{
  width: 100%;
  margin: 0;
  padding: 0;
}
#SystemMenu
{
  width: 100%;
  margin: 0;
  padding: 0;
}
#HeaderPane
{
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent !important;
}
#Middle
{
  width: 100%;
  margin: 0;
  padding: 0;
}
#LeftPane
{

}
#ContentPane
{
  width: 100%;
  margin: 0;
  padding: 0;
}
#RightPane
{

}
#FooterPane
{
  width: 100%;
  margin: 0;
  padding: 0;
}
}