*{font-family:Geostar,"Noto Serif TC",serif}*,body{padding:0;margin:0;box-sizing:border-box}body{width:100vw;height:300vh;background:#e6e6e6;color:#000;overflow-x:hidden}body a{text-decoration:none}header{width:100%;padding:0;margin:0;box-sizing:border-box;position:fixed;z-index:1000}.show{display:grid}nav{cursor:pointer;display:none;align-items:center;align-content:center;grid-template-columns:7% 1fr 1% 3fr 3fr 3% 7%;grid-template-rows:3% 1fr 3%;height:10vh;background:#fff;opacity:.9;animation:opAcity .8s ease}nav h3{padding:0;margin:0;box-sizing:border-box;font-size:3rem;grid-column:2/3;grid-row:2/3}nav ul.nav-link{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;justify-content:space-around;grid-column:4/6;grid-row:2/3;position:absolute;right:0;height:90vh;top:10vh;width:30vw;background:rgba(0,0,0,.8);color:#fff;transform:translateX(100%);transition:transform .3s ease}nav ul.nav-link li{list-style:none;opacity:0}nav ul.nav-link li a{font-family:Geostar,cursive;text-decoration:none;font-size:1.3rem;color:#fff}nav ul.nav-link li a:hover{color:hsla(0,0%,100%,.7)}nav .hamburger{cursor:pointer;grid-column:6/7;grid-row:2/3;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;align-items:flex-end}nav .hamburger .line{width:30px;height:3px;background:#000;margin:3px;transition:all .5s ease}nav .hamburger .line:nth-child(2){width:23px}nav .hamburger .line:nth-child(3){width:30px}.nav-active{transform:translateX(0)!important}.toggle .line:nth-child(2){opacity:0}.toggle .line:first-child{transform:rotate(-45deg) translate(-5px,8px)}.toggle .line:nth-child(3){transform:rotate(45deg) translate(-5px,-8px)}@media screen and (max-width:768px){nav ul.nav-link{width:50vw}nav ul.nav-link li a{font-size:1rem}nav .hamburger{justify-self:flex-end}}section#home{padding:0;margin:0;box-sizing:border-box;width:100vw;height:100vh}section#home .container{display:grid;align-items:center;justify-content:center;align-content:center;justify-items:center;grid-template-columns:10% 1fr 1fr 1fr 1fr 1fr 1fr 10%;grid-template-rows:10% 1fr 1fr 1fr 1fr 1fr 1fr 2%;position:relative}section#home .container h1{font-size:8em;grid-column:2/5;grid-row:2/3;justify-self:flex-start;z-index:100}section#home .container h3{font-family:"Noto Serif TC",serif;font-weight:200;font-size:1.8em;grid-column:2/7;grid-row:3/5;justify-self:flex-start;align-self:flex-start;z-index:100}section#home .container h3.ch{align-self:flex-start}section#home .container h3.en1{align-self:flex-start;margin-top:2em}section#home .container h3.en2{align-self:flex-start;margin-top:4em;margin-left:8em}section#home .container .left,section#home .container .right,section#home .container span.edge{padding:0;margin:0;box-sizing:border-box}section#home .container span.edge{font-family:"Noto Serif TC",serif}section#home .container .left{position:absolute;top:0;left:0;width:40vw;height:100vh}section#home .container .left span.edge{position:absolute;left:0;top:80vh;transform:rotate(-90deg);border-bottom:.2vw solid rgba(0,0,0,.35)}section#home .container .left .box{cursor:pointer;position:absolute;width:100px;height:100px;background:hsla(0,0%,100%,.7);bottom:0;right:0}section#home .container .left .box,section#home .container .left .box a{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}section#home .container .left .box a img{width:75%;height:auto;transform:rotate(-90deg);transition:transform .3s ease-in-out}section#home .container .left .box a img:hover{transform:rotate(90deg)}section#home .container .right{position:absolute;top:0;right:0;width:60vw;height:100vh;background:#b79f8f url(pd_lotion3.2d3deb98.jpg);background-position:50%;background-size:cover;overflow:hidden}section#home .container .right span.edge{position:absolute;right:0;top:30vh;transform:rotate(90deg);border-bottom:.2vw solid hsla(0,0%,100%,.3);color:#fff}section#home .container .right img{width:70vw;height:auto;position:absolute;padding:0;margin:0;box-sizing:border-box;bottom:-2.5vh;left:-4.5vw}section#home .container .right .box{cursor:pointer;position:absolute;width:100px;height:100px;bottom:0;background:rgba(0,0,0,.8);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;text-align:center;font-size:.6em}section#home .container .right .box a{color:#fff;z-index:2000}section#home .container .right .box a h3{font-family:Geostar,cursive;align-self:center}section#home .container .right .box .number{font-size:3.5em}@media screen and (max-width:768px){section#home .container{padding:0;margin:0;box-sizing:border-box;position:relative;grid-template-columns:3% 1fr 1fr 3%;grid-template-rows:3% 1fr 1fr 3%}section#home .container:after{content:"";width:100vw;height:40vh;background:hsla(0,0%,100%,.3);position:absolute;top:0;left:0;transform:translateY(40vh);filter:blur(8px)}section#home .container h1{font-size:5.5em;grid-column:2/4;align-self:center;justify-self:center}section#home .container h3{font-size:1.3em;width:80vw;align-self:center;justify-self:center;text-align:center}section#home .container h3.main{padding-top:10vh!important;width:80vw;height:10vh}section#home .container .ch,section#home .container .en1,section#home .container .en2{margin-left:0!important;margin-top:3vh!important;align-self:center;justify-self:center}section#home .container .ch{font-size:2em}section#home .container .en1{margin-top:17vh!important;font-size:1.2em}section#home .container .en2{margin-top:23vh!important;font-size:1.2em}section#home .container .left{display:none}section#home .container .right{position:absolute;width:100vw;height:100vh;bottom:0;left:0;background-position:50%;background-size:cover}section#home .container .right span.edge{display:none}section#home .container .right .box{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}section#home .container .right .box a{color:#fff}section#home .container .right .box a h3{width:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}}section#p2{padding:0;margin:0;box-sizing:border-box;width:100vw;height:90vh}section#p2 .container,section#p2 .container .right{display:flex;align-items:center;justify-content:center;flex-direction:row,nowrap;flex-wrap:wrap;height:100%}section#p2 .container .right{width:40%;position:relative}section#p2 .container .right:after{content:"";background:#88998e url(plants6.b76a0cea.jpg);opacity:.3;filter:blur(3px);background-repeat:no-repeat;background-size:cover;position:absolute;right:0;top:0;width:100%;height:100%;z-index:-1}section#p2 .container .right img{padding-top:10vh;width:60%;height:auto}section#p2 .container .right .box{width:100px;height:100px;background:hsla(0,0%,100%,.7);position:absolute;bottom:0;left:0}section#p2 .container .right .box,section#p2 .container .right .box a{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}section#p2 .container .right .box a{color:#000}section#p2 .container .right .box a .number{font-size:2rem}section#p2 .container .left{width:60%;height:100%;background:#e7c1b7;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;position:relative;align-items:flex-start}section#p2 .container .left img{position:absolute;bottom:0;right:0;width:55%;height:auto}section#p2 .container .left h1{margin-top:10vh;margin-left:10vw;font-size:4em;z-index:10}section#p2 .container .left h3{margin-top:5vh;margin-left:10vw;width:70%;z-index:10}section#p2 .container .left .box{position:absolute;width:100px;height:100px;background:rgba(0,0,0,.8);bottom:0;right:0;text-align:center;padding:0;margin:0;box-sizing:border-box}section#p2 .container .left .box,section#p2 .container .left .box a{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;color:#fff}section#p2 .container .left .box a h3{padding:0;margin:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;font-size:.7em}section#p2 .container .left .box a .number{font-size:2.5em}@media screen and (max-width:768px){section#p2 .container .right{display:none}section#p2 .container .left{width:100vw}section#p2 .container .left h1{margin-top:-20vh;font-size:3.5em;padding-left:1vw}section#p2 .container .left h3.main{padding-top:5vh;line-height:3em;letter-spacing:.1em;padding-left:2vw;width:80vw}section#p2 .container .left .box a h3.number{font-size:2em}section#p2 .container .left .box a h3{font-size:.5em}}section#p3{position:relative;padding:0;margin:0;box-sizing:border-box;width:100vw;height:90vh}section#p3 .container#main{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;height:100vh;height:90vh;overflow:hidden;position:absolute}section#p3 .container#main h1{font-size:3em;margin-top:5vh;margin-bottom:5vh}section#p3 .container#main .slide{width:100vw;height:100vh}section#p3 .container#main .slide,section#p3 .container#main .slide .card{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}section#p3 .container#main .slide .card{width:80vw;height:55vh;background:#fff;box-shadow:0 3vmin 3vmin -.5vmin rgba(0,0,0,.35);position:relative;margin-top:-40vh}section#p3 .container#main .slide .card [class^=cardImg]{background-position:50%;width:50%;height:100%;background-size:cover;background-repeat:no-repeat}section#p3 .container#main .slide .card .cardImg_img01{background-image:url(pd_candle.523eba2b.jpg)}section#p3 .container#main .slide .card .cardImg_img02{background-image:url(pd_1.3ba3e601.png)}section#p3 .container#main .slide .card .cardImg_img03{background-image:url(pd_lotion3.2d3deb98.jpg)}section#p3 .container#main .slide .card .cardContent{margin:0;box-sizing:border-box;width:50%;height:90%;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;align-items:flex-start;padding:2vmin}section#p3 .container#main .slide .card .cardContent .cardContentSubject{font-weight:700;font-size:2vmin;padding-bottom:1em}section#p3 .container#main .slide .card .cardContent .cardContentHeader{font-weight:800;font-size:5vmin}section#p3 .container#main .slide .card .cardContent .cardContentParagraph{font-size:2vmin;padding-top:.5vmin}section#p3 .container#main .slide .card .cardContent .cardContentLink{margin-top:2vmin;color:#000;font-size:1.1em;cursor:pointer;opacity:.7;transition:opacity .3 ease}section#p3 .container#main .slide .card .cardContent .cardContentLink:hover{opacity:1}section#p3 .container#main .slide .card .cardContent .cardContentLink:after{content:" →"}section#p3 .container#main .boxRight{position:absolute;width:100px;height:100px;bottom:0;left:100vw;transform:translateX(-60vw);background:rgba(0,0,0,.8);cursor:pointer}section#p3 .container#main .boxRight,section#p3 .container#main .boxRight a{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}section#p3 .container#main .boxRight a{color:#000;color:#fff}section#p3 .container#main .boxRight a h3{font-size:.7em}section#p3 .container#main .boxRight a .number{font-size:2rem}section#p3 .container#main .boxLeft{position:absolute;width:100px;height:100px;bottom:0;right:0;transform:translateX(-60vw);background:hsla(0,0%,100%,.7);padding-top:1vmin;cursor:pointer}section#p3 .container#main .boxLeft,section#p3 .container#main .boxLeft a{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}section#p3 .container#main .boxLeft a{color:#000}section#p3 .container#main .boxLeft a h3{font-size:1em}section#p3 .container#main .boxLeft a .number{font-size:2rem}section#p3 .container#main .prevNext{position:absolute;bottom:0;top:0;right:4vw;width:4vmin;height:8vmin;margin:auto 0}section#p3 .container#main .prevNext .prevNextBtn{width:100%;height:50%;border:0;background:hsla(0,0%,100%,.3);font-size:1.8vmin}section#p3 .container#main .prevNext #next,section#p3 .container#main .prevNext #prev{position:relative;cursor:pointer}section#p3 .container#main .prevNext #next:hover:after,section#p3 .container#main .prevNext #next:hover:before,section#p3 .container#main .prevNext #prev:hover:after,section#p3 .container#main .prevNext #prev:hover:before{opacity:1}section#p3 .container#main .prevNext #prev:after{content:"↑";font-weight:900}section#p3 .container#main .prevNext #next:after{content:"↓";font-weight:900}section#p3 .container#main .left{position:absolute;left:0;bottom:0;width:40%;height:100%;z-index:-10}section#p3 .container#main .right{position:absolute;right:0;bottom:0;width:60%;height:100%;background:#9bbed0;z-index:-10}@media screen and (max-width:768px){section#p3 .container#main h1{font-size:2.5em}section#p3 .right{width:100%!important}section#p3 .boxLeft{display:none!important}section#p3 .boxRight{transform:translateX(-100vw)!important}section#p3 .slide{padding:8vmin 3vmin 2vmin}section#p3 .card{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;position:relative;height:60vh!important;width:80vw!important;margin-top:-45vh!important}section#p3 .card [class^=cardImg]{position:absolute;top:0;right:0;height:50%!important;width:100%!important;background-size:110%!important;background-position:10%!important}section#p3 .card .cardContent{position:absolute;width:100%!important;height:50%!important;bottom:0;left:0;padding-left:3%!important;padding-right:3%!important}section#p3 .card .cardContentSubject{font-size:2.5vmin!important;padding-bottom:.1em!important}section#p3 .card .cardContentParagraph{font-size:2.5vmin!important}section#p3 .prevNext{right:4.4vw!important;height:20vmin!important;margin-top:46.5vh!important}}@-moz-keyframes navLinkFade{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes navLinkFade{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-o-keyframes navLinkFade{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes navLinkFade{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-moz-keyframes opAcity{0%{opacity:0}to{opacity:.9}}@-webkit-keyframes opAcity{0%{opacity:0}to{opacity:.9}}@-o-keyframes opAcity{0%{opacity:0}to{opacity:.9}}@keyframes opAcity{0%{opacity:0}to{opacity:.9}}section#p4{position:relative;padding:0;margin:0;box-sizing:border-box;width:100vw;height:90vh}section#p4 .container .main .left{z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;width:60vw;height:100%}section#p4 .container .main .left h1{font-size:3.5em;padding-bottom:5vh}section#p4 .container .main .left img{z-index:-2;position:absolute;bottom:0;left:0;width:60%;opacity:.8}section#p4 .container .main .left form{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;align-items:flex-start;padding:2vw 2vh 2vw 8vh;width:40vw;height:70vh}section#p4 .container .main .left form h5{font-size:1.7em;margin:1vh}section#p4 .container .main .left form input{border:0;width:30vw;height:5vh;border-radius:20vw;font-size:1.1em;padding:1vw 1vh;font-family:"Noto Serif TC",serif}section#p4 .container .main .left form input.btn{margin-top:5vmin;padding:0;background:#000;color:#fff;height:6vh}section#p4 .container .main .left form textarea{width:30vw;height:15vh;font-family:"Noto Serif TC",serif;border:0}section#p4 .container .main .right{z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;padding-top:10vh;position:absolute;width:40vw}section#p4 .container .main .right h3{padding-top:5vh;font-size:2em;border-bottom:1vh solid #000}section#p4 .container .main .right span{padding-top:3vh;font-weight:800}section#p4 .container .main .right span a{color:rgba(0,0,0,.8)}section#p4 .container .main .right span a:hover{color:hsla(0,0%,100%,.7)}section#p4 .container .boxLeft{z-index:1;position:absolute;width:100px;height:100px;bottom:0;right:0;transform:translateX(-40vw);background:rgba(0,0,0,.8);padding-top:1vmin;cursor:pointer}section#p4 .container .boxLeft,section#p4 .container .boxLeft a{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}section#p4 .container .boxLeft a{color:#fff}section#p4 .container .boxLeft a h3{font-size:.8em}section#p4 .container .boxLeft a .number{font-size:2rem}section#p4 .container .boxRight{z-index:10;position:absolute;width:100px;height:100px;bottom:0;left:100vw;transform:translateX(-40vw);background:hsla(0,0%,100%,.7);cursor:pointer}section#p4 .container .boxRight,section#p4 .container .boxRight a{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}section#p4 .container .boxRight a{color:#000}section#p4 .container .boxRight a h3{font-size:.7em}section#p4 .container .boxRight a .number{font-size:2rem}section#p4 .container .left{position:absolute;z-index:-1;background:#f8bc01;width:60vw;height:100%;left:0;top:0}section#p4 .container .right{position:absolute;z-index:-1;width:40vw;height:100%;right:0;top:0}@media screen and (max-width:768px){section#p4{position:relative}section#p4 .container .main .right{display:none}section#p4 .container .main .left{width:100vw}section#p4 .container .main .left h1{font-size:2.5em}section#p4 .container .main .left img{width:100%;opacity:.7;filter:blur(5px)}section#p4 .container .main .left form{justify-content:flex-start;width:90vw;padding:0 0 0 4vw}section#p4 .container .main .left form input,section#p4 .container .main .left form textarea{width:80vw}section#p4 .container .main .left form h5{padding-top:2vh}section#p4 .container .main .left form input.btn{margin-top:5vh}section#p4 .container .boxRight{z-index:10;transform:translateX(-100px);background:rgba(0,0,0,.8)}section#p4 .container .boxRight a{color:#fff}section#p4 .container .boxLeft{display:none}}
/*# sourceMappingURL=src.dbac1df4.css.map */