@charset "UTF-8";.shop-fix{position:fixed;right:calc(50% - 380px);bottom:10%;z-index:10;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;bottom:17%;right:0%}}@media (min-width:750px){.shop-fix:hover .hover-shop{scale:1.1}}.shop-fix img{position:absolute;-webkit-transition:0.75s;transition:0.75s}.popup{position:fixed;left:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4235294118);z-index:15;opacity:0;pointer-events:none;-webkit-transition:0.5s;transition:0.5s}.popup.active{opacity:1}.popup.pointer{pointer-events:revert}.popup-wrap{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-30%);transform:translateY(-30%);margin:0 auto;width:500px;height:100vh;z-index:20}@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:transparent;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:1.33vw #fff;-webkit-text-stroke:1.33vw #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:-webkit-gradient(linear,left top,right top,from(#af9325),color-stop(24%,#c9b247),color-stop(45%,#af9325),color-stop(59%,#c9b247),color-stop(96%,#af9325));background:linear-gradient(to right,#af9325,#c9b247 24%,#af9325 45%,#c9b247 59%,#af9325 96%);-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%;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 .en 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 .title .tw{position:relative;z-index:2;letter-spacing:1px;color:#00a7ac}.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:1.33vw #fff;-webkit-text-stroke:1.33vw #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:15%;left:0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:750px){.popup-wrap ul{top:18vw}}.popup-wrap ul li{position:relative;width:45%;margin:0 1% 4.2%}.popup-wrap ul li a{-webkit-transition:opacity 0.75s;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;-webkit-transition:all 0.75s;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;-webkit-transition:all 0.75s;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 .txt{position:absolute;bottom:15%;left:-7%;width:100%;text-align:center;font-size:25px;color:#00a7ac}@media (max-width:750px){.popup-wrap ul li .txt{font-size:3.3333333333vw}}.popup-wrap .intro{position:absolute;bottom:3.3%;left:4.2%;font-size:13px;letter-spacing:0.3px;color:#00a7ac}@media (max-width:750px){.popup-wrap .intro{font-size:1.7333333333vw;letter-spacing:0}}.section1 .text1{top:17.1%;font-size:60px;font-weight:bold}@media (max-width:750px){.section1 .text1{font-size:8vw}}.section1 .text1 span{z-index:2;position:relative;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#00a79e),color-stop(#00a096),color-stop(#02958a),color-stop(#00a398),color-stop(#00a79e),to(#008d86));background-image:linear-gradient(to right,#00a79e,#00a096,#02958a,#00a398,#00a79e,#008d86)}.section1 .text1 span:after{content:"超薄大吸量 空氣感尿片";position:absolute;z-index:-1;left:0;width:100%}.section1 .text2{top:24%;color:#007d77;font-size:40px}@media (max-width:750px){.section1 .text2{font-size:5.3333333333vw}}.section1 .text2 span{display:inline-block;position:relative;z-index:1}.section1 .text2 .t1{position:absolute;top:-12%;font-size:25px;font-weight:bold}@media (max-width:750px){.section1 .text2 .t1{font-size:3.3333333333vw}}.section1 .info-text{bottom:1.2%;left:3%}.section2 .text1{top:4.8%;font-size:60px;font-weight:bold}@media (max-width:750px){.section2 .text1{font-size:8vw}}.section2 .text1 span{z-index:2;position:relative;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#007d77),color-stop(#007d77),color-stop(#02958a),color-stop(#00a79e),color-stop(#00a79e),to(#008d86));background-image:linear-gradient(to right,#007d77,#007d77,#02958a,#00a79e,#00a79e,#008d86)}.section2 .text1 span:after{content:"選清新幫";position:absolute;z-index:-1;left:0;width:100%}.section2 .text1 .s2{z-index:2;position:relative;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#8a358d),color-stop(#8a358d),to(#8a358d));background-image:linear-gradient(to right,#8a358d,#8a358d,#8a358d)}.section2 .text1 .s2:after{content:"拉拉褲";position:absolute;z-index:-1;left:0;width:100%}.section2 .text1 .t1{top:0}.section2 .text1 .t2{top:0}.section2 .text2{top:11.8%;font-size:50px;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}@media (max-width:750px){.section2 .text2{font-size:6.6666666667vw}}.section2 .text2 .t1{z-index:revert;position:relative;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#007d77),color-stop(#007d77),color-stop(#02958a),color-stop(#00a79e),color-stop(#00a79e),to(#008d86));background-image:linear-gradient(to right,#007d77,#007d77,#02958a,#00a79e,#00a79e,#008d86)}.section2 .text2 .t1:after{content:"有齊";position:absolute;z-index:-1;left:0;width:100%;-webkit-text-stroke:10px #ffffff}.section2 .text2 .t2{z-index:revert;position:relative;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#00a79e),color-stop(#00a79e),color-stop(#00a79e),color-stop(#00a79e),color-stop(#00a79e),to(#008d86));background-image:linear-gradient(to right,#00a79e,#00a79e,#00a79e,#00a79e,#00a79e,#008d86)}.section2 .text2 .t2:after{content:"大優點";position:absolute;z-index:-1;left:0;width:100%;-webkit-text-stroke:10px #ffffff}.section2 .text2 .green{position:absolute;left:43.7%}@media (max-width:750px){.section2 .text2 .green{width:6.5333333333vw}}.section2 .text2 .purple{position:absolute;left:43.7%}@media (max-width:750px){.section2 .text2 .purple{width:6.2666666667vw}}.section2 .text3{position:absolute;left:13%;top:13%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:750px){.section2 .text3 picture{width:79.2vw}}.section2 .text3 #GreenBtn{width:247px;height:95px;position:absolute;left:4%;top:43%;cursor:pointer}@media (max-width:750px){.section2 .text3 #GreenBtn{width:32.9333333333vw;height:12.6666666667vw}}.section2 .text3 #PurpleBtn{width:247px;height:95px;position:absolute;right:7.8%;top:43%;cursor:pointer}@media (max-width:750px){.section2 .text3 #PurpleBtn{width:32.9333333333vw;height:12.6666666667vw}}.section2 .text4{bottom:6%;width:80%;height:705px}@media (max-width:750px){.section2 .text4{height:94vw}}.section2 .text4 .green{position:absolute;bottom:0;width:100%}.section2 .text4 .purple{position:absolute;bottom:1.2vw;width:100%}@media (max-width:750px){.section2 .text4 .purple{bottom:3vw}}.section2 .info-text{bottom:1.2%;left:3%}.section2 .hide-color{opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.section2 .show-color{opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.section2 .none{display:none}.section3 .text1{top:9.1%;font-size:60px;font-weight:bold}@media (max-width:750px){.section3 .text1{font-size:8vw}}.section3 .text1 span{position:relative;color:transparent;z-index:2;background-clip:text;-webkit-background-clip:text;background-image:-webkit-gradient(linear,left top,right top,from(#007d77),color-stop(#007d77),color-stop(#02958a),color-stop(#00a79e),color-stop(#00a79e),to(#008d86));background-image:linear-gradient(to right,#007d77,#007d77,#02958a,#00a79e,#00a79e,#008d86)}.section3 .text1 span:after{content:"超軟超薄空氣芯";position:absolute;z-index:-1;left:0;width:100%;-webkit-text-stroke:10px #ffffff}.section3 .text2{position:absolute;left:34%;top:27.6%}.section3 .text2 .t1{position:absolute;top:43%;font-size:48px;-webkit-transform:rotate(19deg);transform:rotate(19deg);color:transparent}@media (max-width:750px){.section3 .text2 .t1{font-size:6.4vw}}@media (max-width:750px){.section3 .text2{width:59.7333333333vw}}.section4 .text1{top:7.8%;font-size:58px;font-weight:bold}@media (max-width:750px){.section4 .text1{font-size:7.7333333333vw;letter-spacing:-3px}}.section4 .text1 span{position:relative;color:transparent;z-index:2;background-clip:text;-webkit-background-clip:text;background-image:-webkit-gradient(linear,left top,right top,from(#007d77),color-stop(#007d77),color-stop(#02958a),color-stop(#00a79e),color-stop(#00a79e),to(#008d86));background-image:linear-gradient(to right,#007d77,#007d77,#02958a,#00a79e,#00a79e,#008d86)}.section4 .text1 span:after{content:"真防漏！Pat Pat 乾爽舒適";position:absolute;z-index:-1;left:0;width:100%;-webkit-text-stroke:0px #ffffff}.section4 .text2{top:15.2%;font-size:50px}@media (max-width:750px){.section4 .text2{font-size:6.6666666667vw}}.section4 .text2 span{position:relative;color:transparent;z-index:2;background-clip:text;-webkit-background-clip:text;background-image:-webkit-gradient(linear,left top,right top,from(#007d77),color-stop(#007d77),color-stop(#02958a),color-stop(#00a79e),color-stop(#00a79e),to(#008d86));background-image:linear-gradient(to right,#007d77,#007d77,#02958a,#00a79e,#00a79e,#008d86)}.section4 .text2 span:after{content:"超強鎖水 導流均勻不易反滲";position:absolute;z-index:-1;left:0;width:100%;-webkit-text-stroke:0px #ffffff}.section4 .info-text{bottom:1.5%;left:3%}.section5 .text1{top:6.8%;font-size:58px;font-weight:bold}@media (max-width:750px){.section5 .text1{font-size:7.7333333333vw}}.section5 .text1 span{position:relative;color:transparent;z-index:2;background-clip:text;-webkit-background-clip:text;background-image:-webkit-gradient(linear,left top,right top,from(#007d77),color-stop(#007d77),color-stop(#02958a),color-stop(#00a79e),color-stop(#00a79e),to(#008d86));background-image:linear-gradient(to right,#007d77,#007d77,#02958a,#00a79e,#00a79e,#008d86)}.section5 .text1 span:after{content:"雲感表層";position:absolute;z-index:-1;left:0;width:100%;-webkit-text-stroke:0px #ffffff}.section5 .text2{top:14.2%;font-size:47px}@media (max-width:750px){.section5 .text2{font-size:6.2666666667vw}}.section5 .text2 span{position:relative;color:transparent;z-index:2;background-clip:text;-webkit-background-clip:text;background-image:-webkit-gradient(linear,left top,right top,from(#007d77),color-stop(#007d77),color-stop(#02958a),color-stop(#00a79e),color-stop(#00a79e),to(#008d86));background-image:linear-gradient(to right,#007d77,#007d77,#02958a,#00a79e,#00a79e,#008d86)}.section5 .text2 span:after{content:"外層由微米級纖維織造";position:absolute;z-index:-1;left:0;width:100%;-webkit-text-stroke:0px #ffffff}.section6 .text1{top:4%;width:645px}@media (max-width:750px){.section6 .text1{width:86vw}}.section6 .text1 .t1{position:absolute;top:14%;font-size:60px;color:transparent}@media (max-width:750px){.section6 .text1 .t1{font-size:8vw}}.section6 .text1 .t2{position:absolute;top:63%;font-size:34px;color:transparent}@media (max-width:750px){.section6 .text1 .t2{font-size:4.5333333333vw}}.section6 .text2,.section6 .text3,.section6 .text4{color:#ffffff;font-size:31px}@media (max-width:750px){.section6 .text2,.section6 .text3,.section6 .text4{font-size:4.1333333333vw}}.section6 .text2{top:16.5%}.section6 .info-text.text2-1{top:41.2%;left:7.2%;color:#000000;font-weight:bold;font-size:10px}@media (max-width:750px){.section6 .info-text.text2-1{font-size:1.3333333333vw}}.section6 .text3{top:46.7%}.section6 .text3 span{font-size:12px;font-weight:400;-webkit-transform:translateY(-140%);transform:translateY(-140%);display:inline-block}@media (max-width:750px){.section6 .text3 span{font-size:1.6vw}}.section6 .info-text.text3-1{top:69.5%;left:7.2%;color:#000000;font-weight:bold;font-size:10px}@media (max-width:750px){.section6 .info-text.text3-1{font-size:1.3333333333vw}}.section6 .text4{bottom:23.6%}.section7 h2.title{position:absolute;top:13.1%;left:0;width:100%;font-size:39px;text-align:center;color:#00a7ac;letter-spacing:-0.25px;font-weight:bold}@media (max-width:750px){.section7 h2.title{font-size:5.2vw}}.section7 .txt{font-size:58px;font-weight:bold;color:transparent;background:-webkit-gradient(linear,left top,right top,from(#af9325),color-stop(24%,#c9b247),color-stop(45%,#af9325),color-stop(59%,#c9b247),color-stop(96%,#af9325));background:linear-gradient(to right,#af9325,#c9b247 24%,#af9325 45%,#c9b247 59%,#af9325 96%);-webkit-background-clip:text;background-clip:text;line-height:1;letter-spacing:1.5px}@media (max-width:750px){.section7 .txt{font-size:7.7333333333vw;letter-spacing:0.2vw}}.section7 .b_txt{font-size:39px;font-weight:bold;letter-spacing:0.5px;color:#008682;line-height:1.1}@media (max-width:750px){.section7 .b_txt{font-size:5.2vw;letter-spacing:0}}.section7 .m_txt{color:#00a7ac;font-size:20px;font-weight:bold;letter-spacing:-0.25px;line-height:1.4;margin-top:-0.3%}@media (max-width:750px){.section7 .m_txt{font-size:2.6666666667vw;letter-spacing:0}}.section7 .box_1{position:absolute;top:22.5%;left:12.7%}.section7 .box_2{position:absolute;top:40.4%;left:12.7%}.section7 .box_2 .txt{font-size:32px}@media (max-width:750px){.section7 .box_2 .txt{font-size:4vw}}.section7 .box_3{position:absolute;top:56%;left:12.7%}.section7 .box_4{position:absolute;top:85.3%;left:12.7%}.section8 .text1{top:14.2%;font-size:44px;color:#00b2a9}@media (max-width:750px){.section8 .text1{font-size:5.8666666667vw}}.section8 .info-text{bottom:4.5%;left:14%;color:#6c7e81;font-size:15px;line-height:24px}@media (max-width:750px){.section8 .info-text{font-size:2vw;line-height:3.2vw}}