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[name=zipcode]{
    width: 56px;
    margin: 0 4px;
}
input, select{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0px;
    border: 1px solid rgba(115,115,115,1);
    font-size: 17px;
    line-height: 32px;
    letter-spacing: 1.6px;
    height: 32px;
}

.fc-title{
    max-width: 100%;
    display: block;
}
.fc-day-grid-event .fc-content{
    white-space: normal;
}
.fc-basic-view .fc-body .fc-row{
    height: auto;
    font-size: 1em;
}

table, td, th{
	border:1px solid rgba(240,240,240,1);
    max-width: 100%;
    margin: 0 auto;
}

.nav .subnav{
    height: 0px;
    max-height: 0px;
}
.nav:hover .subnav, .nav:active .subnav{
    height: auto;
    max-height: 389px;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.fmtitle{
    font-family: 'M PLUS 1', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmeng{
    font-family: 'Montserrat', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtw{
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}

.morandibg{
    background: rgba(103,99,100,1);
}
.orangebg{
    background: rgba(249,132,26,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.greenbg{
    background: rgba(41,209,28,1);
}
.lightaquabg{
    background: rgba(242,251,255,1);
}
.purebluebg{
    background: rgba(3,78,169,1);
}
.blackbg48{
    background: rgba(0,0,0,.48);
}
.blackbg16{
    background: rgba(0,0,0,.16);
}
.darkbluebg96{
    background: rgba(6,69,115,.96);
}
.transtowhitettobbg{
    background: -webkit-linear-gradient(top, rgba(255,255,255,.001) 40%, rgba(255,255,255,1) 92%);
    background: -o-linear-gradient(top, rgba(255,255,255,.001) 40%, rgba(255,255,255,1) 92%);
    background: -moz-linear-gradient(top, rgba(255,255,255,.001) 40%, rgba(255,255,255,1) 92%);
    background: linear-gradient(to bottom, rgba(255,255,255,.001) 40%, rgba(255,255,255,1) 92%);
}
.greengradientttobbg{
    background: -webkit-linear-gradient(top, rgba(151,242,10,1), rgba(5,182,0,1));
    background: -o-linear-gradient(top, rgba(151,242,10,1), rgba(5,182,0,1));
    background: -moz-linear-gradient(top, rgba(151,242,10,1), rgba(5,182,0,1));
    background: linear-gradient(to bottom, rgba(151,242,10,1), rgba(5,182,0,1));
}
.purebluegradientltorbg{
    background: -webkit-linear-gradient(left, rgba(3,61,135,1), rgba(1,78,170,1));
    background: -o-linear-gradient(left, rgba(3,61,135,1), rgba(1,78,170,1));
    background: -moz-linear-gradient(left, rgba(3,61,135,1), rgba(1,78,170,1));
    background: linear-gradient(to right, rgba(3,61,135,1), rgba(1,78,170,1));
}
.yellowtoorangeltorbg{
    background: -webkit-linear-gradient(left, rgba(252,200,28,1), rgba(249,132,26,1));
    background: -o-linear-gradient(left, rgba(252,200,28,1), rgba(249,132,26,1));
    background: -moz-linear-gradient(left, rgba(252,200,28,1), rgba(249,132,26,1));
    background: linear-gradient(to right, rgba(252,200,28,1), rgba(249,132,26,1));
}
.whitetolightaqualtorbg{
    background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(238,249,255,1));
    background: -o-linear-gradient(left, rgba(255,255,255,1), rgba(238,249,255,1));
    background: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(238,249,255,1));
    background: linear-gradient(to right, rgba(255,255,255,1), rgba(238,249,255,1));
}
.whitetolightaquartolbg{
    background: -webkit-linear-gradient(right, rgba(255,255,255,1), rgba(238,249,255,1));
    background: -o-linear-gradient(right, rgba(255,255,255,1), rgba(238,249,255,1));
    background: -moz-linear-gradient(right, rgba(255,255,255,1), rgba(238,249,255,1));
    background: linear-gradient(to left, rgba(255,255,255,1), rgba(238,249,255,1));
}
.invoicewhitebg::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 112px);
    background: rgba(255,255,255,1);
    border: 4px solid rgba(230,230,230,1);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    box-sizing: border-box;
}

.blackfont{
    color: rgba(68,68,68,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.orangefont{
    color: rgba(249,132,26,1);
}
.darkgreenfont{
    color: rgba(45,88,84,1);
}
.yellowfont{
    color: rgba(252,200,28,1);
}
.lightyellowfont{
    color: rgba(255,246,154,1);
}
.purebluefont{
    color: rgba(3,78,169,1);
}
.bluefont{
    color: rgba(16,160,221,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(252,200,28,1);
}

.whitedotb1{
    border-bottom: 1px dotted rgba(255,255,255,1);
}
.lightgraysolidb1{
    border-bottom: 1px solid rgba(230,230,230,1);
}
.yellowsolidl1{
    border-left: 1px solid rgba(252,200,28,1);
}
.orangesolidb4{
    border-bottom: 4px solid rgba(249,132,26,1);
}
.yellowsolidt4{
    border-top: 4px solid rgba(252,200,28,1);
}
.aquasolidt4{
    border-top: 4px solid rgba(125,201,235,1);
}
.aquasolid1{
    border: 1px solid rgba(125,201,235,1);
}
.whitesolid1{
    border: 1px solid rgba(255,255,255,1);
}
.lightgraysolid1{
    border: 1px solid rgba(230,230,230,1);
}
.lightgraysolid4{
    border: 4px solid rgba(230,230,230,1);
}
.yellowsolid4{
    border: 4px solid rgba(252,200,28,1);
}
.orangesolid4{
    border: 4px solid rgba(249,132,26,1);
}
.tiffinysolid4{
    border: 4px solid rgba(99,188,184,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);
}
.blackboxshadowb4{
    box-shadow: 0px 4px 4px -3px rgba(150,150,150,1);
    -webkit-box-shadow: 0px 4px 4px -3px rgba(150,150,150,1);
}
.blackboxshadowb8{
    box-shadow: 0px 8px 8px -3px rgba(150,150,150,1);
    -webkit-box-shadow: 0px 8px 8px -3px rgba(150,150,150,1);
}
.blackboxshadowtb8{
    box-shadow: 0px 8px 8px -3px rgba(150,150,150,1) inset, 0px -8px 8px -3px rgba(150,150,150,1) inset;
    -webkit-box-shadow: 0px 8px 8px -3px rgba(150,150,150,1) inset, 0px -8px 8px -3px rgba(150,150,150,1) inset;
}
.blackboxshadowrb4{
    box-shadow: 4px 4px 4px -3px rgba(150,150,150,1);
    -webkit-box-shadow: 4px 4px 4px -3px rgba(150,150,150,1);
}
.blackboxshadowt8inset{
    box-shadow: 0px 8px 8px -3px rgba(150,150,150,1) inset;
    -webkit-box-shadow: 0px 8px 8px -3px rgba(150,150,150,1) inset;
}

.custopleft-16px{
    top: -16px;
    left: -16px;
}
.cusbl-2px{
    bottom: -2px;
    left: -2px;
    height: calc(100%  + 4px);
    width: calc(100%  + 4px);
}

.cusfixw48px{
    width: 48px;
    max-width: 48px;
}
.cusfixmaxw100-64px{
    width: calc(100% - 64px);
    max-width: calc(100% - 64px);
}
.orangecheck{
    list-style: none;
}
.orangecheck li::marker{
    content: "✓ ";
    color: rgba(249,132,26,1);
    font-weight: 700;
}

.edgeLabel{
    background: rgba(255,255,255) !important;
    padding: 8px 0px !important;
}
.mermaid svg{
    font-size: 19px !important;
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif !important;
}
.flowchart-link{
    stroke-width: 1px !important;
    stroke: rgba(16,160,221,1) !important;
}
.node rect{
    fill: rgba(241,241,241,1) !important;
    stroke: rgba(230,230,230,1) !important;
    stroke-width: 2px !important;
}
.marker, .marker.cross{
    fill: rgba(16,160,221,1) !important;
    stroke: rgba(16,160,221,1) !important;
}

@media only screen and (min-width: 1025px){
    .cusmax1025w100-336px{
        width: calc(100% - 336px);
        max-width: calc(100% - 336px);
    }
    .cusmax1025w100-208px{
        width: calc(100% - 208px);
        max-width: calc(100% - 208px);
    }
    .cusmax1025w320px{
        width: 320px;
        max-width: 320px;
    }
    .cusmax1025w192px{
        width: 192px;
        max-width: 192px;
    }
    .cusmax1025h152px{
        height: 152px;
        max-height: 152px;
    }
    .mainbg{
        background: url(../fimgs/mainbg01002.png), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01002.png), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01002.png), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01002.png), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: auto, auto;
        background-position: center 200px, center center;
        background-repeat: no-repeat, no-repeat;
    }
    .darkbluetotransltorbg{
        background: -webkit-linear-gradient(left, rgba(30,43,60,1) 8%, rgba(30,43,60,.001) 64%);
        background: -o-linear-gradient(left, rgba(30,43,60,1) 8%, rgba(30,43,60,.001) 64%);
        background: -moz-linear-gradient(left, rgba(30,43,60,1) 8%, rgba(30,43,60,.001) 64%);
        background: linear-gradient(to right, rgba(30,43,60,1) 8%, rgba(30,43,60,.001) 64%);
    }
    .banner01{
        background: url(../fimgs/indexbanner01002.jpg) center center no-repeat;
        background-size: cover;
    }
    .banner02{
        background: url(../fimgs/indexbanner02002.jpg) center center no-repeat;
        background-size: cover;
    }
    .banner03{
        background: url(../fimgs/indexbanner03002.jpg) center center no-repeat;
        background-size: cover;
    }
    .indexbg{
        background: url(../fimgs/indexbg01002.jpg) center center no-repeat;
        background-size: cover;
    }
    .cusmax1025margin86{
        margin: 8px 6px;
    }
    .cusmax1025positionabsolute{
        position: absolute;
    }
    .cusmax1025yellowsolidl1{
        border-left: 1px solid rgba(252,200,28,1);
    }
    .cusmax1025orangesolidr1{
        border-right: 1px solid rgba(249,132,26,1);
    }
    .cusmax1025bluesolidr1{
        border-right: 1px solid rgba(16,160,221,1);
    }
    .cusmax1025h100{
        height: 100%;
        max-height: 100%;
    }
    .cusmax1025w120px{
        width: 120px;
        max-width: 120px;
    }
    .cusmax1025w100-136px{
        width: calc(100% - 136px);
        max-width: calc(100% - 136px);
    }
    .maxgraybg::before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 112px);
        background: rgba(241,241,241,1);
    }
}

@media only screen and (min-width: 1301px){
    .cusmaxw1301dpb{
        display: block;
    }
    .cusmaxw1301hidden{
        display: none;
    }
    .mainbg{
        background: url(../fimgs/mainbg01001.png), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01001.png), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01001.png), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01001.png), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: auto, auto;
        background-position: center 40px, center center;
        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) center center no-repeat;
        background-size: cover;
    }
    .banner03{
        background: url(../fimgs/indexbanner03001.jpg) center center no-repeat;
        background-size: cover;
    }
    .indexbg{
        background: url(../fimgs/indexbg01001.jpg) center center no-repeat;
        background-size: cover;
    }
}
@media only screen and (min-width: 1601px){
    .mainbg{
        background: url(../fimgs/mainbg01001.png), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01001.png), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01001.png), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01001.png), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: auto, auto;
        background-position: center 200px, center center;
        background-repeat: no-repeat, no-repeat;
    }
}
@media only screen and (min-width: 1921px){
    .cusmaxw1301dpb{
        display: block;
    }
    .cusmaxw1301hidden{
        display: none;
    }
    .mainbg{
        background: url(../fimgs/mainbg01001.png), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01001.png), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01001.png), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01001.png), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: auto, auto;
        background-position: center bottom, center center;
        background-repeat: no-repeat, no-repeat;
    }
}

@media only screen and (max-width: 1024px){
    .cusmin1024w48px{
        width: 48px;
        max-width: 48px;
    }
    .cusmin1024w100-64px{
        width: calc(100% - 64px);
        max-width: calc(100% - 64px);
    }
    .cusmin1024h320px{
        height: 320px;
        max-height: 320px;
    }
    .mainbg{
        background: url(../fimgs/mainbg01003.png), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01003.png), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01003.png), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01003.png), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: auto, auto;
        background-position: center bottom, center center;
        background-repeat: no-repeat, no-repeat;
    }
    .banner01{
        background: url(../fimgs/indexbanner01003.jpg) center 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;
    }
    .indexbg{
        background: url(../fimgs/indexbg01003.jpg) center center no-repeat;
        background-size: cover;
    }
    .darkbluetotransbtotbg{
        background: -webkit-linear-gradient(bottom, rgba(30,43,60,1) 8%, rgba(30,43,60,.001) 88%);
        background: -o-linear-gradient(bottom, rgba(30,43,60,1) 8%, rgba(30,43,60,.001) 88%);
        background: -moz-linear-gradient(bottom, rgba(30,43,60,1) 8%, rgba(30,43,60,.001) 88%);
        background: linear-gradient(to top, rgba(30,43,60,1) 8%, rgba(30,43,60,.001) 88%);
    }
    .mingraybg::before{
        content: "";
        position: absolute;
        bottom: -8px;
        left: -200px;
        width: calc(100%  + 400px);
        height: calc(100% - 96px);
        background: rgba(241,241,241,1);
    }
    .cusmin1024bluesolidb1{
        border-bottom: 1px solid rgba(16,160,221,1);
    }
}

@media only screen and (max-width: 600px){
    .cusmaxw600dpb{
        display: block;
    }
    .cusmaxw600hidden{
        display: none;
    }
    .mainbg{
        background: url(../fimgs/mainbg01004.png), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01004.png), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01004.png), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/mainbg01004.png), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-size: auto, auto;
        background-position: center center, center center;
        background-repeat: no-repeat, no-repeat;
    }
    .invoicewhitebg::before{
        height: calc(100% - 88px);
    }
    .mingraybg::before{
        height: calc(100% - 72px);
    }
}