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

.morandibg{
    background: rgba(103,99,100,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.graygradientttobbg{
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(200,200,200,1));
    background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(200,200,200,1));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(200,200,200,1));
    background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(200,200,200,1));
}
.snowgradientttobbg{
    background-image: -webkit-linear-gradient(top, rgba(255,253,254,1), rgba(255,249,253,1));
    background-image: -o-linear-gradient(top, rgba(255,253,254,1), rgba(255,249,253,1));
    background-image: -moz-linear-gradient(top, rgba(255,253,254,1), rgba(255,249,253,1));
    background-image: linear-gradient(to bottom, rgba(255,253,254,1), rgba(255,249,253,1));
}

.blackfont{
    color: rgba(48,48,48,1);
}
.grayfont{
    color: rgba(128,128,128,1);
}
.pinkfont{
    color: rgba(240,107,137,1);
}
.woodskinfont{
    color: rgba(224,146,124,1);
}
.orangeyellowfont{
    color: rgba(255,142,2,1);
}
.darkvioletfont{
    color: rgba(114,95,125,1);
}
.darkgreenfont{
    color: rgba(101,169,86,1);
}
.bluefont{
    color: rgba(51,117,195,1);
}
.darkskinfont{
    color: rgba(221,128,94,1);
}

.whitesolid1{
    border: 1px solid rgba(255,255,255,.8);
}
.skinsolid4{
    border: 4px solid rgba(254,197,178,1);
}
.skinsolid2{
    border: 2px solid rgba(254,197,178,1);
}
.woodskinsolid2{
    border: 2px solid rgba(224,146,124,1);
}
.lightvioletsolid2{
    border: 2px solid rgba(240,226,251,1);
}
.lightgreentsolid2{
    border: 2px solid rgba(216,239,211,1);
}
.skindotr4::after{
    position: absolute;
    content: "";
    height: calc(100% - 96px);
    width: 4px;
    top: 32px;
    right: 0;
    border-right: 4px dotted rgba(254,197,178,1);
}

.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);
}
.grayboxshadowb8{
    box-shadow: 0px 8px 8px -3px rgba(150,150,150,1);
    -webkit-box-shadow: 0px 8px 8px -3px rgba(150,150,150,1);
}
.grayboxshadowb4{
    box-shadow: 0px 4px 4px -3px rgba(150,150,150,1);
    -webkit-box-shadow: 0px 4px 4px -3px rgba(150,150,150,1);
}
.skinboxshadow8inset{
    box-shadow: 0px 0px 8px -3px rgba(254,197,178,.8) inset;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(254,197,178,.8) inset;
}

.cusfixmaxwh24px{
    width: 24px;
    max-width: 24px;
    height: 24px;
    max-height: 24px;
}
.cusfixmaxw32px{
    width: 32px;
    max-width: 32px;
}
.cusfixmaxw96px{
    width: 96px;
    max-width: 96px;
}
.cusfixmaxw100-48px{
    width: calc(100% - 48px);
    max-width: calc(100% - 48px);
}
.cusfixmaxw100-112px{
    width: calc(100% - 112px);
    max-width: calc(100% - 112px);
}

.chenibanner{
    background: url(../fimgs/chenibanner.jpg) center center no-repeat;
    background-size: cover;
}
.fazhebanner{
    background: url(../fimgs/fazhebanner.jpg) center center no-repeat;
    background-size: cover;
}
.petbanner{
    background: url(../fimgs/petbanner.jpg) center center no-repeat;
    background-size: cover;
}

@media only screen and (min-height: 768px){
    .cusmaxpositionfixed{
        position: fixed;
    }
    .cusmaxbottom0{
        bottom: 0;
    }
}

@media only screen and (min-width: 1201px){
    .chenibg{
        background: url(../fimgs/chenibg02.jpg) center center no-repeat;
        background-size: cover;
    }
    .petbg{
        background: url(../fimgs/petbg02.jpg) bottom center no-repeat;
        background-size: cover;
    }
}

@media only screen and (min-width: 1301px){
    .chenibg{
        background: url(../fimgs/chenibg01.jpg) center center no-repeat;
        background-size: cover;
    }
    .petbg{
        background: url(../fimgs/petbg01.jpg) bottom center no-repeat;
        background-size: cover;
    }
}
@media only screen and (min-width: 1921px){
    .chenibg, .petbg{
        background-image: url(../fimgs/chenibg00.png), -webkit-linear-gradient(top, rgba(235,235,235,1), rgba(210,210,210,1), rgba(235,235,235,1));
        background-image: url(../fimgs/chenibg00.png), -o-linear-gradient(top, rgba(235,235,235,1), rgba(210,210,210,1), rgba(235,235,235,1));
        background-image: url(../fimgs/chenibg00.png), -moz-linear-gradient(top, rgba(235,235,235,1), rgba(210,210,210,1), rgba(235,235,235,1));
        background-image: url(../fimgs/chenibg00.png), linear-gradient(to bottom, rgba(235,235,235,1), rgba(210,210,210,1), rgba(235,235,235,1));
        background-position: center center, center center;
        background-repeat: no-repeat, no-repeat;
        background-size: contain, auto;
    }
}
@media only screen and (max-width: 1200px){
    .chenibg{
        background: url(../fimgs/chenibg03.jpg) center center no-repeat;
        background-size: cover;
    }
    .petbg{
        background: url(../fimgs/petbg03.jpg) bottom center no-repeat;
        background-size: cover;
    }
}