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: 'Elsie', cursive, '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);
}
.yellowbg{
    background: rgba(250,182,95,1);
}
.lightyellowbg{
    background: rgba(253,249,172,1);
}
.darkgreenbg{
    background: rgba(72,75,56,1);
}
.darkgreenbg64{
    background: rgba(72,75,56,.64);
}
.blackbg64{
    background: rgba(0,0,0,.64);
}
.mainbg{
    background-image: url(../fimgs/textturefoot01.png), url(../fimgs/textturefoot02.png), url(../fimgs/bgpattern.png), -webkit-linear-gradient(top, rgba(240,237,232,1), rgba(240,237,232,1));
    background-image: url(../fimgs/textturefoot01.png), url(../fimgs/textturefoot02.png), url(../fimgs/bgpattern.png), -o-linear-gradient(top, rgba(240,237,232,1), rgba(240,237,232,1));
    background-image: url(../fimgs/textturefoot01.png), url(../fimgs/textturefoot02.png), url(../fimgs/bgpattern.png), -moz-linear-gradient(top, rgba(240,237,232,1), rgba(240,237,232,1));
    background-image: url(../fimgs/textturefoot01.png), url(../fimgs/textturefoot02.png), url(../fimgs/bgpattern.png), linear-gradient(to bottom, rgba(240,237,232,1), rgba(240,237,232,1));
    background-position: 5% 10%, 95% 90%, center top, center center;
    background-repeat: no-repeat, no-repeat, repeat, no-repeat;
}
.navbg{
    background-image: url(../fimgs/bgpattern.png), -webkit-linear-gradient(top, rgba(250,250,243,1), rgba(250,250,243,1));
    background-image: url(../fimgs/bgpattern.png), -o-linear-gradient(top, rgba(250,250,243,1), rgba(250,250,243,1));
    background-image: url(../fimgs/bgpattern.png), -moz-linear-gradient(top, rgba(250,250,243,1), rgba(250,250,243,1));
    background-image: url(../fimgs/bgpattern.png), linear-gradient(to bottom, rgba(250,250,243,1), rgba(250,250,243,1));
}
.logobg{
    background-image: url(../fimgs/bgpattern.png), -webkit-linear-gradient(top, rgba(72,75,56,1), rgba(72,75,56,1));
    background-image: url(../fimgs/bgpattern.png), -o-linear-gradient(top, rgba(72,75,56,1), rgba(72,75,56,1));
    background-image: url(../fimgs/bgpattern.png), -moz-linear-gradient(top, rgba(72,75,56,1), rgba(72,75,56,1));
    background-image: url(../fimgs/bgpattern.png), linear-gradient(to bottom, rgba(72,75,56,1), rgba(72,75,56,1));
}
.morepatternbg{
    background: url(../fimgs/bgpattern.png) center top repeat;
}
.darkgreenpatternbg{
    background-image: url(../fimgs/patterwhitelineleft01.png), url(../fimgs/patterwhitelineright01.png), url(../fimgs/bgpattern.png), -webkit-linear-gradient(top, rgba(72,75,56,1), rgba(72,75,56,1));
    background-image: url(../fimgs/patterwhitelineleft01.png), url(../fimgs/patterwhitelineright01.png), url(../fimgs/bgpattern.png), -o-linear-gradient(top, rgba(72,75,56,1), rgba(72,75,56,1));
    background-image: url(../fimgs/patterwhitelineleft01.png), url(../fimgs/patterwhitelineright01.png), url(../fimgs/bgpattern.png), -moz-linear-gradient(top, rgba(72,75,56,1), rgba(72,75,56,1));
    background-image: url(../fimgs/patterwhitelineleft01.png), url(../fimgs/patterwhitelineright01.png), url(../fimgs/bgpattern.png), linear-gradient(to bottom, rgba(72,75,56,1), rgba(72,75,56,1));
    background-position: left bottom, right top, center top, center center;
    background-repeat: no-repeat, no-repeat, repeat, no-repeat;
}
.greentowhitebg, .greentowhitebg:visited{
    background: rgba(71,123,68,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.greentowhitebg:hover, .greentowhitebg:active{
    background: rgba(255,255,255,1);
}
.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));
}
.darkgreengradientttobbg{
    background: -webkit-linear-gradient(top, rgba(90,92,75,1), rgba(67,68,52,1));
    background: -o-linear-gradient(top, rgba(90,92,75,1), rgba(67,68,52,1));
    background: -moz-linear-gradient(top, rgba(90,92,75,1), rgba(67,68,52,1));
    background: linear-gradient(to bottom, rgba(90,92,75,1), rgba(67,68,52,1));
}
.darkwoodgradientttobbg{
    background: -webkit-linear-gradient(top, rgba(175,123,67,1), rgba(87,63,36,1));
    background: -o-linear-gradient(top, rgba(175,123,67,1), rgba(87,63,36,1));
    background: -moz-linear-gradient(top, rgba(175,123,67,1), rgba(87,63,36,1));
    background: linear-gradient(to bottom, rgba(175,123,67,1), rgba(87,63,36,1));
}
.yellowgradientttobbg{
    background: -webkit-linear-gradient(top, rgba(246,189,110,1), rgba(212,163,103,1));
    background: -o-linear-gradient(top, rgba(246,189,110,1), rgba(212,163,103,1));
    background: -moz-linear-gradient(top, rgba(246,189,110,1), rgba(212,163,103,1));
    background: linear-gradient(to bottom, rgba(246,189,110,1), rgba(212,163,103,1));
}
.orangegradienttxt{
    background: -webkit-linear-gradient(top, rgba(223,175,117,1) 24%, rgba(236,204,156,1) 96%);
    background: -o-linear-gradient(top, rgba(223,175,117,1) 24%, rgba(236,204,156,1) 96%);
    background: -moz-linear-gradient(top, rgba(223,175,117,1) 24%, rgba(236,204,156,1) 96%);
    background: linear-gradient(to bottom, rgba(223,175,117,1) 24%, rgba(236,204,156,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;
}
.darkgreengradienttxt{
    background: -webkit-linear-gradient(top, rgba(90,92,75,1) 24%, rgba(150,153,131,1) 96%);
    background: -o-linear-gradient(top, rgba(90,92,75,1) 24%, rgba(150,153,131,1) 96%);
    background: -moz-linear-gradient(top, rgba(90,92,75,1) 24%, rgba(150,153,131,1) 96%);
    background: linear-gradient(to bottom, rgba(90,92,75,1) 24%, rgba(150,153,131,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(0,0,0,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.darkgreenfont{
    color: rgba(72,75,56,1);
}
.yellowfont{
    color: rgba(250,182,95,1);
}
.lightyellowfont{
    color: rgba(253,249,172,1);
}
.darkwoodfont{
    color: rgba(88,76,68,1);
}
.woodfont{
    color: rgba(130,114,97,1);
}
.orangefont{
    color: rgba(237,97,60,1);
}
.whitetodarkgreenfont, .whitetodarkgreenfont:visited{
    color: rgba(255,255,255,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.whitetodarkgreenfont:hover, .whitetodarkgreenfont:active{
    color: rgba(72,75,56,1);
}

.darkgreensolid1{
    border: 1px solid rgba(72,75,56,1);
}
.yellowsolid1{
    border: 1px solid rgba(250,182,95,1);
}
.darkgreensolidb1{
    border-bottom: 1px solid rgba(72,75,56,1);
}
.whitesolidb1{
    border-bottom: 1px solid rgba(255,255,255,1);
}
.lightgraysolidb1{
    border-bottom: 1px solid rgba(230,230,230,1);
}
.lightwoodsolidb2{
    border-bottom: 2px solid rgba(208,191,166,1);
}
.yellowsolidt4{
    border-top: 4px solid rgba(250,182,95,1);
}
.lightwoodtimelinel2::before{
    content: "";
    position: absolute;
    top: 32px;
    left: calc(50% - 1px);
    width: 0;
    height: 100%;
    border-left: 2px solid rgba(208,191,166,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);
}

.grayboxshadow8{
    box-shadow: 0px 0px 8px 1px rgba(135,135,135,1);
    -webkit-box-shadow: 0px 0px 8px 1px rgba(135,135,135,1);
}
.grayboxshadowb8{
    box-shadow: 0px 8px 8px -7px rgba(135,135,135,1);
    -webkit-box-shadow: 0px 8px 8px -7px rgba(135,135,135,1);
}
.grayboxshadowt8{
    box-shadow: 0px -8px 8px -7px rgba(135,135,135,1);
    -webkit-box-shadow: 0px -8px 8px -7px rgba(135,135,135,1);
}
.grayboxshadowtb8inset{
    box-shadow: 0px 8px 8px -7px rgba(135,135,135,1) inset, 0px -8px 8px -7px rgba(135,135,135,1) inset;
    -webkit-box-shadow: 0px 8px 8px -7px rgba(135,135,135,1) inset, 0px -8px 8px -7px rgba(135,135,135,1) inset;
}

.blacktextshadowrb2{
    text-shadow: 2px 2px 0px rgba(44,44,44,.88);
}
.blacktextshadowrb1{
    text-shadow: 1px 1px 0px rgba(44,44,44,.88);
}

.nav .darkwoodtoyellowfont{
    color: rgba(88,76,68,1);
    transition: all .4s;
    -webkit-transition: all .4s;
}
.nav:hover .darkwoodtoyellowfont, .nav:active .darkwoodtoyellowfont{
    color: rgba(250,182,95,1);
}
.nav .yellowtodarkwoodfont{
    color: rgba(250,182,95,1);
    transition: all .4s;
    -webkit-transition: all .4s;
}
.nav:hover .yellowtodarkwoodfont, .nav:active .yellowtodarkwoodfont{
    color: rgba(88,76,68,1);
}
.hoverani .opacity1to0{
    opacity: 1.0;
    filter: alpha(opacity=100);
    transition: all .2s;
    -webkit-transition: all .2s;
}
.hoverani:hover .opacity1to0, .hoverani:active .opacity1to0{
    opacity: 0.0;
    filter: alpha(opacity=0);
}
.hoverani .opacity0to1{
    opacity: 0.0;
    filter: alpha(opacity=0);
    transition: all .2s;
    -webkit-transition: all .2s;
}
.hoverani:hover .opacity0to1, .hoverani:active .opacity0to1{
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.cusmaxw176px{
    width: 176px;
    max-width: 176px;
}
.cusmaxw100-176px{
    width: calc(100% - 176px);
    max-width: calc(100% - 176px);
}

.cusmaxw64px{
    width: 64px;
    max-width: 64px;
}
.cusmaxh64px{
    height: 64px;
    max-height: 64px;
}
.cusmaxh360px{
    height: 360px;
    max-height: 360px;
}
.cusmaxw100-80px{
    width: calc(100% - 80px);
    max-width: calc(100% - 80px);
}

@media only screen and (min-width: 1201px){
    .banner01{
        background: url(../fimgs/banner01002.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/banner02002.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/banner03002.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner04{
        background: url(../fimgs/banner01002.jpg) center center no-repeat;
        background-size: contain;
    }
    .cusmax1201dpb{
        display: block;
    }
    .cusmax1201h600px{
        height: 600px;
        max-height: 600px;
    }
}

@media only screen and (min-width: 1301px){
    .banner01{
        background: url(../fimgs/banner01001.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/banner02001.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/banner03001.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner04{
        background: url(../fimgs/banner01001.jpg) center center no-repeat;
        background-size: contain;
    }
    .cusmax1301dpb{
        display: block;
    }
    .cusmax1301dpnone{
        display: none;
    }
}

@media only screen and (max-width: 1200px){
    .banner01{
        background: url(../fimgs/banner01003.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/banner02003.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/banner03003.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner04{
        background: url(../fimgs/banner01003.jpg) center center no-repeat;
        background-size: contain;
    }
    .cusminpadding8{
        padding: 8px;
    }
}

@media only screen and (max-width: 600px){
    .cusmin600wh88px{
        width: 88px;
        height: 88px;
    }
    .cusmin600wh120px{
        width: 120px;
        height: 120px;
    }
    .cusmin600fs15{
        font-size: 15px;
    }
    .cusmin600ls08{
        letter-spacing: 0.8px;
    }
    .cusmin600padding4{
        padding: 4px;
    }
    .banner01{
        background: url(../fimgs/banner01004.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/banner02004.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/banner03004.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner04{
        background: url(../fimgs/banner01004.jpg) center center no-repeat;
        background-size: contain;
    }
}