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, 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;
}

.fmcontrailone{
    font-family: 'Slabo 27px', serif, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}

.blackgradientttobbg{
    background: -webkit-linear-gradient(top, rgba(10,10,10,.88), rgba(70,70,70,.88));
    background: -o-linear-gradient(top, rgba(10,10,10,.88), rgba(70,70,70,.88));
    background: -moz-linear-gradient(top, rgba(10,10,10,.88), rgba(70,70,70,.88));
    background: linear-gradient(to bottom, rgba(10,10,10,.88), rgba(70,70,70,.88));
}
.blackgradientbtotbg{
    background: -webkit-linear-gradient(bottom, rgba(10,10,10,.88), rgba(70,70,70,.88));
    background: -o-linear-gradient(bottom, rgba(10,10,10,.88), rgba(70,70,70,.88));
    background: -moz-linear-gradient(bottom, rgba(10,10,10,.88), rgba(70,70,70,.88));
    background: linear-gradient(to top, rgba(10,10,10,.88), rgba(70,70,70,.88));
}
.whitebg{
    background: rgba(255,255,255,1);
}
.blackbg{
    background: rgba(10,10,10,1);
}
.graybg{
    background: rgba(155,155,155,1);
}
.redbg{
    background: rgba(217,39,43,1);
}
.orangebg{
    background: rgba(246,153,52,1);
}
.blackbg56{
    background: rgba(10,10,10,.56);
}
.whitebg72{
    background: rgba(255,255,255,.72);
}
.indexbg{
    background: url(../fimgs/indexbg01.jpg) left bottom no-repeat, -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/indexbg01.jpg) left bottom no-repeat, -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/indexbg01.jpg) left bottom no-repeat, -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/indexbg01.jpg) left bottom no-repeat, linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
}
.areabg{
    background: -webkit-linear-gradient(top, rgba(255,255,255,.12), rgba(255,255,255,.12)), url(../fimgs/bgs.jpg) center center no-repeat;
    background: -o-linear-gradient(top, rgba(255,255,255,.12), rgba(255,255,255,.12)), url(../fimgs/bgs.jpg) center center no-repeat;
    background: -moz-linear-gradient(top, rgba(255,255,255,.12), rgba(255,255,255,.12)), url(../fimgs/bgs.jpg) center center no-repeat;
    background: linear-gradient(to bottom, rgba(255,255,255,.12), rgba(255,255,255,.12)), url(../fimgs/bgs.jpg) center center no-repeat;
    background-size: auto, cover;
}

.blackfont{
    color: rgba(44,44,44,1);
}
.grayfont{
    color: rgba(135,135,135,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.goldfont{
    color: rgba(208,169,119,1);
}
.redfont{
    color: rgba(217,39,43,1);
}

.blacktowhitefont{
    color: rgba(44,44,44,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.blacktowhitefont:hover{
    color: rgba(255,255,255,1);
}

.woodsolidb4{
    border-bottom: 4px solid rgba(164,146,124,1);
}
.woodsolidt4{
    border-top: 4px solid rgba(164,146,124,1);
}
.whitesolidt1{
    border-top: 1px solid rgba(255,255,255,1);
}
.whitesolidb1{
    border-bottom: 1px solid rgba(255,255,255,1);
}
.goldsolidb1{
    border-bottom: 1px solid rgba(208,169,119,1);
}
.goldsolidt4{
    border-top: 4px solid rgba(208,169,119,1);
}
.goldsolid1{
    border: 1px solid rgba(208,169,119,1);
}
.goldsolid4{
    border: 4px solid rgba(208,169,119,1);
}
.whitesolid1{
    border: 1px solid rgba(255,255,255,1);
}
.whitesolid2{
    border: 2px solid rgba(255,255,255,1);
}
.blacksolid2{
    border: 2px solid rgba(44,44,44,1);
    box-sizing: border-box;
}
.blacksolid1{
    border: 1px solid rgba(44,44,44,1);
    box-sizing: border-box;
}

.transtogoldsolidb1inset{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(208,169,119,.001) 4%, rgba(208,169,119,1) 16%, rgba(208,169,119,1) 84%, rgba(208,169,119,.001) 96%) 1;
    -x-border-image: -x-linear-gradient(left, rgba(208,169,119,.001) 4%, rgba(208,169,119,1) 16%, rgba(208,169,119,1) 84%, rgba(208,169,119,.001) 96%) 1;
    -o-border-image: -o-linear-gradient(left, rgba(208,169,119,.001) 4%, rgba(208,169,119,1) 16%, rgba(208,169,119,1) 84%, rgba(208,169,119,.001) 96%) 1;
    -moz-border-image: -moz-linear-gradient(left, rgba(208,169,119,.001) 4%, rgba(208,169,119,1) 16%, rgba(208,169,119,1) 84%, rgba(208,169,119,.001) 96%) 1;
    border-image: linear-gradient(to right, rgba(208,169,119,.001) 4%, rgba(208,169,119,1) 16%, rgba(208,169,119,1) 84%, rgba(208,169,119,.001) 96%) 1;
    box-sizing: border-box;
}

.woodtogoldsolidb4inset{
    border-style: solid;
    border-width: 0px 0px 4px 0px;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(164,146,124,1) 16%, rgba(208,169,119,1) 32%, rgba(208,169,119,1) 76%, rgba(164,146,124,1) 84%) 1;
    -x-border-image: -x-linear-gradient(left, rgba(164,146,124,1) 16%, rgba(208,169,119,1) 32%, rgba(208,169,119,1) 76%, rgba(164,146,124,1) 84%) 1;
    -o-border-image: -o-linear-gradient(left, rgba(164,146,124,1) 16%, rgba(208,169,119,1) 32%, rgba(208,169,119,1) 76%, rgba(164,146,124,1) 84%) 1;
    -moz-border-image: -moz-linear-gradient(left, rgba(164,146,124,1) 16%, rgba(208,169,119,1) 32%, rgba(208,169,119,1) 76%, rgba(164,146,124,1) 84%) 1;
    border-image: linear-gradient(to right, rgba(164,146,124,1) 16%, rgba(208,169,119,1) 32%, rgba(208,169,119,1) 76%, rgba(164,146,124,1) 84%) 1;
}
.woodtogoldsolidt4inset{
    border-style: solid;
    border-width: 4px 0px 0px 0px;
    -webkit-border-image: -webkit-linear-gradient(left, rgba(164,146,124,1) 16%, rgba(208,169,119,1) 32%, rgba(208,169,119,1) 76%, rgba(164,146,124,1) 84%) 1;
    -x-border-image: -x-linear-gradient(left, rgba(164,146,124,1) 16%, rgba(208,169,119,1) 32%, rgba(208,169,119,1) 76%, rgba(164,146,124,1) 84%) 1;
    -o-border-image: -o-linear-gradient(left, rgba(164,146,124,1) 16%, rgba(208,169,119,1) 32%, rgba(208,169,119,1) 76%, rgba(164,146,124,1) 84%) 1;
    -moz-border-image: -moz-linear-gradient(left, rgba(164,146,124,1) 16%, rgba(208,169,119,1) 32%, rgba(208,169,119,1) 76%, rgba(164,146,124,1) 84%) 1;
    border-image: linear-gradient(to right, rgba(164,146,124,1) 16%, rgba(208,169,119,1) 32%, rgba(208,169,119,1) 76%, rgba(164,146,124,1) 84%) 1;
}
.transtogoldsolid1inset{
    border-style: solid;
    border-width: 1px;
    -webkit-border-image: -webkit-linear-gradient(left top, rgba(208,169,119,.001) 4%, rgba(208,169,119,1) 16%, rgba(208,169,119,1) 84%, rgba(208,169,119,.001) 96%) 1;
    -x-border-image: -x-linear-gradient(left top, rgba(208,169,119,.001) 4%, rgba(208,169,119,1) 16%, rgba(208,169,119,1) 84%, rgba(208,169,119,.001) 96%) 1;
    -o-border-image: -o-linear-gradient(left top, rgba(208,169,119,.001) 4%, rgba(208,169,119,1) 16%, rgba(208,169,119,1) 84%, rgba(208,169,119,.001) 96%) 1;
    -moz-border-image: -moz-linear-gradient(left top, rgba(208,169,119,.001) 4%, rgba(208,169,119,1) 16%, rgba(208,169,119,1) 84%, rgba(208,169,119,.001) 96%) 1;
    border-image: linear-gradient(to right bottom, rgba(208,169,119,.001) 4%, rgba(208,169,119,1) 16%, rgba(208,169,119,1) 84%, rgba(208,169,119,.001) 96%) 1;
    box-sizing: border-box;
}


.grayboxshadowb8-5{
    box-shadow: 0px 8px 8px -5px rgba(10,10,10,.88);
    -webkit-box-shadow: 0px 8px 8px -5px rgba(10,10,10,.88);
}
.grayboxshadowt8-5{
    box-shadow: 0px -8px 8px -5px rgba(10,10,10,.88);
    -webkit-box-shadow: 0px -8px 8px -5px rgba(10,10,10,.88);
}
.lightgrayboxshadowt8-5{
    box-shadow: 0px -8px 8px -5px rgba(98,98,98,.88);
    -webkit-box-shadow: 0px -8px 8px -5px rgba(98,98,98,.88);
}
.lightgrayboxshadowrb4-3{
    box-shadow: 4px 4px 4px -3px rgba(98,98,98,.88);
    -webkit-box-shadow: 4px 4px 4px -3px rgba(98,98,98,.88);
}
.lightgrayboxshadowtb8-5inset{
    box-shadow: 0px -8px 8px -5px rgba(98,98,98,.88) inset, 0px 8px 8px -5px rgba(98,98,98,.88) inset;
    -webkit-box-shadow: 0px -8px 8px -5px rgba(98,98,98,.88) inset, 0px 8px 8px -5px rgba(98,98,98,.88) inset;
}

.navmenu::after{
    content: "";
    position: absolute;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,1);
    left: 0;
    top: calc(50% - 1px);
}

.cusmaxh100-48px{
    max-height: calc(100% - 48px);
}

.cush360px{
    max-height: 360px;
    height: 360px;
}

.cusw112px{
    width: 112px;
    max-width: 112px;
}
.cusw100-120px{
    width: calc(100% - 120px);
    max-width: calc(100% - 120px);
}

.custop8px{
    top: 8px;
}
.cusleft-2px{
    left: -2px;
}

.writingvlr{
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
}


@media only screen and (min-width: 1001px){
    .mainbg{
        background: url(../fimgs/bgb.jpg) center center no-repeat;
        background-size: cover;
    }
    .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;
    }
    .black0to1bg{
        background: rgba(10,10,10,.001);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    .black0to1bg:hover{
        background: rgba(10,10,10,.56);
    }
}

@media only screen and (min-width: 1201px){
    .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: 1000px){
    .mainbg{
        background: url(../fimgs/bgs.jpg) center center no-repeat;
        background-size: cover;
    }
    .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;
    }
    .cusminmaxw32px{
        max-width: 32px; 
        width: 32px; 
    }
    .cusminmaxw100-48px{
        max-width: calc(100% - 47.99px); 
        width: calc(100% - 47.99px); 
    }
    .minblackbg56{
        background: rgba(10,10,10,.56);
    }
    .minwhitefont{
        color: rgba(255,255,255,1);
    }
}