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);
}
.nav .subnav{
    height: 0px;
    max-height: 0px;
    left: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.nav:hover .subnav, .nav:active .subnav{
    height: auto;
    max-height: 389px;
}


.fmtitle{
    font-family: 'Kosugi Maru', 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);
}
.graybg{
    background: rgba(237,237,237,1);
}
.midgraybg{
    background: rgba(112,112,112,1);
}
.darkgraybg{
    background: rgba(99,99,99,1);
}
.grayblackbg{
    background: rgba(61,61,61,1);
}
.pureblackbg{
    background: rgba(20,20,20,1);
}
.blackbg{
    background: rgba(33,33,33,1);
}
.graytotransbgttob{
    background: -webkit-linear-gradient(top, rgba(235,235,235,1) 4%, rgba(235,235,235,.001) 88%);
    background: -o-linear-gradient(top, rgba(235,235,235,1) 4%, rgba(235,235,235,.001) 88%);
    background: -moz-linear-gradient(top, rgba(235,235,235,1) 4%, rgba(235,235,235,.001) 88%);
    background: linear-gradient(to bottom, rgba(235,235,235,1) 4%, rgba(235,235,235,.001) 88%);
}
.transtoblackbgttob48{
    background: -webkit-linear-gradient(top, rgba(33,33,33,.001) 48%, rgba(33,33,33,1) 96%);
    background: -o-linear-gradient(top, rgba(33,33,33,.001) 48%, rgba(33,33,33,1) 96%);
    background: -moz-linear-gradient(top, rgba(33,33,33,.001) 48%, rgba(33,33,33,1) 96%);
    background: linear-gradient(to bottom, rgba(33,33,33,.001) 48%, rgba(33,33,33,1) 96%);
}
.greengradientttobbg{
    background: -webkit-linear-gradient(top, rgba(63,129,62,1), rgba(51,106,41,1));
    background: -o-linear-gradient(top, rgba(63,129,62,1), rgba(51,106,41,1));
    background: -moz-linear-gradient(top, rgba(63,129,62,1), rgba(51,106,41,1));
    background: linear-gradient(to bottom, rgba(63,129,62,1), rgba(51,106,41,1));
}
.blackgradientttobbg{
    background: -webkit-linear-gradient(top, rgba(50,50,50,1), rgba(20,20,20,1));
    background: -o-linear-gradient(top, rgba(50,50,50,1), rgba(20,20,20,1));
    background: -moz-linear-gradient(top, rgba(50,50,50,1), rgba(20,20,20,1));
    background: linear-gradient(to bottom, rgba(50,50,50,1), rgba(20,20,20,1));
}


.blackfont{
    color: rgba(34,34,34,1);
}
.lighblackfont{
    color: rgba(55,55,55,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.lightgrayfont{
    color: rgba(125,125,125,1);
}
.footergrayfont{
    color: rgba(196,196,196,1);
}
.footerdarkgrayfont{
    color: rgba(68,68,68,1);
}
.blacktograyfont, .blacktograyfont:visited{
    color: rgba(34,34,34,1);
    transition: all .1s;
    -webkit-transition: all .1s;
}
.blacktograyfont:hover, .blacktograyfont:active{
    color: rgba(108,113,107,1);
}


.blacksolidb1{
    border-bottom: 1px solid rgba(34,34,34,1);
}
.footerdarkgraysolidb1{
    border-bottom: 1px solid rgba(68,68,68,1);
}
.footergraysolidb1{
    border-bottom: 1px solid rgba(196,196,196,1);
}
.graysolidb1{
    border-bottom: 1px solid rgba(112,112,112,1);
}
.graysolidr1{
    border-right: 1px solid rgba(112,112,112,1);
}
.blacksolidb8{
    border-bottom: 8px solid rgba(34,34,34,1);
}
.whitesolidl1{
    border-left: 1px solid rgba(255,255,255,1);
}
.graysolid1{
    border: 1px solid rgba(112,112,112,1);
}
.blackdecdelta::before{
    content: "";
    position: absolute;
    left: 11px;
    bottom: -1px;
    height: 12px;
    width: 0;
    border-left: 2px solid rgba(34,34,34,1);
    transform: skew(-64deg) rotateZ(0);
    -webkit-transform: skew(-64deg) rotateZ(0);
}

.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);
}
.grayboxshadowt8inset{
    box-shadow: 0px 8px 8px -3px rgba(196,196,196,1);
    -webkit-box-shadow: 0px 8px 8px -3px rgba(196,196,196,1);
}
.grayboxshadow8{
    box-shadow: 0px 0px 8px -1px rgba(196,196,196,1);
    -webkit-box-shadow: 0px 0px 8px -1px rgba(196,196,196,1);
}
.lightgrayboxshadowlb2{
    box-shadow: -2px 2px 0px 0px rgba(236,236,236,1);
    -webkit-box-shadow: -2px 2px 0px 0px rgba(236,236,236,1);
}

.cusfixw104px{
    width: 104px;
    max-width: 104px;
}
.cusfixw256px{
    width: 256px;
    max-width: 256px;
}
.cusfixw100-256px{
    width: calc(100% - 256px);
    max-width: calc(100% - 256px);
}
.cusfixmaxh1080px{
    max-height: 1080px;
}

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

.hovertextleft .hoverw8to0, .hovertextleft:visited .hoverw8to0{
    width: 16px;
    transition: all .1s;
    -webkit-transition: all .1s;
}
.hovertextleft:hover .hoverw8to0, .hovertextleft:active .hoverw8to0{
    width: 8px;
}

@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) top right no-repeat;
        background-size: cover;
    }
    .banner02{
        background: url(../fimgs/indexbanner02002.jpg) top right no-repeat;
        background-size: cover;
    }
    .banner03{
        background: url(../fimgs/indexbanner03002.jpg) top right no-repeat;
        background-size: cover;
    }
    .mainbg{
        background: url(../fimgs/mainbg01002.jpg) top left no-repeat;
        background-size: cover;
    }
    .indexbg01{
        background: url(../fimgs/indexbg01002.jpg) center center no-repeat;
        background-size: cover;
        height: 640px;
    }
    .indexbg02{
        background: url(../fimgs/indexbg02002.jpg) center left no-repeat;
        background-size: cover;
        height: 432px;
    }
    .aboutbg01{
        background: url(../fimgs/aboutcontactbg02.jpg) center center no-repeat;
        background-size: cover;
        height: 432px;
    }
    .ironbg01{
        background: url(../fimgs/ironbg01002.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg02{
        background: url(../fimgs/ironbg02002.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg03{
        background: url(../fimgs/ironbg03002.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg04{
        background: url(../fimgs/ironbg04002.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg05{
        background: url(../fimgs/ironbg05002.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .cusmax1025whitesolidr1{
        border-right: 1px solid rgba(255,255,255,1);
    }
    .cusmax1025footergraysolidr1{
        border-right: 1px solid rgba(196,196,196,1);
    }
}

@media only screen and (min-width: 1301px){
    .cusmaxw1301dpb{
        display: block;
    }
    .cusmaxw1301hidden{
        display: none;
    }
    .banner01{
        background: url(../fimgs/indexbanner01001.jpg) top right no-repeat;
        background-size: cover;
    }
    .banner02{
        background: url(../fimgs/indexbanner02001.jpg) top right no-repeat;
        background-size: cover;
    }
    .banner03{
        background: url(../fimgs/indexbanner03001.jpg) top right no-repeat;
        background-size: cover;
    }
    .mainbg{
        background: url(../fimgs/mainbg01001.jpg) top left no-repeat;
        background-size: cover;
    }
    .indexbg01{
        background: url(../fimgs/indexbg01001.jpg) center center no-repeat;
        background-size: cover;
        height: 640px;
    }
    .indexbg02{
        background: url(../fimgs/indexbg02001.jpg) center left no-repeat;
        background-size: cover;
        height: 432px;
    }
    .aboutbg01{
        background: url(../fimgs/aboutcontactbg01.jpg) center center no-repeat;
        background-size: cover;
        height: 432px;
    }
    .ironbg01{
        background: url(../fimgs/ironbg01001.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg02{
        background: url(../fimgs/ironbg02001.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg03{
        background: url(../fimgs/ironbg03001.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg04{
        background: url(../fimgs/ironbg04001.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg05{
        background: url(../fimgs/ironbg05001.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
}
@media only screen and (min-width: 1601px){
    .cusmaxw1601maxw7-5{max-width: calc(100% / 7 * 5 - 7.99px); width: calc(100% / 7 * 5 - 7.99px);}
}
@media only screen and (min-width: 1921px){
    .mainbg{
        background: url(../fimgs/mainbg01000.jpg) center left 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);
    }
    .banner01{
        background: url(../fimgs/indexbanner01003.jpg) top right no-repeat;
        background-size: cover;
    }
    .banner02{
        background: url(../fimgs/indexbanner02003.jpg) top right no-repeat;
        background-size: cover;
    }
    .banner03{
        background: url(../fimgs/indexbanner03003.jpg) top right no-repeat;
        background-size: cover;
    }
    .mainbg{
        background: url(../fimgs/mainbg01003.jpg) top left no-repeat;
        background-size: cover;
    }
    .indexbg01{
        background: url(../fimgs/indexbg01003.jpg) center center no-repeat;
        background-size: cover;
        height: 624px;
    }
    .indexbg02{
        background: url(../fimgs/indexbg02003.jpg) center left no-repeat;
        background-size: cover;
        height: 432px;
    }
    .aboutbg01{
        background: url(../fimgs/aboutcontactbg03.jpg) top center no-repeat;
        background-size: cover;
    }
    .ironbg01{
        background: url(../fimgs/ironbg01003.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg02{
        background: url(../fimgs/ironbg02003.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg03{
        background: url(../fimgs/ironbg03003.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg04{
        background: url(../fimgs/ironbg04003.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg05{
        background: url(../fimgs/ironbg05003.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .cusmin1024footergraysolidb1{
        border-bottom: 1px solid rgba(196,196,196,1);
    }
}

@media only screen and (max-width: 600px){
    .cusminw600dpb{
        display: block;
    }
    .cusminw600hidden{
        display: none;
    }
    .banner01{
        background: url(../fimgs/indexbanner01004.jpg) top right no-repeat;
        background-size: cover;
    }
    .banner02{
        background: url(../fimgs/indexbanner02004.jpg) top right no-repeat;
        background-size: cover;
    }
    .banner03{
        background: url(../fimgs/indexbanner03004.jpg) top right no-repeat;
        background-size: cover;
    }
    .mainbg{
        background: url(../fimgs/mainbg01004.jpg) top left no-repeat;
        background-size: cover;
    }
    .indexbg01{
        background: url(../fimgs/indexbg01004.jpg) center center no-repeat;
        background-size: cover;
        height: 624px;
    }
    .indexbg02{
        background: url(../fimgs/indexbg02004.jpg) center left no-repeat;
        background-size: cover;
        height: 432px;
    }
    .aboutbg01{
        background: url(../fimgs/aboutcontactbg04.jpg) center center no-repeat;
        background-size: cover;
    }
    .ironbg01{
        background: url(../fimgs/ironbg01004.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg02{
        background: url(../fimgs/ironbg02004.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg03{
        background: url(../fimgs/ironbg03004.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg04{
        background: url(../fimgs/ironbg04004.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
    .ironbg05{
        background: url(../fimgs/ironbg05004.jpg) center left no-repeat;
        background-size: cover;
        height: 192px;
    }
}