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{
    padding: 0px;
    border: 1px solid rgba(19,19,19,1);
    font-size: 17px;
    line-height: 32px;
    letter-spacing: 1.6px;
    height: 32px;
    background: rgba(255,255,255,1);
    color: rgba(19,19,19,1);
    
}
textarea{
    border: 1px solid rgba(19,19,19,1);
    color: rgba(19,19,19,1);
}

.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(19,19,19,1);
    max-width: 100%;
    margin: 0 auto;
}

.nav .subnav, .nav:visited .subnav{
    height: 0px;
    max-height: 0px;
    width: calc(100% + 64px);
    left: -32px;
    overflow: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.nav:hover .subnav, .nav:active .subnav{
    height: auto;
    max-height: 560px;
}

.fmtitle{
    font-family: 'Shippori Mincho', serif, 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);
}
.lightskinbg{
    background: rgba(246,245,241,1);
}
.bannerwoodbg{
    background: rgba(169,140,106,1);
}
.footergraybg{
    background: rgba(129,129,129,1);
}
.lightgraybg{
    background: rgba(245,245,245,1);
}
.mobilegreenbg{
    background: rgba(65,174,23,1);
}
.mobileblackbg{
    background: rgba(77,72,68,1);
}
.bloggraybg{
    background: rgba(148,144,141,1);
}
.whitebg32{
    background: rgba(255,255,255,.32);
}
.footerbg{
    background: url(../fimgs/bannerbg.jpg) center top repeat;
    background-size: auto;
}
.bannerbg::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 64px);
    background: url(../fimgs/bannerbg.jpg) center top repeat;
    background-size: auto;
    
}
.transtoblackbgttob{
    background: -webkit-linear-gradient(rgba(0,0,0,.001) 4%, rgba(0,0,0,1) 96%);
    background: -o-linear-gradient(rgba(0,0,0,.001) 4%, rgba(0,0,0,1) 96%);
    background: -moz-linear-gradient(rgba(0,0,0,.001) 4%, rgba(0,0,0,1) 96%);
    background: linear-gradient(to bottom, rgba(0,0,0,.001) 4%, rgba(0,0,0,1) 96%);
}
.transtowoodbgttob{
    background: -webkit-linear-gradient(rgba(179,153,123,.001) 4%, rgba(179,153,123,1) 96%);
    background: -o-linear-gradient(rgba(179,153,123,.001) 4%, rgba(179,153,123,1) 96%);
    background: -moz-linear-gradient(rgba(179,153,123,.001) 4%, rgba(179,153,123,1) 96%);
    background: linear-gradient(to bottom, rgba(179,153,123,.001) 4%, rgba(179,153,123,1) 96%);
}
.whitetolightgraybgttob{
    background: -webkit-linear-gradient(rgba(255,255,255,1) 4%, rgba(240,240,240,1) 96%);
    background: -o-linear-gradient(rgba(255,255,255,1) 4%, rgba(240,240,240,1) 96%);
    background: -moz-linear-gradient(rgba(255,255,255,1) 4%, rgba(240,240,240,1) 96%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 4%, rgba(240,240,240,1) 96%);
}
.indexbg01::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 64px);
    background: rgba(169,140,106,1);
}
.indexbg02::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 32px);
    background: url(../fimgs/indexbg01.jpg) center top repeat;
}
.indexbg05::before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% + 32px);
    height: calc(100% - 32px);
    background: rgba(169,140,106,1);
}
.indexbg06::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 40px);
    background: rgba(183,170,153,1);
}
.aboutbg02::before{
    content: "";
    position: absolute;
    top: 32px;
    right: 0;
    width: 100%;
    height: calc(100% + 32px);
    background: rgba(231,231,231,1);
}
.servicebg01::before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: calc(100% - 64px);
    background: rgba(245,245,245,1);
}
.whitetograybg, .whitetograybg:visited{
    background: rgba(255,255,255,1);
    transition: all .1s;
    -webkit-transition: all .1s;
}
.whitetograybg:hover, .whitetograybg:active{
    background: rgba(148,144,141,1);
}

.blackfont{
    color: rgba(19,19,19,1);
}
.grayfont{
    color: rgba(129,129,129,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.darkwoodfont{
    color: rgba(77,72,69,1);
}
.woodfont{
    color: rgba(169,140,106,1);
}
.lightwoodfont{
    color: rgba(220,213,203,1);
}
.skinfont{
    color: rgba(250,225,194,1);
}
.darkwoodtowoodfont, .darkwoodtowoodfont:visited{
    color: rgba(77,72,69,1);
    transition: all .1s;
    -webkit-transition: all .1s;
}
.darkwoodtowoodfont:hover, .darkwoodtowoodfont:active{
    color: rgba(169,140,106,1);
}
.darkwoodtowhitefont, .darkwoodtowhitefont:visited{
    color: rgba(77,72,69,1);
    transition: all .1s;
    -webkit-transition: all .1s;
}
.darkwoodtowhitefont:hover, .darkwoodtowhitefont:active{
    color: rgba(255,255,255,1);
}

.darkwoodsolidt4{
    border-top: 4px solid rgba(77,72,69,1);
}
.darkwoodsolidb1{
    border-bottom: 1px solid rgba(77,72,69,1);
}
.lightgrayslidt1{
    border-top: 1px solid rgba(205,205,205,1);
}
.woodsolidb1{
    border-bottom: 1px solid rgba(169,140,106,1);
}
.woodsolidl16{
    border-left: 16px solid rgba(169,140,106,1);
}
.noactwoodsolid1{
    border: 1px solid rgba(169,140,106,1);
}
.bloggraysolid1{
    border: 1px solid rgba(148,144,141,1);
}
.woodsolid1, .woodsolid1:visited{
    border: 0px solid rgba(169,140,106,.001);
}
.woodsolid1:hover, .woodsolid1:active{
    border: 1px solid rgba(169,140,106,1);
}
.blogdecwoodsolidb1::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 72px);
    width: 144px;
    height: 0;
    border-bottom: 1px solid rgba(169,140,106,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);
}
.grayboxshadow4{
    box-shadow: 0px 0px 4px -1px rgba(200,200,200,1);
    -webkit-box-shadow: 0px 0px 4px -1px rgba(200,200,200,1);
}
.grayboxshadowlb8{
    box-shadow: -8px 8px 8px -5px rgba(200,200,200,1);
    -webkit-box-shadow: -8px 8px 8px -5px rgba(200,200,200,1);
}
.lightgrayboxshadowlb8-0{
    box-shadow: -8px 8px 0px 0px rgba(211,207,204,1);
    -webkit-box-shadow: -8px 8px 0px 0px rgba(211,207,204,1);
}

.singlejustify{
    height: 20px;
}
.singlejustify::after{
    content: "";
    display: inline-block;
    width: 100%;
}

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

.custopright-8px{
    top: -8px;
    right: 8px;
}
.cusfixh48{
    height: 48%;
}
.cusfixh400px{
    height: 400px;
    max-height: 400px;
}
.cusfixw64px{
    width: 64px;
    max-width: 64px;
}
.cusfixw96px{
    width: 96px;
    max-width: 96px;
}
.cusfixw120px{
    width: 120px;
    max-width: 120px;
}
.cusfixw100-112px{
    width: calc(100% - 112px);
    max-width: calc(100% - 112px);
}
.cusfixw100-128px{
    width: calc(100% - 128px);
    max-width: calc(100% - 128px);
}

@media only screen and (min-width: 1025px){
    .cusmax1025w100-208px{
        width: calc(100% - 208px);
        max-width: calc(100% - 208px);
    }
    .cusmax1025w100-136px{
        width: calc(100% - 136px);
        max-width: calc(100% - 136px);
    }
    .cusmax1025w100-80px{
        width: calc(100% - 80px);
        max-width: calc(100% - 80px);
    }
    .cusmax1025w100-64px{
        width: calc(100% - 64px);
        max-width: calc(100% - 64px);
    }
    .cusmax1025w192px{
        width: 192px;
        max-width: 192px;
    }
    .cusmax1025w128px{
        width: 128px;
        max-width: 128px;
    }
    .cusmax1025w64px{
        width: 64px;
        max-width: 64px;
    }
    .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;
    }
    .indexbg02::before{
        width: calc(100% - 64px);
    }
    .indexbg03{
        background: url(../fimgs/indexbg02002.jpg) left top no-repeat;
        background-size: cover;
    }
    .aboutbg01{
        background: url(../fimgs/aboutimg02.jpg) center center no-repeat;
        background-size: cover;
    }
    .aboutbg03{
        background: url(../fimgs/aboutimg13001.jpg) center center no-repeat;
        background-size: cover;
    }
    .contactbg01{
        background: url(../fimgs/contactimg05002.jpg) center bottom no-repeat;
        background-size: cover;
    }
    .repairbg01::before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc((100% - 1200px) / 2 + 1200px);
        height: 76%;
        background: rgba(245,245,245,1);
    }
    .repairbg02{
        background: url(../fimgs/repairbg01002.jpg) center center no-repeat;
        background-size: cover;
    }
    .casebg01{
        background: url(../fimgs/casebg01002.jpg) bottom center no-repeat;
        background-size: contain;
    }
    .cusmax1025maxw4-1-32{
        max-width: calc(100% / 4 - 31.99px); 
        width: calc(100% / 4 - 31.99px);
    }
    .cusmaxwhitearrowr::before{
        content: "〉";
        position: absolute;
        font-size: 35px;
        line-height: 32px;
        letter-spacing: 0.8px;
        font-weight: 700;
        font-family: 'Montserrat', Microsoft JhengHei, Verdana, sans-serif;
        left: calc(100% + 9px);
        top: calc(50%  - 8px);
        width: 0;
        height: 0;
        color: rgba(255,255,255,1);
    }
    .cusmax1025woodsolidl1{
        border-left: 1px solid rgba(169,140,106,1);
    }
    .cusmax1025woodsolidr1{
        border-right: 1px solid rgba(169,140,106,1);
    }
    .cusmax1025h432px{
        height: 432px;
    }
}

@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;
    }
    .indexbg03{
        background: url(../fimgs/indexbg02001.jpg) left top no-repeat;
        background-size: cover;
    }
    .contactbg01{
        background: url(../fimgs/contactimg05001.jpg) center bottom no-repeat;
        background-size: cover;
    }
    .repairbg02{
        background: url(../fimgs/repairbg01001.jpg) center center no-repeat;
        background-size: cover;
    }
    .casebg01{
        background: url(../fimgs/casebg01001.jpg) bottom center no-repeat;
        background-size: contain;
    }
}

@media only screen and (min-width: 1601px){
    .cusmax1601w100-320px{
        width: calc(100% - 320px);
        max-width: calc(100% - 320px);
    }
    .cusmax1601w100-11-10{
        width: calc(100% / 11 * 10 - 7.99px);
        max-width: calc(100% / 11 * 10 - 7.99px);
    }
    .cusmax1601w100-11-9{
        width: calc(100% / 11 * 9 - 7.99px);
        max-width: calc(100% / 11 * 9 - 7.99px);
    }
    .cusmax1601w100-11-1{
        width: calc(100% / 11 - 7.99px);
        max-width: calc(100% / 11 - 7.99px);
    }
    .indexbg02::before{
        width: calc(100% / 11 * 10);
    }
    .cusmax1601h408px{
        height: 408px;
    }
    .cusmax1601w1608px{
        width: 1608px;
    }
}

@media only screen and (max-width: 1024px){
    .cusmin1024w48px{
        width: 48px;
        max-width: 48px;
    }
    .cusmin1024w128px{
        width: 128px;
        max-width: 128px;
    }
    .cusmin1024w192px{
        width: 192px;
        max-width: 192px;
    }
    .cusmin1024w100-16px{
        width: calc(100% - 16px);
        max-width: calc(100% - 16px);
    }
    .cusmin1024w100-48px{
        width: calc(100% - 48px);
        max-width: calc(100% - 48px);
    }
    .cusmin1024w100-64px{
        width: calc(100% - 64px);
        max-width: calc(100% - 64px);
    }
    .cusmin1024w100-136px{
        width: calc(100% - 136px);
        max-width: calc(100% - 136px);
    }
    .cusmin1024w100-192px{
        width: calc(100% - 192px);
        max-width: calc(100% - 192px);
    }
    .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;
    }
    .indexbg02::before{
        width: calc(100% - 48px);
    }
    .indexbg03{
        background: url(../fimgs/indexbg02003.jpg) left top no-repeat;
        background-size: cover;
    }
    .aboutbg04{
        background: url(../fimgs/aboutimg12002.jpg) center center no-repeat;
        background-size: cover;
    }
    .contactbg01{
        background: url(../fimgs/contactimg05003.jpg) center bottom no-repeat;
        background-size: cover;
    }
    .repairbg01::before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc(100% - 32px);
        height: 76%;
        background: rgba(245,245,245,1);
    }
    .repairbg02{
        background: url(../fimgs/repairbg01003.jpg) center center no-repeat;
        background-size: cover;
    }
    .casebg01{
        background: url(../fimgs/casebg01003.jpg) bottom center no-repeat;
        background-size: contain;
    }
    .cusminflexorder1{
        order: 1;
        -webkit-order: 1;
    }
    .cusmingraysolidt1{
        border-top: 1px solid rgba(205,205,205,1);
    }
    .cusmin1024h432px{
        height: 432px;
    }
}

@media only screen and (max-width: 600px){
    .cusminw600dpb{
        display: block;
    }
    .cusminw600hidden{
        display: none;
    }
    .cusmin600w100-96px{
        width: calc(100% - 96px);
        max-width: calc(100% - 96px);
    }
    .cusmin600w100-24px{
        width: calc(100% - 24px);
        max-width: calc(100% - 24px);
    }
    .cusmin600w96px{
        width: 96px;
        max-width: 96px;
    }
    .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;
    }
    .indexbg02::before{
        width: calc(100% - 16px);
    }
    .indexbg03{
        background: url(../fimgs/indexbg02004.jpg) left top no-repeat;
        background-size: cover;
    }
    .aboutbg04{
        background: url(../fimgs/aboutimg12003.jpg) center center no-repeat;
        background-size: cover;
    }
    .contactbg01{
        background: url(../fimgs/contactimg05004.jpg) center bottom no-repeat;
        background-size: cover;
    }
    .repairbg02{
        background: url(../fimgs/repairbg01004.jpg) center center no-repeat;
        background-size: cover;
    }
    .casebg01{
        background: url(../fimgs/casebg01004.jpg) bottom center no-repeat;
        background-size: contain;
    }
    .cusmin600whitebg64{
        background: rgba(255,255,255,.64);
    }
    .cusmin600imgmaxw160px{
        max-width: 160px;
    }
    .cusmin600hauto{
        height: auto;
    }
    .cusmin600maxw100{max-width: 100%; width: 100%;}
}