.fmeng{
    font-family: 'Klee One', cursive, Microsoft JhengHei, Verdana, sans-serif;
}
.fmtw{
    font-family: 'Noto Sans TC', 'Klee One', cursive, Microsoft JhengHei, Verdana, sans-serif;
}

.morandibg{
    background: rgba(103,99,100,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.lightyellowbg{
    background: rgba(255,251,203,1);
}
.pinkbg{
    background: rgba(243,156,159,1);
}
.darkpinkbg{
    background: rgba(236,106,119,1);
}
.darkorangebg{
    background: rgba(236,102,37,1);
}
.orangebg{
    background: rgba(242,145,82,1);
}
.yellowgreenbg{
    background: rgba(141,195,54,1);
}
.greenbg{
    background: rgba(0,153,74,1);
}
.bluebg{
    background: rgba(0,141,208,1);
}
.darkbluebg{
    background: rgba(0,102,179,1);
}
.tiffinybg{
    background: rgba(0,154,148,1);
}
.darktiffinybg{
    background: rgba(0,120,115,1);
}
.greenbg40{
    background: rgba(107,208,137,.40);
}
.bluebg40{
    background: rgba(0,141,208,.40);
}
.tiffinybg40{
    background: rgba(0,154,148,.40);
}
.afterpinkbg80::after{
    content: "";
    position: absolute;
    top: -1px;
    padding: 12px;
    background: rgba(243,156,159,.80);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid rgba(250,205,142,1);
}
.afterdarkpinkbg80::after{
    content: "";
    position: absolute;
    top: -1px;
    padding: 12px;
    background: rgba(236,106,119,.80);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid rgba(250,205,142,1);
}
.afterdarkorangebg80::after{
    content: "";
    position: absolute;
    top: -1px;
    padding: 12px;
    background: rgba(255,185,62,.80);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid rgba(250,205,142,1);
}
.aftergreenbg80::after{
    content: "";
    position: absolute;
    top: -1px;
    padding: 12px;
    background: rgba(107,208,137,.80);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid rgba(250,205,142,1);
}
.afterbluebg80::after{
    content: "";
    position: absolute;
    top: -1px;
    padding: 12px;
    background: rgba(0,141,208,.80);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid rgba(250,205,142,1);
}
.aftertiffinybg80::after{
    content: "";
    position: absolute;
    top: -1px;
    padding: 12px;
    background: rgba(0,154,148,.80);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid rgba(250,205,142,1);
}
.greengradientttobbg{
    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));
}
.tiffinytowhitettobbg{
    background: -webkit-linear-gradient(top, rgba(134,212,206,1), rgba(183,230,227,1));
    background: -o-linear-gradient(top, rgba(134,212,206,1), rgba(183,230,227,1));
    background: -moz-linear-gradient(top, rgba(134,212,206,1), rgba(183,230,227,1));
    background: linear-gradient(to bottom, rgba(134,212,206,1), rgba(183,230,227,1));
}
.whitetotiffinyttobbg{
    background: -webkit-linear-gradient(bottom, rgba(134,212,206,1), rgba(183,230,227,1));
    background: -o-linear-gradient(bottom, rgba(134,212,206,1), rgba(183,230,227,1));
    background: -moz-linear-gradient(bottom, rgba(134,212,206,1), rgba(183,230,227,1));
    background: linear-gradient(to top, rgba(134,212,206,1), rgba(183,230,227,1));
}
.lightyellowgradientltorbg{
    background: -webkit-linear-gradient(left, rgba(234,244,190,1), rgba(234,241,142,1));
    background: -o-linear-gradient(left, rgba(234,244,190,1), rgba(234,241,142,1));
    background: -moz-linear-gradient(left, rgba(234,244,190,1), rgba(234,241,142,1));
    background: linear-gradient(to right, rgba(234,244,190,1), rgba(234,241,142,1));
}
.whitetolightyellowttobbg{
    background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(250,247,207,1));
    background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(250,247,207,1));
    background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(250,247,207,1));
    background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(250,247,207,1));
}
.logobg::before{
    content: "";
    position: absolute;
    top: calc(100% - 4px);
    left: calc(50% - 10px);
    border-style: solid;
    border-color: rgba(255,251,203,1) transparent transparent transparent;
    border-width: 16px 10px 0px 10px;
}
.darkgreensolidtxt01::before{
    content: "愛花蓮";
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(37,159,140,1);
    font-size: 39px;
    line-height: 40px;
    font-weight: 900;
    -webkit-text-stroke: 4px rgba(37,159,140,1);
    text-stroke: 4px rgba(37,159,140,1);
    font-family: 'Klee One', cursive, Microsoft JhengHei, Verdana, sans-serif;
}
.darkgreensolidtxt02::before{
    content: "旅遊包車";
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(37,159,140,1);
    font-size: 27px;
    line-height: 32px;
    font-weight: 900;
    -webkit-text-stroke: 4px rgba(37,159,140,1);
    text-stroke: 4px rgba(37,159,140,1);
    font-family: 'Klee One', cursive, Microsoft JhengHei, Verdana, sans-serif;
}

.whitefont{
    color: rgba(255,255,255,1);
}
.blackfont{
    color: rgba(30,30,30,1);
}
.darkgrayfont{
    color: rgba(115,115,115,1);
}
.bluefont{
    color: rgba(0,104,208,1);
}
.greenfont{
    color: rgba(0,153,74,1);
}
.tiffinyfont{
    color: rgba(0,154,148,1);
}
.darktiffinyfont{
    color: rgba(0,120,115,1);
}
.yellowfont{
    color: rgba(255,244,108,1);
}
.lightyellowfont{
    color: rgba(255,251,203,1);
}
.orangefont{
    color: rgba(242,145,82,1);
}

.whitetoyellowfont, .whitetoyellowfont:visited{
    color: rgba(255,255,255,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.whitetoyellowfont:hover, .whitetoyellowfont:active{
    color: rgba(255,244,108,1);
}

.lightorangesolid1{
    border: 1px solid rgba(250,205,142,1);
}
.lightyellowsolid1{
    border: 1px solid rgba(255,244,108,1);
}
.darkgraysolid1{
    border: 1px solid rgba(115,115,115,1);
}
.lightyellowsolid2{
    border: 2px solid rgba(255,244,108,1);
}
.lightorangesolidt1{
    border-top: 1px solid rgba(250,205,142,1);
}
.lightorangesolidb1{
    border-bottom: 1px solid rgba(250,205,142,1);
}
.greensolidb1{
    border-bottom: 1px solid rgba(0,153,74,1);
}
.bluesolidb1{
    border-bottom: 1px solid rgba(0,104,208,1);
}
.darktiffinysolidb1{
    border-bottom: 1px solid rgba(0,154,148,1);
}
.lightorangesolidr1{
    border-right: 1px solid rgba(250,205,142,1);
}
.lightyellowsolidt2{
    border-top: 2px solid rgba(255,244,108,1);
}
.lightyellowsolidb4{
    border-bottom: 4px solid rgba(255,244,108,1);
}

.grayboxshadowlr4{
    box-shadow: 4px 0px 4px -3px rgba(194,190,191,1), -4px 0px 4px -3px rgba(194,190,191,1);
    -webkit-box-shadow: 4px 0px 4px -3px rgba(194,190,191,1), -4px 0px 4px -3px rgba(194,190,191,1);
}
.grayboxshadowb4{
    box-shadow: 0px 4px 4px -3px rgba(194,190,191,1);
    -webkit-box-shadow: 0px 4px 4px -3px rgba(194,190,191,1);
}
.grayboxshadowt4{
    box-shadow: 0px -4px 4px -3px rgba(194,190,191,1);
    -webkit-box-shadow: 0px -4px 4px -3px rgba(194,190,191,1);
}
.grayboxshadowrb4{
    box-shadow: 4px 4px 4px -3px rgba(194,190,191,1);
    -webkit-box-shadow: 4px 4px 4px -3px rgba(194,190,191,1);
}
.lightyellowboxshadowrb8{
    box-shadow: 8px 8px 8px -5px rgba(255,252,220,1);
    -webkit-box-shadow: 8px 8px 8px -5px rgba(255,252,220,1);
}
.grayboxshadowt4inset{
    box-shadow: 0px 4px 4px -3px rgba(194,190,191,1) inset;
    -webkit-box-shadow: 0px 4px 4px -3px rgba(194,190,191,1) inset;
}

.graytextshadow1{
    text-shadow: 1px 1px 1px rgba(128,128,128,1);
}

.cuspadding12{
    padding: 12px;
}

.cusmaxh240px{
    height: 240px;
    max-height: 240px;
}

.cusbottom-16px{
    bottom: -16px;
}
.cusright-16px{
    right: -16px;
}

@media only screen and (min-width: 1201px){
    .max1201dpb{
        display: block;
    }
    .max1201hidden{
        display: none;
    }
    .banner01{
        background: url(../fimgs/indexbanner01002.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02002.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03002.jpg) center center no-repeat;
        background-size: contain;
    }
    .indexbg{
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 80%, transparent), url(../fimgs/indexbg01001.jpg);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 80%, transparent), url(../fimgs/indexbg01001.jpg);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 80%, transparent), url(../fimgs/indexbg01001.jpg);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 80%, transparent), url(../fimgs/indexbg01001.jpg);
        background-size: auto, contain;
        background-position: top center, bottom center;
        background-repeat: no-repeat, no-repeat;
    }
    .cusmaxlightorangesolidr1{
        border-right: 1px solid rgba(250,205,142,1);
    }
}

@media only screen and (min-width: 1301px){
    .max1301dpb{
        display: block;
    }
    .max1301hidden{
        display: none;
    }
    .banner01{
        background: url(../fimgs/indexbanner01001.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02001.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03001.jpg) center center no-repeat;
        background-size: contain;
    }
}
@media only screen and (max-width: 1200px){
    .cus1200maxw100-96px{
        width: calc(100% - 96px);
        max-width: calc(100% - 96px);
    }
    .cus1200maxw88px{
        width: 88px;
        max-width: 88px;
    }
    .banner01{
        background: url(../fimgs/indexbanner01003.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02003.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03003.jpg) center center no-repeat;
        background-size: contain;
    }
    .indexbg{
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 80%, transparent), url(../fimgs/indexbg01002.jpg);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 80%, transparent), url(../fimgs/indexbg01002.jpg);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 80%, transparent), url(../fimgs/indexbg01002.jpg);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 80%, transparent), url(../fimgs/indexbg01002.jpg);
        background-size: auto, contain;
        background-position: top center, bottom center;
        background-repeat: no-repeat, no-repeat;
    }
}

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