html, body{
    padding: 0;
    margin: 0;
}
body{
    background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
}
*{
    font-family: "Century Gothic", "微軟正黑體";
}
/* Wrapper RWD*/
.wrapper{
    margin: auto;
    padding: 0 20px;
}
@media(max-width:768px){
    h1{
        font-size: 1.3em !important; 
    }
    .table_header{
        font-size: 1.1em !important; 
    }
    .col_header{
        font-size: 0.9em !important;
    }
    .col_vacation, .col_dates,.col_number_dates, .col_infos, .col_situation{
        font-size: 0.75em !important;
    } 
}
@media(min-width:768px){.wrapper{width:750px}}
@media(min-width:992px){.wrapper{width:970px}}
@media(min-width:1200px){.wrapper{width:1170px}}

/* 標題圖片與文字 */
h1 img {
	margin: 0px;
	padding: 0px;
}
h1 {
    display: flex;
    align-items: center;
	font-size: 1.7em;
    color: #000000;
}

/* 回到頂端按鈕*/
#gotop{
    position: fixed;
    right: 70px;
    bottom: 70px;
    width: 70px;
    height: 70px;
    opacity: 0.6;
}
#gotop:hover{
    opacity: 0.8;
}

/* 快速查詢下拉式選單 */
.description{
    font-size: 1.2em;
    margin-bottom: 15px;
}
.description *{
    font-size: 1em;
}

/* 表格 */
.info_table{
    border-collapse: collapse;
}

/* 表格標題 */
.table_header{
    border: solid 1px #015249;
    background-color: #015249;
    color: white;
    font-size: 1.5em;
    line-height: 1.7em;
}

/* 欄位標題 */
.col_header{
    border: solid 1px #015249;
    background-color: #57BC90;
    color: white;
    font-size: 1.3em;
    font-weight: bolder;
    text-align: center;
    line-height: 1.7em;
}
/* 各欄位 */
.col_vacation, .col_dates,.col_number_dates, .col_infos, .col_situation{
    font-size: 1.2em;
    background: rgba(230,255,230,0.5);
    border: solid 1px #015249;
    padding: 5px;
}
.col_vacation{
    text-align: center;
    width: 20%; 
}
.col_dates{
    text-align: center;
    width: 20%; 
}
.col_number_dates{
    text-align: center;
    width: 20%;
}
.col_infos, .col_situation{
    text-align: center;
    width: 20%;
}
.col_infos a, .col_situation a{
    text-decoration: none;
    color: rgb(18, 122, 241);
}
.col_infos a:hover, .col_situation a:hover{
    font-weight: bolder;
    text-decoration: underline;
}

/* 最底層footer */
footer {
	height: auto;
}
footer .wrapper {
    margin: 0 auto;
    padding: 0px;
}
footer p {
    color: black;
    font-size: 1em;
    line-height: 1.4em;
    margin: 0;
}