.fmtitle{
    font-family: 'Zen Kaku Gothic New', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtw{
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmeng{
    font-family: 'Montserrat', Microsoft JhengHei, Verdana, sans-serif;
}

.morandibg{
    background: rgba(103,99,100,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.bluebg{
    background: rgba(33,135,207,1);
}
.lightaquabg{
    background: rgba(230,244,253,1);
}
.aquabg{
    background: rgba(198,231,250,1);
}
.darkbluebg80{
    background: rgba(7,64,142,.80);
}
.navbg{
    background: -webkit-linear-gradient(top, rgba(5,86,197,1), rgba(18,127,216,1));
    background: -o-linear-gradient(top, rgba(5,86,197,1), rgba(18,127,216,1));
    background: -moz-linear-gradient(top, rgba(5,86,197,1), rgba(18,127,216,1));
    background: linear-gradient(to bottom, rgba(5,86,197,1), rgba(18,127,216,1));
}
.footerbg{
    background: -webkit-linear-gradient(bottom, rgba(5,86,197,1), rgba(18,127,216,1));
    background: -o-linear-gradient(bottom, rgba(5,86,197,1), rgba(18,127,216,1));
    background: -moz-linear-gradient(bottom, rgba(5,86,197,1), rgba(18,127,216,1));
    background: linear-gradient(to top, rgba(5,86,197,1), rgba(18,127,216,1));
}

.nav .naveng, .nav:visited .naveng{
    opacity: 0.0;
    filter: alpha(opacity=0);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.nav:hover .naveng, .nav:active .naveng{
    opacity: 1.0;
    filter: alpha(opacity=100);
}
.nav::after, .nav:visited::after{
    content: "";
    position: absolute;
    right: 32px;
    top: 0;
    width: 1px;
    height: 0px;
    border-left: 1px solid rgba(255,255,255,1);
    transition: height 0.1s;
    -webkit-transition: height 0.1s;
}
.nav:hover::after, .nav:active::after{
    height: 100%;
}

.blackfont{
    color: rgba(57,57,57,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.bluefont{
    color: rgba(13,91,191,1);
}
.aquafont{
    color: rgba(33,164,208,1);
}

.whitetobluefont, .whitetobluefont:visited{
    color: rgba(255,255,255,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.whitetobluefont:hover, .whitetobluefont:active{
    color: rgba(13,91,191,1);
}

.aquasolidb1{
    border-bottom: 1px solid rgba(35,134,217,1);
}
.whitesolidb1{
    border-bottom: 1px solid rgba(255,255,255,1);
}
.blackdotb1{
    border-bottom: 1px dotted rgba(57,57,57,1);
}

.grayboxshadowlr4{
    box-shadow: 4px 0px 4px -3px rgba(200,200,200,1), -4px 0px 4px -3px rgba(200,200,200,1);
    -webkit-box-shadow: 4px 0px 4px -3px rgba(200,200,200,1), -4px 0px 4px -3px rgba(200,200,200,1);
}
.grayboxshadowb8{
    box-shadow: 0px 8px 8px -3px rgba(200,200,200,1);
    -webkit-box-shadow: 0px 8px 8px -3px rgba(200,200,200,1);
}
.blackboxshadowrb8{
    box-shadow: 8px 8px 8px -3px rgba(135,135,135,1);
    -webkit-box-shadow: 8px 8px 8px -3px rgba(135,135,135,1);
}
.blueboxshadowrb8{
    box-shadow: 8px 8px 8px -3px rgba(28,118,181,1);
    -webkit-box-shadow: 8px 8px 8px -3px rgba(28,118,181,1);
}
.grayboxshadowt8inet{
    box-shadow: 0px 8px 8px -3px rgba(200,200,200,1) inset;
    -webkit-box-shadow: 0px 8px 8px -3px rgba(200,200,200,1) inset;
}
.blackboxshadowt8inset{
    box-shadow: 0px 8px 8px -3px rgba(28,118,181,1) inset;
    -webkit-box-shadow: 0px 8px 8px -3px rgba(28,118,181,1) inset;
}
.blackboxshadowtb8inset{
    box-shadow: 0px 8px 8px -3px rgba(28,118,181,1) inset, 0px -8px 8px -3px rgba(28,118,181,1) inset;
    -webkit-box-shadow: 0px 8px 8px -3px rgba(28,118,181,1) inset, 0px -8px 8px -3px rgba(28,118,181,1) inset;
}

.opacity80{
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.writemodevrl{
    writing-mode: vertical-rl; 
}
.bluetextshadow8{
    text-shadow: 0px 0px 8px rgba(13,91,191,1);
}
.cusfixh464px{
    height: 464px;
    max-height: 464px;
}
.bluegradienttxt{
    background: -webkit-linear-gradient(top, rgba(5,86,197,1), rgba(18,127,216,1) 72%);
    background: -o-linear-gradient(top, rgba(5,86,197,1), rgba(18,127,216,1) 72%);
    background: -moz-linear-gradient(top, rgba(5,86,197,1), rgba(18,127,216,1) 72%);
    background: linear-gradient(to bottom, rgba(5,86,197,1), rgba(18,127,216,1) 72%);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

@media only screen and (min-width: 1025px){
    .cusmax1025w100-336px{
        width: calc(100% - 336px);
        max-width: calc(100% - 336px);
    }
    .cusmax1025w320px{
        width: 320px;
        max-width: 320px;
    }
    .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;
    }
    .indexbg01{
        background: -webkit-linear-gradient(left, rgba(255,255,255,1) 56%, rgba(255,255,255,.001) 72%), url(../fimgs/indexbg01.jpg);
        background: -o-linear-gradient(left, rgba(255,255,255,1) 56%, rgba(255,255,255,.001) 72%), url(../fimgs/indexbg01.jpg);
        background: -moz-linear-gradient(left, rgba(255,255,255,1) 56%, rgba(255,255,255,.001) 72%), url(../fimgs/indexbg01.jpg);
        background: linear-gradient(to right, rgba(255,255,255,1) 56%, rgba(255,255,255,.001) 72%), url(../fimgs/indexbg01.jpg);
        background-size: auto, auto;
        background-position: center top, right center;
        background-repeat: no-repeat, no-repeat;
    }
    .cusmax1025blackdotb1::before{
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        border-bottom: 1px dotted rgba(57,57,57,1);
        transform:translate(0px,50%) rotate(0deg);
        -webkit-transform:translate(0px,50%) rotate(0deg);
    }
}

@media only screen and (min-width: 1301px){
    .cusmaxw1301dpb{
        display: block;
    }
    .cusmaxw1301hidden{
        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: 1024px){
    .cusmin1024w48px{
        width: 48px;
        max-width: 48px;
    }
    .cusmin1024w100-64px{
        width: calc(100% - 64px);
        max-width: calc(100% - 64px);
    }
    .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;
    }
    .indexbg01{
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 64%, rgba(255,255,255,.001) 88%), url(../fimgs/indexbg01.jpg);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 64%, rgba(255,255,255,.001) 88%), url(../fimgs/indexbg01.jpg);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 64%, rgba(255,255,255,.001) 88%), url(../fimgs/indexbg01.jpg);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 64%, rgba(255,255,255,.001) 88%), url(../fimgs/indexbg01.jpg);
        background-size: auto, auto;
        background-position: center top, center bottom;
        background-repeat: no-repeat, no-repeat;
    }
    .cusmin1024lightaquabg{
        background: rgba(230,244,253,1);
    }
    .cusmin1024aquabg{
        background: rgba(198,231,250,1);
    }
}

@media only screen and (max-width: 600px){
    .cusminw600dpb{
        display: block;
    }
    .cusminw600hidden{
        display: none;
    }
    .cusminw600fs25{font-size: 25px;}
}