.fmeng, .fmtw{
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtitle{
    font-family: 'Yuji Mai', serif, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}

.morandibg{
    background: rgba(103,99,100,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.navbg{
    background-image: url(../fimgs/menubg.png), -webkit-linear-gradient(top, rgba(164,41,39,1), rgba(164,41,39,1));
    background-image: url(../fimgs/menubg.png), -o-linear-gradient(top, rgba(164,41,39,1), rgba(164,41,39,1));
    background-image: url(../fimgs/menubg.png), -moz-linear-gradient(top, rgba(164,41,39,1), rgba(164,41,39,1));
    background-image: url(../fimgs/menubg.png), linear-gradient(to bottom, rgba(164,41,39,1), rgba(164,41,39,1));
    background-size: auto, auto;
    background-repeat: repeat, no-repeat;
    background-position: center top, center center;
}
.whitetolightyellowwavebg{
    background-image: url(../fimgs/indexwavebg.png), -webkit-linear-gradient(top, rgba(255,255,255,1) 48%, rgba(249,242,214,1));
    background-image: url(../fimgs/indexwavebg.png), -o-linear-gradient(top, rgba(255,255,255,1) 48%, rgba(249,242,214,1));
    background-image: url(../fimgs/indexwavebg.png), -moz-linear-gradient(top, rgba(255,255,255,1) 48%, rgba(249,242,214,1));
    background-image: url(../fimgs/indexwavebg.png), linear-gradient(to bottom, rgba(255,255,255,1) 48%, rgba(249,242,214,1));
    background-size: auto, auto;
    background-repeat: repeat, no-repeat;
    background-position: center top, center center;
}
.lightyellowgradientttobbg{
    background: -webkit-linear-gradient(top, rgba(255,248,156,1), rgba(252,215,114,1));
    background: -o-linear-gradient(top, rgba(255,248,156,1), rgba(252,215,114,1));
    background: -moz-linear-gradient(top, rgba(255,248,156,1), rgba(252,215,114,1));
    background: linear-gradient(to bottom, rgba(255,248,156,1), rgba(252,215,114,1));
}
.greengradienttltobrbg{
    background: -webkit-linear-gradient(top left, rgba(151,242,10,1), rgba(5,182,0,1));
    background: -o-linear-gradient(top left, rgba(151,242,10,1), rgba(5,182,0,1));
    background: -moz-linear-gradient(top left, rgba(151,242,10,1), rgba(5,182,0,1));
    background: linear-gradient(to bottom right, rgba(151,242,10,1), rgba(5,182,0,1));
}

.darkwoodfont{
    color: rgba(94,74,62,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.darkredfont{
    color: rgba(164,41,39,1);
}
.lightyellowfont{
    color: rgba(255,248,156,1);
}
.yellowfont{
    color: rgba(255,189,75,1);
}
.whitetodarkredfont, .whitetodarkredfont:visited{
    color: rgba(255,255,255,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.whitetodarkredfont:hover, .whitetodarkredfont:active{
    color: rgba(164,41,39,1);
}

.lightyellowsolidb1{
    border-bottom: 1px solid rgba(255,248,156,1);
}
.lightyellowsolidb2{
    border-bottom: 2px solid rgba(255,248,156,1);
}
.lightyellowsolidt2{
    border-top: 2px solid rgba(255,248,156,1);
}
.transtolightyellowlr2inset{
    border-style: solid;
    border-width: 0px 2px;
    -webkit-border-image: -webkit-linear-gradient(rgba(245,245,245,.001) 4%, rgba(255,248,156,.80) 96%) 1;
    -o-border-image: -o-linear-gradient(rgba(245,245,245,.001) 4%, rgba(255,248,156,.80) 96%) 1;
    -moz-border-image: -moz-linear-gradient(rgba(245,245,245,.001) 4%, rgba(255,248,156,.80) 96%) 1;
    border-image: linear-gradient(to bottom, rgba(245,245,245,.001) 4%, rgba(255,248,156,.80) 96%) 1;
    box-sizing: border-box;
}
.transtolightyellowr2inset{
    border-style: solid;
    border-width: 0px 2px 0px 0px;
    -webkit-border-image: -webkit-linear-gradient(rgba(245,245,245,.001) 4%, rgba(255,248,156,.80) 96%) 1;
    -o-border-image: -o-linear-gradient(rgba(245,245,245,.001) 4%, rgba(255,248,156,.80) 96%) 1;
    -moz-border-image: -moz-linear-gradient(rgba(245,245,245,.001) 4%, rgba(255,248,156,.80) 96%) 1;
    border-image: linear-gradient(to bottom, rgba(245,245,245,.001) 4%, rgba(255,248,156,.80) 96%) 1;
    box-sizing: border-box;
}
.transtolightyellowr1inset{
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    -webkit-border-image: -webkit-linear-gradient(rgba(245,245,245,.001) 4%, rgba(255,248,156,.80) 96%) 1;
    -o-border-image: -o-linear-gradient(rgba(245,245,245,.001) 4%, rgba(255,248,156,.80) 96%) 1;
    -moz-border-image: -moz-linear-gradient(rgba(245,245,245,.001) 4%, rgba(255,248,156,.80) 96%) 1;
    border-image: linear-gradient(to bottom, rgba(245,245,245,.001) 4%, rgba(255,248,156,.80) 96%) 1;
    box-sizing: border-box;
}
.lightyellowtotransr1inset{
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    -webkit-border-image: -webkit-linear-gradient(rgba(255,248,156,.80) 4%, rgba(245,245,245,.001) 96%) 1;
    -o-border-image: -o-linear-gradient(rgba(255,248,156,.80) 4%, rgba(245,245,245,.001) 96%) 1;
    -moz-border-image: -moz-linear-gradient(rgba(255,248,156,.80) 4%, rgba(245,245,245,.001) 96%) 1;
    border-image: linear-gradient(to bottom, rgba(255,248,156,.80) 4%, rgba(245,245,245,.001) 96%) 1;
    box-sizing: border-box;
}

.grayboxshadowlr4{
    box-shadow: 4px 0px 4px -3px rgba(150,150,150,1), -4px 0px 4px -3px rgba(150,150,150,1);
    -webkit-box-shadow: 4px 0px 4px -3px rgba(150,150,150,1), -4px 0px 4px -3px rgba(150,150,150,1);
}
.grayboxshadowb4{
    box-shadow: 0px 4px 1px -1px rgba(100,100,100,1);
    -webkit-box-shadow: 0px 4px 1px -1px rgba(100,100,100,1);
}
.grayboxshadowt8{
    box-shadow: 0px -8px 8px -7px rgba(100,100,100,1);
    -webkit-box-shadow: 0px -8px 8px -7px rgba(100,100,100,1);
}
.grayboxshadowb8{
    box-shadow: 0px 8px 8px -7px rgba(100,100,100,1);
    -webkit-box-shadow: 0px 8px 8px -7px rgba(100,100,100,1);
}
.grayboxshadowt8inset{
    box-shadow: 0px 8px 8px -7px rgba(100,100,100,1) inset;
    -webkit-box-shadow: 0px 8px 8px -7px rgba(100,100,100,1) inset;
}
.grayboxshadowtb8inset{
    box-shadow: 0px 8px 8px -7px rgba(100,100,100,1) inset, 0px -8px 8px -7px rgba(100,100,100,1) inset;
    -webkit-box-shadow: 0px 8px 8px -7px rgba(100,100,100,1) inset, 0px -8px 8px -7px rgba(100,100,100,1) inset;
}

.cusfixmaxw248px{
    width: 248px;
    max-width: 248px;
}
.cusfixmaxw264px{
    width: 264px;
    max-width: 264px;
}
.cusfixmaxw100-264px{
    width: calc(100% - 264px);
    max-width: calc(100% - 264px);
}
.cusfixmaxw100-280px{
    width: calc(100% - 280px);
    max-width: calc(100% - 280px);
}
.cusfixmaxh320px{
    height: 320px;
    max-height: 320px;
}

@media only screen and (min-width: 1201px){
    .banner01{
        background: url(../fimgs/indexbanner01002.jpg) bottom center no-repeat;
        background-size: cover;
    }
    .banner02{
        background: url(../fimgs/indexbanner02002.jpg) bottom center no-repeat;
        background-size: cover;
    }
    .banner03{
        background: url(../fimgs/indexbanner03002.jpg) bottom center no-repeat;
        background-size: cover;
    }
}

@media only screen and (min-width: 1301px){
    .cusmaxw1301dpb{
        display: block;
    }
    .cusmaxw1301hidden{
        display: none;
    }
    .banner01{
        background: url(../fimgs/indexbanner01001.jpg) bottom center no-repeat;
        background-size: cover;
    }
    .banner02{
        background: url(../fimgs/indexbanner02001.jpg) bottom center no-repeat;
        background-size: cover;
    }
    .banner03{
        background: url(../fimgs/indexbanner03001.jpg) bottom center no-repeat;
        background-size: cover;
    }
    .cusmax1301w100-80px{
        width: calc(100% - 80px);
        max-width: calc(100% - 80px);
    }
}

@media only screen and (min-width: 1921px){
    .cusmaxw1921h1080px{
        max-height: 1080px;
    }
}

@media only screen and (max-width: 1200px){
    .banner01{
        background: url(../fimgs/indexbanner01003.jpg) bottom center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02003.jpg) bottom center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03003.jpg) bottom center no-repeat;
        background-size: contain;
    }
}

@media only screen and (max-width: 600px){
    .banner01{
        background: url(../fimgs/indexbanner01004.jpg) bottom center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02004.jpg) bottom center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03004.jpg) bottom center no-repeat;
        background-size: contain;
    }
}