.presentwrap{width:100%; max-width: 650px; margin: auto}
.presentwrap img{width:100%;}
.presentwrap .pre{position: relative;width:100%;z-index: 1}
.presentwrap .pre1{position: relative;z-index: 3;background: #ebfffd;overflow: hidden}
.presentwrap .pre1 h1{padding: 8% 0;position: relative;z-index: 2;padding-bottom: 0px;}
.presentwrap .pre1 .decos{position: relative;text-align: center;margin-bottom: 5%;margin-top: 8%;}
.presentwrap .pre1 .decos .d1,.presentwrap .pre1 .decos .d2{position: absolute;width:35.693%%;top:5%; }
.presentwrap .pre1 .decos .d1{left: 0}
.presentwrap .pre1 .decos .d2{right: 0}
.presentwrap .pre1 .decos .d1.on{-webkit-animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.presentwrap .pre1 .decos .d2.on{-webkit-animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
@-webkit-keyframes slide-out-left {0% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}100% {-webkit-transform: translateX(-300px);transform: translateX(-300px);opacity: 0;}}
@keyframes slide-out-left {0% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}100% {-webkit-transform: translateX(-300px);transform: translateX(-300px);opacity: 0;}}
@-webkit-keyframes slide-out-right {0% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}100% {-webkit-transform: translateX(300px);transform: translateX(300px);opacity: 0;}}
@keyframes slide-out-right {0% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}100% {-webkit-transform: translateX(300px);transform: translateX(300px);opacity: 0;}}
.presentwrap .pre1 .decos .d3{width:48.463%;display: inline-block;position: relative;z-index: 2;}
.presentwrap .pre1 .decos .d3.on{-webkit-animation: puff-out-center 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;animation: puff-out-center 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;}
.presentwrap .pre1 .decos .d4{-webkit-animation: wobble-ver-left 2s infinite both;animation: wobble-ver-left 2s infinite both;}
@-webkit-keyframes wobble-ver-left {0%,100% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}15% {-webkit-transform: translateY(-15px) rotate(-6deg);transform: translateY(-15px) rotate(-6deg);}30% {-webkit-transform: translateY(15px) rotate(6deg);transform: translateY(15px) rotate(6deg);}45% {-webkit-transform: translateY(-15px) rotate(-3.6deg);transform: translateY(-15px) rotate(-3.6deg);}60% {-webkit-transform: translateY(9px) rotate(2.4deg);transform: translateY(9px) rotate(2.4deg);}75% {-webkit-transform: translateY(-6px) rotate(-1.2deg);transform: translateY(-6px) rotate(-1.2deg);}}
@keyframes wobble-ver-left {0%,100% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}15% {-webkit-transform: translateY(-15px) rotate(-6deg);transform: translateY(-15px) rotate(-6deg);}30% {-webkit-transform: translateY(15px) rotate(6deg);transform: translateY(15px) rotate(6deg);}45% {-webkit-transform: translateY(-15px) rotate(-3.6deg);transform: translateY(-15px) rotate(-3.6deg);}60% {-webkit-transform: translateY(9px) rotate(2.4deg);transform: translateY(9px) rotate(2.4deg);}75% {-webkit-transform: translateY(-6px) rotate(-1.2deg);transform: translateY(-6px) rotate(-1.2deg);}}
.presentwrap .pre1 .decos .d4.on{-webkit-animation: rotate-out-2-bl-cw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: rotate-out-2-bl-cw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes rotate-out-2-bl-cw {0% {-webkit-transform: rotate(0);transform: rotate(0);-webkit-transform-origin: 0 80%;transform-origin: 0 80%;opacity: 1;}100% {-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform-origin: 0 80%;transform-origin: 0 80%;opacity: 0;}}
@keyframes rotate-out-2-bl-cw {0% {-webkit-transform: rotate(0);transform: rotate(0);-webkit-transform-origin: 0 80%;transform-origin: 0 80%;opacity: 1;}100% {-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform-origin: 0 80%;transform-origin: 0 80%;opacity: 0;}}@-webkit-keyframes puff-out-center {0% {-webkit-transform: scale(1);transform: scale(1);-webkit-filter: blur(0px);filter: blur(0px);opacity: 1;}100% {-webkit-transform: scale(1.2);transform: scale(1.2);-webkit-filter: blur(4px);filter: blur(4px);opacity: 0;}}
@keyframes puff-out-center {0% {-webkit-transform: scale(1);transform: scale(1);-webkit-filter: blur(0px);filter: blur(0px);opacity: 1;}100% {-webkit-transform: scale(1.2);transform: scale(1.2);-webkit-filter: blur(4px);filter: blur(4px);opacity: 0;}}
.presentwrap .pre1 .decos .d4{width:69.233%;display: inline-block;position: relative;z-index: 1;margin:-20% 0 0 30%}
.presentwrap .pre1 .backs{display: none;}
.presentwrap .pre1 .backs .rounds{width:80%; height: 80%; background: #fff;position: absolute;left: 50%;margin-left: -40%;top:14%;z-index: 1;border-radius: 50% 50% 50% 50%;}
.presentwrap .pre1 .backs.on .rounds{-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
@-webkit-keyframes fade-in-bottom {0% {-webkit-transform: translateY(100px);transform: translateY(100px);opacity: 0;}100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}
@keyframes fade-in-bottom {0% {-webkit-transform: translateY(100px);transform: translateY(100px);opacity: 0;}100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}
.presentwrap .pre1 .backs .garenda{position: relative;overflow: hidden;z-index: 1}
.presentwrap .pre1 .backs .garenda p{width:23.0793%;}
.presentwrap .pre1 .backs .garenda p.gl{float: left;}
.presentwrap .pre1 .backs .garenda p.gr{float: right}
.presentwrap .pre1 .backs p.T1{margin: -7% 0 5.5% 0;position: relative;z-index: 1}
.presentwrap .pre1 .backs .dec{position: absolute;width:100%;bottom: 0;height: 52%;}
.presentwrap .pre1 .backs .dec .d{position: absolute;z-index: 1}
.presentwrap .pre1 .backs.on .dec .d{-webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes slide-in-bottom {0% {-webkit-transform: translateY(1000px);transform: translateY(1000px);opacity: 0;}100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}
@keyframes slide-in-bottom {0% {-webkit-transform: translateY(1000px);transform: translateY(1000px);opacity: 0;}100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}
.presentwrap .pre1 .backs.on .dec .d1{left: 0;animation-delay: 0.6s;width:40.154%;}
.presentwrap .pre1 .backs.on .dec .d2{right: 0px;top:10%;animation-delay: 0.7s;width:35.386%;}
.presentwrap .pre1 .presentimg{position: relative;z-index: 3}
.presentwrap .pre2 .pregalsdiv{position: absolute;top:12%;padding: 0 4.15%;width:100%;box-sizing: border-box;}
.presentwrap .pre2 .pregalsdiv .bx-controls-direction{position: absolute;width:91.7%; top:50%; margin-top:-26px; }
.presentwrap .pre2 .pregalsdiv .bx-controls-direction a{width:25px; height: 53px;background: url(/data/images/event/2020/present/arows.png) no-repeat;position: absolute;text-indent: -9999px;}
.presentwrap .pre2 .pregalsdiv .bx-controls-direction a.bx-prev{left: 3%;}
.presentwrap .pre2 .pregalsdiv .bx-controls-direction a.bx-next{right: 3%;background-position: -25px 0}
@media screen and (max-width: 649px) {
    .presentwrap .pre2 .pregalsdiv .bx-controls-direction{position: absolute;width:91.7%; top:50%; margin-top:-26px; }
    .presentwrap .pre2 .pregalsdiv .bx-controls-direction a{width:12.5px; height: 26px;background: url(/data/images/event/2020/present/arows.png) no-repeat;position: absolute;text-indent: -9999px;background-size: 25px 26px;}
    .presentwrap .pre2 .pregalsdiv .bx-controls-direction a.bx-prev{left: 3%;}
    .presentwrap .pre2 .pregalsdiv .bx-controls-direction a.bx-next{right: 3%;background-position: -12.5px 0}
}
.presentwrap .pre6{background: #d3dcff;padding: 5%;width:100%; box-sizing: border-box}
.presentwrap .pre6 a{display: block;}
.presentwrap .pre6 a:nth-child(1){margin-bottom: 3%;}
.wbgs{position: fixed;left: 0px; top: 0; width:100%; height: 100%; background: rgba(255,255,255,.5);z-index: 2}