@charset "UTF-8";

footer {
	font-size: 10pt;
	text-align:center;
	position: relative;
	padding-bottom: 0px;
}

.bottom{
    height: 40px;
    
}

* {
    margin: 0;
}       


body{               
    font-family: "微軟正黑體", sans-serif;
    /*margin: 50px;*/
    
}   
            
html,body{ 
    background:url(nothing.txt) white fixed; /* prevent screen flash in IE6 */
    margin:0; padding:0;
}

.header{
    background:#fff; 
    padding-bottom: 5px;
    width:100%;
    position:fixed; 
    top:0;
    _position: absolute; /* position fixed for IE6 */
    _top:expression(documentElement.scrollTop+"px");
    z-index:1;
}

.header #username{
    float: right; 
    margin-top: -45px;
    padding-right: 10px;
}

.header #sign_out, #resultPage{
    float: right; 
    margin-top: -35px;
    padding-right: 10px;
}

.header #title{
    font-size: 30pt;
    width: 600px;
    padding-left: 10px;
}

.header h1{
    font-size:24px; 
    margin:10px; 
    text-align:center;
}


#exam_title{
    padding: 0 10px;
    font-size: 18pt;
    /*width: 600px;*/
    min-width: 200px;
    font-weight: bold;
}

#exam_subtitle{
    padding: 0 10px;
}

#exam_time{
    padding: 0 10px;
    float: right; 
    margin-top: -30px;
    width: 400px;
    text-align: right;
}


.center{
    padding-left: 10px; padding-right: 10px;
    margin-top: 135px;

}



.footer{
    background:#fff; 
    text-align:center;            
    width:100%;
    position:fixed; 
    bottom:0; 
    height: 70px;
    _position: absolute; /* position fixed for IE6 */
    _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
    z-index:4;
    margin-top: -20px;
}


.footer #selecte_exam{
    width: 300px;
    margin: 10px 0 0 10px;
}

.footer #end_exam_div{
    width: 115px;
    float: right;
    margin: -28px 10px 0 0;
}

.footer #again_exam{
    float: right;
    margin: 10px 10px 0 0;
    width: 115px;
    
}



input[type="submit"], input[type="reset"], input[type="button"], .xo-formbuttons, .formButton, button {
    font-size:14px;
    font-family:微軟正黑體;
    font-weight:normal;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:7px;
    border:1px solid #dcdcdc;
    padding: 2px 15px;
    text-decoration:none;
    background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
    background-color:#f9f9f9;
    color:#000000;
    display:inline-block;
    text-shadow:1px 1px 0px #ffffff;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
    -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
    box-shadow:inset 1px 1px 0px 0px #ffffff;
}
 
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .xo-formbuttons:hover, .formButton:hover, button:hover {
    background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
    background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
    background-color:#e9e9e9;
}

input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .xo-formbuttons:active, .formButton:active, button:active {
    position:relative;
    top:1px;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,th{
    padding: 5px;
}



.error_msg{
    color: #FF0000;
    text-align: left;
    margin-left: 60px;
    display: none;

}