.CanSec{position:relative;background-color:#fff5e5;overflow:hidden}.CanSec .BgBox{position:relative}.CanSec .BgBox .BgImg{height:100vh;object-fit:cover}.CanSec .BgBox .WaveBox{position:absolute;bottom:0;transform:translateY(50%);width:100%;z-index:5}@media screen and (max-width: 992px){.CanSec .BgBox .WaveBox img{height:100px;object-fit:cover}}@media screen and (max-width: 767px){.CanSec .BgBox .WaveBox img{height:75px}}.CanSec .ContentBox{width:100%;height:100%;position:absolute;bottom:0;overflow:hidden}.CanSec .ContentBox .HandCanBox{position:absolute;height:100%;right:-25%;bottom:15px;width:75%;transform:translate(-25%)}@media screen and (max-width: 1199px){.CanSec .ContentBox .HandCanBox{width:100%;right:-45%}}@media screen and (max-width: 992px){.CanSec .ContentBox .HandCanBox{right:-40%}}@media screen and (max-width: 767px){.CanSec .ContentBox .HandCanBox{right:-30%}}.CanSec .ContentBox .HandCanBox .CanImg{position:absolute;bottom:0;z-index:5;pointer-events:none}.CanSec .ContentBox .HandCanBox .HandImg{position:absolute;bottom:0;transform-origin:left center;transform:translate(100%,-100%);z-index:2;pointer-events:none}.CanSec .ContentBox .HandCanBox .CanOpener1{position:absolute;bottom:0;z-index:6;pointer-events:none;transform-origin:left center;transform:rotate(-35deg) translate(-3.5%,7%)}@media screen and (max-width: 1199px){.CanSec .ContentBox .HandCanBox .CanOpener1{transform:rotate(-35deg) translate(-5.5%,7%)}}@media screen and (max-width: 767px){.CanSec .ContentBox .HandCanBox .CanOpener1{transform:rotate(-35deg) translate(3.5%,12%)}}.CanSec .ContentBox .HandCanBox .PopupBx{position:absolute;left:11%;bottom:13%;width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fdd77d;background-color:#ffb614;transform:translateY(50vh);z-index:6;cursor:pointer}@media screen and (max-width: 1199px){.CanSec .ContentBox .HandCanBox .PopupBx{left:16%;bottom:10%}}@media screen and (max-width: 992px){.CanSec .ContentBox .HandCanBox .PopupBx{left:19%}}@media screen and (max-width: 767px){.CanSec .ContentBox .HandCanBox .PopupBx{width:100px;height:100px;left:30%;bottom:15%}}.CanSec .ContentBox .HandCanBox .PopupBx .DiamondImg{position:absolute;top:0;right:6px;transform:translateY(-25%)}@media screen and (max-width: 767px){.CanSec .ContentBox .HandCanBox .PopupBx .DiamondImg{width:25px}}.CanSec .ContentBox .HandCanBox .Bubbles{position:absolute;top:40%;left:2%;width:150px;height:250px;z-index:3;transform:translateY(100%)}@media screen and (max-width: 1199px){.CanSec .ContentBox .HandCanBox .Bubbles{top:58%}}@media screen and (max-width: 992px){.CanSec .ContentBox .HandCanBox .Bubbles{top:46%}}@media screen and (max-width: 767px){.CanSec .ContentBox .HandCanBox .Bubbles{top:40%;transform:translateY(50%)}}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble{position:absolute;border-radius:50%;background-color:#ffb614;transform-origin:center}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble:after{content:"";position:absolute;background-color:#fcf8e5;border-radius:100%;top:5%;left:50%;transform:translate(-50%)}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble:nth-child(1){right:0;bottom:10%;transform:rotate(35deg) scale(0)}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble:nth-child(2){left:0;top:0;transform:rotate(-35deg) scale(0)}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble:nth-child(3){left:15%;top:40%;transform:rotate(-35deg) scale(0)}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble:nth-child(4){left:50%;bottom:0;transform:rotate(20deg) translate(-100%,50%) scale(0)}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble:nth-child(5){border:2px solid #ffdd92;left:60%;top:25%;transform:rotate(35deg) scale(0)}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble:nth-child(6){border:2px solid #ffdd92;left:0;top:60px;transform:rotate(-10deg) translateY(-100%) scale(0)}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble:nth-child(7){border:2px solid #ffdd92;left:0;bottom:10%;transform:rotate(55deg) translateY(50%) scale(0);z-index:7}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble:nth-child(8){left:0;bottom:10%;transform:rotate(10deg) translateY(80%) scale(0)}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble:nth-child(9){top:45%;right:20%;transform:rotate(50deg) scale(0)}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble:nth-child(10){top:0;left:40%;transform:rotate(30deg) translateY(-80%) scale(0)}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.xxxl{width:70px;height:70px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.xxxl:after{width:9px;height:5px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.xxl{width:65px;height:65px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.xxl:after{width:9px;height:5px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.xl{width:50px;height:50px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.xl:after{width:8px;height:4px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.lg{width:32px;height:32px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.lg:after{width:8px;height:4px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.md{width:25px;height:25px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.md:after{width:5px;height:2px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.xs{width:18px;height:18px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.xs:after{width:4px;height:2px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.xxs{width:15px;height:15px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.xxs:after{width:3px;height:1px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.xxxs{width:13px;height:13px}.CanSec .ContentBox .HandCanBox .Bubbles .Bubble.xxxs:after{width:3px;height:1px}.CanSec .ContentBox .ContentTxt{transform:translateY(200%);position:absolute;top:50%;padding-left:calc(var(--container_left_space) + 15px)}@media screen and (max-width: 1199px){.CanSec .ContentBox .ContentTxt{transform:translateY(100vh)}}@media screen and (max-width: 992px){.CanSec .ContentBox .ContentTxt{padding-left:0;top:15%;left:55%;transform:translate(-250%)}}@media screen and (max-width: 767px){.CanSec .ContentBox .ContentTxt .subtitle{font-size:22px;font-weight:400}}.CanSec .Elements1{position:absolute;height:100%;width:100%;top:0;left:0;pointer-events:none}.CanSec .Elements1 .LeftPlant{position:absolute;top:0;left:0;transform:translate(-100%)}@media screen and (max-width: 767px){.CanSec .Elements1 .LeftPlant{width:100px}}.CanSec .Elements1 .RightPlant{position:absolute;right:0;bottom:0;transform:translate(100%)}@media screen and (max-width: 767px){.CanSec .Elements1 .RightPlant{width:100px}}.CanSec .Elements1 .LeftCloud1{position:absolute;left:0;top:50px;transform:translate(60%,100px)}@media screen and (max-width: 992px){.CanSec .Elements1 .LeftCloud1{width:70%;top:20px}}@media screen and (max-width: 767px){.CanSec .Elements1 .LeftCloud1{left:-25%}}.CanSec .Elements1 .RightCloud1{position:absolute;right:-10%;top:50%;transform:translate(-100%,-10%)}@media screen and (max-width: 1199px){.CanSec .Elements1 .RightCloud1{top:23%}}@media screen and (max-width: 992px){.CanSec .Elements1 .RightCloud1{width:70%}}@media screen and (max-width: 767px){.CanSec .Elements1 .RightCloud1{right:-25%}}.CanSec .Elements1 .Birds1{position:absolute;left:28%;top:130px;transform:translate(-210px)}@media screen and (max-width: 992px){.CanSec .Elements1 .Birds1{top:30%;left:10%;display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/cansec.css.map */