textarea{
    resize: none;
    min-height: 120px;
}
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: 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: 3px;
    -webkit-border-radius: 3px;
    padding: 4px 0px;
    border: 1px solid rgba(200,200,200,1);
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 1.6px;
}

.fmcoiny{
    font-family: 'Coiny', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}

.whitebg{
    background: rgba(255,255,255,1);
}
.greenbg{
    background: rgba(0,185,0,1);
}
.redbg{
    background: rgba(236,31,42,1);
}
.lightwoodbg{
    background: rgba(178,135,87,1);
}
.creambg{
    background: rgba(255,245,211,1);
}
.lightskinbg{
    background: rgba(253,250,241,1);
}
.graybg{
    background: rgba(190,190,190,1);
}
.yellowbg{
    background: rgba(255,206,63,1);
}
.blackgradientbg{
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 2%, rgba(20,20,20,1) 48%);
    background: -o-linear-gradient(top, rgba(0,0,0,1) 2%, rgba(20,20,20,1) 48%);
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 2%, rgba(20,20,20,1) 48%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 2%, rgba(20,20,20,1) 48%);
}
.navbg{
    background: url(../fimgs/patternbg01.png) center top repeat, -webkit-linear-gradient(top, rgba(0,0,0,1) 2%, rgba(20,20,20,1) 48%, rgba(20,20,20,1) 52%, rgba(0,0,0,1) 98%);
    background: url(../fimgs/patternbg01.png) center top repeat, -o-linear-gradient(top, rgba(0,0,0,1) 2%, rgba(20,20,20,1) 48%, rgba(20,20,20,1) 52%, rgba(0,0,0,1) 98%);
    background: url(../fimgs/patternbg01.png) center top repeat, -moz-linear-gradient(top, rgba(0,0,0,1) 2%, rgba(20,20,20,1) 48%, rgba(20,20,20,1) 52%, rgba(0,0,0,1) 98%);
    background: url(../fimgs/patternbg01.png) center top repeat, linear-gradient(to bottom, rgba(0,0,0,1) 2%, rgba(20,20,20,1) 48%, rgba(20,20,20,1) 52%, rgba(0,0,0,1) 98%);
}
.mainbg{
    background: url(../fimgs/mainbg01.png) left bottom no-repeat, url(../fimgs/mainbg02.png) right bottom no-repeat;
}
.skinbg{
    background: url(../fimgs/patternbg02.jpg) center top repeat;
}
.pattern03bg{
    background: url(../fimgs/patternbg03.png) center top repeat-x;
}

.blackfont{
    color: rgba(58,58,58,1);
}
.redfont{
    color: rgba(236,31,42,1);
}
.orangefont{
    color: rgba(229,101,45,1);
}
.greenfont{
    color: rgba(26,174,64,1);
}
.lemonyellowfont{
    color: rgba(245,229,150,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.lightwoodfont{
    color: rgba(178,135,87,1);
}
.woodfont{
    color: rgba(129,83,40,1);
}
.darkwoodfont{
    color: rgba(88,77,64,1);
}
.whitetowoodfont{
    color: rgba(255,255,255,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.whitetowoodfont:hover{
    color: rgba(129,83,40,1);
}
.blacktowhitefont{
    color: rgba(58,58,58,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.blacktowhitefont:hover{
    color: rgba(255,255,255,1);
}

.blacktextshadowrb1{
    text-shadow: 1px 1px 0px rgba(4,4,4,1);
}
.grayboxshadowrb4-3{
    box-shadow: 4px 4px 4px -3px rgba(165,165,165,.8);
    -webkit-box-shadow: 4px 4px 4px -3px rgba(165,165,165,.8);
}
.grayboxshadowlb4-3{
    box-shadow: -4px 4px 4px -3px rgba(165,165,165,.8);
    -webkit-box-shadow: -4px 4px 4px -3px rgba(165,165,165,.8);
}

.whiteshadowt1blackshadowb1inset{
    box-shadow: 0px 1px 1px 0px rgba(255,255,255,.4) inset, 0px -1px 1px 0px rgba(0,0,0,.4) inset;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(255,255,255,.4) inset, 0px -1px 1px 0px rgba(0,0,0,.4) inset;
}
.grayshadowt2inset{
    box-shadow: 0px 2px 2px 0px rgba(165,165,165,.4) inset;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(165,165,165,.4) inset;
}

.yellowsolid4{
    border: 4px solid rgba(255,206,63,1);
}
.yellowdot2{
    border: 2px dotted rgba(255,206,63,1);
}
.graysolid1{
    border: 1px solid rgba(201,201,201,1);
}
.graysolidb1{
    border-bottom: 1px solid rgba(201,201,201,1);
}
.graysolidl1{
    border-left: 1px solid rgba(201,201,201,1);
}
.graysolidr1{
    border-right: 1px solid rgba(201,201,201,1);
}
.lightwoodsolidb1{
    border-bottom: 1px solid rgba(178,135,87,1);
}

.top3-1{
    top: calc(100% / 3);
}
.h100-8px{
    height: calc(100% - 8px);
}

.translatey50{
    transform:translate(0px,50%) rotate(0deg);
    -webkit-transform:translate(0px,50%) rotate(0deg);
}
.translatex-18pxy-12px{
    transform:translate(-18px,-12px) rotate(0deg);
    -webkit-transform:translate(-18px,-12px) rotate(0deg);
}

.paddingtb0l48r24{
    padding: 0px 24px 0px 48px;
}

.fixmaxw48px{
    width: 48px;
    max-width: 48px;
}
.maxw100-64px{
    width: calc(100% - 64px);
    max-width: calc(100% - 64px);
}

ul.dotstyle{
    padding-left: 24px;
    max-width: calc(100% - 24px);
    list-style: disc;
    list-style-position: outside;
}

@media only screen and (min-width: 601px){
    .maxw336px{
        width: 336px;
        max-width: 336px;
    }
    .maxw100-336px{
        width: calc(100% - 336px);
        max-width: calc(100% - 336px);
    }
}
@media only screen and (min-width: 1001px){
    .banner01{
        background: url(../fimgs/banner01m.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/banner02m.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/banner03m.jpg) center center no-repeat;
        background-size: contain;
    }
    .maxw240px{
        width: 240px;
        max-width: 240px;
    }
    .maxw100-248px{
        width: calc(100% - 248px);
        max-width: calc(100% - 248px);
    }
    .maxtranstoorangesolidr1inset{
        border-style: solid;
        border-width: 0px 1px 0px 0px;
        -webkit-border-image: -webkit-linear-gradient(rgba(255,255,255,0) 4%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 84%, rgba(255,255,255,0) 96%) 1;
        -o-border-image: -o-linear-gradient(rgba(255,255,255,0) 4%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 84%, rgba(255,255,255,0) 96%) 1;
        -moz-border-image: -moz-linear-gradient(rgba(255,255,255,0) 4%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 84%, rgba(255,255,255,0) 96%) 1;
        border-image: linear-gradient(to bottom, rgba(255,255,255,0) 4%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 84%, rgba(255,255,255,0) 96%) 1;
        box-sizing: border-box;
    }
    .maxtop4-1{
        top: calc(100% / 4);
    }
    .maxw336px{
        max-width: calc(100% / 5 * 2); 
        width: calc(100% / 5 * 2);
    }
    .maxw100-336px{
        max-width: calc(100% / 5 * 3); 
        width: calc(100% / 5 * 3);
    }
    .maxh288px{
        height: 288px;
    }
    .maxyellowdotl2{
        border-left: 2px dotted rgba(255,206,63,1);
    }
}

@media only screen and (min-width: 1201px){
    .banner01{
        background: url(../fimgs/banner01b.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/banner02b.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/banner03b.jpg) center center no-repeat;
        background-size: contain;
    }
    .maxw336px{
        width: 336px;
        max-width: 336px;
    }
    .maxw100-336px{
        width: calc(100% - 336px);
        max-width: calc(100% - 336px);
    }
}

@media only screen and (max-width: 1000px){
    .banner01{
        background: url(../fimgs/banner01s.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/banner02s.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/banner03s.jpg) center center no-repeat;
        background-size: contain;
    }
    .minflexwrap{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .minflexorder1{
        order: 1;
        -webkit-order: 1;
    }
    .minflexorder2{
        order: 2;
        -webkit-order: 2;
    }
    .minflexorder3{
        order: 3;
        -webkit-order: 3;
    }
    .mainbg{
        background-size: 33% auto, 33% auto;
    }
    .minwhitebg88{
        background: rgba(255,255,255,.88);
    }
    .minmaxh240px{
        height: 240px;
    }
    .minyellowdott2{
        border-top: 2px dotted rgba(255,206,63,1);
    }
}