@charset "UTF-8";
body,html{
font-family:sans-serif,"Microsoft JhengHei","微軟正黑體"!important;
font-size:10px
}
body{
border-top:5px solid #00b347
}
ul{
margin:0;
padding:0
}
ul>li{
list-style-type:none
}
section{
margin-top:1rem
}
a.card:hover{
text-decoration:none
}
.container{
max-width:1080px;
margin:auto
}
img:not([src]):not([srcset]){
visibility:hidden
}
@media all and (-ms-high-contrast:none){
img:not([src]):not([srcset]){
max-height:1px
}

}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.img-wrapper{
display:block
}
.img-wrapper img{
width:100%;
display:block
}
.row.thin-padding{
margin-left:-7px;
margin-right:-7px
}
.row.thin-padding>[class*=col-],.row.thin-padding>[class~=col]{
padding-left:7px;
padding-right:7px
}
@media screen and (max-width:400px){
.row.thin-padding{
margin-left:-2px;
margin-right:-2px
}
.row.thin-padding>[class*=col-],.row.thin-padding>[class=col]{
padding-left:2px;
padding-right:2px
}

}
.row.thin-padding--xs{
margin-left:-5px;
margin-right:-5px
}
.row.thin-padding--xs>[class*=col-]{
padding-left:5px;
padding-right:5px
}
.menu-block__logo img{
margin:10px;
}

header{
margin-bottom:2rem;
position:relative
color:#7a7a7a;
font-size:12px
}

header a{
color:#7a7a7a;
text-decoration:none
}
header a:hover{
color:#7a7a7a
}
header .row{
position:relative
}
header .name{
padding-top:1rem;
font-weight:600;
font-size:1.2rem
}
@media (max-width:991px){
header .name{
text-align:center
}

}
header .fa{
font-size:16px
}
header .fas{
font-size:13px
}
header .fa,header .fas{
width:16px;
text-align:center
}
header .lh{
line-height:23px;
text-align:left
}
header .container-fluid{
padding-top:2rem;
padding-bottom:1rem;
background-color:#eee;
padding-left:0;
padding-right:0
}
header .container-fluid>.row{
max-width:1080px;
margin:auto;
font-size:12px;
padding-right:15px;
padding-left:15px
}
header .fm-apps{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:0
}
header .fm-apps li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
margin-bottom:10px
}
@media (max-width:991px){
header .fm-apps li{
width:100%;
text-align:center
}

}
header .fm-apps .xs-decoration{
display:none
}
@media (max-width:991px){
header .fm-apps .xs-decoration{
display:block
}

}
header .fm-app__name{
margin-bottom:.5rem
}
header .fm-app__qrcode{
margin-top:auto;
border:1px solid #cacaca;
padding:10px 5px;
display:inline-block
}
header .fm-app__qrcode .prompt{
padding:0 5px;
margin-bottom:5px
}
header .fm-app__qrcode .prompt .platforms-icon{
display:inline-block;
width:25px;
height:25px;
background-size:25px;
background-repeat:no-repeat;
vertical-align:middle;
margin-right:5px
}
header .fm-app__qrcode .prompt .platforms-icon.apple{
background-image:url(./apple_icon.png)
}
header .fm-app__qrcode .prompt .platforms-icon.googleplay{
background-image:url(./googleplay_icon.png)
}
header .fm-app__qrcode .qrcode-img{
padding:0 5px
}
header .fm-app__qrcode .qrcode-img img{
width:80px;
height:80px;
display:inline-block
}
@media (max-width:991px){
header .fm-app__qrcode .qrcode-img img{
width:50px;
height:50px
}

}
header .fm-app__qrcode .qrcode-img img:first-child{
margin-right:10px
}
header .info-list{
font-size:1.2rem;
margin-bottom:1rem
}
@media (max-width:991px){
header .info-list{
text-align:center
}

}
header .info-list>li{
display:inline-block;
margin-right:10px
}
header .link-list{
font-size:1.2rem;
font-size:1.2rem;
margin-bottom:1rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
@media (max-width:991px){
header .link-list{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}

}
header .link-list>li:not(:first-child)::before{
content:"|";
display:inline-block;
margin:0 .5rem;
margin-right:.2rem
}
@media (max-width:991px){
header .copyright-block{
text-align:center
}

}
header .dpmark{
position:absolute;
top:0;
right:0;
margin-top:.8rem;
margin-bottom:1rem;
margin-right:1rem;
text-align:center
}
header .dpmark__icon{
display:inline-block
}
header .dpmark__seal{
font-family:Arial;
font-size:11pt;
color:gray;
font-weight:700
}
@media (max-width:960px){
header .dpmark{
position:relative;
margin:0;
-webkit-box-flex:1;
-ms-flex:1 0 auto;
flex:1 0 auto
}

}