.fmeng{
    font-family: 'Amatic SC', cursive, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtw{
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtitle{
    font-family: 'ZCOOL QingKe HuangYou', cursive, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmlogo{
    font-family: 'Dela Gothic One', cursive, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}

.morandibg{
    background: rgba(103,99,100,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.aquabg{
    background: rgba(0,159,188,1);
}
.bluebg{
    background: rgba(26,106,180,1);
}
.lightyellowbg{
    background: rgba(254,249,157,1);
}
.whitebg72{
    background: rgba(255,255,255,.72);
}
.whitetotransbg{
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 4%, rgba(255,255,255,.001) 50%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 4%, rgba(255,255,255,.001) 50%);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 4%, rgba(255,255,255,.001) 50%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 4%, rgba(255,255,255,.001) 50%);
}
.aquatobluebg{
    background: -webkit-linear-gradient(top, rgba(0,159,188,1), rgba(26,106,180,1));
    background: -o-linear-gradient(top, rgba(0,159,188,1), rgba(26,106,180,1));
    background: -moz-linear-gradient(top, rgba(0,159,188,1), rgba(26,106,180,1));
    background: linear-gradient(to bottom, rgba(0,159,188,1), rgba(26,106,180,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));
}
.bluegradientttobbg{
    background: -webkit-linear-gradient(top left, rgba(46,121,187,1), rgba(24,98,162,1));
    background: -o-linear-gradient(top left, rgba(46,121,187,1), rgba(24,98,162,1));
    background: -moz-linear-gradient(top left, rgba(46,121,187,1), rgba(24,98,162,1));
    background: linear-gradient(to bottom right, rgba(46,121,187,1), rgba(24,98,162,1));
}
.yellowgradientttobbg{
    background: -webkit-linear-gradient(top left, rgba(255,240,133,1), rgba(250,205,103,1));
    background: -o-linear-gradient(top left, rgba(255,240,133,1), rgba(250,205,103,1));
    background: -moz-linear-gradient(top left, rgba(255,240,133,1), rgba(250,205,103,1));
    background: linear-gradient(to bottom right, rgba(255,240,133,1), rgba(250,205,103,1));
}
.indexbg01{
    background: url(../fimgs/indexbg02.jpg), url(../fimgs/indexbg03.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/indexbg02.jpg), url(../fimgs/indexbg03.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/indexbg02.jpg), url(../fimgs/indexbg03.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/indexbg02.jpg), url(../fimgs/indexbg03.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
    background-position: top left, top right, center top;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 20% auto, 20% auto, auto;
}
.logoshadow::before{
    content: "";
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: url(../fimgs/EDE9CDF3.png) center center no-repeat;
    background-size: 100% auto;
    opacity: 0.72;
    filter: alpha(opacity=72);
}

.whitefont{
    color: rgba(255,255,255,1);
}
.aquafont{
    color: rgba(0,159,188,1);
}
.bluefont{
    color: rgba(26,106,180,1);
}
.lightyellowfont{
    color: rgba(254,249,157,1);
}
.orangefont{
    color: rgba(243,154,44,1);
}
.greenfont{
    color: rgba(56,178,75,1);
}
.pinkfont{
    color: rgba(236,96,122,1);
}
.violetfont{
    color: rgba(138,65,146,1);
}
.grayfont{
    color: rgba(150,150,150,1);
}
.blackfont{
    color: rgba(44,44,44,1);
}

.lightyellowsolidt2{
    border-top: 2px solid rgba(254,249,157,1);
}
.whitesolidt1{
    border-top: 1px solid rgba(255,255,255,1);
}
.whitesolidb1{
    border-bottom: 1px solid rgba(255,255,255,1);
}
.whitesolid1{
    border: 1px solid rgba(255,255,255,1);
}
.bluesolid1{
    border: 1px solid rgba(26,106,180,1);
}
.greensolid1{
    border: 1px solid rgba(56,178,75,1);
}
.pinksolid1{
    border: 1px solid rgba(236,96,122,1);
}
.bluetotranssolidb1inset{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(26,106,180,1) 4%, rgba(26,106,180,.001) 96%) 1;
    -o-border-image: -o-linear-gradient(left, rgba(26,106,180,1) 4%, rgba(26,106,180,.001) 96%) 1;
    -moz-border-image: -moz-linear-gradient(left, rgba(26,106,180,1) 4%, rgba(26,106,180,.001) 96%) 1;
    border-image: linear-gradient(to right, rgba(26,106,180,1) 4%, rgba(26,106,180,.001) 96%) 1;
}
.transtobluesolidb1inset{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(26,106,180,.001) 4%, rgba(26,106,180,1) 96%) 1;
    -o-border-image: -o-linear-gradient(left, rgba(26,106,180,.001) 4%, rgba(26,106,180,1) 96%) 1;
    -moz-border-image: -moz-linear-gradient(left, rgba(26,106,180,.001) 4%, rgba(26,106,180,1) 96%) 1;
    border-image: linear-gradient(to right, rgba(26,106,180,.001) 4%, rgba(26,106,180,1) 96%) 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);
}
.grayboxshadowt4{
    box-shadow: 0px -4px 4px -3px rgba(150,150,150,1);
    -webkit-box-shadow: 0px -4px 4px -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);
}
.grayboxshadowrb4{
    box-shadow: 4px 4px 4px -1px rgba(150,150,150,1);
    -webkit-box-shadow: 4px 4px 4px -1px rgba(150,150,150,1);
}
.blueboxshadowrb4{
    box-shadow: 4px 4px 4px -1px rgba(189,225,242,1);
    -webkit-box-shadow: 4px 4px 4px -1px rgba(189,225,242,1);
}
.greenboxshadowrb4{
    box-shadow: 4px 4px 4px -1px rgba(194,217,143,1);
    -webkit-box-shadow: 4px 4px 4px -1px rgba(194,217,143,1);
}
.orangeboxshadowrb4{
    box-shadow: 4px 4px 4px -1px rgba(253,228,189,1);
    -webkit-box-shadow: 4px 4px 4px -1px rgba(253,228,189,1);
}
.grayboxshadowt4inset{
    box-shadow: 0px 4px 4px -3px rgba(150,150,150,1) inset;
    -webkit-box-shadow: 0px 4px 4px -3px rgba(150,150,150,1) inset;
}

.graytextshadowb4{
    text-shadow: 0px 4px 4px rgba(200,200,200,1);
}
.darkbluetextshadowrb2{
    text-shadow: 2px 2px 4px rgba(102,139,177,1);
}

.logotxtscaley125{
    transform:translate(0px,0px) rotate(0deg) scaleY(1.25);
    -webkit-transform:translate(0px,0px) rotate(0deg) scaleY(1.25);
}

.cuswh80px{
    width: 80px;
    height: 80px;
}
.cuswh120px{
    width: 120px;
    height: 120px;
}
.cusrb24px{
    right: -24px;
    bottom: -24px;
}
.cusmaxw64px{
    width: 64px;
    max-width: 64px;
}
.cusmax168px{
    width: 168px;
    max-width: 168px;
}
.cusmax240px{
    width: 240px;
    max-width: 240px;
}
.cusmaxw50-84px{
    width: calc(50% - 84px);
    max-width: calc(50% - 84px);
}
.cusmaxw50-120px{
    width: calc(50% - 120px);
    max-width: calc(50% - 120px);
}

.scrollani::before{
    content: "";
    position: absolute;
    border-left: 1px solid rgba(255,255,255,1);
    width: 0px;
    top: 8px;
    left: 50%;
    animation: scrollline 1.5s linear infinite;
}
@keyframes scrollline {
	0% {
		height: 0px;
	}
	32% {
		height: calc(100% - 16px);
	}
    100% {
		height: calc(100% - 16px);
	}
}
.scrollani::after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: calc(50% - 4px);
    background: rgba(255,255,255,.88);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    animation: scrolldot 1.5s linear infinite;
}
@keyframes scrolldot {
	0% {
		top: -4px;
	}
	32% {
		top: calc(100% - 12px);
	}
    100% {
		top: calc(100% - 12px);
	}
}

@media only screen and (min-width: 1201px){
    .mainbg{
        background: url(../fimgs/indexbg01002.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01002.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01002.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01002.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: 100% auto, auto;
        background-position: bottom right, center top;
        background-repeat: no-repeat, no-repeat;
    }
    .banner01{
        background: url(../fimgs/indexbanner01002.jpg) center center no-repeat;
        background-size: cover;
    }
    .banner02{
        background: url(../fimgs/indexbanner02002.jpg) top center no-repeat;
        background-size: cover;
    }
    .banner03{
        background: url(../fimgs/indexbanner03002.jpg) center center no-repeat;
        background-size: cover;
    }
    .banner04{
        background: url(../fimgs/indexbanner04002.jpg) top center no-repeat;
        background-size: cover;
    }
    .banner05{
        background: url(../fimgs/indexbanner05002.jpg) center center no-repeat;
        background-size: cover;
    }
}

@media only screen and (min-width: 1301px){
    .cusmaxw1301dpb{
        display: block;
    }
    .cusmaxw1301hidden{
        display: none;
    }
    .mainbg{
        background: url(../fimgs/indexbg01001.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01001.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01001.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01001.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: 100% auto, auto;
        background-position: bottom right, center top;
        background-repeat: no-repeat, no-repeat;
    }
    .banner01{
        background: url(../fimgs/indexbanner01001.jpg) center center no-repeat;
        background-size: cover;
    }
    .banner02{
        background: url(../fimgs/indexbanner02001.jpg) top center no-repeat;
        background-size: cover;
    }
    .banner03{
        background: url(../fimgs/indexbanner03001.jpg) center center no-repeat;
        background-size: cover;
    }
    .banner04{
        background: url(../fimgs/indexbanner04001.jpg) top center no-repeat;
        background-size: cover;
    }
    .banner05{
        background: url(../fimgs/indexbanner05001.jpg) center center no-repeat;
        background-size: cover;
    }
}
@media only screen and (max-width: 1200px){
    .mainbg{
        background: url(../fimgs/indexbg01003.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01003.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01003.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01003.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: 100% auto, auto;
        background-position: bottom right, center top;
        background-repeat: no-repeat, no-repeat;
    }
    .banner01{
        background: url(../fimgs/indexbanner01003.jpg) bottom center no-repeat;
        background-size: cover;
    }
    .banner02{
        background: url(../fimgs/indexbanner02003.jpg) center center no-repeat;
        background-size: cover;
    }
    .banner03{
        background: url(../fimgs/indexbanner03003.jpg) center center no-repeat;
        background-size: cover;
    }
    .banner04{
        background: url(../fimgs/indexbanner04003.jpg) top center no-repeat;
        background-size: cover;
    }
    .banner05{
        background: url(../fimgs/indexbanner05003.jpg) top center no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 600px){
    .cusmaxw600dpb{
        display: block;
    }
    .cusmaxw600hidden{
        display: none;
    }
    .mainbg{
        background: url(../fimgs/indexbg01004.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01004.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01004.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01004.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: 100% auto, auto;
        background-position: bottom right, center top;
        background-repeat: no-repeat, no-repeat;
    }
    .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;
    }
    .banner04{
        background: url(../fimgs/indexbanner04004.jpg) bottom center no-repeat;
        background-size: contain;
    }
    .banner05{
        background: url(../fimgs/indexbanner05004.jpg) bottom center no-repeat;
        background-size: contain;
    }
    .indexbg01{
        background-size: 120px auto, 120px auto, auto;
    }
    .cusmaxw600fs31{
        font-size: 31px;
    }
    .cusmaxw600w96px{
        max-width: 96px;
    }
    .cusmaxw600wh96px{
        width: 96px;
        height: 96px;
    }
}