textarea{
    resize: none;
    min-height: 120px;
}
input{
    resize: none;
    min-height: 24px;
}
::-webkit-input-placeholder {
    font-size: 11px;
    color: rgba(135,135,135,1);
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:-moz-placeholder {
    font-size: 11px;
    color: rgba(135,135,135,1);
    opacity:  1;
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
::-moz-placeholder {
    font-size: 11px;
    color: rgba(135,135,135,1);
    opacity:  1;
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:-ms-input-placeholder {
    font-size: 11px;
    color: rgba(135,135,135,1);
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:placeholder-shown {
    font-size: 11px;
    color: rgba(135,135,135,1);
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}

.whitebg{
    background: rgba(255,255,255,1);
}
.greenbg{
    background: rgba(0,120,50,1);
}
.bluebg{
    background: rgba(21,88,151,1);
}
.lightwoodbg48{
    background: rgba(209,191,167,.48);
}
.yellowbg{
    background: rgba(247,163,60,1);
}
.blackbg64{
    background: rgba(0,0,0,.64);
}
.mainbg{
    background: url(../fimgs/indexbg03.jpg) center center repeat;
}
.indexbg02{
    background: url(../fimgs/indexbg02.jpg) top center repeat;
}
.indexleftbg01{
    background: url(../fimgs/indexslideimg01001.jpg) center center no-repeat;
    background-size: 100% auto;
}
.indexleftbg02{
    background: url(../fimgs/indexslideimg01002.jpg) center center no-repeat;
    background-size: 100% auto;
}
.indexleftbg03{
    background: url(../fimgs/indexslideimg01003.jpg) center center no-repeat;
    background-size: 100% auto;
}
.indexleftbg04{
    background: url(../fimgs/indexslideimg01004.jpg) center center no-repeat;
    background-size: 100% auto;
}
.indexrightbg01{
    background: url(../fimgs/indexslideimg02001.jpg) center center no-repeat;
    background-size: 100% auto;
}
.indexrightbg02{
    background: url(../fimgs/indexslideimg02002.jpg) center center no-repeat;
    background-size: 100% auto;
}
.indexrightbg03{
    background: url(../fimgs/indexslideimg02003.jpg) center center no-repeat;
    background-size: 100% auto;
}
.indexrightbg04{
    background: url(../fimgs/indexslideimg02004.jpg) center center no-repeat;
    background-size: 100% auto;
}
.workbg{
    background: url(../fimgs/workbg.jpg) center bottom no-repeat, -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/workbg.jpg) center bottom no-repeat, -o-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/workbg.jpg) center bottom no-repeat, -moz-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/workbg.jpg) center bottom no-repeat, linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1));
    background-size: auto, auto;
}

.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));
}
.greentobluegradientltorbg{
    background: -webkit-linear-gradient(left, rgba(103,178,111,1), rgba(41,137,216,1), rgba(21,88,151,1) 84%);
    background: -o-linear-gradient(left, rgba(103,178,111,1), rgba(41,137,216,1), rgba(21,88,151,1) 84%);
    background: -moz-linear-gradient(left, rgba(103,178,111,1), rgba(41,137,216,1), rgba(21,88,151,1) 84%);
    background: linear-gradient(to right, rgba(103,178,111,1), rgba(41,137,216,1), rgba(21,88,151,1) 84%);
}
.whiteandgreenbluegradientbg{
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%), url(../fimgs/indexbg01.png) center top repeat, -webkit-linear-gradient(left, rgba(103,178,111,1), rgba(41,137,216,1), rgba(21,88,151,1) 84%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%), url(../fimgs/indexbg01.png) center top repeat, -o-linear-gradient(left, rgba(103,178,111,1), rgba(41,137,216,1), rgba(21,88,151,1) 84%);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%), url(../fimgs/indexbg01.png) center top repeat, -moz-linear-gradient(left, rgba(103,178,111,1), rgba(41,137,216,1), rgba(21,88,151,1) 84%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%), url(../fimgs/indexbg01.png) center top repeat, linear-gradient(to right, rgba(103,178,111,1), rgba(41,137,216,1), rgba(21,88,151,1) 84%);
}

.maxw280px{
    max-width: 280px; 
    width: 280px;
}
.maxw100-280px{
    max-width: calc(100% - 280px); 
    width: calc(100% - 280px); 
}

.whitefont{
    color: rgba(255,255,255,1);
}
.bluefont{
    color: rgba(0,103,168,1);
}
.grayfont{
    color: rgba(149,149,149,1);
}
.blackfont{
    color: rgba(68,68,68,1);
}
.redfont{
    color: rgba(165,22,26,1);
}
.greenfont{
    color: rgba(0,124,49,1);
}
.blacktowoodfont{
    color: rgba(68,68,68,1);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.blacktowoodfont:hover{
    color: rgba(185,154,99,1);
}
.whitetogreenfont{
    color: rgba(255,255,255,1);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.whitetogreenfont:hover{
    color: rgba(103,178,111,1);
}

.whitesolidr1{
    border-right: 1px solid rgba(255,255,255,1);
}
.blacksolidr1{
    border-right: 1px solid rgba(68,68,68,1);
}
.blacksolidb1{
    border-bottom: 1px solid rgba(68,68,68,1);
}
.lightwoodsolid8{
    border: 8px solid rgba(209,191,167,1);
    box-sizing: border-box;
}
.greensolid8{
    border: 8px solid rgba(0,124,49,1);
    box-sizing: border-box;
}
.graysolid1{
    border: 1px solid rgba(149,149,149,1);
}
.graysolidtb2{
    border-width: 2px 0px;
    border-color: rgba(149,149,149,1) transparent;
    border-style: solid;
}

.navicon::after{
    border-top: 2px solid rgba(149,149,149,1);
    box-sizing: border-box;
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
    width: 100%;
    height: 0;
}

.blackboxshadowtb8inset{
    box-shadow: 0px 8px 8px -9px rgba(68,68,68,0.8) inset, 0px -8px 8px -9px rgba(68,68,68,0.8) inset;
    -webkit-box-shadow: 0px 8px 8px -9px rgba(68,68,68,0.8) inset, 0px -8px 8px -9px rgba(68,68,68,0.8) inset;
}
.blackboxshadowt8inset{
    box-shadow: 0px 8px 8px -9px rgba(68,68,68,0.8) inset;
    -webkit-box-shadow: 0px 8px 8px -9px rgba(68,68,68,0.8) inset;
}
.blackboxshadow8{
    box-shadow: 0px 0px 8px 3px rgba(68,68,68,0.8);
    -webkit-box-shadow: 0px 0px 8px 3px rgba(68,68,68,0.8);
}
.blackboxshadowrb8-3{
    box-shadow: 8px 8px 8px -3px rgba(68,68,68,0.8);
    -webkit-box-shadow: 8px 8px 8px -3px rgba(68,68,68,0.8);
}
.blackboxshadowrb4-3{
    box-shadow: 4px 4px 4px -3px rgba(68,68,68,0.8);
    -webkit-box-shadow: 4px 4px 4px -3px rgba(68,68,68,0.8);
}
.blackboxshadowrb80{
    box-shadow: 8px 8px 0px 0px rgba(68,68,68,0.48);
    -webkit-box-shadow: 8px 8px 0px 0px rgba(68,68,68,0.48);
}
.blackboxshadowb8{
    box-shadow: 0px 8px 8px -9px rgba(68,68,68,0.8);
    -webkit-box-shadow: 0px 8px 8px -9px rgba(68,68,68,0.8);
}

.maxh480px{
    height: 480px;
}

@media only screen and (min-width: 1001px){
    .maxw384px{
        max-width: 384px; 
        width: 384px;
    }
    .maxw100-384px{
        max-width: calc(100% - 384px); 
        width: calc(100% - 384px); 
    }
    .aboutbanner{
        background: url(../fimgs/aboutbannerm.jpg) center center no-repeat;
        background-size: contain;
    }
    .housebanner{
        background: url(../fimgs/housebannerm.jpg) center center no-repeat;
        background-size: contain;
    }
    .decbanner{
        background: url(../fimgs/decbannerm.jpg) center center no-repeat;
        background-size: contain;
    }
    .maintainbanner{
        background: url(../fimgs/maintainbannerm.jpg) center center no-repeat;
        background-size: contain;
    }
    .workbanner{
        background: url(../fimgs/workbannerm.jpg) center center no-repeat;
        background-size: contain;
    }
    .indexbanner{
        background: url(../fimgs/indexbanner01m.jpg) center center no-repeat;
        background-size: contain;
    }
}

@media only screen and (min-width: 1201px){
    .aboutbanner{
        background: url(../fimgs/aboutbannerb.jpg) center center no-repeat;
        background-size: contain;
    }
    .housebanner{
        background: url(../fimgs/housebannerb.jpg) center center no-repeat;
        background-size: contain;
    }
    .decbanner{
        background: url(../fimgs/decbannerb.jpg) center center no-repeat;
        background-size: contain;
    }
    .maintainbanner{
        background: url(../fimgs/maintainbannerb.jpg) center center no-repeat;
        background-size: contain;
    }
    .workbanner{
        background: url(../fimgs/workbannerb.jpg) center center no-repeat;
        background-size: contain;
    }
    .indexbanner{
        background: url(../fimgs/indexbanner01b.jpg) center center no-repeat;
        background-size: contain;
    }
}

@media only screen and (max-width: 1000px){
    .minmaxw100-48px{
        max-width: calc(100% - 48px); 
        width: calc(100% - 48px); 
    }
    .minmaxw48px{
        max-width: 48px; 
        width: 48px;
    }
    .minmaxw100-32px{
        max-width: calc(100% - 32px); 
        width: calc(100% - 32px); 
    }
    .minmaxw32px{
        max-width: 32px; 
        width: 32px;
    }
    .minmaxw100-72px{
        max-width: calc(100% - 72px); 
        width: calc(100% - 72px); 
    }
    .minmaxw64px{
        max-width: 64px; 
        width: 64px;
    }
    .minfs21{
        font-size: 21px;
    }
    .minlh24{
        line-height: 24px;
    }
    .minlightwoodsolid4{
        border: 4px solid rgba(209,191,167,1);
        box-sizing: border-box;
    }
    .mingreensolid4{
        border: 4px solid rgba(0,124,49,1);
        box-sizing: border-box;
    }
    .minpaddingtb2lr0{
        padding: 2px 0px;
    }
    .minwhiteandgreenbluegradientbg40{
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 40%), url(../fimgs/indexbg01.png) center top repeat, -webkit-linear-gradient(left, rgba(103,178,111,1), rgba(41,137,216,1), rgba(21,88,151,1) 84%);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 40%), url(../fimgs/indexbg01.png) center top repeat, -o-linear-gradient(left, rgba(103,178,111,1) rgba(41,137,216,1), rgba(21,88,151,1) 84%);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 40%), url(../fimgs/indexbg01.png) center top repeat, -moz-linear-gradient(left, rgba(103,178,111,1), rgba(41,137,216,1), rgba(21,88,151,1) 84%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 40%), url(../fimgs/indexbg01.png) center top repeat, linear-gradient(to right, rgba(103,178,111,1), rgba(41,137,216,1), rgba(21,88,151,1) 84%);
    }
    .aboutbanner{
        background: url(../fimgs/aboutbanners.jpg) center center no-repeat;
        background-size: contain;
    }
    .housebanner{
        background: url(../fimgs/housebanners.jpg) center center no-repeat;
        background-size: contain;
    }
    .decbanner{
        background: url(../fimgs/decbanners.jpg) center center no-repeat;
        background-size: contain;
    }
    .maintainbanner{
        background: url(../fimgs/maintainbanners.jpg) center center no-repeat;
        background-size: contain;
    }
    .workbanner{
        background: url(../fimgs/workbanners.jpg) center center no-repeat;
        background-size: contain;
    }
    .indexbanner{
        background: url(../fimgs/indexbanner01s.jpg) center center no-repeat;
        background-size: contain;
    }
    .minmaxh240px{
        height: 240px;
    }
}