body{font-family:'微軟正黑體';font-size:16px;margin:0;overflow:hidden}img{max-width:100%}h1,h2,h3,h4{margin:0}.video-container.video_play{display:none}.divspic{position:absolute;display:inline-block}.navbar{position:fixed;width:100vw;display:flex;flex-direction:row;justify-content:space-around;padding-top:3em;z-index:1;animation:basiding 0.5s ease-in}@keyframes "siding"{from{padding-top:3em;background:rgba(108, 204, 218, 0);}to{padding-top:0em;background:rgba(108, 204, 218, 0.90);}}@keyframes "basiding"{from{padding-top:0em;background:rgba(108, 204, 218, 0.90);}to{padding-top:3em;background:rgba(108, 204, 218, 0);}}.logo{width:auto}.logotop{width:120px;height:35px;display:block;top:0;position:absolute}nav#pc_menu{display:inline-block;float:right;margin:2em 18em 0 0;position:fixed;width:100%}ul{margin:0;padding:0;list-style:none}ul.nav_menu{border:none;display:inline-block;font-size:13px}ul.nav_menu li{position:relative;white-space:nowrap}ul.nav_menu>li{float:left}ul.nav_menu a{color:#fff;font-size:1.3em;display:block;padding:0 1.1em;text-decoration:none;line-height:40px}ul.nav_menu a:hover{background-color:rgba(0, 0, 0, 0.22);color:#fff;font-size:1.45em;transition:all 0.6s}#p1{background:url(../images/hotSpring.png) no-repeat 50% 89.8em, url(../images/cover1.png) no-repeat 50% bottom, url(../images/banner.png) no-repeat 50% top;height:93em;width:100vw;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.whyconbox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:60%;position:relative;top:11%}.why_flex{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;position:relative}div.title{display:inline-block;padding:0;margin:0;color:#fff;font-size:2em;font-weight:500;background:url(../images/draw1.png) no-repeat left bottom;background-color:transparent}div#h_l_pic1{background:url(../images/shine.png) no-repeat 101% 56%, url(../images/h_l_pic1.png) no-repeat left top;background-size:auto,auto 100%;width:33.8em;height:15em;margin-top:1.5em}div#h_l_pic2{font-size:2em;color:#fff;text-shadow:1px 1px 2px #000;margin-top:0.6em}.buy_btn_box{margin-top:3em}.buy_btn{border:#ffffff solid 2px;background:#3092ab;border-radius:15px;color:#FFF;font-size:3.5em;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1) inset;font-weight:normal;padding:0.1em 2em;text-decoration:none;display:flex;justify-content:center;align-items:center}.fa-play{font-size:25px !important;width:25px;height:25px;margin:4px 10px 0}.buy_btn:hover{background-color:#008cc2}.whypicbox{position:relative;width:32vw;height:32vw}div#h_r_pic1{background:url(../images/h_r_pic1.png) no-repeat 50% top;background-size:100% auto;width:22vw;height:28vw;position:absolute;display:inline-block;left:33%;top:1%}div#h_r_pic2{background:url(../images/mask.png) no-repeat 50% top;background-size:100% auto;width:13.2vw;height:20vw;position:absolute;display:inline-block;left:2.5%;top:36.5%}div#h_r_pic3{background:url(../images/leaf.png) no-repeat 50% top;background-size:100% auto;width:10.5vw;height:7.5vw;position:absolute;display:inline-block;left:68.7%;top:78.5%}.drapMouse{background:url(../images/scrolldown.png) no-repeat 50% 50%;background-size:100% auto;border-radius:100px;width:10em;height:10em;margin:1.85em;position:relative;top:-8%;animation:drapmove 1.5s ease-in infinite alternate}@keyframes "drapmove"{from{top:-8%;}to{top:-5%;}}.drapMouse:hover{transition:all 0.4s;background-color:rgba(228, 245, 247, 0.4);box-shadow:0 0 3em rgba(228, 245, 247, 0.4)}#p2{background:url(../images/hotSpring.png) no-repeat 50% -3.2em, url(../images/water2.png) no-repeat calc(100vw - 20em) 33.2em, url(../images/water1.png) no-repeat -32em top;background-color:#f8f8f8;width:100vw;overflow:hidden;height:82em;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.eff_text{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5em 0.5em}.eff_text h3{font-size:4.5em;font-weight:normal;color:#4bb9c6;margin-bottom:10px;text-align:center}.eff_text p{font-size:1.77em;color:#999;margin:0.5em 0 0 0;text-align:center}div#e_l_pic1{width:46%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.blk{margin:-45px 0 0 0;display:flex}#p3{background:url(../images/water3.png) no-repeat -31.7em 93.3em, url(../images/water2.png) no-repeat calc(100vw - 20em) -48.85em, url(../images/cover2.png) no-repeat 50% bottom, url(../images/contentBg1.png) no-repeat 50% top;background-color:#fcfcfd;width:100vw;overflow:hidden;height:124em;display:flex;flex-direction:column;align-items:center}.pro_pic{background:url(../images/efficacyWater.png) no-repeat 50% 84.5%;width:100vw;height:63em;position:relative}.p_l_pic{background:url(../images/product1.png) no-repeat left top;background-size:100% auto;width:36em;height:39em;top:13em;right:48%}.p_r_pic{background:url(../images/product2.png) no-repeat left top;background-size:100% auto;width:36em;height:41em;top:8em;left:47.4%}.p_l_bll1{background:url(../images/efficacy1.png) no-repeat left top;background-size:100% auto;width:9.1em;height:9.1em;top:2%;right:61.7%}.p_l_bll2{background:url(../images/efficacy2.png) no-repeat left top;background-size:100% auto;width:12em;height:12em;top:26.2%;right:70.8%}.p_l_bll3{background:url(../images/efficacy3.png) no-repeat left top;background-size:100% auto;width:8.5em;height:8.5em;top:58.4%;right:66.8%}.p_r_bll1{background:url(../images/efficacy4.png) no-repeat left top;background-size:100% auto;width:9em;height:9em;top:5.8%;left:72.35%}.p_r_bll2{background:url(../images/efficacy5.png) no-repeat left top;background-size:100% auto;width:7em;height:7em;top:44.8%;left:67.95%}.bll{animation:bubbles 10.8s 6s cubic-bezier(0.39, 0.575, 0.565, 1) infinite, xmove 8s infinite alternate}.bll2{animation:bubbles 10.8s 6s cubic-bezier(0.39, 0.575, 0.565, 1) infinite, xmove2 8s infinite alternate}@keyframes "bubbles"{0%{opacity:0;}40%{opacity:1;}100%{opacity:0;top:0;}}@keyframes "xmove"{0%{margin:20px;margin-top:10vw;}40%{margin:0;margin-top:2vw;}60%{margin:-10px;}80%{margin:20px;}100%{margin:0;}}@keyframes "xmove2"{0%{margin:20px;}40%{margin:0;}60%{margin:20px;}80%{margin:0;}100%{margin:-10px;}}@keyframes "scale"{0%{transform:scaleX(1);}12.5%{transform:scaleX(1.3);}25%{transform:scaleX(1);}37.5%{transform:scaleX(1.2);}50%{transform:scaleX(1);}62.5%{transform:scaleX(1.2);}75%{transform:scaleX(1);}87.5%{transform:scaleX(1.3);}100%{transform:scaleX(1);}}@keyframes "scale2"{0%{transform:scaleX(1.3);}12.5%{transform:scaleX(1);}25%{transform:scaleX(1.2);}37.5%{transform:scaleX(1);}50%{transform:scaleX(1.1);}62.5%{transform:scaleX(1.2);}75%{transform:scaleX(1.3);}87.5%{transform:scaleX(1);}100%{transform:scaleX(1.2);}}.step{display:flex;flex-direction:row;justify-content:flex-start;padding-top:17em;width:18em;margin:1em}.step>img{width:45px;height:45px}.step>p{margin-top:0;line-height:1.5em;text-align:justify;font-size:1.5em;color:#999999}.steptit{display:flex;flex-direction:column;justify-content:center;align-items:center}.steptit h4{color:#4eb9c9;font-size:4.5em;font-weight:normal}.steptop{justify-content:space-around;padding-top:0;width:auto}.steptop p{padding:0 0.72em}.stepflex{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;position:relative}.step1{background:url(../images/step1.png) no-repeat 50% top}.step2{background:url(../images/step2.png) no-repeat 50% top}.step3{background:url(../images/step3.png) no-repeat 50% top}.step4{background:url(../images/step4.png) no-repeat 50% top}.drap_arrow{background:url(../images/arrow.png) no-repeat 50% 50%;background-size:100% auto;width:5em;height:5em;margin:1.85em}.drap_arrow:hover{transition:all 0.4s;background-color:#e4f5f7;border-radius:35px;border:2px solid #fff;box-shadow:0 1px 2px rgba(80, 80, 80, 0.55)}#p4{background:url(../images/water4.png) no-repeat calc(100vw - 16.5em) 50.95em, url(../images/water3.png) no-repeat -31.7em -30.7em, url(../images/cover3.png) no-repeat 50% bottom;background-color:#e4f5f7;width:100vw;overflow:hidden;height:100em;display:flex;flex-direction:column;justify-content:center;align-items:center}.mictit{background:url(../images/evaluation-right.png) no-repeat right top, url(../images/evaluation-left.png) no-repeat left top;padding:0 8em}.h1box{display:flex;flex-wrap:wrap;justify-content:center}.mictit h1{font-size:6em;font-weight:normal;color:#4eb9c9}.bottomline{background:url(../images/draw1.png) no-repeat left bottom;background-size:100%}.mictit h2{font-size:3.6em;font-weight:normal;color:#4eb9c9}.testbox{position:relative;width:60vw;height:92em}.test{display:inline-block;position:absolute;width:46em;height:34em}.test1{background:url(../images/model2.png) no-repeat right top;background-size:auto 100%;top:3.7%;left:49.5%}.test2{background:url(../images/model1.png) no-repeat right top;background-size:auto 100%;top:22.7%;right:48.5%}.test3{background:url(../images/model3.png) no-repeat left top;background-size:auto 100%;display:inline-block;position:absolute;top:56%;left:48%;width:46em;height:34em}.test_text{background:url(../images/commentsBg.png) no-repeat left top;background-size:100% auto;position:relative;top:6.3%;width:23.5em;height:23.5em}.test_text2{background:url(../images/commentsBg.png) no-repeat left top;background-size:100% auto;position:relative;top:11.3%;left:51%;width:23.5em;height:23.5em}.test_text h4,.test_text2 h4{font-size:2.5em;color:#fffeff}.test_text p,.test_text2 p{font-size:1.4em;color:#fffeff;padding:0 2em;text-align:center;line-height:1.6em}#p5{background:url(../images/water4.png)no-repeat calc(100vw - 16.54em) -49em, url(../images/contentBg2.png)no-repeat 50% bottom;background-color:#f8f8f8;width:100vw;height:63em;display:flex;justify-content:space-around;position:relative}.comflex{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;padding-left:5em;margin-left:-22em;width:36em;left:15%;top:-4%}.combtbox{width:35em;height:28em}.bt1{width:13em;position:absolute;top:-9%;left:11%}.bt2{width:13em;position:absolute;top:-3%;left:53%}.bt3{width:14em;position:absolute;top:22%;left:26%}.comflex .bt1 p,.comflex .bt2 p,.comflex .bt3 p{color:#4bb9ca;font-weight:bold;font-size:1.75em;margin-top:1em}.comflex h2{font-size:4.5em;font-weight:normal;color:#4bbac5}.comflex p{font-size:1.5em;color:#9f9f9f;margin:0.5em 0}.clebuybtnflex_BR{display:flex;width:88%;margin-top:3em;justify-content:space-between}.clebuybtnflex_R{display:flex;flex-direction:row;align-items:baseline}.clebuybtnflex_R h1{font-size:7em;font-weight:normal;color:#4db9c5;line-height:1em}.clebuybtnflex_R h2{font-size:3em}.clebuybtnflex_C{display:flex;flex-direction:column}.clebuybtn{width:105px;height:105px;background:linear-gradient(to bottom, #aad9e2, #4cbac9, #aad9e2);border:5px solid #4db8c8;border-radius:80px;box-shadow:0px 0px 5px #000000;color:#feffff;font-size:3.5em;line-height:1.15em;text-align:center;text-decoration-line:inherit;padding:25px 15px 5px 15px}.clebuybtn:hover{transition:all 0.3s;box-shadow:0px 0px 27px #ececec inset;text-shadow:0 0 3px #fff}.compicflex{position:relative;margin-left:-10em;width:35vw;height:33vw}.c_r_pic{background:url(../images/product3.png) no-repeat;background-size:100% auto;position:absolute;display:inline-block;width:22vw;height:29vw;top:17%}.c_l_pic{background:url(../images/product4.png) no-repeat;background-size:100% auto;position:absolute;display:inline-block;width:22vw;height:31vw;left:39%;top:14%}.footer{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#4db8c8;overflow:hidden}.col_text{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.row_text{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.footer p,.footer a{text-decoration:none;color:#eff8fa;font-size:1.3em}.logo2{margin:1em 0}.footertext{margin:1em 18vw 1em 2vw;color:#eff8fa}.viewtext p{margin:5px 0}.viewdiv{margin:5px 0 0 5px;color:#eff8fa}.iconbox{margin-top:1em}.icon{display:inline-block;width:40px;height:40px}.fbicon{background:url(../images/share.png) no-repeat left top}.fbicon:hover{background:url(../images/share.png) no-repeat left bottom}.lineicon{background:url(../images/share.png) no-repeat center top}.lineicon:hover{background:url(../images/share.png) no-repeat center bottom}.yticon{background:url(../images/share.png) no-repeat right top}.yticon:hover{background:url(../images/share.png) no-repeat right bottom}@media (max-width: 1200px){.whyconbox{width:80%}.whypicbox{width:304px;height:384px}div#h_r_pic1{width:264px;height:336px}div#h_r_pic2{width:159px;height:240px}div#h_r_pic3{width:126px;height:90px}div#e_l_pic1{flex-wrap:nowrap}.testbox{display:flex;flex-direction:column;align-items:center}.test{position:static}.test1{background-size:auto 100%}.test2{background-size:auto 100%}.test3{background-size:auto 100%;position:static}}@media (max-width: 925px){#p5{height:auto;flex-direction:column;align-items:center}.compicflex{margin-left:0em}.viewdiv{margin:5px 0 0 2em}}@media (max-width: 870px){.navbar{justify-content:center}ul.nav_menu{width:100%}ul.nav_menu>li{clear:both;text-align:center;width:100%}#nav-icon1{width:30px;height:30px;margin:15px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}#nav-icon1 span{display:block;position:absolute;height:6px;width:100%;background:#ecebeb;border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out;z-index:-1}#nav-icon1 span:nth-child(1){top:0px}#nav-icon1 span:nth-child(2){top:12px}#nav-icon1 span:nth-child(3){top:24px}#nav-icon1.open span:nth-child(1){top:18px;transform:rotate(135deg)}#nav-icon1.open span:nth-child(2){opacity:0;left:-60px}#nav-icon1.open span:nth-child(3){top:18px;transform:rotate(-135deg)}.btn-dropdown{z-index:2;width:30px;height:30px;display:block}.btn-dropdown:after{width:60px;height:45px;display:block}.dropdown-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.dropdown-inner{background:#63c3d0;border-radius:3px;position:absolute;width:100vw;text-align:center;top:100%;opacity:0;transition:opacity .3s, visibility .3s;visibility:hidden;z-index:2}.dropdown-hover:hover .dropdown-inner,.dropdown-open:checked ~ .dropdown-inner{opacity:100;visibility:visible}.dropdown-hover:hover .dropdown-overlay,.dropdown-open:checked ~ .dropdown-overlay{display:block}#p1{justify-content:space-between}.whyconbox{flex-direction:column-reverse}.pro_pic{background-size:70% auto;height:60vw}.p_l_pic{width:40vw;height:45vw;top:auto;bottom:14%;right:48%}.p_r_pic{width:40vw;height:47vw;top:auto;bottom:21%;left:47.4%}.p_l_bll1{width:6vw;height:6vw}.p_l_bll2{width:8vw;height:8vw}.p_l_bll3{width:6vw;height:6vw}.p_r_bll1{width:6vw;height:6vw}.p_r_bll2{width:4.5vw;height:4.5vw}.mictit h1,.mictit h2{text-align:center}}@media (max-width: 713px){#p2{background:#f8f8f8 url(../images/hotSpring.png) no-repeat 50% -3.2em;height:auto}div#e_l_pic1{flex-wrap:wrap;width:76%}.blk{margin:0}#p3{background:url(../images/cover2.png) no-repeat 50% bottom, url(../images/contentBg1.png) no-repeat 50% top;background-color:#fcfcfd;height:auto}#p4{background:url(../images/water4.png) no-repeat calc(100vw - 16.5em) 65.5em, url(../images/water3.png) no-repeat -31.7em -30.7em, url(../images/cover3.png) no-repeat 50% bottom;background-color:#e4f5f7;height:auto}.test,.test3{width:26em;height:35em}.test1,.test2,.test3{background-size:70% auto}.test_text{background-size:100% auto;top:40.3%;width:18em;height:18em}.test_text2{top:38.3%;left:42%;width:18em;height:18em}.comflex{margin-left:0;left:0}.footer{flex-wrap:wrap}}@media (max-width: 520px){#p1{background:url(../images/cover1.png) no-repeat 50% bottom, url(../images/banner.png) no-repeat 50% top;height:1119px}.whypicbox{width:260px}div#h_r_pic1{width:200px;height:261px;left:auto;right:0}div#h_r_pic2{width:139px;height:213px;left:2.5%;top:27.5%}div#h_r_pic3{width:110px;height:90px;left:auto;right:0;top:58.5%}.why_flex{width:min-content}div#h_l_pic1{background-size:auto,100% auto;width:18.8em;height:9em}.buy_btn{font-size:2em;padding:0.1em 1.2em}.drapMouse{top:-13%}@keyframes drapmove{from {top:-13%}to{top:-10%}}#p2{background:none;background-color:#f8f8f8}#p4{background:#e4f5f7 url(../images/cover3.png) no-repeat 50% bottom}.mictit{background:none;padding:0}.test,.test3{width:20em;height:30em}.test_text2{top:38.3%;left:auto;right:-3em;width:18em;height:18em}.test_text p,.test_text2 p{margin:0;padding-right:1em;padding-left:1em}#p5{background:#f8f8f8 url(../images/contentBg2.png)no-repeat 50% bottom;overflow:hidden}.comflex{padding-left:0;width:100vw;padding:0 0.5em;box-sizing:border-box}.comflex h2{font-size:4em;margin-top:1.5em}.comflex .clebuybtnflex_R > h2{margin-top:0}.combtbox{width:100%}.bt1{width:35vw;top:-1%;left:0}.bt2{width:45vw;left:auto;right:0;top:9%}.bt3{width:30vw;top:21%;left:17%}.clebuybtnflex_R h1{font-size:4em}.comflex .bt1 p,.comflex .bt2 p,.comflex .bt3 p{font-size:1.5em;margin-top:0.5em}.compicflex{margin-left:0em;top:-22.5em;width:70vw;height:10vw}.c_l_pic{width:41vw;height:59vw}.c_r_pic{width:45vw;height:59vw}.clebuybtnflex_BR{width:100%;margin-top:14em;z-index:1}.clebuybtn{width:60px;height:60px;font-size:2em;line-height:inherit;padding:15px}.footertext{margin:20px 20px 0 20px}@media (max-height: 760px){.comflex h2{margin-top:1.5em}}