@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;700;900&display=swap";wr{display:block}nr{display:inline}sr{display:inline}@media only screen and (min-width: 1200px)and (max-width: 1500px){wr{display:inline}nr{display:block}sr{display:inline}}@media only screen and (min-width: 992px)and (max-width: 1200px){wr{display:inline}nr{display:block}sr{display:inline}}@media only screen and (max-width: 992px){wr{display:inline}nr{display:inline}sr{display:block}}@keyframes moveX{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(30%, 0, 0)}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section{display:block}ol,ul{padding:0 0 0 2em}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#log{position:fixed;width:500px;height:300px;z-index:3000;background:#fff;color:#000}body.modal-open{overflow-y:scroll}.modal-backdrop{background-color:rgba(255,255,255,0) !important}img{width:100%;height:auto;border:0}.imgH{width:auto;height:100%}br.clear{clear:both}.hide{display:none}svg.defs{width:0;height:0}.container{width:100%;max-width:100%;padding:0;margin:0}.row{width:100%;padding:0;margin-left:0}.col,.col-lg,.col-lg-12,.col-lg-8,.col-lg-4,.col-sm{padding:0px}@media only screen and (max-width: 992px){.smHide{display:none}}.smShow{display:none}@media only screen and (max-width: 992px){.smShow{display:block}}@media only screen and (max-width: 992px){table.smShow{display:table}}.accordion{width:100%;height:auto;background-color:rgba(0,0,0,0)}.accordion .card .card-header button{width:100%;padding:0 1.5em;margin:-2px 0;outline:none;border:0;text-align:left;background-color:rgba(0,0,0,0)}.accordion .card .card-header button h2{outline:none}.accordion .card .card-header button:hover{text-decoration:none}.card{position:relative;display:flex;width:100%;height:auto;max-width:100%;min-height:0;justify-content:flex-start;align-items:flex-start;padding:0;margin:0;border-radius:0;border:0;background-color:rgba(0,0,0,0)}.card .card-header,.card .card-body,.card .card-footer{position:relative;display:flex;width:100%;height:auto;min-height:0;max-width:100%;overflow:hidden;flex-direction:column;padding:0;margin:0;border:0;border-radius:0;outline:none;background-color:rgba(0,0,0,0)}.sliderBox{position:relative;display:flex;width:100vw;height:40vw;top:0;left:0;padding:0;margin:0;overflow:hidden;z-index:10}.sliderBox ul.innerBox{position:relative;display:flex;width:100%;height:100%;list-style-type:none;z-index:10;padding:0;margin:0;background-color:rgba(0,0,0,0)}.sliderBox ul.innerBox li.inner{position:relative;display:flex;width:100vw;height:40vw;margin:0;padding:0;pointer-events:auto}.sliderBox ul.innerBox .slick-dots{position:absolute;display:flex;width:100%;height:1em;bottom:0em;padding:0;margin:0;list-style-type:none;justify-content:center}.sliderBox ul.innerBox .slick-dots li{width:.5em;height:.5em;margin-right:.5em;border-radius:1em;pointer-events:auto;cursor:pointer;background-color:#eee}.sliderBox ul.innerBox .slick-dots li.slick-active{background-color:#87b4cb}.sliderBox ul.innerBox .slick-dots li button{display:none}.sliderBox .navigation{position:absolute;display:flex;width:100%;height:100%;padding:0 0 0 0;z-index:100;align-items:center;pointer-events:none}.sliderBox .navigation .prevBtn,.sliderBox .navigation .nextBtn{position:relative;display:flex;width:8%;height:100%;pointer-events:auto;cursor:pointer;align-items:center;justify-content:center}.sliderBox .navigation .prevBtn:hover,.sliderBox .navigation .nextBtn:hover{opacity:.5}.sliderBox .navigation .prevBtn .arrow,.sliderBox .navigation .nextBtn .arrow{display:flex;width:50%;height:auto;align-items:center;justify-content:center}.sliderBox .navigation .prevBtn .arrow i,.sliderBox .navigation .nextBtn .arrow i{color:#eee;font-size:1em}.sliderBox .navigation .prevBtn.gray .arrow i,.sliderBox .navigation .nextBtn.gray .arrow i{color:#aaa}.sliderBox .navigation .prevBtn{left:0}.sliderBox .navigation .nextBtn{position:absolute;right:0}@media only screen and (max-width: 992px){.sliderBox{width:100vw;height:150vw;margin:0}.sliderBox ul.innerBox li.inner{height:150vw}.sliderBox .navigation .prevBtn,.sliderBox .navigation .nextBtn{width:5vw}}.modal{width:100vw;max-width:100vw;min-width:100vw;height:100vh;padding:0;margin:0;border-radius:0;z-index:12000;background-color:rgba(0,0,0,.8);border:0}.modal .modal-dialog{position:relative;display:flex;width:100vw;max-width:100vw;min-width:0%;height:100%;padding:0;margin:0;pointer-events:none;border-radius:0;border:0;background-color:rgba(255,255,255,0)}.modal .modal-dialog .modal-content{position:relative;display:flex;width:100%;max-width:100%;min-width:0%;height:auto;background-color:rgba(255,255,255,0);padding:0;margin:0;border-radius:0;border:0;overflow:hidden;pointer-events:none;flex-direction:row;justify-content:center;align-items:center}.modal .modal-dialog .modal-content .modal-body{position:relative;display:flex;width:100%;max-width:100%;min-width:0%;height:auto;min-height:0;padding:0;margin:0;border:0px;border-radius:0px;pointer-events:auto;justify-content:center;align-items:center;background-color:rgba(255,255,255,0);border:0}@media only screen and (max-width: 992px){.modal{width:100vw;max-width:100vw}.modal .modal-dialog{width:100vw;max-width:100vw}}.modal-centered{top:0%;transform:translate(0%, 10%) !important}.modal.fade.show .modal-centered{top:0%;transform:translate(0, 0%) !important}.closeBtn{position:absolute;display:flex;width:3em;height:3em;pointer-events:auto;cursor:pointer;top:0em;right:0em;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;flex-direction:row;z-index:200}.closeBtn:hover{background-color:rgba(0,0,0,.3)}.closeBtn i{color:#fff;font-size:1.2em}@media only screen and (max-width: 992px){.closeBtn{width:10vw;height:10vw}.closeBtn i{font-size:1em}}.loader,.loader:after{border-radius:50%;width:2em;height:2em}.loader{position:absolute;display:block;top:calc(50% - 1em);left:calc(50% - 1em);margin:0;border-top:.3em solid rgba(255,255,255,.2);border-right:.3em solid rgba(255,255,255,.2);border-bottom:.3em solid rgba(255,255,255,.2);border-left:.3em solid #fff;transform:translateZ(0);animation:load8 1.1s infinite linear}@keyframes load8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;overflow:auto;overflow-x:hidden;font-size:14pt;font-family:"Noto Serif TC",serif;font-weight:400;font-style:normal;letter-spacing:.1em;color:#000;background-image:url(../img/bg.jpg);background-repeat:repeat}@media only screen and (min-width: 1200px)and (max-width: 1500px){body{font-size:12pt}}@media only screen and (min-width: 992px)and (max-width: 1200px){body{font-size:11pt}}@media only screen and (max-width: 992px){body{font-size:3.5vw}}#loading{position:fixed;display:flex;width:100vw;height:100vh;margin:0;padding:0;top:0;left:0;z-index:20000;pointer-events:auto;justify-content:center;align-items:center}#loading .bg{height:100%;background-color:rgba(10,10,10,.9)}#loading .prograssTxt{position:relative;display:flex;width:auto;height:auto;margin:7em 0 0 0;font-size:.5em}header{position:fixed;display:block;width:100%;height:100%;top:0;left:0;z-index:10000;pointer-events:none}@media only screen and (max-width: 992px){header{width:100vw;height:100vw}}nav.navi{position:absolute;display:flex;width:100vw;height:4em;margin:0;padding:0 0%;top:0;left:0;transition:all .2s ease-out;z-index:500;background-color:rgba(0,0,0,0);background:linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%)}nav.navi .box{position:relative;display:flex;width:100%;height:auto;margin:0 auto;padding:0 2em;flex-direction:row}nav.navi .box .logo{position:relative;display:flex;width:auto;height:100%;margin:0;justify-content:center;align-items:center;pointer-events:auto;cursor:pointer}nav.navi .box .logo img{width:auto;height:40%}nav.navi .box ul.menu{position:absolute;display:flex;width:auto;height:100%;right:2em;flex-direction:row}nav.navi .box ul.menu li{position:relative;display:flex;justify-content:center;align-items:center;padding:1em;pointer-events:auto}nav.navi .box ul.menu li a,nav.navi .box ul.menu li a:link{color:#fff}nav.navi .box ul.menu li .btn-group .btn.dropdown-toggle{font-size:1em;font-size:bold;color:#fff;border-radius:0;align-items:center;padding:0 0em 0 0;background-color:rgba(0,0,0,0)}nav.navi .box ul.menu li .btn-group .dropdown-menu{padding:0em;margin-right:7vw;border-radius:0;border:0px red dotted}nav.navi .box ul.menu li .btn-group .dropdown-menu a,nav.navi .box ul.menu li .btn-group .dropdown-menu a:link{padding:.5em 1em;color:#a8922e;cursor:pointer}nav.navi .box ul.menu li .btn-group .dropdown-menu a:active{background-color:#ddd}nav.navi .box #toggleBtn{display:none}@media only screen and (max-width: 992px){nav.navi .box{width:100vw;padding:0 1em}nav.navi .box ul.menu{display:none}nav.navi .box #toggleBtn{position:absolute;display:flex;width:10vw;height:10vw;align-items:center;justify-content:center;right:0;pointer-events:auto;cursor:pointer;z-index:200}nav.navi .box #toggleBtn i{font-size:1.8em;color:#fff}}nav.navi.zoomout{height:3em;background-color:#b28c4b}@media only screen and (max-width: 992px){nav.navi.zoomout{height:10vw}nav.navi.zoomout #toggleBtn{display:flex;width:10vw;height:10vw}}footer .box{position:relative;display:flex;width:80%;height:auto;max-width:1500px;margin:0 auto;padding:0 2em}@media only screen and (min-width: 1200px)and (max-width: 1500px){footer .box{width:100%;max-width:100%}}@media only screen and (min-width: 992px)and (max-width: 1200px){footer .box{width:100%;max-width:100%}}@media only screen and (max-width: 992px){footer .box{width:100vw;max-width:100vw}}footer{position:relative;display:block;width:100%;height:auto;overflow:hidden;padding:0;color:#fff;z-index:1000;background-size:100%;background-color:#7d6227}footer .copyright{position:relative;display:block;width:100%;margin:2em 0 .5em 0;text-align:center;font-size:.7em;font-weight:400}footer .topBtn{position:absolute;display:block;right:2em;bottom:0;color:#fff;padding:.5em 1em 1em 1em;border-radius:2em 2em 0 0;background-color:#b28c4b;cursor:pointer}footer .topBtn:hover{opacity:.7}footer .box{padding:2em 0 .5em 0}footer .box .qrcode{position:absolute;display:flex;width:7em;flex-direction:column;justify-content:flex-start;margin:0 0 0 2em}footer .box .qrcode p{display:flex;width:100%;margin:0 0 .5em 0;line-height:100%;font-size:.9em;justify-content:center}footer .box .qrcode .pic{display:flex;width:7em;height:7em}footer .box ul.info{position:relative;display:flex;width:30%;flex-direction:column;list-style:none;padding:0;margin:2% auto 0 auto}footer .box ul.info li{margin:0 0 0em 0;text-align:center}footer .box ul.info li a{color:#fff}footer .box ul.info li.logo img{width:80%}footer .box ul.info li.ti{margin:1em 0 .2em 0}footer .box ul.info li.store{font-size:1.1em}footer .box ul.social{position:absolute;display:flex;width:auto;list-style:none;flex-direction:column;padding:0;right:0;margin:1em 2em 0 0}footer .box ul.social li{padding:0em 0;margin:0 0 .5em 0}footer .box ul.social li a{display:flex;width:auto;height:auto;flex-direction:row;align-items:center;color:#fff}footer .box ul.social li a:hover{opacity:.5;text-decoration:none}footer .box ul.social li a p{display:flex;width:10em;height:1.6em;line-height:150%;font-size:1em;letter-spacing:0;color:#b28c4b;background-color:#fff;padding:.1em .5em;border-radius:.3em}footer .box ul.social li a i{display:flex;width:1.6em;height:1.6em;font-size:1.2em;margin:0 .3em 0 0;justify-content:center;align-items:center;color:#b28c4b;background-color:#fff;border-radius:.3em}@media only screen and (min-width: 1200px)and (max-width: 1500px){footer .topBtn{right:.5em}footer .box ul.social{margin:0 4em 0 0}}@media only screen and (min-width: 992px)and (max-width: 1200px){footer .topBtn{right:.5em}footer .box ul.social{margin:0 4em 0 0}}@media only screen and (max-width: 992px){footer .box ul.info{width:80%;margin:2% auto 40vw auto}footer .box .qrcode{margin:30vw 0 0 5vw}footer .box ul.social{margin:35vw 5vw 0 0}footer .topBtn{right:2vw}}main{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;z-index:1;overflow:hidden}@media only screen and (max-width: 992px){main{width:100vw}}section{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;z-index:100;pointer-events:auto}section .content{position:relative;display:block;width:100%;height:auto;margin:0;padding:0}section .content .box{position:relative;display:flex;width:80%;height:auto;max-width:1400px;margin:0 auto;padding:0;flex-direction:column}@media only screen and (min-width: 1200px)and (max-width: 1500px){section .content .box{width:90%;max-width:90%}}@media only screen and (min-width: 992px)and (max-width: 1200px){section .content .box{width:96%;max-width:96%}}@media only screen and (max-width: 992px){section .content .box{width:100vw;max-width:100vw}}section.bgH .bg{position:relative;height:auto}section.bgH .content{position:absolute;height:100%;top:0}section.bgH .content .box{height:100%}@media only screen and (max-width: 992px){section.bgH .bg{position:absolute}section.bgH .content{position:relative;height:auto;top:0}section.bgH .content .box{height:auto}}.bg{position:absolute;display:block;width:100%;height:100%;margin:0;padding:0;background-size:cover;background-repeat:no-repeat;background-position:center center}.trigger{position:absolute;display:block;color:#fff;background-color:#f22;z-index:500;opacity:0}h1,h2,h3,h4,h5,h6,.commit,p{position:relative;display:block;width:100%;height:auto;margin:0;padding:0}h1{font-size:2.2em;line-height:130%}h2{font-size:1.6em;line-height:130%}h3{font-size:1.4em;line-height:130%}h4{font-size:1.2em;line-height:130%}h5{font-size:2em;line-height:130%}h6{font-size:1.1em;line-height:160%}p{font-size:1em;line-height:180%}.remark{font-size:.9em;line-height:180%}@media only screen and (max-width: 992px){h2{font-size:1.3em}h3{font-size:1.2em}h4{font-size:1.1em}}.bolder{font-weight:900}.bold,b{font-weight:700}.gold{color:#a8922e}.goldDark{color:#7d6227}.brown{color:#4e2d20}.coffee{color:#b28c4b}.peach{color:#b61845}.btnBox{position:relative;display:flex;justify-content:center;margin:2em auto 4em auto}.moreBtn{position:relative;display:inline-flex;width:auto;height:auto;margin:0;padding:.6em 1em .7em 1em;font-size:1.3em;font-weight:700;line-height:120%;letter-spacing:.2em;text-decoration:none;justify-content:flex-start;align-items:center;text-align:center;border-radius:1em;color:#fff;background-color:#000}.moreBtn .arrow{position:relative;display:flex;width:.5em;height:auto;margin:.1em 0 0 .5em;animation:moveX .5s .1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955)}.moreBtn::after{position:absolute;display:flex;width:calc(100% - 8px);height:calc(100% - 8px);content:"";top:4px;left:4px;z-index:10;border-radius:.5em;border:1px #d7c4a3 solid}.moreBtn:link{color:#fff}.moreBtn:hover{text-decoration:none;background-color:#aaa}.moreBtn.buy{font-size:1.5em;padding:.6em 4em .7em 4em;border-radius:.5em}.moreBtn.gold{color:#fff;background-color:#a8922e}.moreBtn.gold:hover{background-color:#c9b65e}.moreBtn.coffee{color:#fff;background-color:#b28c4b}.moreBtn.coffee:hover{background-color:#d3b27a}@media only screen and (max-width: 992px){.moreBtn.buy{width:100%;justify-content:center}}#menuModal{background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#menuModal .modal-dialog .modal-content{height:100%}#menuModal .modal-dialog .modal-content .modal-body{width:25%;margin:0 auto;padding:0;flex-direction:column;justify-content:center;align-items:center}#menuModal .modal-dialog .modal-content .modal-body ul.menu{position:relative;display:flex;width:100%;height:auto;flex-direction:column;margin:0;padding:0}#menuModal .modal-dialog .modal-content .modal-body ul.menu li{position:relative;display:flex;width:100%;height:auto;pointer-events:auto;cursor:pointer;padding:1.5em 0;color:#fff;flex-direction:row;justify-content:center;border-bottom:2px rgba(255,255,255,.3) solid}#menuModal .modal-dialog .modal-content .modal-body ul.menu li:hover{background-color:rgba(255,255,255,0)}#menuModal .modal-dialog .modal-content .modal-body ul.menu li a{color:#fff;font-size:1.3em}#menuModal .modal-dialog .modal-content .modal-body ul.menu li:last-child{border-bottom:0px rgba(255,255,255,.3) solid}@media only screen and (max-width: 992px){#menuModal .modal-dialog .modal-content .modal-body{width:80%}}@keyframes swing{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(-60deg)}}@keyframes wave1{0%{transform:rotateZ(-4deg) translate3d(-2%, 1%, 0)}100%{transform:rotateZ(4deg) translate3d(10%, 3%, 0)}}@keyframes wave2{0%{transform:rotateZ(1deg) translate3d(0, 2%, 0)}100%{transform:rotateZ(-1deg) translate3d(1%, 1%, 0)}}@keyframes move{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(10%, 0, 0)}}section.home{overflow:hidden}section.home .content .box{width:100%;height:100vh;max-width:100%}@media only screen and (max-width: 992px){section.home .content .box{width:100%;height:100vh;max-width:100%}}ul.scene{position:relative;display:block;width:100%;height:100%;padding:0;margin:0;overflow:visible}ul.scene li.layer{position:absolute;display:block;width:100%;height:100%;padding:0;margin:0}ul.scene li.layer .group{width:100%;height:100%}ul.scene li.layer ul,ul.scene li.layer div{position:absolute;display:flex;transform:translate3d(0, 0, 0);transform-origin:50% 50%;transform-style:preserve-3d;backface-visibility:hidden}ul.scene li.layer ul img,ul.scene li.layer div img{transform-origin:50% 50%}li.layer .background{width:110%;height:110%;left:-5%;top:-5%;background:url(../img/kv_bg.jpg) no-repeat 50% 50%;background-size:cover}li.layer .frame{width:60%;height:auto;bottom:5%;left:20%}li.layer .cloud{width:104%;height:104%;top:-2%;right:-2%;background:url(../img/kv_clouds.png) no-repeat 50% 50%;background-size:cover}li.layer .title{width:60%;top:9%;left:20%;flex-direction:row;justify-content:center;z-index:20}li.layer .title .ti{position:relative;display:flex;margin-right:-1em}li.layer .cupid3{width:4%;top:22%;right:50%;z-index:10}li.layer .cupid3 img{animation:wave1 3s .1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955)}li.layer .cupid1{width:6%;right:15%;bottom:15%}li.layer .cupid1 img{animation:wave1 3s .1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955)}li.layer .angel{width:30%;right:22%;bottom:12%}li.layer .angel img{animation:wave2 4s .1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955)}li.layer .no1{width:8%;right:1%;bottom:2%}li.layer .product{width:24%;left:23%;bottom:15%;flex-direction:column}li.layer .product .new{width:45%;right:-15%;bottom:10%;z-index:10}li.layer .product .pro{position:relative;z-index:1}li.layer .product .pro img{animation:wave2 4s .1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955)}li.layer .product .nameBox{position:relative;display:flex;width:110%;flex-direction:row;left:15%}li.layer .product .nameBox::after{position:absolute;display:flex;width:100%;height:100%;content:"";top:0;z-index:10;opacity:.8;background-color:#cdede8;filter:blur(20px)}li.layer .product .nameBox .name{position:relative;margin-right:1em;z-index:30}li.layer .product .nameBox .txt{position:relative;display:flex;flex-direction:column;z-index:30}li.layer .product .nameBox .txt h4,li.layer .product .nameBox .txt .remark{white-space:nowrap;font-weight:bold;letter-spacing:0;color:#4e2d20;margin-bottom:.1em}@media only screen and (min-width: 1200px)and (max-width: 1500px){li.layer .angel{width:26%}li.layer .product{width:22%}}@media only screen and (min-width: 992px)and (max-width: 1200px){li.layer .cupid3{top:auto;bottom:60%}}@media only screen and (max-width: 992px){li.layer .frame{width:90%;bottom:15%;left:5%}li.layer .product{width:45%;left:7%;bottom:12%}li.layer .product .new{width:60%;right:-30%;bottom:25%}li.layer .product .nameBox{width:80%;flex-direction:column}li.layer .product .nameBox::after{opacity:.5}li.layer .product .nameBox .name{width:80%;margin-bottom:.5em}li.layer .title{flex-direction:column;align-items:center}li.layer .title .ti{margin-bottom:-1em;margin-right:0}li.layer .title .ti.t1{width:80%}li.layer .title .ti.t2{width:20%}li.layer .no1{width:18%;right:2%}li.layer .cupid3{width:12%;top:auto;right:50%;bottom:60%}li.layer .cupid1{width:12%;right:10%;bottom:20%}li.layer .angel{width:45%;right:2%;bottom:30%}}section.product5{padding:4em 0 0 0;background-color:#f4f0e8;z-index:200}section.product5 .content .box .txtBox{position:relative;display:flex;width:80%;flex-direction:row;align-items:center;margin:0 auto 0 auto}section.product5 .content .box .txtBox .info,section.product5 .content .box .txtBox .pic{position:relative;display:flex;width:50%;flex-direction:column}section.product5 .content .box .txtBox .pic p{position:absolute;bottom:0;text-align:right}section.product5 .content .box .txtBox .info{padding:0 1em 0 0}section.product5 .content .box .txtBox .info .high{width:auto}section.product5 .content .box .txtBox .info .high p{display:inline-flex;width:auto;padding:.25em 1em .3em 1em;background-size:contain;background-repeat:no-repeat;background-image:url(../img/border2.svg)}section.product5 .content .box .txtBox .info h4.eng{margin:1.5em 0 .3em 0}section.product5 .content .box .txtBox .info h4.price{margin:.3em 0}section.product5 .content .box .txtBox .info h4.desc{margin:1em 0 0 0;line-height:150%}@media only screen and (max-width: 992px){section.product5{padding:4em 0 2em 0}section.product5 .content .box .txtBox{width:86%;flex-direction:column}section.product5 .content .box .txtBox .info{width:100%}section.product5 .content .box .txtBox .info h1{font-size:2.4em;white-space:nowrap}section.product5 .content .box .txtBox .pic{width:100%;margin:2em 0}}ul.spec{position:relative;display:flex;width:80%;flex-direction:column;justify-content:center;padding:0 0 0 1.5em;margin:2em auto}ul.spec li{margin:0 0 .3em 0;font-size:1.2em;font-weight:700;color:#4e2d20}@media only screen and (max-width: 992px){ul.spec{padding:0 0 0 0em}}#starshine{position:absolute;display:block;top:0%;left:0;width:100%;height:120vh;z-index:1000;overflow:hidden}.shine{position:absolute;display:block;width:1.5em;height:1.5em;background-image:url(../img/star.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;overflow:hidden;z-index:2;opacity:0;animation:glitter 6s linear 0s infinite normal}.shine.medium{width:30px;height:30px}.shine.large{width:50px;height:50px}@keyframes glitter{0%{-webkit-transform:scale(0.3) rotate(0deg);opacity:0}25%{-webkit-transform:scale(1) rotate(360deg);opacity:1}50%{-webkit-transform:scale(0.3) rotate(720deg);opacity:0}100%{-webkit-transform:scale(0.3) rotate(0deg);opacity:0}}section.concept{background-color:rgba(255,255,255,.4);z-index:100}section.concept .content .conBorder{width:90%;margin:0 auto;padding-top:5%}section.concept .content .conBorder.bot{transform:rotate(180deg)}section.concept .content .box>h1{width:70%;margin:-4% auto 0 auto}section.concept .content .box .tiBox{position:relative;display:block;width:36em;margin:0 auto}section.concept .content .box .tiBox h2{line-height:150%;margin:1.5em 0}section.concept .content .box .tiBox .line{margin:1em 0}section.concept .content .box .tiBox h4{line-height:160%}section.concept .content .box .tiBox .cupid1,section.concept .content .box .tiBox .cupid2{position:absolute;display:block;width:22%;animation:wave1 3s .1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955)}section.concept .content .box .tiBox .cupid1{right:-25%;bottom:-20%}section.concept .content .box .tiBox .cupid2{top:10%;left:-20%}section.concept .content .box .paintBox{position:relative;display:block;width:40em;margin:5% auto}section.concept .content .box .paintBox h2{text-align:center;padding:1em;margin:.5em auto;background-repeat:no-repeat;background-size:contain;background-position:center center;background-image:url(../img/amano_ti.png)}section.concept .content .box .paintBox .paint{width:80%;margin:auto;box-shadow:5px 5px 20px #abcfd7}section.concept .content .box .paintBox h4{line-height:160%;margin:5% auto}section.concept .content .box .profileBox{position:relative;display:flex;width:40em;margin:0 auto -4% auto;flex-direction:row}section.concept .content .box .profileBox .pic{width:30%;overflow:hidden;border-radius:1em}section.concept .content .box .profileBox hr{transform-origin:0 0}section.concept .content .box .profileBox .info{width:70%;padding:0 0 0 2em}section.concept .content .box .profileBox .info p{font-size:.8em}section.concept .content .box .profileBox .info h4{line-height:160%}@media only screen and (max-width: 992px){section.concept .content .box{width:100%;padding:2em 1em}section.concept .content .box>h1{width:80%;margin:-12% auto 0 auto}section.concept .content .box .tiBox{width:90%}section.concept .content .box .tiBox h4{font-size:1em}section.concept .content .box .tiBox .cupid2{width:15%;top:13%;left:-8%}section.concept .content .box .tiBox .cupid1{width:15%;right:-5%;bottom:-12%}section.concept .content .box .paintBox{width:80%;margin:10vw auto}section.concept .content .box .profileBox{width:90%}section.concept .content .box .profileBox .pic{width:25vw;height:25vw}section.concept .content .box .profileBox .info{padding:0 0 0 1em}}section.parfum,section.faceup{z-index:100}section.parfum .content,section.faceup .content{padding:4em 0}section.parfum .content .box,section.faceup .content .box{padding:4em;background-color:rgba(255,255,255,.4);border:2px #a8922e solid}section.parfum .content .box .titleBox,section.faceup .content .box .titleBox{width:80%;margin:auto}section.parfum .content .box .row.feature .col,section.faceup .content .box .row.feature .col{padding:0 .5em}section.parfum .content .box .row.feature .col h2,section.faceup .content .box .row.feature .col h2{text-align:center;padding:.5em;margin:.5em auto;background-repeat:no-repeat;background-size:contain;background-position:center center;background-image:url(../img/ti_bg.png)}section.parfum .content .box .row.feature .col ul.spec,section.faceup .content .box .row.feature .col ul.spec{width:100%}section.parfum .content .box .infoBox,section.faceup .content .box .infoBox{position:relative;display:flex;width:100%;height:auto;flex-direction:column}section.parfum .content .box .infoBox.mb,section.faceup .content .box .infoBox.mb{margin-bottom:8%}section.parfum .content .box .infoBox .proBox,section.faceup .content .box .infoBox .proBox{position:relative;display:flex;width:44%;margin:0 auto 8em auto;flex-direction:row}section.parfum .content .box .infoBox .proBox .card,section.faceup .content .box .infoBox .proBox .card{position:relative;display:flex;margin-left:-8%;box-shadow:5px 5px 20px #999}section.parfum .content .box .infoBox .proBox .cube,section.faceup .content .box .infoBox .proBox .cube{position:absolute;display:flex;width:56%;left:-35%;bottom:-40%;z-index:10}section.parfum .content .box .infoBox .proBox .pro,section.faceup .content .box .infoBox .proBox .pro{position:absolute;display:flex;width:60%;right:-30%;bottom:-20%;z-index:20}section.parfum .content .box .infoBox .proBox.parfum,section.faceup .content .box .infoBox .proBox.parfum{width:80%;margin:6% auto}section.parfum .content .box .infoBox .proBox .pro3,section.parfum .content .box .infoBox .proBox .pro4,section.faceup .content .box .infoBox .proBox .pro3,section.faceup .content .box .infoBox .proBox .pro4{position:relative;display:flex;width:50%;height:auto;margin-right:5%}section.parfum .content .box .infoBox .nameBox,section.faceup .content .box .infoBox .nameBox{display:inline-flex;width:auto;flex-direction:column;margin:0 auto}section.parfum .content .box .infoBox .nameBox h4,section.faceup .content .box .infoBox .nameBox h4{margin:0 0 1em 0}section.parfum .content .box .infoBox .btnBox,section.faceup .content .box .infoBox .btnBox{margin-top:1em}@media only screen and (max-width: 992px){section.parfum .content,section.faceup .content{padding:2em 0}section.parfum .content .box,section.faceup .content .box{width:90%;padding:2em 1em}section.parfum .content .box .titleBox,section.faceup .content .box .titleBox{width:100%;margin:auto}section.parfum .content .box .row.feature,section.faceup .content .box .row.feature{margin-bottom:10vw}section.parfum .content .box .row.feature ul.spec,section.faceup .content .box .row.feature ul.spec{padding:0 0 0 1.5em}section.parfum .content .box .infoBox.mb,section.faceup .content .box .infoBox.mb{margin-bottom:10vw}section.parfum .content .box .infoBox .proBox,section.faceup .content .box .infoBox .proBox{width:70%;margin:0 auto 32vw auto}section.parfum .content .box .infoBox .proBox .cube,section.faceup .content .box .infoBox .proBox .cube{left:-20%;bottom:-70%}section.parfum .content .box .infoBox .proBox .pro,section.faceup .content .box .infoBox .proBox .pro{right:-15%;bottom:-90%}section.parfum .content .box .infoBox .proBox .pro3,section.parfum .content .box .infoBox .proBox .pro4,section.faceup .content .box .infoBox .proBox .pro3,section.faceup .content .box .infoBox .proBox .pro4{width:70%;margin:0 auto}section.parfum .content .box .infoBox .proBox.parfum,section.faceup .content .box .infoBox .proBox.parfum{width:80%;margin:6% auto}section.parfum .content .box .nameBox h1,section.faceup .content .box .nameBox h1{font-size:1.5em}section.parfum .content .box .nameBox h4,section.faceup .content .box .nameBox h4{font-size:1em}section.parfum .content .box .btnBox,section.faceup .content .box .btnBox{margin-bottom:5vw}}section.parfum .content{padding-bottom:8em}@media only screen and (max-width: 992px){section.parfum .content{padding-bottom:10vw}}.pyramidBox{position:relative;display:flex;width:40em;height:auto;margin:3em auto;padding:2em 8%;border-radius:1em;background-color:#fff}.pyramidBox .bg{position:relative}.pyramidBox ul.info{position:absolute;display:flex;flex-direction:column;list-style:none;padding:1.2em 0 0 6em}.pyramidBox ul.info li{margin:0 0 1.5em 0}.pyramidBox ul.info li h2{line-height:110%}.pyramidBox ul.info li h2 span{font-size:.8em;color:#4e2d20}@media only screen and (min-width: 1200px)and (max-width: 1500px){.pyramidBox ul.info li{margin:0 0 1.1em 0}}@media only screen and (min-width: 992px)and (max-width: 1200px){.pyramidBox ul.info{padding-top:1.5em}}@media only screen and (max-width: 992px){.pyramidBox{width:100%;margin:1em auto 3em auto;padding:1em 1em}.pyramidBox .bg{overflow:hidden}.pyramidBox .bg img{width:auto;height:54vw}.pyramidBox ul.info{padding-top:9vw}.pyramidBox ul.info li{margin:0 0 .8em 0}}.row.flower{position:relative;display:flex;width:80%;height:auto;margin:0 auto}.row.flower .col>h4{margin-top:.5em;line-height:160%}.row.flower .col .hanaBox{position:relative;display:flex;flex-direction:row;margin:3em 0 0 0}.row.flower .col .hanaBox.apple{position:absolute;bottom:0;right:0}.row.flower .col .hanaBox .hana{position:relative;display:flex;overflow:visible;margin-right:4em}.row.flower .col .hanaBox .hana .pic{width:8em;height:8em}.row.flower .col .hanaBox .hana .new{position:absolute;width:6em;height:auto;bottom:.5em;left:85%}.row.flower .col .hanaBox .hana h4{position:absolute;width:auto;bottom:0;left:90%;white-space:nowrap}@media only screen and (min-width: 992px)and (max-width: 1200px){.row.flower .col .hanaBox.apple{bottom:0;right:-20%}}@media only screen and (max-width: 992px){.row.flower{width:100%}.row.flower .col .hanaBox{margin:1em 0 3em 0}.row.flower .col .hanaBox.apple{position:relative;margin:1em 0 2em 0}.row.flower .col .hanaBox .hana{margin-right:3em}.row.flower .col .hanaBox .hana h4{font-size:.9em}}ul.point{position:relative;display:flex;width:100%;height:auto;margin:3em auto;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;list-style:none}ul.point li{position:relative;display:flex;width:33.3%;height:auto;margin:0 0em;padding:0 0em;flex-direction:column}ul.point li .txtBox{position:relative;display:flex;width:100%;height:auto;overflow:hidden;padding:0}ul.point li .txtBox .bg{position:relative;display:flex;width:100%;height:auto}ul.point li .txtBox .txt{position:absolute;display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center}ul.point li .txtBox .txt .ti1{font-size:2em;text-align:center;margin-top:.5em}ul.point li .txtBox .txt .ti2{display:flex;height:3.2em;font-size:2em;text-align:center;margin-top:.5em;justify-content:center;align-items:center}ul.point li>h4{margin-top:0em;text-align:center;line-height:160%}@media only screen and (max-width: 992px){ul.point{flex-direction:column}ul.point li{width:100%}ul.point li>h4{margin-top:-1em;margin-bottom:1em}}