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;
    padding: 0px;
    border: 1px solid rgba(195,195,195,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;
    overflow: hidden;
    transition: all .5s;
}
.nav:hover .subnav, .nav:active .subnav{
    height: auto;
    max-height: 389px;
}

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

.morandibg{
    background: rgba(103,99,100,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.skinbg{
    background: rgba(242,241,237,1);
}
.greenbg{
    background: rgba(91,182,19,1);
}
.bluebg{
    background: rgba(23,100,228,1);
}
.graybg{
    background: rgba(95,95,95,1);
}
.blackbg{
    background: rgba(54,54,54,1);
}
.woodbg{
    background: rgba(195,148,109,1);
}
.grayskinbg::before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: calc(100% - 16px);
    background: rgba(238,235,230,1);
}
.stonegrayskinbg::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: calc(100% - 16px);
    background: rgba(238,235,230,1);
}
.servicegrayskinbg{
    background: rgba(244,244,244,1);
}
.servicegrayskinbg01{
    background: rgba(244,244,244,1);
}
.goldgradientbg{
    background: linear-gradient(to bottom, rgba(250,196,12,1), rgba(222,153,0,1));
}
.hoverblackbg .blackbg48, .hoverblackbg:visited .blackbg48{
    background: rgba(0,0,0,.001);
    transition: all 0.1s;
}
.hoverblackbg:hover .blackbg48, .hoverblackbg:active .blackbg48{
    background: rgba(0,0,0,.48);
}

.blackfont{
    color: rgba(54,54,54,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.pureblackfont{
    color: rgba(16,16,16,1);
}
.grayfont{
    color: rgba(140,140,140,1);
}
.yellowfont{
    color: rgba(255,186,0,1);
}
.navblackfont::before, .navblackfont:visited::before{
    content: "";
    position: absolute;
    top: -48px;
    left: 0;
    width: 100%;
    height: calc(100% + 72px);
    background-color: rgba(54,54,54,.001);
    transition: background-color 0.1s;
}
.navblackfont:hover::before, .navblackfont:active::before{
    background-color: rgba(54,54,54,1);
}
.navblackfont .navtxt, .navblackfont:visited .navtxt{
    color: rgba(54,54,54,1);
    transition: color 0.1s;
}
.navblackfont:hover .navtxt, .navblackfont:active .navtxt{
    color: rgba(255,255,255,1);
}
.subnavtxt, .subnavtxt:visited{
    background: rgba(54,54,54,.001);
    color: rgba(54,54,54,1);
    transition: all 0.1s;
}
.subnavtxt:hover, .subnavtxt:active{
    background: rgba(54,54,54,1);
    color: rgba(255,255,255,1);
}
.graytoblackfont, .graytoblackfont:visited{
    color: rgba(54,54,54,1);
    transition: color 0.1s;
}
.graytoblackfont:hover, .graytoblackfont:active{
    color: rgba(140,140,140,1);
}
.graytoblackfont .hoverarrow, .graytoblackfont:visited .hoverarrow{
    background: rgba(54,54,54,1);
    transition: all 0.1s;
}
.graytoblackfont:hover .hoverarrow, .graytoblackfont:active .hoverarrow{
    background: rgba(140,140,140,1);
}
.pureblacktowhitefont, .pureblacktowhitefont:visited{
    color: rgba(16,16,16,1);
    background: rgba(255,255,255,1);
    transition: color 0.1s;
}
.pureblacktowhitefont:hover, .pureblacktowhitefont:active{
    color: rgba(255,255,255,1);
    background: rgba(16,16,16,1);
}

.graysolid1{
    border: 1px solid rgba(140,140,140,1);
}
.darkgraysolidt1{
    border-top: 1px solid rgba(118,118,118,1);
}
.pureblacksolidb1{
    border-bottom: 1px solid rgba(16,16,16,1);
}
.pureblacksolid1{
    border: 1px solid rgba(16,16,16,1);
}
.pureblackdecsolidl101::before{
    content: "";
    position: absolute;
    left: 32px;
    bottom: 16px;
    width: 0;
    height: calc(100% - 96px);
    border-left: 1px solid rgba(16,16,16,1);
}
.pureblackdecsolidb1-01::before{
    content: "";
    position: absolute;
    bottom: 4px;
    right: 0;
    width: calc(100% - 80px);
    height: 0;
    border-bottom: 1px solid rgba(16,16,16,1);
}
.pureblackdecsolidb1-02::before{
    content: "";
    position: absolute;
    bottom: 4px;
    right: 0;
    width: calc(100% - 112px);
    height: 0;
    border-bottom: 1px solid rgba(16,16,16,1);
}
.servicedecsolidl1::before{
    content: "";
    position: absolute;
    top: 32px;
    left: 120px;
    width: 0;
    height: calc(100% - 32px);
    border-left: 1px solid rgba(54,54,54,1);
}

.grayboxshadowlr4{
    box-shadow: 4px 0px 4px -3px rgba(150,150,150,1), -4px 0px 4px -3px rgba(150,150,150,1);
}
.grayboxshadow8{
    box-shadow: 0px 0px 8px -1px rgba(150,150,150,1);
}

.cusfixw32px{
    width: 32px;
    max-width: 32px;
}
.cusfixw96px{
    width: 96px;
    max-width: 96px;
}
.cusfixw100-144px{
    width: calc(100% - 144px);
    max-width: calc(100% - 144px);
}
.cusfixh208px{
    height: 208px;
    min-height: 208px;
}
.cusfixh696px{
    height: 696px;
    min-height: 696px;
}
.custranslatey80px{
    transform: translateY(80px);
}

.cusfixtop4-1{
    top: 25%;
}

.setimghidden{
    display: none;
}

@media only screen and (min-width: 1201px){
    .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;
    }
    .service02bg{
        background: url(../fimgs/service02img10002.jpg) center bottom no-repeat;
        background-size: cover;
        height: 192px;
    }
    .service03bg{
        background: url(../fimgs/service03img02002.jpg) center bottom no-repeat;
        background-size: cover;
        height: 288px;
    }
    .cusmax1201w192px{
        width: 192px;
        max-width: 192px;
    }
    .cusmax1201w100-208px{
        width: calc(100% - 208px);
        max-width: calc(100% - 208px);
    }
    .cusmax1201w100-32px{
        width: calc(100% - 32px);
        max-width: calc(100% - 32px);
    }
    .indexbg01{
        background: url(../fimgs/indexbg01002.jpg) center center no-repeat;
        background-size: cover;
    }
    .servicegrayskinbg::before{
        content: "";
        position: absolute;
        left: 48px;
        top: 40px;
        height: calc(100% - 80px);
        width: calc(100% - 96px);
        background: rgba(255,255,255,1);
    }
    .aboutbg01::before{
        content: "";
        position: absolute;
        left: 0;
        top: 14%;
        width: 100%;
        height:76%;
        background: url(../fimgs/aboutbg01002.jpg) center center no-repeat;
        background-size: 100% auto;
    }
}
@media only screen and (min-width: 1401px){
    .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;
    }
}
@media only screen and (min-width: 1601px){
    .grayskinbg::before{
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: calc(100% - 156px);
        background: rgba(238,235,230,1);
    }
    .stonegrayskinbg::before{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: calc(100% - 156px);
        background: rgba(238,235,230,1);
    }
    .service02bg{
        background: url(../fimgs/service02img10001.jpg) center bottom no-repeat;
        background-size: cover;
        height: 192px;
    }
    .service03bg{
        background: url(../fimgs/service03img02001.jpg) center bottom no-repeat;
        background-size: cover;
        height: 288px;
    }
    .indexbg01{
        background: url(../fimgs/indexbg01001.jpg) center center no-repeat;
        background-size: cover;
    }
    .aboutbg01::before{
        content: "";
        position: absolute;
        left: 0;
        top: 16%;
        width: 100%;
        height: 76%;
        background: url(../fimgs/aboutbg01001.jpg) center center no-repeat;
        background-size: 100% auto;
    }
}
@media only screen and (max-width: 1200px){
    .cusmin1200w48px{
        width: 48px;
        max-width: 48px;
    }
    .cusmin1200w100-64px{
        width: calc(100% - 64px);
        max-width: calc(100% - 64px);
    }
    .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;
    }
    .service02bg{
        background: url(../fimgs/service02img10003.jpg) center bottom no-repeat;
        background-size: cover;
        height: 192px;
    }
    .service03bg{
        background: url(../fimgs/service03img02003.jpg) center bottom no-repeat;
        background-size: cover;
        height: 288px;
    }
    .grayskinbg::before{
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(238,235,230,1);
    }
    .stonegrayskinbg::before{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(238,235,230,1);
    }
    .pureblackdecsolidl101::before{
        content: "";
        position: absolute;
        left: 0;
        bottom: 8px;
        width: 0;
        height: calc(100% - 96px);
        border-left: 1px solid rgba(16,16,16,1);
    }
    .indexbg01{
        background: url(../fimgs/indexbg01003.jpg) center center no-repeat;
        background-size: cover;
    }
    .aboutbg01::before{
        content: "";
        position: absolute;
        left: 0;
        top: 10%;
        width: 100%;
        height: 84%;
        background: url(../fimgs/aboutbg01003.jpg) center center no-repeat;
        background-size: 100% auto;
    }
}
@media only screen and (max-width: 624px){
    .cusmin624hauto{
        height: auto;
        min-height: auto;
    }
    .cusmin624margin80{
        margin: 8px 0;
    }
    .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;
    }
    .cusmin624lh24{
        line-height: 24px;
    }
    .cusmin624fixh3-1{
        height: calc(100% / 3 - 15.99px);
    }
    .indexbg01{
        background: url(../fimgs/indexbg01004.jpg) center center no-repeat;
        background-size: cover;
    }
    .aboutbg01::before{
        content: "";
        position: absolute;
        left: 0;
        top: 16%;
        width: 100%;
        height: 76%;
        background: url(../fimgs/aboutbg01004.jpg) center center no-repeat;
        background-size: 100% auto;
    }
    .service02bg, .service03bg{
        background: none;
        height: auto;
    }
}