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

.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(240,240,240,1);
    max-width: 100%;
    margin: 0 auto;
}

.nav .subnav{
    height: 0px;
    max-height: 0px;
    overflow: hidden;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.nav:hover .subnav, .nav:active .subnav{
    height: auto;
    max-height: 389px;
}

.fmtitle{
    font-family: 'M PLUS Rounded 1c', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmdectitle{
    font-family: "Shippori Mincho", serif, 'M PLUS Rounded 1c', 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtw{
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
.fmeng{
    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);
}
.whitegraybg{
    background: rgba(247,247,247,1);
}
.footerdarkbg01{
    background: rgba(13,50,79,1);
}
.footerdarkbg02{
    background: rgba(18,61,95,1);
}
.darkbluebg{
    background: rgba(24,77,109,1);
}
.aquabg{
    background: rgba(226,239,247,1);
}
.greenbg{
    background: rgba(45,148,5,1);
}
.blackbg56{
    background: rgba(0,0,0,.56);
}
.whitebg80{
    background: rgba(255,255,255,.80);
}
.transtoblackttobbg{
    background: -webkit-linear-gradient(top, rgba(25,25,25,.001) 8%, rgba(25,25,25,1) 98%);
    background: -o-linear-gradient(top, rgba(25,25,25,.001) 8%, rgba(25,25,25,1) 98%);
    background: -moz-linear-gradient(top, rgba(25,25,25,.001) 8%, rgba(25,25,25,1) 98%);
    background: linear-gradient(to bottom, rgba(25,25,25,.001) 8%, rgba(25,25,25,1) 98%);
}
.aquatowhitettobbg{
    background: -webkit-linear-gradient(top, rgba(226,239,247,1) 8%, rgba(255,255,255,1) 92%);
    background: -o-linear-gradient(top, rgba(226,239,247,1) 8%, rgba(255,255,255,1) 92%);
    background: -moz-linear-gradient(top, rgba(226,239,247,1) 8%, rgba(255,255,255,1) 92%);
    background: linear-gradient(to bottom, rgba(226,239,247,1) 8%, rgba(255,255,255,1) 92%);
}
.indexbg01::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 56%;
    background: -webkit-linear-gradient(left, rgba(226,239,247,.001) 16%, rgba(226,239,247,1) 96%);
    background: -o-linear-gradient(left, rgba(226,239,247,.001) 16%, rgba(226,239,247,1) 96%);
    background: -moz-linear-gradient(left, rgba(226,239,247,.001) 16%, rgba(226,239,247,1) 96%);
    background: linear-gradient(to right, rgba(226,239,247,.001) 16%, rgba(226,239,247,1) 96%);
}
.aboutbg01::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(226,239,247,.001) 20%, rgba(226,239,247,1) 96%);
    background: -o-linear-gradient(left, rgba(226,239,247,.001) 20%, rgba(226,239,247,1) 96%);
    background: -moz-linear-gradient(left, rgba(226,239,247,.001) 20%, rgba(226,239,247,1) 96%);
    background: linear-gradient(to right, rgba(226,239,247,.001) 20%, rgba(226,239,247,1) 96%);
}
.aboutbg02::before{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 64%;
    background: rgba(226,239,247,1);
}
.bathbg05::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(bottom, rgba(226,239,247,1) 8%, rgba(255,255,255,1) 92%);
    background: -o-linear-gradient(bottom, rgba(226,239,247,1) 8%, rgba(255,255,255,1) 92%);
    background: -moz-linear-gradient(bottom, rgba(226,239,247,1) 8%, rgba(255,255,255,1) 92%);
    background: linear-gradient(to top, rgba(226,239,247,1) 8%, rgba(255,255,255,1) 92%);
    box-shadow: 0px 8px 8px -5px rgba(150,150,150,1) inset;
    -webkit-box-shadow: 0px 8px 8px -5px rgba(150,150,150,1) inset;
}

.opacity1to0, .opacity1to0:visited{
    opacity: 1.0;
    filter: alpha(opacity=100);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.opacity1to0:hover, .opacity1to0:active{
    opacity: 0.0;
    filter: alpha(opacity=0);
}

.blackfont{
    color: rgba(85,85,85,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.darkbluefont{
    color: rgba(25,78,109,1);
}
.darkaquafont{
    color: rgba(119,175,208,1);;
}
.yellowfont{
    color: rgba(229,210,154,1);
}
.whitetoblackfont, .whitetoblackfont:visited{
    color: rgba(255,255,255,1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.whitetoblackfont:hover, .whitetoblackfont:active{
    color: rgba(25,25,25,1);
}
.darbluefonttowhitefontwithexchangebg, .darbluefonttowhitefontwithexchangebg:visited{
    color: rgba(25,78,109,1);
    background: rgba(25,78,109,.001);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.darbluefonttowhitefontwithexchangebg:hover, .darbluefonttowhitefontwithexchangebg:active{
    color: rgba(255,255,255,1);
    background: rgba(25,78,109,1);
}

.darkbluesolidb1{
    border-bottom: 1px solid rgba(25,78,109,1);
}
.darkaquasolidb1{
    border-bottom: 1px solid rgba(148,181,200,1);
}
.darkbluesolidt1{
    border-top: 1px solid rgba(25,78,109,1);
}
.darkbluesolidb4{
    border-bottom: 4px solid rgba(25,78,109,1);
}
.darkbluesolid2{
    border: 2px solid rgba(25,78,109,1);
}
.decdarkbluesolid1::before{
    content: "";
    position: absolute;
    top: 16px;
    right: 0;
    width: calc(100% - 16px);
    height: 100%;
    border: 1px solid rgba(25,78,109,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);
}
.lightblackboxshadowrb8{
    box-shadow: 8px 8px 8px -5px rgba(98,98,98,1);
    -webkit-box-shadow: 8px 8px 8px -5px rgba(98,98,98,1);
}
.grayboxshadowt8inset{
    box-shadow: 0px 8px 8px -5px rgba(150,150,150,1) inset;
    -webkit-box-shadow: 0px 8px 8px -5px rgba(150,150,150,1) inset;
}
.graydexboxshadowt8inset::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    box-shadow: 0px 8px 8px -5px rgba(150,150,150,1) inset;
    -webkit-box-shadow: 0px 8px 8px -5px rgba(150,150,150,1) inset;
}

.cusfixw24px{
    width: 24px;
    max-width: 24px;
}
.cusfixw40px{
    width: 40px;
    max-width: 40px;
}
.cusfixw144px{
    width: 144px;
    max-width: 144px;
}
.cusfixw100-168px{
    width: calc(100% - 168px);
    max-width: calc(100% - 168px);
}

.custop3-1{
    top: calc(100% / 3);
}

.custextlr{
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr ;
}

@media only screen and (min-width: 1025px){
    .banner01{
        background: url(../fimgs/banner01002.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/banner02002.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/banner03002.jpg) center center no-repeat;
        background-size: contain;
    }
    .mainbg{
        background: url(../fimgs/mainbg01001.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: url(../fimgs/mainbg01001.jpg), -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: url(../fimgs/mainbg01001.jpg), -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: url(../fimgs/mainbg01001.jpg), linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background-size: 100% auto, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: top center, top center;
    }
    .bathbg01::before{
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 9%;
        height: 36%;
        background: rgba(226,239,247,1);
    }
    .bathbg02::before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 9%;
        height: 48%;
        background: rgba(226,239,247,1);
    }
    .bathbg03::before{
        content: "";
        position: absolute;
        bottom: -40px;
        left: -100%;
        width: 300%;
        height: 48%;
        background: rgba(226,239,247,1);
    }
    .bathbg04::before{
        content: "";
        position: absolute;
        bottom: -40px;
        left: 0;
        width: 9%;
        height: 80%;
        background: rgba(226,239,247,1);
    }
    .cusmaxw1025w144px{
        width: 144px;
        max-width: 144px;
    }
    .cusmaxw1025w100-168px{
        width: calc(100% - 168px);
        max-width: calc(100% - 168px);
    }
    .cusmaxw1025graysolidr1::before{
        content: "";
        position: absolute;
        top: 8%;
        right: 0;
        width: 0;
        height: 84%;
        border-right: 1px solid rgba(208,216,219,1);
    }
    .cusmaxw1025darkbluesolidr1::before{
        content: "";
        position: absolute;
        top: 8%;
        right: 0;
        width: 0;
        height: 84%;
        border-right: 1px solid rgba(25,78,109,1);
    }
}

@media only screen and (min-width: 1301px){
    .cusmaxw1301dpb{
        display: block;
    }
    .cusmaxw1301hidden{
        display: none;
    }
    .banner01{
        background: url(../fimgs/banner01001.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/banner02001.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/banner03001.jpg) center center no-repeat;
        background-size: contain;
    }
    .mainbg{
        background: url(../fimgs/mainbg01002.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: url(../fimgs/mainbg01002.jpg), -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: url(../fimgs/mainbg01002.jpg), -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: url(../fimgs/mainbg01002.jpg), linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background-size: 100% auto, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: top center, top center;
    }
    .cusmaxw1301w8-3-16{max-width: calc(100% / 8 * 3 - 15.99px); width: calc(100% / 8 * 3 - 15.99px);}
    .cusmaxw1301w8-5-16{max-width: calc(100% / 8 * 5 - 15.99px); width: calc(100% / 8 * 5 - 15.99px);}
}

@media only screen and (min-width: 1601px){
    .cusmaxw1601w15-14-16{
        max-width: calc(100% / 15 * 14 - 15.99px); 
        width: calc(100% / 15 * 14 - 15.99px);
    }
    .bathbg01::before{
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 15%;
        height: 36%;
        background: rgba(226,239,247,1);
    }
    .bathbg02::before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 15%;
        height: 48%;
        background: rgba(226,239,247,1);
    }
    .bathbg04::before{
        content: "";
        position: absolute;
        bottom: -40px;
        left: 0;
        width: 15%;
        height: 80%;
        background: rgba(226,239,247,1);
    }
}
@media only screen and (max-width: 1024px){
    .cusmin1024w48px{
        width: 48px;
        max-width: 48px;
    }
    .cusmin1024w100-64px{
        width: calc(100% - 64px);
        max-width: calc(100% - 64px);
    }
    .mainbg{
        background: url(../fimgs/mainbg01003.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: url(../fimgs/mainbg01003.jpg), -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: url(../fimgs/mainbg01003.jpg), -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: url(../fimgs/mainbg01003.jpg), linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background-size: 100% auto, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: top center, top center;
    }
    .banner01{
        background: url(../fimgs/banner01003.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/banner02003.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/banner03003.jpg) center center no-repeat;
        background-size: contain;
    }
    .aboutbg01::before{
        content: "";
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        height: calc(100% - 40px);
        background: -webkit-linear-gradient(left, rgba(226,239,247,.001) 20%, rgba(226,239,247,1) 96%);
        background: -o-linear-gradient(left, rgba(226,239,247,.001) 20%, rgba(226,239,247,1) 96%);
        background: -moz-linear-gradient(left, rgba(226,239,247,.001) 20%, rgba(226,239,247,1) 96%);
        background: linear-gradient(to right, rgba(226,239,247,.001) 20%, rgba(226,239,247,1) 96%);
    }
    .bathbg01::before{
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 96px;
        height: 64%;
        background: rgba(226,239,247,1);
    }
    .bathbg02::before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 96px;
        height: 64%;
        background: rgba(226,239,247,1);
    }
    .bathbg03::before{
        content: "";
        position: absolute;
        bottom: -40px;
        left: -100%;
        width: 300%;
        height:64%;
        background: rgba(226,239,247,1);
    }
    .cusmin1024graysolidr1::before{
        content: "";
        position: absolute;
        top: 8%;
        right: 0;
        width: 0;
        height: 84%;
        border-right: 1px solid rgba(208,216,219,1);
    }
    .cusmin1024darkbluesolidr1::before{
        content: "";
        position: absolute;
        top: 8%;
        right: 0;
        width: 0;
        height: 84%;
        border-right: 1px solid rgba(25,78,109,1);
    }
}

@media only screen and (max-width: 624px){
    .mainbg{
        background: url(../fimgs/mainbg01004.jpg), -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: url(../fimgs/mainbg01004.jpg), -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: url(../fimgs/mainbg01004.jpg), -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background: url(../fimgs/mainbg01004.jpg), linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
        background-size: 100% auto, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: top center, top center;
    }
    .banner01{
        background: url(../fimgs/banner01004.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/banner02004.jpg) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/banner03004.jpg) center center no-repeat;
        background-size: contain;
    }
    .indexbg01::before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 80%;
        background: -webkit-linear-gradient(left, rgba(226,239,247,.001) 16%, rgba(226,239,247,1) 96%);
        background: -o-linear-gradient(left, rgba(226,239,247,.001) 16%, rgba(226,239,247,1) 96%);
        background: -moz-linear-gradient(left, rgba(226,239,247,.001) 16%, rgba(226,239,247,1) 96%);
        background: linear-gradient(to right, rgba(226,239,247,.001) 16%, rgba(226,239,247,1) 96%);
    }
    .bathbg03::before{
        content: "";
        position: absolute;
        bottom: -40px;
        left: -100%;
        width: 300%;
        height: 30%;
        background: rgba(226,239,247,1);
    }
    .cusmin624fs17{font-size: 17px;}
    .cusmin624lh24{line-height: 24px;}
    .cusmin624graysolidr1noborder::before{
        content: "";
        position: absolute;
        top: 8%;
        right: 0;
        width: 0;
        height: 84%;
        border: 0px solid transparent; 
        box-sizing: border-box;
    }
    .cusmin624darkbluesolidr1noborder::before{
        content: "";
        position: absolute;
        top: 8%;
        right: 0;
        width: 0;
        height: 84%;
        border: 0px solid transparent; 
        box-sizing: border-box;
    }
    .cusmin624w100-32px{
        width: calc(100% - 32px);
        max-width: calc(100% - 32px);
    }
}