@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,table,time,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.footer{position:relative;width:750px;max-width:100%;margin:0 auto;overflow:hidden;background-color:#181c3f;padding:20px 0}.footer__text{position:relative;width:100%;text-align:center}.footer__link{display:flex;justify-content:center;margin:0 auto}.footer__link li{color:#fff;transition:all 0.5s ease;margin-right:1.5em;letter-spacing:0.75px;font-size:2.35vw;border-bottom:2px solid transparent}@media (max-width:575px){.footer__link li{font-size:10px}}@media (min-width:768px){.footer__link li{font-size:18px}.footer__link li:hover{border-bottom:2px solid #646464}}.footer__link li:last-child{margin-right:0}.footer__link li:last-child img{width:8px;margin-left:0.4em}@media (min-width:769px){.footer__link li:last-child img{width:10px}}@media (max-width:767px){.footer__link li img{width:8%}}body,html{font-family:"jf-jinxuanlatte",sans-serif;font-weight:400;overflow-x:hidden}body.loading,html.loading{opacity:1;visibility:visible}.asj{opacity:0}body{overflow:hidden}.porel{position:relative}.center{text-align:center}img{max-width:100%}.mo{display:none}@media (max-width:767px){.mo{display:block}}.pc{display:none}@media (min-width:768px){.pc{display:block}}a,a:hover{text-decoration:none;outline:none;color:inherit}:focus{outline:none}[tabindex="0"]:focus-visible{font-weight:bold;border:1px solid white;outline:none}#cookie .cookie-txt [tabindex="0"]:focus-visible{font-weight:bold;border:1px solid black;outline:none}#cookie .cookie-close[tabindex="0"]:focus-visible{font-weight:400;background-color:#fff;color:#000;border:1px solid #000}picture{display:block}picture source{display:block}picture img{display:block}.container{width:750px;max-width:100%;margin:0 auto}a.skip-main{position:fixed;top:0;left:50%;transform:translateX(-50%);width:1px;height:1px;overflow:hidden;z-index:-999}a.skip-main:active,a.skip-main:focus{color:#fff;background-color:#000;left:50%;transform:translateX(-50%);top:0;width:30%;height:auto;overflow:auto;padding:5px;border-radius:15px;text-align:center;font-size:1.2em;z-index:999}h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.title{position:absolute;width:100%;text-align:center}.title div{position:relative}.bg-brown{position:relative;z-index:2;font-size:78px;font-weight:700;line-height:1.1;color:transparent;background-clip:text;letter-spacing:-0.02em;background-image:linear-gradient(26deg,#ffda9f 0%,#feefc4 32%,#ffda9f 67%,#feefc4 100%)}@media (max-width:750px){.bg-brown{font-size:10.4vw}}.bg-brown:before{content:attr(data-storke);position:absolute;z-index:-1;text-shadow:0 1px 2px rgba(255,255,255,0.35),1px 1px 2px rgba(255,255,255,0.25),0 -2px 4px rgba(82,55,20,0.45),-1px -1px 3px rgba(82,55,20,0.35),0 2px 4px rgba(0,0,0,0.35)}@media (max-width:750px){.bg-brown:before{width:100%}}.bg-wh:before{content:attr(data-storke);position:absolute;z-index:-1;-webkit-text-stroke:2px #ffffff;text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px #fff}@media (max-width:750px){.bg-wh:before{width:100%;-webkit-text-stroke:1px #ffffff;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 3px #fff}}.bg-bl:before{content:attr(data-storke);position:absolute;z-index:-1;-webkit-text-stroke:7px #375ab2;text-shadow:0 0 7px #375ab2,0 0 14px #375ab2,0 0 21px #375ab2}@media (max-width:750px){.bg-bl:before{width:100%;-webkit-text-stroke:1px #375ab2;text-shadow:0 0 1px #375ab2,0 0 2px #375ab2,0 0 3px #375ab2}}.bg-bk:before{content:attr(data-storke);position:absolute;z-index:-1;-webkit-text-stroke:2px #333;text-shadow:0 0 2px #333,0 0 4px #333,0 0 6px #333}@media (max-width:750px){.bg-bk:before{width:100%;-webkit-text-stroke:1px #5c5959;text-shadow:0 0 1px #5c5959,0 0 2px #5c5959,0 0 3px #5c5959}}.info-text{position:absolute}.info-text div{font-size:11.4px;color:#000000;font-family:"jf-jinxuanlatte",sans-serif;line-height:1.35}@media (max-width:750px){.info-text div{font-size:1.6vw}}.fixd-group{position:fixed;z-index:20;bottom:10px;left:0;right:20px;margin:0 auto}@media (max-width:750px){.fixd-group{bottom:1.33vw;right:2.67vw}}.shop-fix{position:absolute;right:0;left:0;transform:translate(328px,-125%);margin:0 auto;width:100px;height:100px;min-width:80px;min-height:80px;overflow:revert;cursor:pointer}@media (max-width:750px){.shop-fix{width:10.6666666667vw;height:10.6666666667vw;transform:translate(0,-125%);margin:revert;margin-left:auto}}@media (min-width:750px){.shop-fix:hover .hover-shop{scale:1.1}}.shop-fix img{transition:0.75s}.popup{position:fixed;top:0;left:0;right:0;width:100%;height:100%;background-color:rgba(40,85,175,0.5);z-index:25;opacity:0;pointer-events:none;transition:0.5s}.popup.active{opacity:1}.popup.pointer{pointer-events:revert}.popup-wrap{position:absolute;left:0;right:0;top:49%;transform:translateY(-50%);margin:0 auto;width:500px;z-index:30}@media (max-width:750px){.popup-wrap{font-size:4.6666666667vw;width:66.6666666667vw}}.popup-wrap .x{position:absolute;top:1.3%;right:4%;font-size:30px;color:#fff;z-index:1;cursor:pointer}@media (max-width:750px){.popup-wrap .x{font-size:4vw}}.popup-wrap .title{position:absolute;top:5%;left:0;width:100%;text-align:center;font-size:50px;padding:10px;font-weight:600}@media (max-width:750px){.popup-wrap .title{top:5vw;font-size:6.6666666667vw}}.popup-wrap .title .en{position:relative;z-index:10;display:inline-block;margin-right:6px;font-family:"jf-jinxuanlatte";color:transparent}.popup-wrap .title .en:before{content:"P&G";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;text-stroke:5px #fff;-webkit-text-stroke:5px #fff}@media (max-width:750px){.popup-wrap .title .en:before{text-stroke:0.67vw #fff;-webkit-text-stroke:0.67vw #fff}}.popup-wrap .title .en:after{content:"P&G";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;color:transparent;background:linear-gradient(to right,#b79c2f,#c9b146 26%,#b4992a 47%,#c0a83b 77%,#b09427 100%);-webkit-background-clip:text;background-clip:text}.popup-wrap .title .en s{display:inline-block;position:absolute;left:0;width:100%;height:100%}.popup-wrap .title .en s:after{content:"P&G";position:absolute;z-index:-2;top:0;left:0;width:100%;height:100%}.popup-wrap .title .tw{position:relative;z-index:2;letter-spacing:1px;color:#2855af}.popup-wrap .title .tw:after{content:"正貨零售點";position:absolute;z-index:-1;left:0;width:100%;height:100%;text-stroke:5px #fff;-webkit-text-stroke:5px #fff}@media (max-width:750px){.popup-wrap .title .tw:after{text-stroke:0.67vw #fff;-webkit-text-stroke:0.67vw #fff}}.popup-wrap .title .tw s{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%}.popup-wrap .title .tw s:after{content:"正貨零售點";position:absolute;z-index:-2;top:12%;left:0;width:100%;height:100%;text-shadow:0 0 10px rgba(62,62,62,0.4),0 0 10px rgba(62,62,62,0.4)}@media (max-width:750px){.popup-wrap .title .tw s:after{text-shadow:0 0 2.13vw rgba(62,62,62,0.4),0 0 2.13vw rgba(62,62,62,0.4)}}.popup-wrap ul{position:absolute;top:20%;left:0;text-align:center;display:flex;flex-wrap:wrap;justify-content:center}@media (max-width:750px){.popup-wrap ul{top:18vw}}.popup-wrap ul li{position:relative;width:40%;margin:0 2.2% 4%}.popup-wrap ul li a{transition:opacity 0.75s}@media (min-width:751px){.popup-wrap ul li a:hover{opacity:0.7}}.popup-wrap ul li a[tabindex="0"]{display:block;border:none;transition:all 0.75s}.popup-wrap ul li a[tabindex="0"]:focus,.popup-wrap ul li a[tabindex="0"]:focus-visible{font-weight:i;border:1px solid #000;outline:none}.popup-wrap ul li a[tabindex="0"] picture{border:1px solid transparent;transition:all 0.75s}.popup-wrap ul li a[tabindex="0"] picture:focus,.popup-wrap ul li a[tabindex="0"] picture:focus-visible{font-weight:bold;border:1px solid #000;outline:none}.popup-wrap ul li .no_link{cursor:default}.popup-wrap ul li .txt{display:flex;align-items:flex-end;justify-content:center;position:absolute;bottom:14.5%;left:0;width:100%;text-align:center;font-size:25px;font-weight:500;color:#2855af}@media (max-width:750px){.popup-wrap ul li .txt{font-size:3.3333333333vw}}.popup-wrap ul li .txt.fz23{font-size:23px;letter-spacing:-0.035em}@media (max-width:750px){.popup-wrap ul li .txt.fz23{font-size:3.0666666667vw}}.popup-wrap ul li .txt.fz23 .arrow{margin:0 -2px 0 6px}@media (max-width:750px){.popup-wrap ul li .txt.fz23 .arrow{margin:0 -0.267vw 0 0.8vw}}.popup-wrap ul li .arrow{width:26px;aspect-ratio:1;background:url("../images/arrow.png") center/contain no-repeat;margin:0 -10px 0 14px}@media (max-width:750px){.popup-wrap ul li .arrow{width:3.467vw;margin:0 -1.33vw 0 1.867vw}}.popup-wrap .intro{position:absolute;bottom:3.3%;left:4.2%;font-size:13px;letter-spacing:0.3px;color:#fff}@media (max-width:750px){.popup-wrap .intro{font-size:1.7333333333vw;letter-spacing:0;bottom:3.3%}}.animated.fadeInLeft{animation-name:fadeInLeft;animation-duration:1s;animation-fill-mode:both}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-50px,0,0)}to{opacity:1;transform:none}}.animated.fadeInRight{animation-name:fadeInRight;animation-duration:1s;animation-fill-mode:both}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(50px,0,0)}to{opacity:1;transform:none}}.animated.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:both;animation-delay:0.25s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animated.fadeUp{animation-name:fadeUp;animation-duration:1s;animation-fill-mode:both}@keyframes fadeUp{0%{opacity:0;transform:translate(0,50px,0)}to{opacity:1;transform:translate(0,0,0)}}.animated.fadeUp2{animation-name:fadeUp2;animation-duration:1s;animation-fill-mode:both}@keyframes fadeUp2{0%{opacity:0;transform:translateY(-40%)}to{opacity:1;transform:translateY(-50%)}}.animated.fadeUp3{animation-name:fadeUp3;animation-duration:1s;animation-fill-mode:both}@keyframes fadeUp3{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animated.fadeInTop{animation-name:fadeInTop;animation-duration:1s;animation-fill-mode:both}@keyframes fadeInTop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.animated.fadeInTop-img{animation-name:fadeInTop-img;animation-duration:1s;animation-fill-mode:both}@keyframes fadeInTop-img{0%{opacity:0;transform:scale(0) translateX(-50%)}to{opacity:1;transform:scale(1) translateX(-50%)}}.animated.fadeRotate{animation-name:fadeRotate;animation-duration:1.5s;animation-fill-mode:both}@keyframes fadeRotate{0%{opacity:0;transform:rotateY(120deg)}to{opacity:1;transform:rotateY(0)}}.animated.fadebrand{animation-name:fadebrand;animation-duration:1s;animation-fill-mode:both}@keyframes fadebrand{0%{opacity:0;transform:rotateY(180deg)}to{opacity:1;transform:rotateY(0deg)}}.animated.fadeRotate-img{animation-name:fadeRotate-img;animation-duration:1s;animation-fill-mode:both;animation-delay:0.25s}@keyframes fadeRotate-img{0%{opacity:0;transform:rotateY(180deg)}to{opacity:1;transform:rotateY(0deg)}}.asj[data-delay="100"]{animation-delay:0.1s}.asj[data-delay="200"]{animation-delay:0.2s}.asj[data-delay="300"]{animation-delay:0.3s}.asj[data-delay="400"]{animation-delay:0.4s}.asj[data-delay="500"]{animation-delay:0.5s}.asj[data-delay="600"]{animation-delay:0.6s}.asj[data-delay="700"]{animation-delay:0.7s}.asj[data-delay="800"]{animation-delay:0.8s}.asj[data-delay="900"]{animation-delay:0.9s}.asj[data-delay="1000"]{animation-delay:1s}.asj[data-delay="1200"]{animation-delay:1.2s}.asj[data-delay="1300"]{animation-delay:1.3s}.asj[data-delay="1400"]{animation-delay:1.4s}.asj[data-delay="1600"]{animation-delay:1.6s}.asj[data-delay="1800"]{animation-delay:1.8s}@keyframes opacity{to{opacity:1}}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes rotate{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes circle-star{0%{opacity:0.5;transform:translate(-50%,-50%) scale(0.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes scroll{0%{transform:translate(-50%,0)}70%{opacity:1}to{opacity:0;transform:translate(-50%,105px)}}@keyframes scroll-s{0%{transform:translate(-50%,0)}70%{opacity:1}to{opacity:0;transform:translate(-50%,40px)}}#cookie{position:fixed;z-index:999;bottom:0;left:0;width:100%;background-color:#eeeeee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 20px;font-family:"jf-jinxuanlatte",sans-serif}#cookie .cookie-txt{display:inline-block;font-size:12px}#cookie .cookie-txt a{border-bottom:1px solid #000;font-weight:500;transition:all 0.5s ease-in-out}@media (min-width:768px){#cookie .cookie-txt a:hover{opacity:0.5}}#cookie .cookie-close{background-color:#000;color:white;border-radius:20px;padding:6px 0;width:76px;text-align:center;font-size:12px;line-height:1;margin-left:10px;flex:0 0 76px;transition:all 0.5s ease-in-out}@media (min-width:768px){#cookie .cookie-close:hover{opacity:0.5}}.cookie-close,.cookie-close:hover,.cookie-txt a,.cookie-txt a:hover{box-sizing:border-box;text-decoration:none;outline:none;color:inherit}