textarea{
    resize: none;
    min-height: 240px;
}
input{
    resize: none;
    min-height: 24px;
}
.ui-datepicker{
    font-size: 13px;
    font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
}
::-webkit-input-placeholder {
    font-size: 15px;
    color: rgba(195,195,195,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(195,195,195,1);
    font-size: 1.063em;
    line-height: 32px;
    letter-spacing: 1.6px;
    height: 32px;
}

.fmeng{
    font-family: 'Varela Round', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtw{
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtitle{
    font-family: 'Noto Serif TC', serif, Microsoft JhengHei, Verdana, sans-serif;
}

.morandibg{
    background: rgba(103,99,100,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.orangebg{
    background: rgba(237,101,41,1);
}
.bluebg{
    background: rgba(0,125,194,1);
}
.whitebg32{
    background: rgba(255,255,255,.32);
}
.whitebubblepatternbg{
    background: url(../fimgs/bgpattern.png), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/bgpattern.png), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/bgpattern.png), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/bgpattern.png), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
    background-repeat: repeat, no-repeat;
    background-size: auto, auto;
    background-position: top center, center center;
}
.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));
}
.orangegradientttobbg{
    background: -webkit-linear-gradient(left, rgba(249,152,51,1), rgba(248,117,46,1));
    background: -o-linear-gradient(left, rgba(249,152,51,1), rgba(248,117,46,1));
    background: -moz-linear-gradient(left, rgba(249,152,51,1), rgba(248,117,46,1));
    background: linear-gradient(to right, rgba(249,152,51,1), rgba(248,117,46,1));
}
.bluegradientttobbg{
    background: -webkit-linear-gradient(top, rgba(15,106,191,1), rgba(0,129,205,1));
    background: -o-linear-gradient(top, rgba(15,106,191,1), rgba(0,129,205,1));
    background: -moz-linear-gradient(top, rgba(15,106,191,1), rgba(0,129,205,1));
    background: linear-gradient(to bottom, rgba(15,106,191,1), rgba(0,129,205,1));
}
.lightyellowgradientttobbg{
    background: -webkit-linear-gradient(top, rgba(254,251,207,1), rgba(251,242,135,1));
    background: -o-linear-gradient(top, rgba(254,251,207,1), rgba(251,242,135,1));
    background: -moz-linear-gradient(top, rgba(254,251,207,1), rgba(251,242,135,1));
    background: linear-gradient(to bottom, rgba(254,251,207,1), rgba(251,242,135,1));
}
.lightaquatoorangegradientttobbg{
    background: -webkit-linear-gradient(top, rgba(246,251,254,1), rgba(253,238,216,1));
    background: -o-linear-gradient(top, rgba(246,251,254,1), rgba(253,238,216,1));
    background: -moz-linear-gradient(top, rgba(246,251,254,1), rgba(253,238,216,1));
    background: linear-gradient(to bottom, rgba(246,251,254,1), rgba(253,238,216,1));
}
.graygradientttobbg{
    background: -webkit-linear-gradient(top, rgba(250,250,250,1), rgba(220,220,220,1));
    background: -o-linear-gradient(top, rgba(250,250,250,1), rgba(220,220,220,1));
    background: -moz-linear-gradient(top, rgba(250,250,250,1), rgba(220,220,220,1));
    background: linear-gradient(to bottom, rgba(250,250,250,1), rgba(220,220,220,1));
}
.aquagradienttxt{
    background: -webkit-linear-gradient(top, rgba(32,141,198,1) 16%, rgba(0,177,189,1) 96%);
    background: -o-linear-gradient(top, rgba(32,141,198,1) 16%, rgba(0,177,189,1) 96%);
    background: -moz-linear-gradient(top, rgba(32,141,198,1) 16%, rgba(0,177,189,1) 96%);
    background: linear-gradient(to bottom, rgba(32,141,198,1) 16%, rgba(0,177,189,1) 96%);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}


.blackfont{
    color: rgba(68,68,68,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.bluefont{
    color: rgba(14,110,192,1);
}
.aquafont{
    color: rgba(0,177,189,1);
}
.orangefont{
    color: rgba(244,153,50,1);
}
.yellowfont{
    color: rgba(253,216,110,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(14,110,192,1);
}

.graysolid1{
    border: 1px solid rgba(205,205,205,1);
}
.orangesolid2{
    border: 2px solid rgba(244,153,50,1);
}
.whitesolidr1{
    border-right: 1px solid rgba(255,255,255,.8);
}
.bluesolidb1{
    border-bottom: 1px solid rgba(14,110,192,1);
}
.yellowsolidb1{
    border-bottom: 1px solid rgba(253,216,110,1);
}
.orangesolidb2{
    border-bottom: 2px solid rgba(244,153,50,1);
}
.orangesolidt2{
    border-top: 2px solid rgba(244,153,50,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);
}
.blackboxshadowb8{
    box-shadow: 0px 8px 8px -7px rgba(105,105,105,1);
    -webkit-box-shadow: 0px 8px 8px -7px rgba(105,105,105,1);
}
.blackboxshadowt8{
    box-shadow: 0px -8px 8px -7px rgba(105,105,105,1);
    -webkit-box-shadow: 0px -8px 8px -7px rgba(105,105,105,1);
}
.blackboxshadowrb4-3{
    box-shadow: 4px 4px 3px -1px rgba(105,105,105,1);
    -webkit-box-shadow: 4px 4px 3px -1px rgba(105,105,105,1);
}
.blackboxshadowtb8{
    box-shadow: 0px 8px 8px -7px rgba(105,105,105,1), 0px -8px 8px -7px rgba(105,105,105,1);
    -webkit-box-shadow: 0px 8px 8px -7px rgba(105,105,105,1), 0px -8px 8px -7px rgba(105,105,105,1);
}
.blackboxshadowb8inset{
    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;
}

.logo::before{
    content: "大東環境管理企業社";
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(255,255,255,1);
    font-size: 35px;
    line-height: 40px;
    font-weight: 900;
    text-shadow: 0px 4px 4px rgba(105,105,105,1);
    -webkit-text-stroke: 3px rgba(255,255,255,1);
    text-stroke: 3px rgba(255,255,255,1);
}

.cusmaxw200px{
    width: 200px;
    max-width: 200px;
}
.cusmax100-200px{
    width: calc(100% - 200px);
    max-width: calc(100% - 200px);
}
.cusmax50-100px{
    width: calc(50% - 100px);
    max-width: calc(50% - 100px);
}
.cusmaxh320px{
    height: 320px;
    max-height: 320px;
}

.nav .subnav{
    height: 0px;
    max-height: 0px;
}
.nav:hover .subnav, .nav:active .subnav{
    height: auto;
    max-height: 384px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
@media only screen and (min-width: 1201px){
    .mainbg{
        background: url(../fimgs/mainbg01.jpg) center top no-repeat;
        background-size: cover;
    }
    .indexbg{
        background: url(../fimgs/indexbg01.jpg) center top no-repeat;
        background-size: cover;
    }
    .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;
    }
    .banner04{
        background: url(../fimgs/indexbanner02002.jpg) center center no-repeat;
        background-size: cover;
    }
    .aboutbg{
        background: -webkit-linear-gradient(top, rgba(255,255,255,.001) 64%, rgba(255,255,255,1)), url(../fimgs/aboutbg01.jpg);
        background: -o-linear-gradient(top, rgba(255,255,255,.001) 64%, rgba(255,255,255,1)), url(../fimgs/aboutbg01.jpg);
        background: -moz-linear-gradient(top, rgba(255,255,255,.001) 64%, rgba(255,255,255,1)), url(../fimgs/aboutbg01.jpg);
        background: linear-gradient(to bottom, rgba(255,255,255,.001) 64%, rgba(255,255,255,1)), url(../fimgs/aboutbg01.jpg);
        background-size: auto, contain;
        background-repeat: no-repeat, no-repeat;
    }
}

@media only screen and (min-width: 1301px){
    .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;
    }
    .banner04{
        background: url(../fimgs/indexbanner02001.jpg) center center no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 1200px){
    .mainbg{
        background: url(../fimgs/mainbg01.jpg) center top no-repeat;
        background-size: cover;
    }
    .indexbg{
        background: url(../fimgs/indexbg02.jpg) center top no-repeat;
        background-size: cover;
    }
    .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;
    }
    .banner04{
        background: url(../fimgs/indexbanner02003.jpg) center center no-repeat;
        background-size: contain;
    }
    .aboutbg{
        background: -webkit-linear-gradient(top, rgba(255,255,255,.001) 64%, rgba(255,255,255,1)), url(../fimgs/aboutbg03.jpg);
        background: -o-linear-gradient(top, rgba(255,255,255,.001) 64%, rgba(255,255,255,1)), url(../fimgs/aboutbg03.jpg);
        background: -moz-linear-gradient(top, rgba(255,255,255,.001) 64%, rgba(255,255,255,1)), url(../fimgs/aboutbg03.jpg);
        background: linear-gradient(to bottom, rgba(255,255,255,.001) 64%, rgba(255,255,255,1)), url(../fimgs/aboutbg03.jpg);
        background-size: auto, contain;
        background-repeat: no-repeat, no-repeat;
    }
}

@media only screen and (max-width: 600px){
    .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;
    }
    .banner04{
        background: url(../fimgs/indexbanner02004.jpg) center center no-repeat;
        background-size: contain;
    }
    .aboutbg{
        background: -webkit-linear-gradient(top, rgba(255,255,255,.001) 64%, rgba(255,255,255,1)), url(../fimgs/aboutbg02.jpg);
        background: -o-linear-gradient(top, rgba(255,255,255,.001) 64%, rgba(255,255,255,1)), url(../fimgs/aboutbg02.jpg);
        background: -moz-linear-gradient(top, rgba(255,255,255,.001) 64%, rgba(255,255,255,1)), url(../fimgs/aboutbg02.jpg);
        background: linear-gradient(to bottom, rgba(255,255,255,.001) 64%, rgba(255,255,255,1)), url(../fimgs/aboutbg02.jpg);
        background-size: auto, contain;
        background-repeat: no-repeat, no-repeat;
    }
}