body
{
    background-color: #ffffff;
    margin: 0;
    font-family: \5FAE\8EDF\6B63\9ED1\9AD4,'Microsoft JhengHei', Verdana, Helvetica, Arial, 'Microsoft Sans-serif';
    font-size: 100%;
    color: #404040;
}

a:link    {  text-decoration:none  }
a:visited {  text-decoration:none  }
a:active  {  text-decoration:underline  }
a:hover   {  text-decoration:underline  }

*:focus
{
    background-color: white;
    outline: 3px black solid;
}

.context_wrapper
{
    width: 1524px;
    margin: 0 auto;
    text-align: justify;

  /* border: 1px solid #e0e0e0; */
}

h1
{
    font-size: 3em;
    text-align: center;
    color: royalblue;
}

h2
{
    font-size: 2em;
    color: royalblue;
}

h3
{
    font-size: 1.5em;
    color: royalblue;
}


h4
{
    font-size: 1.2em;
 /* color: royalblue; */
}

/* Responsive Styles ----------------------------------------------------------------------- */

@media only screen and (min-width:1024px) and (max-width:1523px)
{
    .context_wrapper
    {   width: 1024px;  }
}

@media only screen and (min-width:768px) and (max-width:1023px)
{
    .context_wrapper
    {   width: 768px;  }
}

@media only screen and (min-width:512px) and (max-width:767px)
{
    .context_wrapper
    {   width: 512px;  }
}

@media only screen and (max-width:511px)
{
    .context_wrapper
    {   width: 360px;  }
}