#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.header{height:140px;line-height:180px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.header-logo{width:330px;background-image:url(/img/logo.png);background-repeat:no-repeat;background-position:50%;background-size:contain;margin:0 15px 0 46px}.header-link,.header-link a{width:100%;height:100%;display:inline-block}.nav{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 20px 0 0}.nav a{font-weight:700;color:#2c3e50;text-decoration:none;text-align:center}.nav a.router-link-exact-active{color:#42b983}.nav-item{text-align:center}@-webkit-keyframes left-drum{0%{-webkit-transform:rotate(-85deg);transform:rotate(-85deg)}to{-webkit-transform:rotate(-69deg);transform:rotate(-69deg)}}@keyframes left-drum{0%{-webkit-transform:rotate(-85deg);transform:rotate(-85deg)}to{-webkit-transform:rotate(-69deg);transform:rotate(-69deg)}}@-webkit-keyframes right-drum{0%{-webkit-transform:rotate(71deg);transform:rotate(71deg)}to{-webkit-transform:rotate(84deg);transform:rotate(84deg)}}@keyframes right-drum{0%{-webkit-transform:rotate(71deg);transform:rotate(71deg)}to{-webkit-transform:rotate(84deg);transform:rotate(84deg)}}@-webkit-keyframes drum{0%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}}@keyframes drum{0%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}}.loading .header-logo{position:fixed;right:0;left:0;top:10px;padding:0;margin:0 auto;height:100px;background-image:url(/img/logo.png)}.loading-img{width:100%;height:auto;max-width:100%;-webkit-transform:rotate(1deg);transform:rotate(1deg);-webkit-transform-origin:center;transform-origin:center;-webkit-animation:drum .08s infinite alternate;animation:drum .08s infinite alternate}.loading-drum{position:relative;width:95px}.loading-drum:after,.loading-drum:before{content:"";width:4px;height:67px;border-radius:2px;background-color:#000;position:absolute;top:-30px}.loading-drum:before{-webkit-transform:rotate(-69deg);transform:rotate(-69deg);-webkit-transform-origin:0 30%;transform-origin:0 30%;left:-6px;top:-22px;-webkit-animation:left-drum .12s infinite;animation:left-drum .12s infinite}.loading-drum:after{-webkit-transform:rotate(71deg);transform:rotate(71deg);-webkit-transform-origin:0 30%;transform-origin:0 30%;right:-7px;top:-23px;-webkit-animation:right-drum .12s infinite;animation:right-drum .12s infinite}.copyright{position:relative;width:100%;height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.copyright-text:before{display:block;content:"Copyright \A9   2020 | Rachel Yu";height:100%;width:100%;margin:0 auto;font-family:Arial;font-size:12px;color:#ccc}.about{width:calc(100% - 30px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;margin:0 auto}.about-avatar{width:180px;height:180px;margin:0 auto}.about-avatar img{max-width:180px;width:100%;height:100%}.about-mail{display:inline-block;width:180px;margin:7px auto 80px;text-align:right;font-size:14px}.about-mail:before{display:inline-block;vertical-align:middle;content:"\2709";font-size:24px;padding-right:6px}.about-special{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;width:60%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto 15px}.about-special-digit{position:relative;font-size:72px;font-weight:700;width:48%;margin-right:24px;text-align:right}.about-special-digit:before{position:absolute;right:-14px;top:29px;content:"";width:1px;background-color:#333;height:40%}.about-special-text{text-align:left}.about-main{-webkit-box-flex:1;-ms-flex:1 0 35%;flex:1 0 35%}.about-lists{-webkit-box-flex:1;-ms-flex:1 0 65%;flex:1 0 65%;text-align:left}.about-lists-item{margin-bottom:48px}.about-item-title{margin:0 0 14px}.about-item-content{line-height:32px;max-width:700px}.about-item-content li{line-height:26px}@media only screen and (max-width:980px){.about{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.about-main{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%;margin-bottom:60px}.about-mail{text-align:center}.about-special-wrap{max-width:720px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;margin:0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about-special{margin:0;-webkit-box-flex:1;-ms-flex:1 0 100px;flex:1 0 100px}.about-lists{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%;text-align:center}.about-lists-item{margin-bottom:60px}.about-item-content{max-width:80%;margin:0 auto}}@media only screen and (max-width:567px){.about-mail{margin-bottom:60px}.about-special{margin-left:6px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about-special:first-child{margin-left:0}.about-special-digit{font-size:32px;margin-right:10px;width:auto}.about-special-digit:before{right:-4px;top:13px}.about-special-text{font-size:12px}}body,h1.product-title,ul{margin:0;padding:0}ul{list-style:none}li.nav-item{display:inline-block;min-width:100px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 0 0 0}.loading{position:fixed;left:0;top:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#fff;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999}.wf-container{position:relative;margin:0 auto;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;background-color:#fff}.wf-container.is-fadeIn{opacity:1}.wf-container:after,.wf-container:before{content:"";display:table}.wf-container:after{clear:both}.wf-box{position:relative;overflow:hidden}.wf-box.is-active .wf-caption{opacity:1}.wf-box img{display:block;width:100%;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.wf-box .content{border:1px solid #ccc;border-top-width:0;padding:5px 8px}.wf-column{float:left}.wf-caption{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transform:opacity .3s;transform:opacity .3s}.wf-caption-title{font-size:28px;color:#fff}.wf-box.is-active img{-webkit-transform:scale(1.1);transform:scale(1.1)}.product{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.product-intro{position:fixed;max-width:300px;padding:47px 35px 47px 32px;text-align:center}@media only screen and (max-width:1024px){.product-intro{position:relative;max-width:100%;margin:0;padding:40px;text-align:left}}.product-info,.product-title{text-align:left}.product-info{letter-spacing:.5px;line-height:24px;font-family:"\5FAE\8EDF\6B63\9ED1\9AD4"}.product-gallery{position:relative;max-width:920px;min-width:300px;margin:52px 135px 50px 470px;padding-bottom:400px}.product-gallery:after{position:absolute;content:"Copyright \A9   2020 | Rachel Yu";left:0;right:0;bottom:320px;margin:0 auto;width:100%;font-family:Arial;font-size:12px;color:#ccc}@media only screen and (max-width:1024px){.product-gallery{max-width:none;min-width:0;padding:0 20px 200px;margin:0}.product-gallery:after{bottom:100px}}@media only screen and (max-width:980px){.nav-item{min-width:80px}}.product-gallery img{max-width:100%;height:auto;margin-bottom:90px}@media only screen and (max-width:567px){.header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:normal;height:170px}.header-logo{height:100px;margin:0 15px}.nav{width:100%;height:44px;margin:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-item{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}}