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: 'Caramel', cursive, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtw{
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtitle{
    font-family: 'Kosugi Maru', Microsoft JhengHei, Verdana, sans-serif;
}

.morandibg{
    background: rgba(103,99,100,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.lightskinbg{
    background-color: rgba(255, 223, 198, 1);
}
.lightwoodgradientttobbg{
    background: -webkit-linear-gradient(top, rgba(255,250,244,1), rgba(252,246,222,1));
    background: -o-linear-gradient(top, rgba(255,250,244,1), rgba(252,246,222,1));
    background: -moz-linear-gradient(top, rgba(255,250,244,1), rgba(252,246,222,1));
    background: linear-gradient(to bottom, rgba(255,250,244,1), rgba(252,246,222,1));
}
.orangegradientttobbg{
    background: -webkit-linear-gradient(top, rgba(253,188,98,1), rgba(249,175,91,1));
    background: -o-linear-gradient(top, rgba(253,188,98,1), rgba(249,175,91,1));
    background: -moz-linear-gradient(top,rgba(253,188,98,1), rgba(249,175,91,1));
    background: linear-gradient(to bottom, rgba(253,188,98,1), rgba(249,175,91,1));
}
.lightwoodmirrorttobbg{
    background: -webkit-linear-gradient(top, rgba(252,246,222,1), rgba(255,255,255,1) 24%, rgba(255,255,255,1) 76%, rgba(252,246,222,1));
    background: -o-linear-gradient(top, rgba(252,246,222,1), rgba(255,255,255,1) 24%, rgba(255,255,255,1) 76%, rgba(252,246,222,1));
    background: -moz-linear-gradient(top, rgba(252,246,222,1), rgba(255,255,255,1) 24%, rgba(255,255,255,1) 76%, rgba(252,246,222,1));
    background: linear-gradient(to bottom, rgba(252,246,222,1), rgba(255,255,255,1) 24%, rgba(255,255,255,1) 76%, rgba(252,246,222,1));
}
.footerbg{
    background: url(../fimgs/footerbg.png), -webkit-linear-gradient(top, rgba(253,188,98,1), rgba(253,188,98,1));
    background: url(../fimgs/footerbg.png), -o-linear-gradient(top, rgba(253,188,98,1), rgba(253,188,98,1));
    background: url(../fimgs/footerbg.png), -moz-linear-gradient(top, rgba(253,188,98,1), rgba(253,188,98,1));
    background: url(../fimgs/footerbg.png), linear-gradient(to bottom, rgba(253,188,98,1), rgba(253,188,98,1));
    background-repeat: repeat, no-repeat;
    background-position: center center, center center;
    background-size: auto, auto;
}

.darkwoodfont{
    color: rgba(89,76,66,1);
}
.orangefont{
    color: rgba(233,114,44,1);
}
.lightorangefont{
    color: rgba(253,188,98,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.skinfont{
    color: rgba(232, 223, 211, 1);
}

.whitetolightorangefont, .whitetolightorangefont:visited{
    color: rgba(255,255,255,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.whitetolightorangefont:hover, .whitetolightorangefont:active{
    color: rgba(253,188,98,1);
}

.orangesolid1{
    border: 1px solid rgba(233,114,44,1);
}
.darkwoodsolid1{
    border: 1px solid rgba(89,76,66,1);
}
.lightskinsolid1{
    border: 1px solid rgba(255, 223, 198, 1);
}
.lightskinsolid4{
    border: 4px solid rgba(255, 223, 198, 1);
}
.orangesolidt2{
    border-top: 2px solid rgba(233,114,44,1);
}
.darkwoodsolidb1{
    border-bottom: 1px solid rgba(89,76,66,1);
}
.graysolidb1{
    border-bottom: 1px solid rgba(235,235,235,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);
}
.blackboxshadowb8{
    box-shadow: 0px 8px 8px -7px rgba(150,150,150,1);
    -webkit-box-shadow: 0px 8px 8px -7px rgba(150,150,150,1);
}
.blackboxshadowt8{
    box-shadow: 0px -8px 8px -7px rgba(150,150,150,1);
    -webkit-box-shadow: 0px -8px 8px -7px rgba(150,150,150,1);
}
.blackboxshadowrb4{
    box-shadow: 4px 4px 4px -3px rgba(150,150,150,1);
    -webkit-box-shadow: 4px 4px 4px -3px rgba(150,150,150,1);
}
.blackboxshadowrb8{
    box-shadow: 8px 8px 8px -7px rgba(150,150,150,1);
    -webkit-box-shadow: 8px 8px 8px -7px rgba(150,150,150,1);
}
.blackboxshadowt8inset{
    box-shadow: 0px 8px 8px -7px rgba(150,150,150,1) inset;
    -webkit-box-shadow: 0px 8px 8px -7px rgba(150,150,150,1) inset;
}

.fc-title{
    max-width: 100%;
    display: block;
}
.fc-day-grid-event .fc-content{
    white-space: normal;
}
.fc-basic-view .fc-body .fc-row{
    height: auto;
    font-size: 1em;
}

table, td, th{
	border:1px solid rgba(33,33,33,1);
    max-width: 100%;
    margin: 0 auto;
}

.whiteedgetxtlogo::before{
    content: "中華國際婦幼芳香調理學會";
    position: absolute;
    text-stroke: 4px rgba(255,255,255,1);
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    font-size: 25px;
    line-height: 32px;
    letter-spacing: 0.8px;
    Font-family: 'Kosugi Maru', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
    text-shadow: 0px 0px 7px rgba(200,200,200,1);
}
.orangegradienttxt{
    background: -webkit-linear-gradient(top, rgba(233,114,44,1) 2%, rgba(220,128,25,1) 98%);
    background: -o-linear-gradient(top, rgba(233,114,44,1) 2%, rgba(220,128,25,1) 98%);
    background: -moz-linear-gradient(top, rgba(233,114,44,1) 2%, rgba(220,128,25,1) 98%);
    background: linear-gradient(to bottom, rgba(233,114,44,1) 2%, rgba(220,128,25,1) 98%);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

.cusfixw72pxh56px{
    width: 72px;
    height: 56px;
}
.cusfixmaxw32px{
    max-width: 32px;
    width: 32px;
}
.cusfixmaxw100-40px{
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
}
.cusfixmaxw50-40px{
    width: calc(50% - 40px);
    max-width: calc(50% - 40px);
}
.cusfixmaxw100plus16px{
    width: calc(100% + 16px);
    max-width: calc(100% + 16px);
}
.cusfixpaddingr16px{
    padding: 0px 16px 0px 0px;
}

.hovernavline .udlineltor::before{
    border-bottom: 1px solid rgba(89,76,66,1);
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 1px;
    width: 0px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.hovernavline:hover .udlineltor::before{
    width: 100%;
}

@media only screen and (min-width: 1201px){
    .cusmaxw400px{
        max-width: 400px;
        width: 400px;
    }
    .cusmaxw100-400px{
        width: calc(100% - 400px);
        max-width: calc(100% - 400px);
    }
    .banner01{
        background: url(../fimgs/indexbanner01002.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02002.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03002.jpg) center center no-repeat;
        background-size: contain;
    }
    .cusmaxw320px{
        max-width: 320px;
        width: 320px;
    }
    .cusmaxw100-336px{
        width: calc(100% - 336px);
        max-width: calc(100% - 336px);
    }
}

@media only screen and (min-width: 1301px){
    .cusmaxw1301dpb{
        display: block;
    }
    .cusmaxw1301hidden{
        display: none;
    }
    .banner01{
        background: url(../fimgs/indexbanner01001.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02001.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03001.jpg) center center no-repeat;
        background-size: contain;
    }
}
@media only screen and (max-width: 1200px){
    .banner01{
        background: url(../fimgs/indexbanner01003.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02003.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03003.jpg) center center no-repeat;
        background-size: contain;
    }
    .cusminw100-16px{
        width: calc(100% - 16px);
        max-width: calc(100% - 16px);
    }
}

@media only screen and (max-width: 600px){
    .cusmaxw600dpb{
        display: block;
    }
    .cusmaxw600hidden{
        display: none;
    }
    .banner01{
        background: url(../fimgs/indexbanner01004.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02004.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03004.jpg) center center no-repeat;
        background-size: contain;
    }
    .cus600maxw100{
        width: 100%;
        max-width: 100%;
    }
}