/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body
{
    color:midnightblue;
    width:900px;
    font-family: Arial, 標楷體;
    font-size:small;
    line-height: 1em;
}
div
{
    line-height:normal;
}
.detail
{
    background-color:#E0F0FF;
    padding: 5px 10px;
    border-style:dotted;
    border-width: 1px;
    border-color:steelblue;
    text-align:justify;
}
.contact
{
    background-color:aliceblue;
    padding: 5px 10px;
    border-style:dotted;
    border-width: 1px;
/*    width: 580px;*/
    border-color:steelblue;
}
.footer
{
    margin:30px 0px;
    text-align:right;
}
.pic
{
    border-style:dashed;
    border-width: 1px;
    border-color:steelblue;
    width: 200px;
    height:225px;
    padding: 5px;
    float: right;
}
.name
{
    font-size:x-large;
    font-weight:bold;
    padding-bottom: 10px;
}
.container
{
    margin: 40px;
}
h2
{
    margin-top: 20px;
}
td
{
    padding: 0px 10px;
}
table
{
    font-size:inherit;
}
.semester
{
    width: 140px;
}
.courseCode
{
    width: 160px;
}
thead
{
    font-weight:bold;
}
.bold
{
    font-weight:bold;
}
.italic
{
    font-style:italic;
}
.publishType
{
    padding:0px;
    width: 5px;
    vertical-align:text-top;
    font-weight:bold;
}
.pubication
{
    text-align:justify;
    padding-bottom: 10px;
}