.fmtitle{
    font-family: "IBM Plex Sans JP", 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtw{
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmeng{
    font-family: "Poppins", 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}


.morandibg{
    background: rgba(103,99,100,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.lightaquabg{
    background: rgba(240,249,254,1);
}
.aquabg{
    background: rgba(237,246,251,1);
}
.bluebg{
    background: rgba(22,178,229,1);
}
.purebluebg{
    background: rgba(33,145,219,1);
}
.greenbg{
    background: rgba(48,198,2,1);
}
.productframebg{
    background: url(../fimgs/productframe.png) center center no-repeat;
    background-size: contain;
}
.whitetotransbg{
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 48%, rgba(255,255,255,.001) 92%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 48%, rgba(255,255,255,.001) 92%);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 48%, rgba(255,255,255,.001) 92%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 48%, rgba(255,255,255,.001) 92%);
}
.whitetoaquabg, .whitetoaquabg:visited{
    background: rgba(255,255,255,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.whitetoaquabg:hover, .whitetoaquabg:active{
    background: rgba(221,243,254,1);
}
.whitetolightorangebg, .whitetolightorangebg:visited{
    background: rgba(255,255,255,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.whitetolightorangebg:hover, .whitetolightorangebg:active{
    background: rgba(255,241,214,1);
}

.whitefont{
    color: rgba(255,255,255,1);
}
.blackfont{
    color: rgba(68,68,68,1);
}
.aquafont{
    color: rgba(0,153,203,1);
}
.bluefont{
    color: rgba(8,103,197,1);
}
.graybluefont{
    color: rgba(95,147,171,1);
}
.orangefont{
    color: rgba(210,79,0,1);
}
.pureorangefont{
    color: rgba(247,155,12,1);
}
.blacktograyaquafont, .blacktograyaquafont:visited{
    color: rgba(68,68,68,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.blacktograyaquafont:hover, .blacktograyaquafont:active{
    color: rgba(0,153,203,1);
}

.aquasolidb1{
    border-bottom: 1px solid rgba(0,153,203,1);
}
.whitesolidt1{
    border-top: 1px solid rgba(255,255,255,1);
}
.bluesolidt8{
    border-top: 8px solid rgba(11,172,224,1);
}
.lightaquasolid1{
    border: 1px solid rgba(218,243,250,1);
}
.graybluesolid1{
    border: 1px solid rgba(37,163,213,1);
}
.lightgraysolid1{
    border: 1px solid rgba(212,232,239,1);
}
.lightgraysolid1{
    border: 1px solid rgba(213,213,213,1);
}
.pureorangesolid1{
    border: 1px solid rgba(247,155,12,1);
}
.whitesolid2{
    border: 2px solid rgba(255,255,255,1);
}
.yellowsolid4{
    border: 4px solid rgba(252,247,165,1);
}
.lightaquasolid8{
    border: 8px solid rgba(218,243,250,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);
}
.lightaquaboxshadowrb4{
    box-shadow: 4px 4px 4px -1px rgba(212,232,239,.8);
    -webkit-box-shadow: 4px 4px 4px -1px rgba(212,232,239,.8);
}
.blueboxshadowr4b8-0{
    box-shadow: 4px 8px 0px 0px rgba(204,236,251,1);
    -webkit-box-shadow: 4px 8px 0px 0px rgba(204,236,251,1);
}
.bluegradienttxt{
    background: -webkit-linear-gradient(top, rgba(25,184,216,1) 8%, rgba(0,152,206,1) 92%);
    background: -o-linear-gradient(top, rgba(25,184,216,1) 8%, rgba(0,152,206,1) 92%);
    background: -moz-linear-gradient(top, rgba(25,184,216,1) 8%, rgba(0,152,206,1) 92%);
    background: linear-gradient(to bottom, rgba(25,184,216,1) 8%, rgba(0,152,206,1) 92%);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

.custop-24px{
    top: -24px;
}
.custop3-1{
    top: calc(100% / 3);
}

.cusfixmaxw24px{
    width: 24px;
    max-width: 24px;
}
.cusfixmaxw64px{
    width: 64px;
    max-width: 64px;
}
.cusfixmaxw100-32px{
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
}
.cusfixmaxw100-80px{
    width: calc(100% - 80px);
    max-width: calc(100% - 80px);
}

.cusfixwh48px{
    width: 48px;
    height: 48px;
}
.cusfixwh144px{
    width: 144px;
    height: 144px;
}

@media only screen and (min-width: 1025px){
    .cusmax1025w100-352px{
        width: calc(100% - 352px);
        max-width: calc(100% - 352px);
    }
    .cusmax1025w100-336px{
        width: calc(100% - 336px);
        max-width: calc(100% - 336px);
    }
    .cusmax1025w100-160px{
        width: calc(100% - 160px);
        max-width: calc(100% - 160px);
    }
    .cusmax1025w336px{
        width: 336px;
        max-width: 336px;
    }
    .cusmax1025w320px{
        width: 320px;
        max-width: 320px;
    }
    .mainbg{
        background: url(../fimgs/mainbg01003.jpg) center center no-repeat;
        background-size: cover;
    }
    .indexbg01{
        background: url(../fimgs/indexbg01002.png), -webkit-linear-gradient(top, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background: url(../fimgs/indexbg01002.png), -o-linear-gradient(top, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background: url(../fimgs/indexbg01002.png), -moz-linear-gradient(top, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background: url(../fimgs/indexbg01002.png), linear-gradient(to bottom, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background-size: contain, auto;
        background-position: bottom center, top center;
        background-repeat: no-repeat, no-repeat;
    }
    .indexbg02{
        background: url(../fimgs/indexbg03002.jpg), url(../fimgs/indexbg02002.jpg), -webkit-linear-gradient(top, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background: url(../fimgs/indexbg03002.jpg), url(../fimgs/indexbg02002.jpg), -o-linear-gradient(top, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background: url(../fimgs/indexbg03002.jpg), url(../fimgs/indexbg02002.jpg), -moz-linear-gradient(top, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background: url(../fimgs/indexbg03002.jpg), url(../fimgs/indexbg02002.jpg), linear-gradient(to bottom, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background-size: contain, contain, auto;
        background-position: bottom center, top center, top center;
        background-repeat: no-repeat, no-repeat, no-repeat;
    }
    .productbg01{
        background: url(../fimgs/productbg01002.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/productbg01002.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/productbg01002.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/productbg01002.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: contain, auto;
        background-position: bottom center, top center;
        background-repeat: no-repeat, no-repeat;
    }
    .recommendbg{
        background: url(../fimgs/indexbg03002.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg03002.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg03002.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg03002.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: contain, auto;
        background-position: bottom center, top center;
        background-repeat: no-repeat, no-repeat;
    }
    .cusmax1025whitesolidr8{
        border-right: 8px solid rgba(255,255,255,1);
    }
}
@media only screen and (min-width: 1301px){
    .cusmaxw1301dpb{
        display: block;
    }
    .cusmaxw1301hidden{
        display: none;
    }
    .mainbg{
        background: url(../fimgs/mainbg01002.jpg) center center no-repeat;
        background-size: cover;
    }
    .indexbg01{
        background: url(../fimgs/indexbg01001.png), -webkit-linear-gradient(top, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background: url(../fimgs/indexbg01001.png), -o-linear-gradient(top, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background: url(../fimgs/indexbg01001.png), -moz-linear-gradient(top, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background: url(../fimgs/indexbg01001.png), linear-gradient(to bottom, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background-size: contain, auto;
        background-position: bottom center, top center;
        background-repeat: no-repeat, no-repeat;
    }
    .indexbg02{
        background: url(../fimgs/indexbg03001.jpg), url(../fimgs/indexbg02001.jpg), -webkit-linear-gradient(top, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background: url(../fimgs/indexbg03001.jpg), url(../fimgs/indexbg02001.jpg), -o-linear-gradient(top, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background: url(../fimgs/indexbg03001.jpg), url(../fimgs/indexbg02001.jpg), -moz-linear-gradient(top, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background: url(../fimgs/indexbg03001.jpg), url(../fimgs/indexbg02001.jpg), linear-gradient(to bottom, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background-size: contain, contain, auto;
        background-position: bottom center, top center, top center;
        background-repeat: no-repeat, no-repeat, no-repeat;
    }
    .productbg01{
        background: url(../fimgs/productbg01001.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/productbg01001.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/productbg01001.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/productbg01001.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: contain, auto;
        background-position: bottom center, top center;
        background-repeat: no-repeat, no-repeat;
    }
    .recommendbg{
        background: url(../fimgs/indexbg03001.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg03001.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg03001.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg03001.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: 100% auto, auto;
        background-position: bottom center, top center;
        background-repeat: no-repeat, no-repeat;
    }
}
@media only screen and (min-width: 1921px){
    .mainbg{
        background: url(../fimgs/mainbg01001.jpg) center center no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 1024px){
    .cusmin1024w48px{
        width: 48px;
        max-width: 48px;
    }
    .cusmin1024w100-64px{
        width: calc(100% - 64px);
        max-width: calc(100% - 64px);
    }
    .mainbg{
        background: url(../fimgs/mainbg01004.jpg) center center no-repeat;
        background-size: cover;
    }
    .indexbg01{
        background: url(../fimgs/indexbg01003.png), -webkit-linear-gradient(top, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background: url(../fimgs/indexbg01003.png), -o-linear-gradient(top, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background: url(../fimgs/indexbg01003.png), -moz-linear-gradient(top, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background: url(../fimgs/indexbg01003.png), linear-gradient(to bottom, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background-size: contain, auto;
        background-position: bottom center, top center;
        background-repeat: no-repeat, no-repeat;
    }
    .indexbg02{
        background: url(../fimgs/indexbg03003.jpg), url(../fimgs/indexbg02003.jpg), -webkit-linear-gradient(top, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background: url(../fimgs/indexbg03003.jpg), url(../fimgs/indexbg02003.jpg), -o-linear-gradient(top, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background: url(../fimgs/indexbg03003.jpg), url(../fimgs/indexbg02003.jpg), -moz-linear-gradient(top, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background: url(../fimgs/indexbg03003.jpg), url(../fimgs/indexbg02003.jpg), linear-gradient(to bottom, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background-size: contain, contain, auto;
        background-position: bottom center, top center, top center;
        background-repeat: no-repeat, no-repeat, no-repeat;
    }
    .productbg01{
        background: url(../fimgs/productbg01003.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/productbg01003.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/productbg01003.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/productbg01003.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: contain, auto;
        background-position: bottom center, top center;
        background-repeat: no-repeat, no-repeat;
    }
    .recommendbg{
        background: url(../fimgs/indexbg03003.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg03003.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg03003.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg03003.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: contain, auto;
        background-position: bottom center, top center;
        background-repeat: no-repeat, no-repeat;
    }
}
@media only screen and (max-width: 624px){
    .mainbg{
        background: url(../fimgs/mainbg01005.jpg) center center no-repeat;
        background-size: cover;
    }
    .indexbg01{
        background: url(../fimgs/indexbg01004.png), -webkit-linear-gradient(top, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background: url(../fimgs/indexbg01004.png), -o-linear-gradient(top, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background: url(../fimgs/indexbg01004.png), -moz-linear-gradient(top, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background: url(../fimgs/indexbg01004.png), linear-gradient(to bottom, rgba(255,255,255,.001) 0%, rgba(255,255,255,1) 8%);
        background-size: contain, auto;
        background-position: bottom center, top center;
        background-repeat: no-repeat, no-repeat;
    }
    .indexbg02{
        background: url(../fimgs/indexbg03004.jpg), url(../fimgs/indexbg02004.jpg), -webkit-linear-gradient(top, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background: url(../fimgs/indexbg03004.jpg), url(../fimgs/indexbg02004.jpg), -o-linear-gradient(top, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background: url(../fimgs/indexbg03004.jpg), url(../fimgs/indexbg02004.jpg), -moz-linear-gradient(top, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background: url(../fimgs/indexbg03004.jpg), url(../fimgs/indexbg02004.jpg), linear-gradient(to bottom, rgba(255,248,232,1) 64%, rgba(255,255,255,1) 72%);
        background-size: contain, contain, auto;
        background-position: bottom center, top center, top center;
        background-repeat: no-repeat, no-repeat, no-repeat;
    }
    .productbg01{
        background: url(../fimgs/productbg01004.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/productbg01004.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/productbg01004.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/productbg01004.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: contain, auto;
        background-position: bottom center, top center;
        background-repeat: no-repeat, no-repeat;
    }
    .recommendbg{
        background: url(../fimgs/indexbg03004.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg03004.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg03004.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg03004.jpg), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: contain, auto;
        background-position: bottom center, top center;
        background-repeat: no-repeat, no-repeat;
    }
}