/* 顏色 */
#page{
    background:#FFFBD4 url('../images/index-02.png')left top no-repeat;
    background-size: 100%;
    padding-top: 10vw;
}
td:hover{background: #ccc;cursor:pointer;}
thead{background: #fff000;}
.treven{background: #FFFCDB;}
.flexBox{background-color:#ff3366;color: #fff}
.ttittle table{background-color: rgba(255, 255, 0, 0.95);}

#page>header{padding-right: 2.5%;}
#page>header h1{
    font-size: 3em;
    text-shadow: 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white, 0 0px 0.125em white;
}
#page>header h2{border-bottom-right-radius: 3em;}
/* 表格 */
table{
    border-collapse:collapse;border-spacing:0;width:100%;display:table;text-align: center;
    border: 2px solid;
}
thead{font-weight: 800;font-size: 1.1em;}
tr,td,th {border: 2px solid black;padding: 0.5em 0.25em;line-height: 1.25}
th:nth-child(1){width: 1.5em;}
.td7{width: 25%;padding:0.5em;font-size: 0.8em}
.td6{width: 8em;padding:0.5em;}
.td5{width: 5em}
.td4{width: 5em;padding:0.25em;font-size: 0.8em}
.td3{width: 35%;padding:0.5em;text-align: left}
.td2{width: 2em;}
.td1{color: #E4007F;font-weight: 800;}
ol{padding-left: 1em;}
th{text-align: center!important}
.ttittle {padding-bottom: 0;}
.ttittle table{
    line-height: 1.25;
}

@media screen and (max-width:601px){
#page>header{    padding-right: 0.5em;font-size: 2.5vw;}
.td5,.td6{font-size: 0.75em}
.td4{font-size: 0.5em}
tr,td,th {border: 1px solid black;}
}

footer.flexBox{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap; 
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    align-content: stretch;
    -webkit-align-content: stretch;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding-bottom: 100px;
}
footer.flexBox>div{min-height: 1em;height: 100%; flex-grow: 1;flex-shrink: 2;}
footer.flexBox>.left-align{min-height: 1em;height: 100%; flex-grow: 2;}

/*底部滑動橫條*/
#bottom{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10000;
    text-align: center!important;
}
#goTop{position: absolute;top:-4em;right: 1em;width: 3em;height: 3em;padding: 0.5em;}
@media screen and (max-width:601px){
#goTop{ right: 0.5em;}
#bottom>div>a{    padding: 2%;    line-height: 1.2;}
}
/*側邊line@群組*/
#askLine {
    color: #fff;
    background-color: #4CAF50;
    line-height: 1;
    position: fixed;
    top:40vh;    right: 0.5em;
    padding: 0.5em;
    border-radius: 1em 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    outline: 0;
    line-height: 1.25;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    /* overflow: hidden; */
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
}
@media screen and (max-width:1280px){
#askLine {font-size: 0.5em;}
}
/* 跳出視窗 */
.modal-content{margin-bottom: 5em;}