textarea{
    resize: none;
    min-height: 240px;
}
input{
    resize: none;
    min-height: 32px;
}
.ui-datepicker{
    font-size: 15px;
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}
::-webkit-input-placeholder {
    font-size: 15px;
    color: rgba(115,115,115,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: 0px;
}
select[name=district]{
    width: 96px;
    margin: 0px 4px;
}
input, select{
    padding: 0px;
    border: 1px solid rgba(115,115,115,1);
    font-size: 17px;
    line-height: 32px;
    letter-spacing: 1.6px;
    height: 32px;
    background: rgba(255,255,255,1);
    color: rgba(98,98,98,1);
    
}
textarea{
    border: 1px solid rgba(115,115,115,1);
    color: rgba(98,98,98,1);
}

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

.fmtitle{
    font-family: "Kiwi Maru", serif, '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);
}
.lightpinkbg{
    background: rgba(248,232,235,1);
}
.lightyellowbg{
    background: rgba(254,232,174,1);
}
.lightgreenbg{
    background: rgba(234,249,246,1);
}
.lightorangebg{
    background: rgba(255,246,228,1);
}
.salmonbg{
    background: rgba(227,93,120,1);
}
.aquabg{
    background: rgba(233,252,255,1);
}
.blueaquabg{
    background: rgba(55,187,173,1);
}
.headerbg, .headerbg02, .buttonbg01, .lighteryellowbg{
    background: rgba(254,247,229,1);
}
.buttonbg02{
    background: rgba(231,231,231,1);
}
.buttonbg03{
    background: rgba(241,255,255,1);
}
.buttonbg04{
    background: rgba(255,246,249,1);
}
.buttonbg05{
    background: rgba(223,249,246,1);
}
.buttonbg06{
    background: rgba(253,213,199,1);
}
.marqueebg{
    background: rgba(228,85,53,1);
}
.footerbg01::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: -2px;
    background: rgba(193,211,89,1);
}
.whitedecbg{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(255,255,255,1);
}
.footerbg02{
    background: rgba(193,211,89,1);
}
.footerbg03{
    background: rgba(159,181,34,1);
}
.headerbg::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -webkit-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: -o-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -o-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: -moz-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -moz-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background-size: 48px 48px;
}
.headerbg02::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -webkit-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: -o-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -o-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: -moz-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -moz-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background-size: 48px 48px;
}
.buttonbg01::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -webkit-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: -o-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -o-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: -moz-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -moz-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background-size: 48px 48px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
}
.buttonbg02::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-repeating-linear-gradient(90deg, rgba(216,225,232,1) 0, rgba(216,225,232,1) 2%, rgba(216,225,232,.001) 0, rgba(216,225,232,.001) 50%), -webkit-repeating-linear-gradient(0deg, rgba(216,225,232,1) 0, rgba(216,225,232,1) 2%, rgba(216,225,232,.001) 0, rgba(216,225,232,.001) 50%);
    background: -o-repeating-linear-gradient(90deg, rgba(216,225,232,1) 0, rgba(216,225,232,1) 2%, rgba(216,225,232,.001) 0, rgba(216,225,232,.001) 50%), -o-repeating-linear-gradient(0deg, rgba(216,225,232,1) 0, rgba(216,225,232,1) 2%, rgba(216,225,232,.001) 0, rgba(216,225,232,.001) 50%);
    background: -moz-repeating-linear-gradient(90deg, rgba(216,225,232,1) 0, rgba(216,225,232,1) 2%, rgba(216,225,232,.001) 0, rgba(216,225,232,.001) 50%), -moz-repeating-linear-gradient(0deg, rgba(216,225,232,1) 0, rgba(216,225,232,1) 2%, rgba(216,225,232,.001) 0, rgba(216,225,232,.001) 50%);
    background: repeating-linear-gradient(90deg, rgba(216,225,232,1) 0, rgba(216,225,232,1) 2%, rgba(216,225,232,.001) 0, rgba(216,225,232,.001) 50%), repeating-linear-gradient(0deg, rgba(216,225,232,1) 0, rgba(216,225,232,1) 2%, rgba(216,225,232,.001) 0, rgba(216,225,232,.001) 50%);
    background-size: 48px 48px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
}
.buttonbg03::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-repeating-linear-gradient(90deg, rgba(227,247,255,1) 0, rgba(227,247,255,1) 2%, rgba(227,247,255,.001) 0, rgba(227,247,255,.001) 50%), -webkit-repeating-linear-gradient(0deg, rgba(227,247,255,1) 0, rgba(227,247,255,1) 2%, rgba(227,247,255,.001) 0, rgba(227,247,255,.001) 50%);
    background: -o-repeating-linear-gradient(90deg, rgba(227,247,255,1) 0, rgba(227,247,255,1) 2%, rgba(227,247,255,.001) 0, rgba(227,247,255,.001) 50%), -o-repeating-linear-gradient(0deg, rgba(227,247,255,1) 0, rgba(227,247,255,1) 2%, rgba(227,247,255,.001) 0, rgba(227,247,255,.001) 50%);
    background: -moz-repeating-linear-gradient(90deg, rgba(227,247,255,1) 0, rgba(227,247,255,1) 2%, rgba(227,247,255,.001) 0, rgba(227,247,255,.001) 50%), -moz-repeating-linear-gradient(0deg, rgba(227,247,255,1) 0, rgba(227,247,255,1) 2%, rgba(227,247,255,.001) 0, rgba(227,247,255,.001) 50%);
    background: repeating-linear-gradient(90deg, rgba(227,247,255,1) 0, rgba(227,247,255,1) 2%, rgba(227,247,255,.001) 0, rgba(227,247,255,.001) 50%), repeating-linear-gradient(0deg, rgba(227,247,255,1) 0, rgba(227,247,255,1) 2%, rgba(227,247,255,.001) 0, rgba(227,247,255,.001) 50%);
    background-size: 48px 48px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
}
.buttonbg04::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -webkit-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: -o-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -o-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: -moz-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -moz-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background-size: 48px 48px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
}
.buttonbg05::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -webkit-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: -o-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -o-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: -moz-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -moz-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background-size: 48px 48px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
}
.buttonbg06::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -webkit-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: -o-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -o-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: -moz-repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), -moz-repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background: repeating-linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%), repeating-linear-gradient(0deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 2%, rgba(255,255,255,.001) 0, rgba(255,255,255,.001) 50%);
    background-size: 48px 48px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
}
.headerborderbg{
    background: url(../fimgs/headerborder.png) center center repeat-x;
    background-size: auto 100%;
}
.bannermask01{
    -webkit-mask-image: url(../fimgs/bannermask.png);
    mask-image: url(../fimgs/bannermask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.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;
}
.footerborder01{
    background: url(../fimgs/footerborder.png) left center repeat-x;
    background-size: contain;
}
.indexborder01{
    background: url(../fimgs/indexborder01.png), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/indexborder01.png), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/indexborder01.png), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: url(../fimgs/indexborder01.png), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
    background-size: contain, auto;
    background-position: center center , center center;
    background-repeat: repeat-x, no-repeat;
}
.indexbg01{
    background: url(../fimgs/indexbgdecimg01.png), url(../fimgs/indexbgdecimg02.png), url(../fimgs/indexwave02.png), url(../fimgs/indexbg01.png), -webkit-linear-gradient(top, rgba(255,246,249,1), rgba(255,246,249,1));
    background: url(../fimgs/indexbgdecimg01.png), url(../fimgs/indexbgdecimg02.png), url(../fimgs/indexwave02.png), url(../fimgs/indexbg01.png), -o-linear-gradient(top, rgba(255,246,249,1), rgba(255,246,249,1));
    background: url(../fimgs/indexbgdecimg01.png), url(../fimgs/indexbgdecimg02.png), url(../fimgs/indexwave02.png), url(../fimgs/indexbg01.png), -moz-linear-gradient(top, rgba(255,246,249,1), rgba(255,246,249,1));
    background: url(../fimgs/indexbgdecimg01.png), url(../fimgs/indexbgdecimg02.png), url(../fimgs/indexwave02.png), url(../fimgs/indexbg01.png), linear-gradient(to bottom, rgba(255,246,249,1), rgba(255,246,249,1));
    background-size: 6% auto, 10% auto, auto, auto, auto;
    background-repeat: no-repeat, no-repeat, repeat-x, repeat, no-repeat;
    background-position: 2% 16%, right 80%, center bottom, center top, center center;
}
.indexbg03{
    background: url(../fimgs/indexborder02.jpg), url(../fimgs/indexborder02.jpg), -webkit-linear-gradient(top, rgba(254,247,229,1), rgba(254,247,229,1));
    background: url(../fimgs/indexborder02.jpg), url(../fimgs/indexborder02.jpg), -o-linear-gradient(top, rgba(254,247,229,1), rgba(254,247,229,1));
    background: url(../fimgs/indexborder02.jpg), url(../fimgs/indexborder02.jpg), -moz-linear-gradient(top, rgba(254,247,229,1), rgba(254,247,229,1));
    background: url(../fimgs/indexborder02.jpg), url(../fimgs/indexborder02.jpg), linear-gradient(to bottom, rgba(254,247,229,1), rgba(254,247,229,1));
    background-size: auto, auto, auto;
    background-repeat: repeat-x, repeat-x, no-repeat;
    background-position: center bottom, center top, center center;
}
.indexbg04{
    background: url(../fimgs/indexbgdecimg03.png);
    background-repeat: no-repeat;
    background-size: 12% auto;
    background-position: 98% 28%;
}
.indexbg05{
    background: url(../fimgs/indexborder02.jpg), url(../fimgs/indexborder02.jpg), -webkit-linear-gradient(top, rgba(255,244,246,1), rgba(255,244,246,1));
    background: url(../fimgs/indexborder02.jpg), url(../fimgs/indexborder02.jpg), -o-linear-gradient(top, rgba(255,244,246,1), rgba(255,244,246,1));
    background: url(../fimgs/indexborder02.jpg), url(../fimgs/indexborder02.jpg), -moz-linear-gradient(top, rgba(255,244,246,1), rgba(255,244,246,1));
    background: url(../fimgs/indexborder02.jpg), url(../fimgs/indexborder02.jpg), linear-gradient(to bottom, rgba(255,244,246,1), rgba(255,244,246,1));
    background-size: auto, auto, auto;
    background-repeat: repeat-x, repeat-x, no-repeat;
    background-position: center bottom, center top, center center;
}
.aquabg01::before{
    content: "";
    position: absolute;
    top: calc(100% - 8px);
    left: 0;
    width: 100%;
    height: 200px;
    background: rgba(233,252,255,1);
}
.filterdropshadow01{
    filter: drop-shadow(-2px 8px rgba(248,212,115,.8));
}
.bannerdecimg01{
    top: 50%;
    transform: translate(0px, -80%) rotateZ(0);
    -webkit-transform: translate(0px, -80%) rotateZ(0);
}
.bannerdecimg02{
    top: 50%;
    transform: translate(0px, -56%) rotateZ(0);
    -webkit-transform: translate(0px, -56%) rotateZ(0);
}

.whitefont{
    color: rgba(255,255,255,1);
}
.redfont{
    color: rgba(254,95,99,1);
}
.redorangefont{
    color: rgba(203,70,13,1);
}
.woodfont{
    color: rgba(98,42,17,1);
}
.lightwoodfont{
    color: rgba(195,132,97,1);
}
.blackgreenfont{
    color: rgba(48,84,74,1);
}
.footergreenfont{
    color: rgba(8,118,83,1);
}
.blackfont{
    color: rgba(68,68,68,1);
}
.orangefont{
    color: rgba(235,133,25,1);
}
.salmonfont{
    color: rgba(227,93,120,1);
}
.blueaquafont{
    color: rgba(0,169,200,1);
}
.marqueeredfont01{
    color: rgba(166,30,8,1);
}
.marqueeredfont02{
    color: rgba(119,22,6,1);
}
.marqueeredfont03{
    color: rgba(83,10,1,1);
}

.marqueesolidt4{
    border-top: 4px solid rgba(217,73,38,1);
}
.graysolidt1{
    border-top: 1px solid rgba(202,202,202,1);
}
.graysolidr1{
    border-right: 1px solid rgba(202,202,202,1);
}
.lightwoodsolidr1{
    border-right: 1px solid rgba(195,132,97,1);
}
.lightyellowsolidb1{
    border-bottom: 1px solid rgba(254,232,174,1);
}
.lightyellowsolidb4{
    border-bottom: 4px solid rgba(254,232,174,1);
}
.pureyellowsolidb2{
    border-bottom: 2px dashed rgba(250,193,0,1);
}
.lighterwoodsolidb2{
    border-bottom: 2px dashed rgba(223,188,160,1);
}
.lighterpinksolidb2{
    border-bottom: 2px dashed rgba(250,208,218,1);
}
.lighterblueaquasolidb2{
    border-bottom: 2px dashed rgba(183,239,226,1);
}
.graysolid2{
    border: 2px solid rgba(202,202,202,1);
}
.pinksolid2{
    border: 2px solid rgba(244,141,162,1);
}
.blueaquasolid2{
    border: 2px solid rgba(0,169,200,1);
}
.pureyellowsolid2{
    border: 2px solid rgba(250,193,0,1);
}
.lightyellowsolid2{
    border: 2px solid rgba(254,232,174,1);
}
.pureyellowsolid4{
    border: 4px solid rgba(250,193,0,1);
}
.lightskinsolid8{
    border: 8px solid rgba(255,247,216,1);
}
.salmonsolid1{
    border: 1px solid rgba(227,93,120,1);
}
.orangesolid1{
    border: 1px solid rgba(235,133,25,1);
}
.blueaquasolid1{
    border: 1px solid rgba(0,169,200,1);
}
.orgredorangesolidl4::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    transform:translate(-50%,0) rotate(0deg);
    -webkit-transform:translate(-50%,0) rotate(0deg);
    border-left: 4px solid rgba(254,137,93,1);
    box-sizing: border-box;
}
.donateframe{
    border: 28px solid transparent;
    border-image: url(../fimgs/donateframe.png) 56 stretch;
    border-image-outset: 2px;
}

.grayboxshadowlr4{
    box-shadow: 4px 0px 4px -3px rgba(200,200,200,1), -4px 0px 4px -3px rgba(200,200,200,1);
    -webkit-box-shadow: 4px 0px 4px -3px rgba(200,200,200,1), -4px 0px 4px -3px rgba(200,200,200,1);
}
.grayboxshadow4{
    box-shadow: 0px 0px 4px -1px rgba(190,190,190,1);
    -webkit-box-shadow: 0px 0px 4px -1px rgba(190,190,190,1);
}
.lightyellowboxshadowl2b4{
    box-shadow: -2px 4px 0px -1px rgba(247,227,176,1);
    -webkit-box-shadow: -2px 4px 0px -1px rgba(247,227,176,1);
}
.lightyellowboxshadowl2b4-08{
    box-shadow: -2px 4px 0px -1px rgba(247,227,176,.8);
    -webkit-box-shadow: -2px 4px 0px -1px rgba(247,227,176,.8);
}
.lightaquaboxshadowl2b4{
    box-shadow: -2px 4px 0px -1px rgba(224,248,252,1);
    -webkit-box-shadow: -2px 4px 0px -1px rgba(224,248,252,1);
}
.lightpinkboxshadowl2b4{
    box-shadow: -2px 4px 0px -1px rgba(248,195,211,1);
    -webkit-box-shadow: -2px 4px 0px -1px rgba(248,195,211,1);
}
.lighterpinkboxshadowl2b4{
    box-shadow: -2px 4px 0px -1px rgba(255,233,239,1);
    -webkit-box-shadow: -2px 4px 0px -1px rgba(255,233,239,1);
}
.lightblueaquaboxshadowl2b4{
    box-shadow: -2px 4px 0px -1px rgba(209,241,238,1);
    -webkit-box-shadow: -2px 4px 0px -1px rgba(209,241,238,1);
}
.salmonboxshadowl2b4{
    box-shadow: -2px 4px 0px -1px rgba(251,171,179,1);
    -webkit-box-shadow: -2px 4px 0px -1px rgba(251,171,179,1);
}
.grayboxshadowl2b4{
    box-shadow: -2px 4px 0px -1px rgba(223,223,223,1);
    -webkit-box-shadow: -2px 4px 0px -1px rgba(223,223,223,1);
}
.pureyellowboxshadowlb4-064{
    box-shadow: -4px 4px 0px -1px rgba(250,193,0,.64);
    -webkit-box-shadow: -4px 4px 0px -1px rgba(250,193,0,.64);
}

.whitesolidtxt01::before{
    content: "認識我們";
    position: absolute;
    top: 3.5px;
    left: 0;
    color: rgba(255,255,255,1);
    font-size: 21px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 1.6px;
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    text-stroke: 4px rgba(255,255,255,1);
    font-family: "Kiwi Maru", serif, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
}
.whitesolidtxt02::before{
    content: "最新消息";
    position: absolute;
    top: 3.5px;
    left: 0;
    color: rgba(255,255,255,1);
    font-size: 21px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 1.6px;
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    text-stroke: 4px rgba(255,255,255,1);
    font-family: "Kiwi Maru", serif, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
}
.whitesolidtxt03::before{
    content: "善款捐助";
    position: absolute;
    top: 3.5px;
    left: 0;
    color: rgba(255,255,255,1);
    font-size: 21px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 1.6px;
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    text-stroke: 4px rgba(255,255,255,1);
    font-family: "Kiwi Maru", serif, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
}
.whitesolidtxt04::before{
    content: "物資捐助";
    position: absolute;
    top: 3.5px;
    left: 0;
    color: rgba(255,255,255,1);
    font-size: 21px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 1.6px;
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    text-stroke: 4px rgba(255,255,255,1);
    font-family: "Kiwi Maru", serif, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
}
.whitesolidtxt05::before{
    content: "生活花絮";
    position: absolute;
    top: 3.5px;
    left: 0;
    color: rgba(255,255,255,1);
    font-size: 21px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 1.6px;
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    text-stroke: 4px rgba(255,255,255,1);
    font-family: "Kiwi Maru", serif, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
}
.whitesolidtxt06::before{
    content: "聯絡我們";
    position: absolute;
    top: 3.5px;
    left: 0;
    color: rgba(255,255,255,1);
    font-size: 21px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 1.6px;
    -webkit-text-stroke: 4px rgba(255,255,255,1);
    text-stroke: 4px rgba(255,255,255,1);
    font-family: "Kiwi Maru", serif, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
    white-space: nowrap;
}

.navyellowdotr4::before{
    content: "⦙";
    position: absolute;
    left: 100%;
    bottom: 2px;
    color: rgba(233,163,29,1);
    font-size: 29px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 1.6px;
    font-family: "Kiwi Maru", serif, 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}

.cusfixw48px{
    width: 48px;
    max-width: 48px;
}
.cusfixw64px{
    width: 64px;
    max-width: 64px;
}
.cusfixw128px{
    width: 128px;
    max-width: 128px;
}
.cusfixw100-200px{
    width: calc(100% - 200px);
    max-width: calc(100% - 200px);
}
.cusfixw100-64px{
    width: calc(100% - 64px);
    max-width: calc(100% - 64px);
}
.cusfixh44px{
    height: 44px;
    max-height: 44px;
}
.cusfixh400px{
    height: 400px;
    max-height: 400px;
}
.cusfixh100-44px{
    height: calc(100% - 44px);
    max-height: calc(100% - 44px);
    max-height: calc(100% - 44px);
}

.cuspositionycenter{
    top: 50%;
    transform:translate(0,-68%) rotate(0deg);
    -webkit-transform:translate(0,-68%) rotate(0deg);
}
.cuspositiony-72{
    transform:translate(0,-72%) rotate(0deg);
    -webkit-transform:translate(0,-72%) rotate(0deg);
}
.cuspositionx-8y10{
    transform:translate(-8%,10%) rotate(0deg);
    -webkit-transform:translate(-8%,10%) rotate(0deg);
}
.cuspositionx8y20{
    transform:translate(8%,20%) rotate(0deg);
    -webkit-transform:translate(8%,20%) rotate(0deg);
}
.cusskinul{
    text-decoration-style: solid;
    text-decoration-color: rgba(251,235,186,1);
    text-decoration-thickness: 12px;
    text-underline-offset: -0.4em;
}

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

.cusliststylecjk{
    list-style-type: cjk-ideographic;
    padding: 0px 0px 0px 38px;
}

@media only screen and (min-width: 625px){
    .cusmax625orgredorangesolidt4::before{
        content: "";
        position: absolute;
        left: calc(50% - 4px);
        top: 0;
        width: calc(100% - 90px);
        height: 100%;
        transform:translate(-50%,0) rotate(0deg);
        -webkit-transform:translate(-50%,0) rotate(0deg);
        border-top: 4px solid rgba(254,137,93,1);
        box-sizing: border-box;
    }
}
@media only screen and (min-width: 1025px){
    .cusmax1025w100-352px{
        width: calc(100% - 352px);
        max-width: calc(100% - 352px);
    }
    .cusmax1025w100-144px{
        width: calc(100% - 144px);
        max-width: calc(100% - 144px);
    }
    .cusmax1025w100-88px{
        width: calc(100% - 88px);
        max-width: calc(100% - 88px);
    }
    .cusmax1025w336px{
        width: 336px;
        max-width: 336px;
    }
    .cusmax1025w136px{
        width: 136px;
        max-width: 136px;
    }
    .cusmax1025w72px{
        width: 72px;
        max-width: 72px;
    }
    .cusmax1025w6-1-64px{
        width: calc(100% / 6 - 64px);
        max-width: calc(100% / 6 - 64px);
    }
    .cusmax1025translatey6px{
        transform:translate(0,6px) rotate(0deg);
        -webkit-transform:translate(0,6px) rotate(0deg);
    }
    .cusmax1025translatex-33y10{
        transform:translate(-33%,10%) rotate(0deg);
        -webkit-transform:translate(-33%,10%) rotate(0deg);
    }
    .cusmax1025translatex33y11{
        transform:translate(33%,11%) rotate(0deg);
        -webkit-transform:translate(33%,11%) rotate(0deg);
    }
    .footerbg01{
        background: url(../fimgs/footerbg01002.png) bottom center no-repeat;
        background-size: contain;
    }
    .whitewavebg{
        background: url(../fimgs/indexwave01002.png) bottom center no-repeat;
        background-size: contain;
    }
    .indexbg02{
        background: url(../fimgs/indeximg13.png), url(../fimgs/indexbg02002.jpg), -webkit-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/indeximg13.png), url(../fimgs/indexbg02002.jpg), -o-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/indeximg13.png), url(../fimgs/indexbg02002.jpg), -moz-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/indeximg13.png), url(../fimgs/indexbg02002.jpg), linear-gradient(to bottom, rgba(233,252,255,1), rgba(233,252,255,1));
        background-size: 16% auto, 100% auto, auto;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: 2% top, center top, center center;
    }
    .aboutbg01::before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20%;
        background: url(../fimgs/aboutbg01002.png), -webkit-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/aboutbg01002.png), -o-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/aboutbg01002.png), -moz-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/aboutbg01002.png), linear-gradient(to bottom, rgba(233,252,255,1), rgba(233,252,255,1));
        background-size: contain, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
    .orgbg01{
        background: url(../fimgs/orgimg01.png), url(../fimgs/orgimg02.png);
        background-size: 6% auto, 8% auto;
        background-repeat: no-repeat, no-repeat;
        background-position: 8% 50%, 94% 68%;
    }
    .newsbg01::before{
        content: "";
        position: absolute;
        left: 0;
        top: 360px;
        width: 100%;
        height: calc(100% - 240px);
        background: url(../fimgs/newsbg01002.png), -webkit-linear-gradient(top, rgba(255,244,248,1), rgba(255,244,248,1));
        background: url(../fimgs/newsbg01002.png), -o-linear-gradient(top, rgba(255,244,248,1), rgba(255,244,248,1));
        background: url(../fimgs/newsbg01002.png), -moz-linear-gradient(top, rgba(255,244,248,1), rgba(255,244,248,1));
        background: url(../fimgs/newsbg01002.png), linear-gradient(to bottom, rgba(255,244,248,1), rgba(255,244,248,1));
        background-size: contain, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
    .liferecordbg01::before{
        content: "";
        position: absolute;
        left: 0;
        top: 360px;
        width: 100%;
        height: calc(100% - 240px);
        background: url(../fimgs/liferecordbg01002.png), -webkit-linear-gradient(top, rgba(245,254,233,1), rgba(245,254,233,1));
        background: url(../fimgs/liferecordbg01002.png), -o-linear-gradient(top, rgba(245,254,233,1), rgba(245,254,233,1));
        background: url(../fimgs/liferecordbg01002.png), -moz-linear-gradient(top, rgba(245,254,233,1), rgba(245,254,233,1));
        background: url(../fimgs/liferecordbg01002.png), linear-gradient(to bottom, rgba(245,254,233,1), rgba(245,254,233,1));
        background-size: contain, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
    .cusmax1025orgredorangesolidt4::before{
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        width: calc(100% - 188px);
        height: 100%;
        transform:translate(-50%,0) rotate(0deg);
        -webkit-transform:translate(-50%,0) rotate(0deg);
        border-top: 4px solid rgba(254,137,93,1);
        box-sizing: border-box;
    }
}
@media only screen and (min-width: 1301px){
    .cusmaxw1301dpb{
        display: block;
    }
    .cusmaxw1301hidden{
        display: none;
    }
    .footerbg01{
        background: url(../fimgs/footerbg01001.png) bottom center no-repeat;
        background-size: 100% auto;
    }
    .whitewavebg{
        background: url(../fimgs/indexwave01001.png) bottom center no-repeat;
        background-size: 100% auto;
    }
    .indexbg02{
        background: url(../fimgs/indeximg13.png), url(../fimgs/indexbg02001.jpg), -webkit-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/indeximg13.png), url(../fimgs/indexbg02001.jpg), -o-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/indeximg13.png), url(../fimgs/indexbg02001.jpg), -moz-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/indeximg13.png), url(../fimgs/indexbg02001.jpg), linear-gradient(to bottom, rgba(233,252,255,1), rgba(233,252,255,1));
        background-size: 16% auto, 100% auto, auto;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: 2% top, center top, center center;
    }
    .aboutbg01::before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20%;
        background: url(../fimgs/aboutbg01001.png), -webkit-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/aboutbg01001.png), -o-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/aboutbg01001.png), -moz-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/aboutbg01001.png), linear-gradient(to bottom, rgba(233,252,255,1), rgba(233,252,255,1));
        background-size: contain, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
    .newsbg01::before{
        content: "";
        position: absolute;
        left: 0;
        top: 360px;
        width: 100%;
        height: calc(100% - 240px);
        background: url(../fimgs/newsbg01001.png), -webkit-linear-gradient(top, rgba(255,244,248,1), rgba(255,244,248,1));
        background: url(../fimgs/newsbg01001.png), -o-linear-gradient(top, rgba(255,244,248,1), rgba(255,244,248,1));
        background: url(../fimgs/newsbg01001.png), -moz-linear-gradient(top, rgba(255,244,248,1), rgba(255,244,248,1));
        background: url(../fimgs/newsbg01001.png), linear-gradient(to bottom, rgba(255,244,248,1), rgba(255,244,248,1));
        background-size: contain, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
    .liferecordbg01::before{
        content: "";
        position: absolute;
        left: 0;
        top: 360px;
        width: 100%;
        height: calc(100% - 240px);
        background: url(../fimgs/liferecordbg01001.png), -webkit-linear-gradient(top, rgba(245,254,233,1), rgba(245,254,233,1));
        background: url(../fimgs/liferecordbg01001.png), -o-linear-gradient(top, rgba(245,254,233,1), rgba(245,254,233,1));
        background: url(../fimgs/liferecordbg01001.png), -moz-linear-gradient(top, rgba(245,254,233,1), rgba(245,254,233,1));
        background: url(../fimgs/liferecordbg01001.png), linear-gradient(to bottom, rgba(245,254,233,1), rgba(245,254,233,1));
        background-size: contain, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
}

@media only screen and (max-width: 1024px){
    .cusmin1024w48px{
        width: 48px;
        max-width: 48px;
    }
    .cusmin1024w100-64px{
        width: calc(100% - 64px);
        max-width: calc(100% - 64px);
    }
    .bannerdecimg01{
        top: 50%;
        transform: translate(-8px, -128%) rotateZ(0);
        -webkit-transform: translate(-8px, -128%) rotateZ(0);
    }
    .bannerdecimg02{
        top: 50%;
        transform: translate(8px, 8%) rotateZ(0);
        -webkit-transform: translate(8px, 8%) rotateZ(0);
    }
    .footerbg01{
        background: url(../fimgs/footerbg01003.png) bottom center no-repeat;
        background-size: contain;
    }
    .whitewavebg{
        background: url(../fimgs/indexwave01003.png) bottom center no-repeat;
        background-size: contain;
    }
    .indexbg02{
        background: url(../fimgs/indexbg02003.jpg), -webkit-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/indexbg02003.jpg), -o-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/indexbg02003.jpg), -moz-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/indexbg02003.jpg), linear-gradient(to bottom, rgba(233,252,255,1), rgba(233,252,255,1));
        background-size: 100% auto, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
    .aboutbg01::before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20%;
        background: url(../fimgs/aboutbg01003.png), -webkit-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/aboutbg01003.png), -o-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/aboutbg01003.png), -moz-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/aboutbg01003.png), linear-gradient(to bottom, rgba(233,252,255,1), rgba(233,252,255,1));
        background-size: contain, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
    .orgbg01{
        background: url(../fimgs/orgimg01.png), url(../fimgs/orgimg02.png);
        background-size: 10% auto, 15% auto;
        background-repeat: no-repeat, no-repeat;
        background-position: 2% 50%, 98% 68%;
    }
    .newsbg01::before{
        content: "";
        position: absolute;
        left: 0;
        top: 360px;
        width: 100%;
        height: calc(100% - 240px);
        background: url(../fimgs/newsbg01003.png), -webkit-linear-gradient(top, rgba(255,244,248,1), rgba(255,244,248,1));
        background: url(../fimgs/newsbg01003.png), -o-linear-gradient(top, rgba(255,244,248,1), rgba(255,244,248,1));
        background: url(../fimgs/newsbg01003.png), -moz-linear-gradient(top, rgba(255,244,248,1), rgba(255,244,248,1));
        background: url(../fimgs/newsbg01003.png), linear-gradient(to bottom, rgba(255,244,248,1), rgba(255,244,248,1));
        background-size: contain, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
    .liferecordbg01::before{
        content: "";
        position: absolute;
        left: 0;
        top: 360px;
        width: 100%;
        height: calc(100% - 240px);
        background: url(../fimgs/liferecordbg01003.png), -webkit-linear-gradient(top, rgba(245,254,233,1), rgba(245,254,233,1));
        background: url(../fimgs/liferecordbg01003.png), -o-linear-gradient(top, rgba(245,254,233,1), rgba(245,254,233,1));
        background: url(../fimgs/liferecordbg01003.png), -moz-linear-gradient(top, rgba(245,254,233,1), rgba(245,254,233,1));
        background: url(../fimgs/liferecordbg01003.png), linear-gradient(to bottom, rgba(245,254,233,1), rgba(245,254,233,1));
        background-size: contain, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
}
@media only screen and (max-width: 624px){
    .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/banner03003.jpg) center center no-repeat;
        background-size: contain;
    }
    .bannermask01{
        -webkit-mask-image: url(../fimgs/bannermask02.png);
        mask-image: url(../fimgs/bannermask02.png);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
    }
    .bannerdecimg01{
        top: 50%;
        transform: translate(-10px, -128%) rotateZ(0);
        -webkit-transform: translate(-10px, -128%) rotateZ(0);
    }
    .footerbg01{
        background: url(../fimgs/footerbg01004.png) bottom center no-repeat;
        background-size: contain;
    }
    .whitewavebg{
        background: url(../fimgs/indexwave01004.png) bottom center no-repeat;
        background-size: contain;
    }
    .indexbg01{
        background: url(../fimgs/indexbgdecimg01.png), url(../fimgs/indexbgdecimg02.png), url(../fimgs/indexwave02.png), url(../fimgs/indexbg01.png), -webkit-linear-gradient(top, rgba(255,246,249,1), rgba(255,246,249,1));
        background: url(../fimgs/indexbgdecimg01.png), url(../fimgs/indexbgdecimg02.png), url(../fimgs/indexwave02.png), url(../fimgs/indexbg01.png), -o-linear-gradient(top, rgba(255,246,249,1), rgba(255,246,249,1));
        background: url(../fimgs/indexbgdecimg01.png), url(../fimgs/indexbgdecimg02.png), url(../fimgs/indexwave02.png), url(../fimgs/indexbg01.png), -moz-linear-gradient(top, rgba(255,246,249,1), rgba(255,246,249,1));
        background: url(../fimgs/indexbgdecimg01.png), url(../fimgs/indexbgdecimg02.png), url(../fimgs/indexwave02.png), url(../fimgs/indexbg01.png), linear-gradient(to bottom, rgba(255,246,249,1), rgba(255,246,249,1));
        background-size: 16% auto, 16% auto, auto, auto, auto;
        background-repeat: no-repeat, no-repeat, repeat-x, repeat, no-repeat;
        background-position: 1% 8%, right 98%, center bottom, center top, center center;
    }
    .indexbg02{
        background: url(../fimgs/indexbg02004.jpg), -webkit-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/indexbg02004.jpg), -o-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/indexbg02004.jpg), -moz-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/indexbg02004.jpg), linear-gradient(to bottom, rgba(233,252,255,1), rgba(233,252,255,1));
        background-size: 100% auto, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
    .aboutbg01::before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 36%;
        background: url(../fimgs/aboutbg01004.png), -webkit-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/aboutbg01004.png), -o-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/aboutbg01004.png), -moz-linear-gradient(top, rgba(233,252,255,1), rgba(233,252,255,1));
        background: url(../fimgs/aboutbg01004.png), linear-gradient(to bottom, rgba(233,252,255,1), rgba(233,252,255,1));
        background-size: contain, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
    .newsbg01::before{
        content: "";
        position: absolute;
        left: 0;
        top: 360px;
        width: 100%;
        height: calc(100% - 240px);
        background: url(../fimgs/newsbg01004.png), -webkit-linear-gradient(top, rgba(255,244,248,1), rgba(255,244,248,1));
        background: url(../fimgs/newsbg01004.png), -o-linear-gradient(top, rgba(255,244,248,1), rgba(255,244,248,1));
        background: url(../fimgs/newsbg01004.png), -moz-linear-gradient(top, rgba(255,244,248,1), rgba(255,244,248,1));
        background: url(../fimgs/newsbg01004.png), linear-gradient(to bottom, rgba(255,244,248,1), rgba(255,244,248,1));
        background-size: contain, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
    .liferecordbg01::before{
        content: "";
        position: absolute;
        left: 0;
        top: 360px;
        width: 100%;
        height: calc(100% - 240px);
        background: url(../fimgs/liferecordbg01004.png), -webkit-linear-gradient(top, rgba(245,254,233,1), rgba(245,254,233,1));
        background: url(../fimgs/liferecordbg01004.png), -o-linear-gradient(top, rgba(245,254,233,1), rgba(245,254,233,1));
        background: url(../fimgs/liferecordbg01004.png), -moz-linear-gradient(top, rgba(245,254,233,1), rgba(245,254,233,1));
        background: url(../fimgs/liferecordbg01004.png), linear-gradient(to bottom, rgba(245,254,233,1), rgba(245,254,233,1));
        background-size: contain, auto;
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center center;
    }
    .cusmin624w56px{
        width: 56px;
        max-width: 56px;
    }
    .cusmin624w100-64px{
        width: calc(100% - 64px);
        max-width: calc(100% - 64px);
    }
    .cusmin624noborder{
        border: 0px solid transparent; 
        box-sizing: border-box;
    }
}