textarea{
    resize: none;
    min-height: 104px;
}
input{
    resize: none;
}
.ui-datepicker{
    font-size: 15px;
    font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
}
::-webkit-input-placeholder {
    font-size: 13px;
    color: rgba(135,135,135,1);
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:-moz-placeholder {
    font-size: 13px;
    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: 13px;
    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: 13px;
    color: rgba(135,135,135,1);
    Font-family: 'Noto Sans TC',Microsoft JhengHei,Verdana,sans-serif;
    font-weight: 300;
}
:placeholder-shown {
    font-size: 13px;
    color: rgba(135,135,135,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: 7px;
    -webkit-border-radius: 7px;
    padding: 0px;
    border: 1px solid rgba(150,150,150,1);
    font-size: 17px;
    line-height: 32px;
    letter-spacing: 1.6px;
    min-height: 32px;
}

.fmmont{
    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);
}
.darkbrownbg{
    background: rgba(206,169,119,1);
}
.ricebg{
    background: rgba(247,239,228,1);
}
.darkbrownbg64{
    background: rgba(206,169,119,.64);
}
.yellowbg64{
    background: rgba(254,244,109,.64);
}
.redbg{
    background: rgba(233,47,58,1);
}
.brownbg64{
    background: rgba(242,173,81,.64);
}
.whitebg32{
    background: rgba(255,255,255,.32);
}
.whitebg72{
    background: rgba(255,255,255,.72);
}
.mainbg{
    background: url(../fimgs/indexpattern01.jpg) center top repeat;
}
.greengradientttobbg{
    background: -webkit-linear-gradient(top, rgba(151,242,10,1), rgba(5,182,0,1));
    background: -o-linear-gradient(top, rgba(151,242,10,1), rgba(5,182,0,1));
    background: -moz-linear-gradient(top, rgba(151,242,10,1), rgba(5,182,0,1));
    background: linear-gradient(to bottom, rgba(151,242,10,1), rgba(5,182,0,1));
}

.whitefont{
    color: rgba(255,255,255,1);
}
.blackfont{
    color: rgba(55,55,55,1);
}
.grayfont{
    color: rgba(150,150,150,1);
}
.redfont{
    color: rgba(231,32,43,1);
}
.greenfont{
    color: rgba(128,192,86,1);
}
.yellowfont{
    color: rgba(254,244,109,1);
}
.brownfont{
    color: rgba(242,173,81,1);
}
.darkbrownfont{
    color: rgba(177,137,85,1);
}

.whitetobrownfont, .whitetobrownfont:visited{
    color: rgba(255,255,255,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.whitetobrownfont:hover, .whitetobrownfont:active{
    color: rgba(242,173,81,1);
}

.brownsolidt4{
    border-top: 4px solid rgba(242,173,81,1);
}
.brownsolidb4{
    border-bottom: 4px solid rgba(242,173,81,1);
}
.darkbrownsolid1{
    border: 1px solid rgba(177,137,85,1);
}
.graysolid1{
    border: 1px solid rgba(150,150,150,1);
}
.graysolidt1{
    border-top: 1px solid rgba(150,150,150,1);
}
.graysolidb1{
    border-bottom: 1px solid rgba(150,150,150,1);
}
.graysolidr1{
    border-right: 1px solid rgba(150,150,150,1);
}
.whitedottedlr2{
    border-left: 2px dotted rgba(255,255,255,1);
    border-right: 2px dotted rgba(255,255,255,1);
}


.blackboxshadowlr4{
    box-shadow: 4px 0px 4px -3px rgba(0,0,0,1), -4px 0px 4px -3px rgba(0,0,0,1);
    -webkit-box-shadow: 4px 0px 4px -3px rgba(0,0,0,1), -4px 0px 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;
}
.blackboxshadowb8-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;
}
.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);
}

.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);
}
.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);
}
.blackboxshadowrb4-3{
    box-shadow: 4px 4px 4px -3px rgba(0,0,0,1);
    -webkit-box-shadow: 4px 4px 4px -3px rgba(0,0,0,1);
}

.cuswh40px{
    width: 40px;
    height: 40px;
}
.cush400px{
    height: 400px;
}

.navicon::before{
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 18px);
    border-top: 1px solid rgba(177,137,85,1);
    border-bottom: 1px solid rgba(177,137,85,1);
}
.navicon::after{
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 8px;
    width: calc(100% - 16px);
    height: 0px;
    border-top: 1px solid rgba(177,137,85,1);
}

.custop16px{
    top: 16px;
}
.cusleft-2px{
    left: -2px;
}


@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;
    }
    .indexshopbg{
        background: url(../fimgs/indexbg01m.jpg), url(../fimgs/indexbg02m.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01m.jpg), url(../fimgs/indexbg02m.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01m.jpg), url(../fimgs/indexbg02m.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01m.jpg), url(../fimgs/indexbg02m.jpg), -gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: center top, center bottom, center center;
        background-size: auto, auto, auto;
    }
    .aboutbg{
        background: url(../fimgs/indexbg02m.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: auto;
    }
    .cus1200maxw120px{
        max-width: 120px;
        width: 120px;
    }
    .cus1200maxw100-128px{
        max-width: calc(100% - 128px);
        width: calc(100% - 128px);
    }
    .cus1200maxw240px{
        max-width: 240px;
        width: 240px;
    }
    .cus1200maxw100-248px{
        max-width: calc(100% - 248px);
        width: calc(100% - 248px);
    }
    .maxgraysolidr1{
        border-right: 1px solid rgba(150,150,150,1);
    }
}

@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;
    }
    .indexshopbg{
        background: url(../fimgs/indexbg01b.jpg), url(../fimgs/indexbg02b.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01b.jpg), url(../fimgs/indexbg02b.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01b.jpg), url(../fimgs/indexbg02b.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01b.jpg), url(../fimgs/indexbg02b.jpg), -gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: center top, center bottom, center center;
        background-size: auto, auto, auto;
    }
    .aboutbg{
        background: url(../fimgs/indexbg02b.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: auto;
    }
}

@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;
    }
    .indexshopbg{
        background: url(../fimgs/indexbg01s.jpg), url(../fimgs/indexbg02s.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01s.jpg), url(../fimgs/indexbg02s.jpg), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01s.jpg), url(../fimgs/indexbg02s.jpg), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
        background: url(../fimgs/indexbg01s.jpg), url(../fimgs/indexbg02s.jpg), -gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: center top, center bottom, center center;
        background-size: auto, auto, auto;
    }
    .aboutbg{
        background: url(../fimgs/indexbg02s.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: auto;
    }
    .cusminmaxw120px{
        width: 120px;
        max-width: 120px;
    }
    .cusminmaxw100-120px{
        width: calc(100% - 120px);
        max-width: calc(100% - 120px);
    }

}

@media only screen and (max-width: 600px){
    .min600hidden{
        display: none;
    }
    .min600dpb{
        display: block;
    }
    .banner01{
        background: url(../fimgs/indexbanner01min.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02min.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03min.jpg) center center no-repeat;
        background-size: contain;
    }
}