/* ---------------------------------------------- */
/* General section                                */
/* ---------------------------------------------- */
body {
    background-color:rgb(230, 230, 230);
}

body, div, span, h6, h5, h4, h3, h2, h1, li, ul {
    font-family: Times New Roman, verdana, arial, 標楷體, 微軟正黑體;
    font-size: 16px;
    font-weight: normal;
    border: 0px;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

ul {
    list-style-position: outside;
}

img.center {
    display: block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;

}

.italic {
    font-style: italic;
}

.small {
    font-size: 14px;
}

div.clear_float {
    clear: both;
}

div.content {
    margin-top: 10px;
    width: 800px;

}

div.content_right {
    width: 170px;
    float: right;
}

div.right_blank {
    width: 170px;
    height: 10px;

}

div.content_right div.caption {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color:white;
    margin-bottom: 0px;
    width: 164px;
    background-color: rgb(64, 64, 64);
    border:outset 3px rgb(64, 64, 64);    

}

div.content_right div.caption span.note {
    font-size: 16px;
}

div.content_right div.row {
    text-align: center;
    font-size: 18px;
    margin-bottom: 0px;
    width: 164px;
    background-color: rgb(190, 190, 190);
    border:outset 3px rgb(160, 160, 160);
}

div.content_right div.row a {
    color: black;
    text-decoration: none;
}

div.content_right div.row a:hover {
    color: blue;
    text-decoration: underline;
}

div.content_left {
    width: 620px;
/*    height:330px;*/
    float: left;
/*    overflow:auto;*/
}

div.table_caption {
    width: 620px;
    font-size: 20px;
}

div.table_caption_cht {
    width: 500px;
    font-size: 20px;
    font-family: 標楷體;
    font-weight: bold;
    float: left;
    padding-top:11px;
}

span.table_caption_cht_large {
    font-size:26px;
    font-weight:bold;

}

div.table_caption_en {
    width: 500px;
    font-size: 22px;
    font-family: Times New Roman;
    font-weight: bold;
    float: left;
    padding-top:6px;
}


span.table_caption_en_s {
    font-size:20px;
    font-weight:bold;
}

div.table_caption_link {
    text-align: right;
    vertical-align: bottom;
    padding-top: 12px;
    width: 80px;
    float: left;
}

div.table_caption_link a {
    color: black;
    text-decoration: none;
}

div.table_caption_link a:hover {
    color: blue;
    text-decoration: underline;
}

div.table_bar {
    width: 610px;
    height: 3px;
    background-color: gray;
}

div.table_bar_half {
    width: 290px;
    height: 3px;
    background-color: gray;
}

div.table_row {
    width: 600px;
    padding-top:0px;
    padding-bottom:3px;
    margin-left: -5px;
    line-height: 150%;
    float: left;
}

div.table_blank {
    width: 580px;
    height: 40px;
    margin:auto;
}

div.table_row1 {
    width: 610px;
    padding-top:3px;
    padding-bottom:3px;
    float: left;
}

div.table_row2 {
    width: 610px;
    padding-top:3px;
    padding-bottom:3px;
    background-color: rgb(248, 248, 248);
    float: left;
}

div.table_col1 {
    text-align: center;
    width: 0px;
    height: 40px;
    border-style: double;
    border-width: 3px;
    float: left;
    margin:auto;
}

div.table_col2 {
    text-align: center;
    width: 210px;
    height: 40px;
    border-style: double;
    border-width: 3px;
    float: left;
}

div.table_col3 {
    text-align: center;
    width: 97px;
    height: 40px;
    border-style: double;
    border-width: 3px;
    float: left;
}

div.table_col4 {
    text-align: center;
    width: 130px;
    height: 40px;
    border-style: double;
    border-width: 3px;
    float: left;
}

div.table_col5 {
    text-align: center;
    width: 113px;
    height: 40px;
    border-style: double;
    border-width: 3px;
    float: left;
}

div.table_left {
    width: 125px;
    float: left;
}

div.table_right {
    width: 485px;
    float: left;
}

/* ---------------------------------------------- */
/* Main section                                   */
/* ---------------------------------------------- */
div#main_container {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    height:768px;
}


/* ---------------------------------------------- */
/* Header section                                 */
/* ---------------------------------------------- */
div#header_container {
    width: 800px;
    height: 22px;
}

div#header_left {
    width: 400px;
    float: left;
}

div#header_right {
    width: 400px;
    padding-top: 2px;
    text-align: right;
    float: right;
}

div#header_container a {
    color: black;
    text-decoration: none;
}

div#header_container a:hover {
    color: blue;
    text-decoration: underline;
}

/* ---------------------------------------------- */
/* 
 section                                   */
/* ---------------------------------------------- */
div#logo_container {
    width: 800px;
    height: 229px;
    background-image: url('../img/lake800_229px.jpg');
}

div#logo_left {
    width: 660px;
    float: left;
}

div#logo_left div#nthu_text {
    margin-top: 115px;
    margin-left: 10px;

}

div#logo_left div#inst_text {
    margin-top: 160px;
    margin-left: 20px;
    font-size: 24px;
    color: rgb(64, 64, 64);
}

div#logo_left div#inst_text_cht {
    margin-top: 155px;
    margin-left: 20px;
    font-family: 標楷體;
    font-size: 36px;
    font-weight: bold;
    color: rgb(64, 64, 64);
}

div#logo_mid {
    margin-top: 84px;
    width: 70px;
    float: left;
}

div#logo_right {
    margin-top: 87px;
    width: 70px;
    float: left;
}

/* ---------------------------------------------- */
/* Bar section                                    */
/* ---------------------------------------------- */
div#bar_container {
    width: 760px;
    height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    background-image: url("../img/bar_gray.jpg");
    
}

div#bar_container a {
    color: white;
    text-decoration: none;
}

div#bar_container a:hover {
    color: red;
}

div#bar_container div#bar_left {
    float: left;
}

div#bar_container div#bar_right {
    float: right;
}

/* ---------------------------------------------- */
/* Bottom section                                 */
/* ---------------------------------------------- */
div#bottom_container a {
    width: 400px;
    height:68px;
/*    background-image: url("../img/logo2.png");*/
    background-size:400px 68px;
/*    position:fixed;  */
    padding-bottom:10px;        
    margin-left:200px;
    margin-top:10px;
    text-align:center;
    font-size:10px;
}