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: 11px;
    color: rgba(195,195,195,1);
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:-moz-placeholder {
    font-size: 11px;
    color: rgba(195,195,195,1);
    opacity:  1;
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
::-moz-placeholder {
    font-size: 11px;
    color: rgba(195,195,195,1);
    opacity:  1;
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:-ms-input-placeholder {
    font-size: 11px;
    color: rgba(195,195,195,1);
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:placeholder-shown {
    font-size: 11px;
    color: rgba(195,195,195,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: 17px;
    line-height: 32px;
    letter-spacing: 1.6px;
    height: 32px;
}

.fmmont{
    font-family: 'Montserrat', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmnoto{
    font-family: 'Noto Serif TC', serif, Microsoft JhengHei, Verdana, sans-serif;
}

.whitebg{
    background: rgba(255,255,255,1);
}
.lightwoodbg{
    background: rgba(242,236,222,1);
}

.indexpatternbg{
    background-image: url(../fimgs/navbg.png), -webkit-linear-gradient(top, rgba(242,236,222,1), rgba(242,236,222,1) 98%);
    background-image: url(../fimgs/navbg.png), -o-linear-gradient(top, rgba(242,236,222,1), rgba(242,236,222,1) 98%);
    background-image: url(../fimgs/navbg.png), -moz-linear-gradient(top, rgba(242,236,222,1), rgba(242,236,222,1) 98%);
    background-image: url(../fimgs/navbg.png), linear-gradient(to bottom, rgba(242,236,222,1), rgba(242,236,222,1) 98%);
    background-position: center top, center center;
    background-repeat: repeat, no-repeat;
}

.woodgradientbg{
    background: -webkit-linear-gradient(top, rgba(231,171,94,1), rgba(153,109,61,1) 98%);
    background: -o-linear-gradient(top, rgba(231,171,94,1), rgba(153,109,61,1) 98%);
    background: -moz-linear-gradient(top, rgba(231,171,94,1), rgba(153,109,61,1) 98%);
    background: linear-gradient(to bottom, rgba(231,171,94,1), rgba(153,109,61,1) 98%);
}
.goldgradientbg{
    background: -webkit-linear-gradient(top, rgba(238,212,143,1), rgba(230,187,120,1) 98%);
    background: -o-linear-gradient(top, rgba(238,212,143,1), rgba(230,187,120,1) 98%);
    background: -moz-linear-gradient(top, rgba(238,212,143,1), rgba(230,187,120,1) 98%);
    background: linear-gradient(to bottom, rgba(238,212,143,1), rgba(230,187,120,1) 98%);
}
.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));
}


.whitefont{
    color: rgba(255,255,255,1);
}
.blackfont{
    color: rgba(0,0,0,1);
}
.orangefont{
    color: rgba(240,126,54,1);
}
.redfont{
    color: rgba(177,56,56,1);
}
.woodfont{
    color: rgba(153,109,61,1);
}

.whitetowoodfont, .whitetowoodfont:visited{
    color: rgba(255,255,255,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.whitetowoodfont:hover, .whitetowoodfont:active{
    color: rgba(153,109,61,1);
}

.goldsolidb1{
    border-bottom: 1px solid rgba(232,173,94,1);
}
.woodsolidb1{
    border-bottom: 1px solid rgba(153,109,61,1);
}
.woodsolidt4{
    border-top: 4px solid rgba(153,109,61,1);
}

.woodsolid2{
    border: 2px solid rgba(153,109,61,1);
}
.goldsolid2{
    border: 2px solid rgba(232,173,94,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);
}
.blackboxshadowt8-9{
    box-shadow: 0px -8px 8px -9px rgba(0,0,0,1);
    -webkit-box-shadow: 0px -8px 8px -9px rgba(0,0,0,1);
}
.blackboxshadowb8-9{
    box-shadow: 0px 8px 8px -9px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 8px 8px -9px rgba(0,0,0,1);
}
.blackboxshadowtb8-9{
    box-shadow: 0px 8px 8px -9px rgba(0,0,0,1), 0px -8px 8px -9px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 8px 8px -9px rgba(0,0,0,1), 0px -8px 8px -9px rgba(0,0,0,1);
}
.blackboxshadow8-9{
    box-shadow: 8px 8px 8px -9px rgba(0,0,0,1);
    -webkit-box-shadow: 8px 8px 8px -9px rgba(0,0,0,1);
}
.blackboxshadow4-3{
    box-shadow: 4px 4px 4px -3px rgba(0,0,0,1);
    -webkit-box-shadow: 4px 4px 4px -3px rgba(0,0,0,1);
}
.blackboxshadowt8-9inset{
    box-shadow: 0px 8px 8px -9px rgba(0,0,0,1) inset;
    -webkit-box-shadow: 0px 8px 8px -9px rgba(0,0,0,1) inset;
}
.blackboxshadowtb8-9inset{
    box-shadow: 0px 8px 8px -9px rgba(0,0,0,1) inset, 0px -8px 8px -9px rgba(0,0,0,1) inset;
    -webkit-box-shadow: 0px 8px 8px -9px rgba(0,0,0,1) inset, 0px -8px 8px -9px rgba(0,0,0,1) inset;
}

.textshadowrb2{
    text-shadow: 2px 2px 2px rgba(0,0,0,1);
}

.woodhoverdeltab::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 3px);
    border-style: solid;
    border-color: transparent transparent rgba(153,109,61,1) transparent;
    border-width: 0px 6px 10px 6px;
    opacity: 0.0;
    filter: alpha(opacity=0);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.woodhoverdeltab:hover::after, .woodhoverdeltab:active::after{
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.cush320px{
    height: 320px;
    max-height: 320px;
}

@media only screen and (min-width: 1201px){
    .banner01{
        background: url(../fimgs/indexbanner01m.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02m.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03m.jpg) center center no-repeat;
        background-size: contain;
    }
    .cusmaxh720px{
        height: 720px;
        max-height: 720px;
    }
}

@media only screen and (min-width: 1301px){
    .banner01{
        background: url(../fimgs/indexbanner01b.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02b.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03b.jpg) center center no-repeat;
        background-size: contain;
    }
}

@media only screen and (max-width: 1200px){
    .banner01{
        background: url(../fimgs/indexbanner01s.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02s.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03s.jpg) center center no-repeat;
        background-size: contain;
    }
    .cusminmaxh320px{
        height: 320px;
        max-height: 320px;
    }
}