textarea{
    resize: none;
    min-height: 240px;
}
input{
    resize: none;
    min-height: 32px;
}
.ui-datepicker{
    font-size: 13px;
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
::-webkit-input-placeholder {
    font-size: 15px;
    color: rgba(115,115,115,1);
    Font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    font-weight: 300;
}
:-moz-placeholder {
    font-size: 15px;
    color: rgba(115,115,115,1);
    opacity:  1;
    Font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    font-weight: 300;
}
::-moz-placeholder {
    font-size: 15px;
    color: rgba(115,115,115,1);
    opacity:  1;
    Font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    font-weight: 300;
}
:-ms-input-placeholder {
    font-size: 15px;
    color: rgba(115,115,115,1);
    Font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    font-weight: 300;
}
:placeholder-shown {
    font-size: 15px;
    color: rgba(115,115,115,1);
    Font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    font-weight: 300;
}
input, select{
    font-size: 17px;
    line-height: 32px;
    letter-spacing: 1.6px;
    height: 32px;
    background: rgba(255,255,255,1);
}


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

.morandibg{
    background: rgba(103,99,100,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.bluebg{
    background: rgba(0,75,190,1);
}
.morebluebg{
    background: rgba(6,96,174,1);
}
.lightlessbluebg{
    background: rgba(8,113,179,1);
}
.linegreenbg{
    background: rgba(57,204,1,1);
}
.telbluebg{
    background: rgba(0,129,255,1);
}
.whitebg80{
    background: rgba(255,255,255,.8);
}
.contentbg{
    background: url(../fimgs/bgpattern.jpg) center top repeat;
}
.caseaquabg::before{
    content: "";
    position: absolute;
    top: 0;
    left: 80%;
    height: 100%;
    width: 200%;
    background: rgba(228,238,250,1);
}
.caseaquabg02::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 200%;
    background: rgba(228,238,250,1);
    border-radius: 15px;
    -webkit-border-radius: 15px;
}
.servicebg01::before{
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    width: calc(100% - 32px);
    height: calc(100% - 8px);
    border-bottom-right-radius: 35px;
    -webkit-border-bottom-right-radius: 35px;
    border-top-right-radius: 35px;
    -webkit-border-top-right-radius: 35px;
    background: rgba(8,99,178,1);
}
.servicebg03::before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 200%;
    height: 64%;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    background: rgba(224,236,250,1);
}
.integratebg01::before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 200%;
    height: 100%;
    background: rgba(235,235,235,1);
    border-bottom-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-border-top-right-radius: 15px;
}
.indexbluedecbg::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 160%;
    height: 100%;
    background: rgba(19,133,204,1);
    border-radius: 15px;
    -webkit-border-radius: 15px;
}
.whiteaquatowhitebgttob{
    background: -webkit-linear-gradient(top, rgba(239,246,252,1) 4%, rgba(255,255,255,1) 16%);
    background: -o-linear-gradient(top, rgba(239,246,252,1) 4%, rgba(255,255,255,1) 16%);
    background: -moz-linear-gradient(top, rgba(239,246,252,1) 4%, rgba(255,255,255,1) 16%);
    background: linear-gradient(to bottom, rgba(239,246,252,1) 4%, rgba(255,255,255,1) 16%);
}

.blackfont{
    color: rgba(31,31,31,1);
}
.grayblackfont{
    color: rgba(61,61,61,1);
}
.grayfont{
    color: rgba(229,229,229,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.whiteaquafont{
    color: rgba(209,236,255,1);
}
.lightaquafont{
    color: rgba(174,215,243,1);
}
.morebluefont{
    color: rgba(6,96,174,1);
}
.bluefont{
    color: rgba(24,140,215,1);
}
.greenfont{
    color: rgba(4,190,127,1);
}
.lightgreenfont{
    color: rgba(113,255,145,1);
}
.blacktobluefont, .blacktobluefont:visited{
    color: rgba(31,31,31,1);
    transition: all .1s;
    -webkit-transition: all .1s;
}
.blacktobluefont:hover, .blacktobluefont:active{
    color: rgba(24,140,215,1);
}

.lightaquasolidb1{
    border-bottom: 1px solid rgba(98,131,235,1);
}
.whiteaquasolidb1{
    border-bottom: 1px solid rgba(209,236,255,1);
}
.graysolidb4{
    border-bottom: 4px solid rgba(229,229,229,1);
}
.greensolidb4{
    border-bottom: 4px solid rgba(2,177,148,1);
}
.bluesolidb4{
    border-bottom: 4px solid rgba(18,141,221,1);
}
.aquasolidb4{
    border-bottom: 4px solid rgba(224,236,250,1);
}
.minnavdashb2{
    border-bottom: 2px dashed rgba(174,218,225,1);
}
.whitesolid1{
    border: 1px solid rgba(255,2855,255,1);
}
.morebluesolid1{
    border: 1px solid rgba(6,96,174,1);
}
.bluesolid1{
    border: 1px solid rgba(18,141,221,1);
}
.decaquasolidb4::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 0;
    width: 32px;
    border-bottom: 4px solid rgba(9,162,232,1);
}
.declightgreensolidb4::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 0;
    width: 32px;
    border-bottom: 4px solid rgba(113,255,145,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 -7px rgba(175,175,175,1);
    -webkit-box-shadow: 0px 8px 8px -7px rgba(175,175,175,1);
}
.darkgrayboxshadowb4{
    box-shadow: 0px 4px 4px -3px rgba(105,105,105,1);
    -webkit-box-shadow: 0px 4px 4px -3px rgba(105,105,105,1);
}
.minnavboxshadow{
    box-shadow: 0px 4px 4px -3px rgba(105,105,105,1), 0px 8px 8px -7px rgba(175,175,175,1) inset;
    -webkit-box-shadow: 0px 4px 4px -3px rgba(105,105,105,1), 0px 8px 8px -7px rgba(175,175,175,1) inset;
}

.cusfixw48px{
    width: 48px;
    max-width: 48px;
}
.cusfixw104px{
    width: 104px;
    max-width: 104px;
}
.cusfixw100-48px{
    width: calc(100% - 48px);
    max-width: calc(100% - 48px);
}
.cusfixw100-112px{
    width: calc(100% - 112px);
    max-width: calc(100% - 112px);
}

.custop4-1{
    top: calc(100% / 4);
}
.cusbottom100-48px{
    bottom: calc(100% - 48px);
}

.custextlr{
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr ;
}

@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;
    }
    .mainbg{
        background: url(../fimgs/mainbg01003.jpg) center bottom no-repeat;
        background-size: cover;
    }
    .indexbg01::before{
        background: url(../fimgs/indexbg01002.jpg) center top no-repeat;
        background-size: contain;
        width: 100%;
        height: 480px;
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        box-shadow: 0px 8px 8px -7px rgba(105,105,105,1) inset;
        -webkit-box-shadow: 0px 8px 8px -7px rgba(105,105,105,1) inset;
    }
    .indexbg02{
        background: url(../fimgs/indeximg11001.jpg), -webkit-linear-gradient(top, rgba(224,236,250,.001) 50%, rgba(224,236,250,1) 50%), url(../fimgs/bgpattern.jpg);
        background: url(../fimgs/indeximg11001.jpg), -o-linear-gradient(top, rgba(224,236,250,.001) 50%, rgba(224,236,250,1) 50%), url(../fimgs/bgpattern.jpg);
        background: url(../fimgs/indeximg11001.jpg), -moz-linear-gradient(top, rgba(224,236,250,.001) 50%, rgba(224,236,250,1) 50%), url(../fimgs/bgpattern.jpg);
        background: url(../fimgs/indeximg11001.jpg), linear-gradient(to bottom, rgba(224,236,250,.001) 50%, rgba(224,236,250,1) 50%), url(../fimgs/bgpattern.jpg);
        background-repeat: no-repeat, no-repeat, repeat;
        background-position: left bottom, center top, center top;
        background-size: 32% auto, auto, auto;
    }
    .indexdecgraybg::before{
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 160%;
        height: 100%;
        background: rgba(235,235,235,1);
        border-radius: 15px;
        -webkit-border-radius: 15px;
    }
    .indexdecgraybg02::before{
        content: "";
        position: absolute;
        right: calc(100% + 32px);
        top: 0;
        width: 40%;
        height: 100%;
        background: rgba(235,235,235,1);
        border-radius: 15px;
        -webkit-border-radius: 15px;
    }
    .indexdecgraybg03::before{
        content: "";
        position: absolute;
        right: calc(100% + 32px);
        bottom: 8px;
        width: 80%;
        height: 160%;
        background: rgba(235,235,235,1);
        border-radius: 15px;
        -webkit-border-radius: 15px;
    }
    .indeximgbg01{
        background: url(../fimgs/indeximg03.jpg) center center no-repeat;
        background-size: cover;
        border-radius: 15px;
        -webkit-border-radius: 15px;
    }
    .aboutbg01{
        background: url(../fimgs/advantagesimg02001.jpg) center center no-repeat;
        background-size: cover;
        border-top-right-radius: 15px;
        -webkit-border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        -webkit-border-bottom-right-radius: 15px;
    }
    .servicebg02{
        background: url(../fimgs/serviceimg05001.jpg) center center no-repeat;
        background-size: cover;
        border-radius: 15px;
        -webkit-border-radius: 15px;
    }
    .servicebg04::before{
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: calc(100% /9 * 8 + 32px);
        height: 100%;
        border-top-left-radius: 15px;
        -webkit-border-top-left-radius: 15px;
        background: rgba(224,236,250,1);
    }
    .aboutbg02::before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 120%;
        width: 200%;
        border-top-left-radius: 15px;
        -webkit-border-top-left-radius: 15px;
        background: rgba(224,236,250,1);
    }
    .cusmax1025aquagradientsolidr1inset{
        border-style: solid;
        border-width: 0px 1px 0px 0px;
        -webkit-border-image: -webkit-linear-gradient(top, rgba(86,174,237,.001) 4%, rgba(86,174,237,1), rgba(86,174,237,.001) 96%) 1;
        -o-border-image: -o-linear-gradient(top, rgba(86,174,237,.001) 4%, rgba(86,174,237,1), rgba(86,174,237,.001) 96%) 1;
        -moz-border-image: -moz-linear-gradient(top, rgba(86,174,237,.001) 4%, rgba(86,174,237,1), rgba(86,174,237,.001) 96%) 1;
        border-image: linear-gradient(to bottom, rgba(86,174,237,.001) 4%, rgba(86,174,237,1), rgba(86,174,237,.001) 96%) 1;
        box-sizing: border-box;
    }
    .cusmax1025yellowgradientsolidr1inset{
        border-style: solid;
        border-width: 0px 1px 0px 0px;
        -webkit-border-image: -webkit-linear-gradient(top, rgba(255,220,102,.001) 4%, rgba(255,220,102,1), rgba(255,220,102,.001) 96%) 1;
        -o-border-image: -o-linear-gradient(top, rgba(255,220,102,.001) 4%, rgba(255,220,102,1), rgba(255,220,102,.001) 96%) 1;
        -moz-border-image: -moz-linear-gradient(top, rgba(255,220,102,.001) 4%, rgba(255,220,102,1), rgba(255,220,102,.001) 96%) 1;
        border-image: linear-gradient(to bottom, rgba(255,220,102,.001) 4%, rgba(255,220,102,1), rgba(255,220,102,.001) 96%) 1;
        box-sizing: border-box;
    }
    .cusmax1025lightlessbluedecsolidb1::before{
        content: "";
        position: absolute;
        left: calc(100% - 2px);
        top: calc(50% - 1px);
        width: 24px;
        height: 0;
        border-bottom: 1px solid rgba(8,113,179,1);
    }
    .cusmax1025greensolidr2{
        border-right: 2px solid rgba(2,177,148,1);
    }
    .cusmax1025bluesolidr4{
        border-right: 4px dotted rgba(18,141,221,1);
    }
    .cusmax1025w104-17-16{
        width: calc(100% / 104 * 17 - 15.99px);
        max-width: calc(100% / 104 * 17 - 15.99px);
    }
    .cusmaxgreenarrowr::before{
        content: " 〉";
        position: absolute;
        font-size: 19px;
        line-height: 32px;
        letter-spacing: 1.6px;
        font-weight: 500;
        color: rgba(4,190,127,1);
        top: 50%;
        left: calc(100% - 4px);
        transform: translate(0,-50%) rotateZ(0);
        -webkit-transform: translate(0,-50%) rotateZ(0);
    }
}

@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;
    }
    .mainbg{
        background: url(../fimgs/mainbg01001.jpg) center bottom no-repeat;
        background-size: cover;
    }
    .indexbg01::before{
        background: url(../fimgs/indexbg01001.jpg) center top no-repeat;
        background-size: contain;
        width: 100%;
        height: 480px;
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        box-shadow: 0px 8px 8px -7px rgba(105,105,105,1) inset;
        -webkit-box-shadow: 0px 8px 8px -7px rgba(105,105,105,1) inset;
    }
}
@media only screen and (min-width: 1601px){
    .servicebg04::before{
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: calc(100% - (100% - 1608px) / 2);
        height: 100%;
        border-top-left-radius: 15px;
        -webkit-border-top-left-radius: 15px;
        background: rgba(224,236,250,1);
    }
}

@media only screen and (min-width: 1921px){
    .mainbg{
        background: url(../fimgs/mainbg01000.jpg) center bottom 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);
    }
    .cusmin1024w84-16px{
        width: calc(84% - 15.99px);
        max-width: calc(84% - 15.99px);
    }
    .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;
    }
    .mainbg{
        background: url(../fimgs/mainbg01004.jpg) center bottom no-repeat;
        background-size: cover;
    }
    .indexbg01::before{
        background: url(../fimgs/indexbg01003.jpg) center top no-repeat;
        background-size: contain;
        width: 100%;
        height: 480px;
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        box-shadow: 0px 8px 8px -7px rgba(105,105,105,1) inset;
        -webkit-box-shadow: 0px 8px 8px -7px rgba(105,105,105,1) inset;
    }
    .indexdecgraybg::before{
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 120%;
        height: 100%;
        background: rgba(235,235,235,1);
        border-radius: 15px;
        -webkit-border-radius: 15px;
    }
    .indexbg02{
        background: url(../fimgs/indeximg11001.jpg), -webkit-linear-gradient(top, rgba(224,236,250,.001) 50%, rgba(224,236,250,1) 50%), url(../fimgs/bgpattern.jpg);
        background: url(../fimgs/indeximg11001.jpg), -o-linear-gradient(top, rgba(224,236,250,.001) 50%, rgba(224,236,250,1) 50%), url(../fimgs/bgpattern.jpg);
        background: url(../fimgs/indeximg11001.jpg), -moz-linear-gradient(top, rgba(224,236,250,.001) 50%, rgba(224,236,250,1) 50%), url(../fimgs/bgpattern.jpg);
        background: url(../fimgs/indeximg11001.jpg), linear-gradient(to bottom, rgba(224,236,250,.001) 50%, rgba(224,236,250,1) 50%), url(../fimgs/bgpattern.jpg);
        background-repeat: no-repeat, no-repeat, repeat;
        background-position: -116% bottom, center top, center top;
        background-size: auto, auto, auto;
    }
    .aboutbg02::before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 120%;
        width: 200%;
        border-top-left-radius: 15px;
        -webkit-border-top-left-radius: 15px;
        background: rgba(224,236,250,1);
    }
    .servicebg04::before{
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: calc(100% - 8px);
        height: 100%;
        border-top-left-radius: 15px;
        -webkit-border-top-left-radius: 15px;
        background: rgba(224,236,250,1);
    }
    .cusmin1024yellowgradientsolidr1inset{
        border-style: solid;
        border-width: 0px 1px 0px 0px;
        -webkit-border-image: -webkit-linear-gradient(top, rgba(255,220,102,.001) 4%, rgba(255,220,102,1), rgba(255,220,102,.001) 96%) 1;
        -o-border-image: -o-linear-gradient(top, rgba(255,220,102,.001) 4%, rgba(255,220,102,1), rgba(255,220,102,.001) 96%) 1;
        -moz-border-image: -moz-linear-gradient(top, rgba(255,220,102,.001) 4%, rgba(255,220,102,1), rgba(255,220,102,.001) 96%) 1;
        border-image: linear-gradient(to bottom, rgba(255,220,102,.001) 4%, rgba(255,220,102,1), rgba(255,220,102,.001) 96%) 1;
        box-sizing: border-box;
    }
    .cusmin1024lightlessbluedecsolidb1::before{
        content: "";
        position: absolute;
        left: calc(100% - 2px);
        top: calc(50% - 1px);
        width: 24px;
        height: 0;
        border-bottom: 1px solid rgba(8,113,179,1);
    }
    .cusmin1024bluesolidr4{
        border-right: 4px dotted rgba(18,141,221,1);
    }
}

@media only screen and (max-width: 600px){
    .cusminw600dpb{
        display: block;
    }
    .cusminw600hidden{
        display: none;
    }
    .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;
    }
    .mainbg{
        background: url(../fimgs/mainbg01005.jpg) center bottom no-repeat;
        background-size: cover;
    }
    .indexbg01::before{
        background: url(../fimgs/indexbg01004.jpg) center top no-repeat;
        background-size: contain;
        width: 100%;
        height: 624px;
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        box-shadow: 0px 8px 8px -7px rgba(105,105,105,1) inset;
        -webkit-box-shadow: 0px 8px 8px -7px rgba(105,105,105,1) inset;
    }
    .indexbg02{
        background: url(../fimgs/indeximg11002.jpg), -webkit-linear-gradient(top, rgba(224,236,250,.001) 64%, rgba(224,236,250,1) 64%), url(../fimgs/bgpattern.jpg);
        background: url(../fimgs/indeximg11002.jpg), -o-linear-gradient(top, rgba(224,236,250,.001) 64%, rgba(224,236,250,1) 64%), url(../fimgs/bgpattern.jpg);
        background: url(../fimgs/indeximg11002.jpg), -moz-linear-gradient(top, rgba(224,236,250,.001) 64%, rgba(224,236,250,1) 64%), url(../fimgs/bgpattern.jpg);
        background: url(../fimgs/indeximg11002.jpg), linear-gradient(to bottom, rgba(224,236,250,.001) 64%, rgba(224,236,250,1) 64%), url(../fimgs/bgpattern.jpg);
        background-repeat: no-repeat, no-repeat, repeat;
        background-position: -672px bottom, center top, center top;
        background-size: auto 720px, auto, auto;
    }
    .servicebg02{
        background: none;
    }
    .cusmin600w92-16px{
        width: calc(92% - 15.99px);
        max-width: calc(92% - 15.99px);
    }
    .cusminw600bottom100-80px{
        bottom: calc(100% - 80px);
    }
    .cusminw600grayblackfont{
        color: rgba(61,61,61,1);
    }
    .cusminw600noborder{
        border: 0px solid transparent; 
        box-sizing: border-box;
    }
    .cusminw600lightlessbluenoborder::before{
        content: "";
        position: absolute;
        top: calc(100% - 2px);
        left: calc(50% - 1px);
        width: 0;
        height: 40px;
        border-bottom: 0px solid transparent;
    }
}