textarea{
    resize: none;
    min-height: 240px;
}
input{
    resize: none;
    min-height: 32px;
}
.ui-datepicker{
    font-size: 13px;
    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: 0 4px;
}
input, select{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    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);
}

.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;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.nav:hover .subnav, .nav:active .subnav{
    height: auto;
    max-height: 389px;
}
.fmtitle{
    font-family: 'Kiwi Maru', serif, Microsoft JhengHei, Verdana, sans-serif;
}
.fmeng{
    font-family: 'Montserrat', Microsoft JhengHei, Verdana, sans-serif;
}
.fmtw{
    font-family: 'Noto Sans TC', Microsoft JhengHei, Verdana, sans-serif;
}

.morandibg{
    background: rgba(103,99,100,1);
}
.whitebg{
    background: rgba(255,255,255,1);
}
.skinbg{
    background: rgba(252,236,223,1);
}
.orangebg{
    background: rgba(228,101,68,1);
}
.pinkornagebg{
    background: rgba(237,137,111,1);
}
.yellowbg{
    background: rgb(255, 227, 117);
}
.declightaquabg::before{
    content: "";
    position: absolute;
    bottom: 8px;
    right: 0;
    width: calc(100% - 24px);
    height: calc(100% + 32px);
    background: rgba(236,247,253,1);
    border-radius: 7px;
    -webkit-border-radius: 7px;
}
.declightgreenbg::before{
    content: "";
    position: absolute;
    bottom: 64px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 40px);
    background: rgba(239,250,233,1);
    border-radius: 7px;
    -webkit-border-radius: 7px;
}
.declightvioletbg::before{
    content: "";
    position: absolute;
    bottom: 8px;
    left: 0;
    width: calc(100% - 24px);
    height: calc(100% + 32px);
    background: rgba(248,242,254,1);
    border-radius: 7px;
    -webkit-border-radius: 7px;
}
.orangebg16{
    background: rgba(228,101,68,.16);
}
.transtograyttobbg{
    background: -webkit-linear-gradient(top, rgba(160,160,160,.001) 12%, rgba(98,98,98,.64) 92%);
    background: -o-linear-gradient(top, rgba(160,160,160,.001) 12%, rgba(98,98,98,.64) 92%);
    background: -moz-linear-gradient(top, rgba(160,160,160,.001) 12%, rgba(98,98,98,.64) 92%);
    background: linear-gradient(to bottom, rgba(160,160,160,.001) 12%, rgba(98,98,98,.64) 92%);
}
.mainbg{
    background: -webkit-repeating-linear-gradient(0deg, rgba(237,244,250,1) 0, rgba(237,244,250,1) 2%, rgba(237,244,250,.001) 0, rgba(237,244,250,.001) 50%), -webkit-repeating-linear-gradient(-90deg, rgba(237,244,250,1) 0, rgba(237,244,250,1) 2%, rgba(237,244,250,.001) 0, rgba(237,244,250,.001) 50%), -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: -o-repeating-linear-gradient(0deg, rgba(237,244,250,1) 0, rgba(237,244,250,1) 2%, rgba(237,244,250,.001) 0, rgba(237,244,250,.001) 50%), -o-repeating-linear-gradient(-90deg, rgba(237,244,250,1) 0, rgba(237,244,250,1) 2%, rgba(237,244,250,.001) 0, rgba(237,244,250,.001) 50%), -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: -moz-repeating-linear-gradient(0deg, rgba(237,244,250,1) 0, rgba(237,244,250,1) 2%, rgba(237,244,250,.001) 0, rgba(237,244,250,.001) 50%), -moz-repeating-linear-gradient(-90deg, rgba(237,244,250,1) 0, rgba(237,244,250,1) 2%, rgba(237,244,250,.001) 0, rgba(237,244,250,.001) 50%), -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));
    background: repeating-linear-gradient(90deg, rgba(237,244,250,1) 0, rgba(237,244,250,1) 2%, rgba(237,244,250,.001) 0, rgba(237,244,250,.001) 50%), repeating-linear-gradient(180deg, rgba(237,244,250,1) 0, rgba(237,244,250,1) 2%, rgba(237,244,250,.001) 0, rgba(237,244,250,.001) 50%), linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));
    background-size: 48px 48px, 48px 48px, auto;
    background-position: center top, center top, center top;
}
.pawbg{
    background-image: url(../fimgs/mainbg01.png), url(../fimgs/mainbg02.png);
    background-repeat: no-repeat, no-repeat;
    background-size: contain, contain;
    background-position: left 184px, right 600px;
}
.navbg{
    background: url(../fimgs/menubg.jpg);
    background-repeat: repeat;
    background-position: center top;
    background-size: contain;
}
.minnavbg{
    background: url(../fimgs/menubg.jpg);
    background-repeat: repeat;
    background-position: center top;
    background-size: auto;
}
.yellowbuttonbg{
    background: url(../fimgs/buttonyellow.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: round;
}
.tiffinybuttonbg{
    background: url(../fimgs/buttontiffiny.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: round;
}
.pinkbuttonbg{
    background: url(../fimgs/buttonpink.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: round;
}
.fbbuttonbg{
    background: url(../fimgs/indexfbframe.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: round;
}
.igbuttonbg{
    background: url(../fimgs/indexigframe.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: round;
}
.linebuttonbg{
    background: url(../fimgs/snslineframe.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: round;
}

.blackfont{
    color: rgba(65,65,65,1);
}
.darkgrayfont{
    color: rgba(90,90,90,1);
}
.whitefont{
    color: rgba(255,255,255,1);
}
.orangefont{
    color: rgba(228,101,68,1);
}
.grayfont{
    color: rgba(160,160,160,1);
}
.brownskinfont{
    color: rgba(178,137,119,1);
}
.tiffinyfont{
    color: rgba(14,190,170,1);
}
.greenfont{
    color: rgba(77,174,19,1);
}
.aquafont{
    color: rgba(38,173,218,1);
}
.pureorangefont{
    color: rgba(250,158,0,1);
}
.fbbluefont{
    color: rgba(29,96,209,1);
}
.igvioletfont{
    color: rgba(157,109,183,1);
}
.linegreenfont{
    color: rgba(112,194,66,1);
}

.yellowborderimgl::after{
    content: "";
    position: absolute;
    left: 0;
    top: -12px;
    width: 100%;
    height: 24px;
    background: url(../fimgs/borderlineyellow.png) center right repeat-x;
}
.yellowborderimgr::after{
    content: "";
    position: absolute;
    left: 0;
    top: -12px;
    width: 100%;
    height: 24px;
    background: url(../fimgs/borderlineyellow.png) center left repeat-x;
}
.tiffinyborderimgl::after{
    content: "";
    position: absolute;
    left: 0;
    top: -12px;
    width: 100%;
    height: 24px;
    background: url(../fimgs/borderlinetiffiny.png) center right repeat-x;
}
.tiffinyborderimgr::after{
    content: "";
    position: absolute;
    left: 0;
    top: -12px;
    width: 100%;
    height: 24px;
    background: url(../fimgs/borderlinetiffiny.png) center left repeat-x;
}
.pinkborderimgl::after{
    content: "";
    position: absolute;
    left: 0;
    top: -12px;
    width: 100%;
    height: 24px;
    background: url(../fimgs/borderlinepink.png) center right repeat-x;
}
.pinkborderimgr::after{
    content: "";
    position: absolute;
    left: 0;
    top: -12px;
    width: 100%;
    height: 24px;
    background: url(../fimgs/borderlinepink.png) center left repeat-x;
}
.aquaborderimgl::after{
    content: "";
    position: absolute;
    left: 0;
    top: -12px;
    width: 100%;
    height: 24px;
    background: url(../fimgs/borderlineaqua.png) center right repeat-x;
}
.aquaborderimgr::after{
    content: "";
    position: absolute;
    left: 0;
    top: -12px;
    width: 100%;
    height: 24px;
    background: url(../fimgs/borderlineaqua.png) center left repeat-x;
}
.yellowsolid4{
    border: 4px solid rgba(255,227,117,1);
}
.tiffinysolid4{
    border: 4px solid rgba(149,230,223,1);
}
.pinksolid4{
    border: 4px solid rgba(245,188,177,1);
}
.greensolid1{
    border: 1px solid rgba(77,174,19,1);
}
.aquasolid1{
    border: 1px solid rgba(38,173,218,1);
}
.orangesolid1{
    border: 1px solid rgba(228,101,68,1);
}
.pureorangesolid1{
    border: 1px solid rgba(250,158,0,1);
}
.pinksolid4-32{
    border: 4px solid rgba(245,188,177,.32);
}
.orangedecsolid1::before{
    content: "";
    position: absolute;
    right: 4px;
    top: 4px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(228,101,68,1);
    box-sizing: border-box;
}

.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);
}
.grayboxshadowb8{
    box-shadow: 0px 8px 8px -3px rgba(200,200,200,1);
    -webkit-box-shadow: 0px 8px 8px -3px rgba(200,200,200,1);
}
.blackboxshadowlb4{
    box-shadow: -4px 4px 4px -3px rgba(65,65,65,1);
    -webkit-box-shadow: -4px 4px 4px -3px rgba(65,65,65,1);
}
.grayboxshadowl4inset{
    box-shadow: 4px 0px 4px -3px rgba(200,200,200,1) inset;
    -webkit-box-shadow: 4px 0px 4px -3px rgba(200,200,200,1) inset;
}

.cusfixrotatey180deg{
    transform:translate(0px,0px) rotateY(180deg) translateZ(0);
    -webkit-transform:translate(0px,0px) rotateY(180deg) translateZ(0);
}
.cusfixtranslatey25{
    transform:translate(0px,25%) rotateY(0deg) translateZ(0);
    -webkit-transform:translate(0px,25%) rotateY(0deg) translateZ(0);
}
.cusfixtranslatey20{
    transform:translate(0px,20%) rotateY(0deg) translateZ(0);
    -webkit-transform:translate(0px,20%) rotateY(0deg) translateZ(0);
}
.cusfixtranslatey-1px{
    transform:translate(0px,-1px) rotateY(0deg) translateZ(0);
    -webkit-transform:translate(0px,-1px) rotateY(0deg) translateZ(0);
}
.cusfixtranslatey-5px{
    transform:translate(0px,-5px) rotateY(0deg) translateZ(0);
    -webkit-transform:translate(0px,-5px) rotateY(0deg) translateZ(0);
}
.cusfixtranslatex-8px{
    transform:translate(-8px,0px) rotateY(0deg) translateZ(0);
    -webkit-transform:translate(-8px,0px) rotateY(0deg) translateZ(0);
}
.cusfixtranslatex-24px{
    transform:translate(-24px,0px) rotateY(0deg) translateZ(0);
    -webkit-transform:translate(-24px,0px) rotateY(0deg) translateZ(0);
}
.cusfixtranslatex24px{
    transform:translate(24px,0px) rotateY(0deg) translateZ(0);
    -webkit-transform:translate(24px,0px) rotateY(0deg) translateZ(0);
}
.cusfixtranslatex8pxy-4px{
    transform:translate(8px,-4px) rotateY(0deg) translateZ(0);
    -webkit-transform:translate(8px,-4px) rotateY(0deg) translateZ(0);
}

.cusfixw232px{
    width: 232px;
    max-width: 232px;
}
.cusfixw50-120px{
    width: calc(50% - 120px);
    max-width: calc(50% - 120px);
}
.cusfixh100-96px{
    height: calc(100% - 96px);
    max-height: calc(100% - 96px);
}

.custop3-1{
    top: calc(100% / 3);
}
.custop5-4{
    top: calc(100% / 5 * 4);
}
.cusbottom100-48px{
    bottom: calc(100% - 48px);
}

@media only screen and (min-width: 1025px){
    .cusmax1025w100-352px{
        width: calc(100% - 352px);
        max-width: calc(100% - 352px);
    }
    .cusmax1025w336px{
        width: 336px;
        max-width: 336px;
    }
    .banner01{
        background: url(../fimgs/indexbanner01002.png) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02002.png) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03002.png) center center no-repeat;
        background-size: contain;
    }
    .banner04{
        background: url(../fimgs/indexbanner04002.png) center center no-repeat;
        background-size: contain;
    }
    .banner05{
        background: url(../fimgs/indexbanner05002.png) center center no-repeat;
        background-size: contain;
    }
    .footerbg{
        background: url(../fimgs/footerbg.png) center 88% repeat-x;
        background-size: auto;
    }
    .footerbg::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 32px;
        bottom: -4px;
        left: 0;
        background: rgba(252,236,223,1);
    }
    .cusmax1025translatey4{
        transform:translate(0px,4%) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(0px,4%) rotateY(0deg) translateZ(0);
    }
    .lightyellowcirclebg{
        background: rgba(255,253,235,1);
        width: 160px;
        height: 160px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(16px,344px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(16px,344px) rotateY(0deg) translateZ(0);
    }
    .skincirclebg{
        background: rgba(255,238,234,1);
        width: 120px;
        height: 120px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(48px,1752px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(48px,1752px) rotateY(0deg) translateZ(0);
    }
    .skinstripeltorbg{
        background: -webkit-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background-size: 16px 16px;
        background-repeat: repeat;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(-64px,216px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(-64px,216px) rotateY(0deg) translateZ(0);
    }
    .lightyellowstripertolbg{
        background: -webkit-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background-size: 24px 24px;
        background-repeat: repeat;
        width: 160px;
        height: 160px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(-64px,1208px) rotateZ(8deg) translateZ(0);
        -webkit-transform:translate(-64px,1208px) rotateZ(8deg) translateZ(0);
    }
    .skinstripertolbg{
        background: -webkit-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background-size: 24px 24px;
        background-repeat: repeat;
        width: 256px;
        height: 256px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(96px,2376px) rotateZ(8deg) translateZ(0);
        -webkit-transform:translate(96px,2376px) rotateZ(8deg) translateZ(0);
    }
    .cusmax1025borderrbl13{border-bottom-left-radius: 13px;-webkit-border-bottom-left-radius: 13px;}
}
@media only screen and (min-width: 1301px){
    .cusmaxw1301dpb{
        display: block;
    }
    .cusmaxw1301hidden{
        display: none;
    }
    .banner01{
        background: url(../fimgs/indexbanner01001.png) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02001.png) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03001.png) center center no-repeat;
        background-size: contain;
    }
    .banner04{
        background: url(../fimgs/indexbanner04001.png) center center no-repeat;
        background-size: contain;
    }
    .banner05{
        background: url(../fimgs/indexbanner05001.png) center center no-repeat;
        background-size: contain;
    }
    .lightyellowcirclebg{
        background: rgba(255,253,235,1);
        width: 200px;
        height: 200px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(16px,400px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(16px,400px) rotateY(0deg) translateZ(0);
    }
    .skincirclebg{
        background: rgba(255,238,234,1);
        width: 144px;
        height: 144px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(48px,1600px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(48px,1600px) rotateY(0deg) translateZ(0);
    }
    .skinstripeltorbg{
        background: -webkit-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background-size: 16px 16px;
        background-repeat: repeat;
        width: 160px;
        height: 160px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(-64px,216px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(-64px,216px) rotateY(0deg) translateZ(0);
    }
    .lightyellowstripertolbg{
        background: -webkit-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background-size: 24px 24px;
        background-repeat: repeat;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(-64px,1208px) rotateZ(8deg) translateZ(0);
        -webkit-transform:translate(-64px,1208px) rotateZ(8deg) translateZ(0);
    }
    .skinstripertolbg{
        background: -webkit-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background-size: 24px 24px;
        background-repeat: repeat;
        width: 320px;
        height: 320px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(96px,2400px) rotateZ(8deg) translateZ(0);
        -webkit-transform:translate(96px,2400px) rotateZ(8deg) translateZ(0);
    }
    .cusmaxw1301translatex-48px{
        transform:translate(-48px,0px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(-48px,0px) rotateY(0deg) translateZ(0);
    }
    .cusmaxw1301translatex48px{
        transform:translate(48px,0px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(48px,0px) rotateY(0deg) translateZ(0);
    }
}
@media only screen and (min-width: 1601px){
    .lightyellowcirclebg{
        background: rgba(255,253,235,1);
        width: 240px;
        height: 240px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(16px,400px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(16px,400px) rotateY(0deg) translateZ(0);
    }
    .skincirclebg{
        background: rgba(255,238,234,1);
        width: 168px;
        height: 168px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(168px,1600px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(168px,1600px) rotateY(0deg) translateZ(0);
    }
    .skinstripeltorbg{
        background: -webkit-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background-size: 16px 16px;
        background-repeat: repeat;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(-48px,200px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(-48px,200px) rotateY(0deg) translateZ(0);
    }
    .lightyellowstripertolbg{
        background: -webkit-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background-size: 24px 24px;
        background-repeat: repeat;
        width: 256px;
        height: 256px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(-48px,1208px) rotateZ(8deg) translateZ(0);
        -webkit-transform:translate(-48px,1208px) rotateZ(8deg) translateZ(0);
    }
    .skinstripertolbg{
        background: -webkit-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background-size: 24px 24px;
        background-repeat: repeat;
        width: 360px;
        height: 360px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(96px,2208px) rotateZ(8deg) translateZ(0);
        -webkit-transform:translate(96px,2208px) rotateZ(8deg) translateZ(0);
    }
    .cusmaxw1601translatex-96px{
        transform:translate(-96px,0px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(-96px,0px) rotateY(0deg) translateZ(0);
    }
}
@media only screen and (max-width: 1024px){
    .cusmin1024w48px{
        width: 48px;
        max-width: 48px;
    }
    .cusmin1024w100-64px{
        width: calc(100% - 64px);
        max-width: calc(100% - 64px);
    }
    .banner01{
        background: url(../fimgs/indexbanner01003.png) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02003.png) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03003.png) center center no-repeat;
        background-size: contain;
    }
    .banner04{
        background: url(../fimgs/indexbanner04003.png) center center no-repeat;
        background-size: contain;
    }
    .banner05{
        background: url(../fimgs/indexbanner05003.png) center center no-repeat;
        background-size: contain;
    }
    .cusmin1024translatey16{
        transform:translate(0px,16%) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(0px,16%) rotateY(0deg) translateZ(0);
    }
    .cusmin1024translatex-8px{
        transform:translate(-8px,0px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(-8px,0px) rotateY(0deg) translateZ(0);
    }
    .cusmin1024translatex4px{
        transform:translate(4px,0px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(4px,0px) rotateY(0deg) translateZ(0);
    }
    .cusminflexorder1{
        order: 1;
        -webkit-order: 1;
    }
    .cusminflexorder2{
        order: 2;
        -webkit-order: 2;
    }
    .cusminflexorder3{
        order: 3;
        -webkit-order: 3;
    }
    .footerbg{
        background: url(../fimgs/footerbg.png) center 56% repeat-x;
        background-size: auto;
    }
    .footerbg::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 40%;
        bottom: -4px;
        left: 0;
        background: rgba(252,236,223,1);
    }
    .lightyellowcirclebg{
        background: rgba(255,253,235,1);
        width: 200px;
        height: 200px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(16px,440px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(16px,440px) rotateY(0deg) translateZ(0);
    }
    .skincirclebg{
        background: rgba(255,238,234,1);
        width: 144px;
        height: 144px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(168px,2224px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(168px,2224px) rotateY(0deg) translateZ(0);
    }
    .skinstripeltorbg{
        background: -webkit-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background-size: 16px 16px;
        background-repeat: repeat;
        width: 144px;
        height: 144px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(-48px,240px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(-48px,240px) rotateY(0deg) translateZ(0);
    }
    .lightyellowstripertolbg{
        background: -webkit-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background-size: 24px 24px;
        background-repeat: repeat;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(-48px,2000px) rotateZ(8deg) translateZ(0);
        -webkit-transform:translate(-48px,2000px) rotateZ(8deg) translateZ(0);
    }
    .skinstripertolbg{
        background: -webkit-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background-size: 24px 24px;
        background-repeat: repeat;
        width: 256px;
        height: 256px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(96px,3696px) rotateZ(8deg) translateZ(0);
        -webkit-transform:translate(96px,3696px) rotateZ(8deg) translateZ(0);
    }
    .custop100-96px{
        top: calc(100% - 96px);
    }
    .cusmin1024borderrtr13{border-top-right-radius: 13px;-webkit-border-top-right-radius: 13px;}
}
@media only screen and (max-width: 800px){
    .cusminw800maxw2-1{max-width: calc(100% / 2 - 7.99px); width: calc(100% / 2 - 7.99px);}
    .lightyellowcirclebg{
        background: rgba(255,253,235,1);
        width: 240px;
        height: 240px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(16px,368px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(16px,368px) rotateY(0deg) translateZ(0);
    }
    .skincirclebg{
        background: rgba(255,238,234,1);
        width: 120px;
        height: 120px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(144px,2000px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(144px,2000px) rotateY(0deg) translateZ(0);
    }
    .skinstripeltorbg{
        background: -webkit-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background-size: 16px 16px;
        background-repeat: repeat;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(-48px,72px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(-48px,72px) rotateY(0deg) translateZ(0);
    }
    .lightyellowstripertolbg{
        background: -webkit-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background-size: 24px 24px;
        background-repeat: repeat;
        width: 240px;
        height: 240px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(-48px,1752px) rotateZ(8deg) translateZ(0);
        -webkit-transform:translate(-48px,1752px) rotateZ(8deg) translateZ(0);
    }
    .skinstripertolbg{
        background: -webkit-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background-size: 24px 24px;
        background-repeat: repeat;
        width: 256px;
        height: 256px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(96px,4200px) rotateZ(8deg) translateZ(0);
        -webkit-transform:translate(96px,4200px) rotateZ(8deg) translateZ(0);
    }
}
@media only screen and (max-width: 600px){
    .cusminw600dpb{
        display: block;
    }
    .cusminw600hidden{
        display: none;
    }
    .banner01{
        background: url(../fimgs/indexbanner01004.png) center center no-repeat;
        background-size: contain;
    }
    .banner02{
        background: url(../fimgs/indexbanner02004.png) center center no-repeat;
        background-size: contain;
    }
    .banner03{
        background: url(../fimgs/indexbanner03004.png) center center no-repeat;
        background-size: contain;
    }
    .banner04{
        background: url(../fimgs/indexbanner04004.png) center center no-repeat;
        background-size: contain;
    }
    .banner05{
        background: url(../fimgs/indexbanner05004.png) center center no-repeat;
        background-size: contain;
    }
    .cusminw600maxw100{
        max-width: 100%; 
        width: 100%;
    }
    .cusminw600fs25{
        font-size: 25px;
    }
    .cusminw600textcenter{
        text-align: center;
    }
    .yellowborderimgl::after{
        content: "";
        position: absolute;
        left: 0;
        top: -12px;
        width: 100%;
        height: 24px;
        background: url(../fimgs/borderlineyellow.png) center center repeat-x;
    }
    .yellowborderimgr::after{
        content: "";
        position: absolute;
        left: 0;
        top: -12px;
        width: 100%;
        height: 24px;
        background: url(../fimgs/borderlineyellow.png) center center repeat-x;
    }
    .tiffinyborderimgl::after{
        content: "";
        position: absolute;
        left: 0;
        top: -12px;
        width: 100%;
        height: 24px;
        background: url(../fimgs/borderlinetiffiny.png) center center repeat-x;
    }
    .tiffinyborderimgr::after{
        content: "";
        position: absolute;
        left: 0;
        top: -12px;
        width: 100%;
        height: 24px;
        background: url(../fimgs/borderlinetiffiny.png) center center repeat-x;
    }
    .pinkborderimgl::after{
        content: "";
        position: absolute;
        left: 0;
        top: -12px;
        width: 100%;
        height: 24px;
        background: url(../fimgs/borderlinepink.png) center center repeat-x;
    }
    .pinkborderimgr::after{
        content: "";
        position: absolute;
        left: 0;
        top: -12px;
        width: 100%;
        height: 24px;
        background: url(../fimgs/borderlinepink.png) center center repeat-x;
    }
    .lightyellowcirclebg{
        background: rgba(255,253,235,1);
        width: 160px;
        height: 160px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(16px,320px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(16px,320px) rotateY(0deg) translateZ(0);
    }
    .skincirclebg{
        background: rgba(255,238,234,1);
        width: 96px;
        height: 96px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(48px,3432px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(48px,3432px) rotateY(0deg) translateZ(0);
    }
    .skinstripeltorbg{
        background: -webkit-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(45deg, rgba(254,220,221,1) 0, rgba(254,220,221,1) 25%, transparent 0, transparent 50%);
        background-size: 16px 16px;
        background-repeat: repeat;
        width: 96px;
        height: 96px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(-48px,80px) rotateY(0deg) translateZ(0);
        -webkit-transform:translate(-48px,80px) rotateY(0deg) translateZ(0);
    }
    .lightyellowstripertolbg{
        background: -webkit-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(135deg, rgba(246,242,207,1) 0, rgba(246,242,207,1) 25%, transparent 0, transparent 50%);
        background-size: 24px 24px;
        background-repeat: repeat;
        width: 160px;
        height: 160px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(-48px,2840px) rotateZ(8deg) translateZ(0);
        -webkit-transform:translate(-48px,2840px) rotateZ(8deg) translateZ(0);
    }
    .skinstripertolbg{
        background: -webkit-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: -o-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: -moz-repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background: repeating-linear-gradient(135deg, rgba(255,222,221,1) 0, rgba(255,222,221,1) 25%, transparent 0, transparent 50%);
        background-size: 24px 24px;
        background-repeat: repeat;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        transform:translate(96px,6696px) rotateZ(8deg) translateZ(0);
        -webkit-transform:translate(96px,6696px) rotateZ(8deg) translateZ(0);
    }
}