html {
    position: relative;
    height: 100%;
    width: 100%;
    font-size: 62.5px;
}
html,body{
    padding: 0;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1920px;
    background-color: #fff;
    z-index: 0;
    min-width: 320px;
}
.modal-open {padding-right: 18px!important;}
* {
    margin: 0;
    padding: 0;
    list-style: decimal;
    text-decoration: none;
    box-sizing: border-box;
    font-family: 'Noto Sans TC', sans-serif!important;
}
a{transition: .3s;}
.mid{
    left: 0;
    right: 0;
    margin: 0 auto;
}
a:hover,a:focus{
    border: none!important;
    outline: none!important;
}
button{
    background-color: transparent;
    border: none;
    outline: none;
}
.footer{
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    background-size: cover;
    color: #fff;
    background-color: #513122;
}
.footer-content{
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: .4% 1%;
    text-align: left;
    font-size: 9pt;
    font-weight: 300;
}
.logo-cd{
    width: 7%;
    height: auto;
    position: relative;
    display: inline-block;
    margin-right: .5%;
    background: url(../img/logo_cd.png) center no-repeat;
    background-size: contain;
    vertical-align: text-top;
    padding-top: 3%;
}
.class12{
    width: 2.5%;
    height: auto;
    position: relative;
    display: inline-block;
    margin-right: .5%;
    background: url(../img/class12.jpg) center no-repeat;
    background-size: contain;
    vertical-align: text-top;
    padding-top: 3%;
}
.footer-link{
    width: auto;
    height: 100%;
    position: relative;
    display: inline-block;
    color: #fff;
    vertical-align: text-top;
    padding-top: 0.9%;
}
.footer-link a:hover,.footer-link a:focus{color: unset;}
.footer-list{
    width: auto;
    height: 100%;
    position: relative;
    display: inline-block;
    color: #fff;
    vertical-align: text-top;
}
.footer-list ul{
    width: auto;
    height: 100%;
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    margin: 0;
}
.footer-list ul li{list-style: inside;}