@media screen and (max-width: 320px){html{font-size:12px !important}}@media (min-width: 321px) and (max-width: 375px){html{font-size:14px !important}}@media (min-width: 376px) and (max-width: 414px){html{font-size:15.5px !important}}@media (min-width: 415px) and (max-width: 768px){html{font-size:18px !important}}.transformY-0{opacity:0;animation:transformY 0s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-1{opacity:0;animation:transformY .2s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-2{opacity:0;animation:transformY .4s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-3{opacity:0;animation:transformY .6s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-4{opacity:0;animation:transformY .8s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-5{opacity:0;animation:transformY 1s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-6{opacity:0;animation:transformY 1.2s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-7{opacity:0;animation:transformY 1.4s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-8{opacity:0;animation:transformY 1.6s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-9{opacity:0;animation:transformY 1.8s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-10{opacity:0;animation:transformY 2s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-11{opacity:0;animation:transformY 2.2s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-12{opacity:0;animation:transformY 2.4s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-13{opacity:0;animation:transformY 2.6s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-14{opacity:0;animation:transformY 2.8s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-15{opacity:0;animation:transformY 3s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-16{opacity:0;animation:transformY 3.2s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-17{opacity:0;animation:transformY 3.4s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-18{opacity:0;animation:transformY 3.6s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-19{opacity:0;animation:transformY 3.8s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-20{opacity:0;animation:transformY 4s;animation-delay:0.3s;animation-fill-mode:forwards}@keyframes transformY{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0px)}}.step-0{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 0s,transform 0.6s 0s}.step-1{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .2s,transform 0.6s .2s}.step-2{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .4s,transform 0.6s .4s}.step-3{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .6s,transform 0.6s .6s}.step-4{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .8s,transform 0.6s .8s}.step-5{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1s,transform 0.6s 1s}.step-6{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1.2s,transform 0.6s 1.2s}.step-7{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1.4s,transform 0.6s 1.4s}.step-8{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1.6s,transform 0.6s 1.6s}.step-9{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1.8s,transform 0.6s 1.8s}.step-10{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 2s,transform 0.6s 2s}.step-11{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 2.2s,transform 0.6s 2.2s}.step-12{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 2.4s,transform 0.6s 2.4s}.step-13{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 2.6s,transform 0.6s 2.6s}.step-14{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 2.8s,transform 0.6s 2.8s}.step-15{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 3s,transform 0.6s 3s}.step-16{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 3.2s,transform 0.6s 3.2s}.step-17{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 3.4s,transform 0.6s 3.4s}.step-18{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 3.6s,transform 0.6s 3.6s}.step-19{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 3.8s,transform 0.6s 3.8s}.step-20{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 4s,transform 0.6s 4s}.on .step-0{opacity:1 !important;transform:translateY(0)}.on .step-1{opacity:1 !important;transform:translateY(0)}.on .step-2{opacity:1 !important;transform:translateY(0)}.on .step-3{opacity:1 !important;transform:translateY(0)}.on .step-4{opacity:1 !important;transform:translateY(0)}.on .step-5{opacity:1 !important;transform:translateY(0)}.on .step-6{opacity:1 !important;transform:translateY(0)}.on .step-7{opacity:1 !important;transform:translateY(0)}.on .step-8{opacity:1 !important;transform:translateY(0)}.on .step-9{opacity:1 !important;transform:translateY(0)}.on .step-10{opacity:1 !important;transform:translateY(0)}.on .step-11{opacity:1 !important;transform:translateY(0)}.on .step-12{opacity:1 !important;transform:translateY(0)}.on .step-13{opacity:1 !important;transform:translateY(0)}.on .step-14{opacity:1 !important;transform:translateY(0)}.on .step-15{opacity:1 !important;transform:translateY(0)}.on .step-16{opacity:1 !important;transform:translateY(0)}.on .step-17{opacity:1 !important;transform:translateY(0)}.on .step-18{opacity:1 !important;transform:translateY(0)}.on .step-19{opacity:1 !important;transform:translateY(0)}.on .step-20{opacity:1 !important;transform:translateY(0)}.blue-circle-container-0{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-1{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-2{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-3{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-4{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-5{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-6{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-7{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-8{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-9{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-10{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-11{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-12{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-13{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-14{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-15{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-16{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-17{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-18{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-19{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-20{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}@keyframes blue-circle-anim-x{50%{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(80px)}}@keyframes blue-circle-anim-y{50%{animation-timing-function:cubic-bezier(0.55, 0, 0.2, 1);transform:translateY(60px)}}.button.button-new.button-combe.center{margin-right:auto !important;margin:70px auto 0 !important}.what-is-vpn{overflow-x:hidden;background-color:#fff}.wiv-banner{padding-bottom:220px}.wiv-banner .wiv_ban_left{position:relative;z-index:6;margin-top:300px;width:570px}.wiv-banner .wiv_ban_right{position:relative;margin-top:76px;height:600px}.wiv-banner .wiv_ban_right::before{content:"";display:block;position:absolute;top:0;left:50%;z-index:0;width:848px;height:848px;transform:translate(-50%, 0);background:url("../images/what-is-vpn/whatBannerBg.svg") no-repeat}.wiv-banner .wiv_ban_right .wiv_pc,.wiv-banner .wiv_ban_right .wiv_arrow,.wiv-banner .wiv_ban_right .wiv_arrow2,.wiv-banner .wiv_ban_right .wiv_vpn,.wiv-banner .wiv_ban_right .wiv_outside{display:block;position:absolute;z-index:2}.wiv-banner .wiv_ban_right .wiv_pc{top:356px;right:30px;z-index:3}.wiv-banner .wiv_ban_right .wiv_arrow{top:186px;right:96px}.wiv-banner .wiv_ban_right .wiv_vpn{top:68px;left:58px;z-index:4}.wiv-banner .wiv_ban_right .wiv_arrow2{top:146px;left:-60px}.wiv-banner .wiv_ban_right .wiv_outside{bottom:-50px;left:-230px;z-index:5}.wiv-way{padding:80px 0 0;height:920px;background:url("../images/what-is-vpn/close_bg.svg"),linear-gradient(180deg, #fff9f9 0%, #ffe1de 100%);background-position:bottom center;background-repeat:no-repeat}.wiv-way .way_title2{margin-top:40px;color:#f95656}.wiv-way ._switch{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:1px solid #fff;background:linear-gradient(90deg, #f5f5ff 0%, #fff 100%);box-shadow:0px 20px 20px rgba(255,185,185,0.43);width:168px;height:39px;border-radius:20px;padding:14px;margin:10px auto 0}.wiv-way ._switch .fb2{color:#8e8b9d}.wiv-way ._switch .switch{position:relative;display:inline-block;width:60px;height:28px}.wiv-way ._switch .switch input{opacity:0;width:0;height:0;outline:none;border:none;text-decoration:none}.wiv-way ._switch .switch input:checked+.slider{background:linear-gradient(241deg, rgba(35,72,255,0.26) 0%, #003cff 100%);border:2px solid #eee;border-radius:17px}.wiv-way ._switch .switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.wiv-way ._switch .switch input:checked+.slider:before{-webkit-transform:translateX(29px);-ms-transform:translateX(29px);transform:translateX(29px)}.wiv-way ._switch .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(241deg, #ffb9b9 0%, red 100%);border:2px solid #eee;-webkit-transition:0.4s;transition:0.4s;border-radius:17px;box-sizing:border-box}.wiv-way ._switch .switch .slider::before{position:absolute;content:"";height:19px;width:19px;left:4px;bottom:3px;border:1px solid #eee;border-radius:10px;background:rgba(255,255,255,0.702);box-shadow:0px 5px 10px #530000;-webkit-transition:0.4s;transition:0.4s;box-sizing:border-box}.wiv-way ._switch .switch .slider .round{border-radius:20px}.wiv-way ._switch .switch .slider .round::before{border-radius:50%}.wiv-way ._switch .lab_img_open,.wiv-way ._switch .lab_img_close{position:absolute;right:-134px;width:0;height:26px;top:-20px;background-image:url("../images/what-is-vpn/label_close.svg");background-position:right top;background-repeat:no-repeat;animation:showLabelImg 0.3s linear forwards}.wiv-way ._switch .lab_img_open{background-image:url("../images/what-is-vpn/label_open.svg")}.wiv-way ._switch .lab_img_close{background-image:url("../images/what-is-vpn/label_close.svg")}.wiv-way .way_p{margin:0 auto;max-width:1088px;width:100%;margin-top:20px}.wiv-way ._way_close_box,.wiv-way ._way_open_box{position:relative;margin:0 auto;width:634px;height:512px;text-align:center;perspective:500;transform-style:preserve-3d}.wiv-way ._way_close_box .open_img,.wiv-way ._way_close_box .close_img,.wiv-way ._way_open_box .open_img,.wiv-way ._way_open_box .close_img{position:relative;z-index:1}.wiv-way ._way_close_box .absoImg,.wiv-way ._way_open_box .absoImg{display:block;position:absolute;z-index:2;transform-origin:center center}.wiv-way ._way_close_box .abso_open1,.wiv-way ._way_close_box .abso_close1,.wiv-way ._way_open_box .abso_open1,.wiv-way ._way_open_box .abso_close1{left:0;right:0;opacity:0;bottom:80px;margin:0 auto}.wiv-way ._way_close_box .abso_open2,.wiv-way ._way_open_box .abso_open2{bottom:32px;left:14px;transform:translate(200px, -64px) scale(0)}.wiv-way ._way_close_box .abso_open3,.wiv-way ._way_close_box .abso_open5,.wiv-way ._way_close_box .abso_open6,.wiv-way ._way_open_box .abso_open3,.wiv-way ._way_open_box .abso_open5,.wiv-way ._way_open_box .abso_open6{z-index:0}.wiv-way ._way_close_box .abso_open3,.wiv-way ._way_open_box .abso_open3{top:60px;right:-34px;opacity:0}.wiv-way ._way_close_box .abso_open4,.wiv-way ._way_open_box .abso_open4{top:106px;left:-262px;transform:translate(460px, 115px) scale(0)}.wiv-way ._way_close_box .abso_open5,.wiv-way ._way_close_box .abso_open6,.wiv-way ._way_open_box .abso_open5,.wiv-way ._way_open_box .abso_open6{top:0px;left:0px;width:243px;height:70px;background:url("../images/what-is-vpn/_way_open_img5.svg") no-repeat;transform:scaleX(0)}.wiv-way ._way_close_box .abso_open5,.wiv-way ._way_open_box .abso_open5{top:182px;left:-38px;background:url("../images/what-is-vpn/_way_open_img6.svg") no-repeat;transform-style:right center}.wiv-way ._way_close_box .abso_open6,.wiv-way ._way_open_box .abso_open6{top:182px;left:auto;right:-30px;transform-style:left center}.wiv-way ._way_close_box .abso_open7,.wiv-way ._way_open_box .abso_open7{top:102px;right:-248px;transform:translate(-440px, 115px) scale(0)}.wiv-way ._way_close_box .abso_close0,.wiv-way ._way_open_box .abso_close0{top:210px;left:-178px;z-index:2}.wiv-way ._way_close_box .abso_close1,.wiv-way ._way_open_box .abso_close1{z-index:3}.wiv-way ._way_close_box .abso_close2,.wiv-way ._way_open_box .abso_close2{top:122px;left:258px;transform:translate(0, 176px) scale(0);transform-style:center bottom}.wiv-way ._way_close_box .abso_close3,.wiv-way ._way_open_box .abso_close3{top:124px;left:-24px;transform:translate(260px, 140px) scale(0);transform-style:center center}.wiv-way ._way_close_box .abso_close4,.wiv-way ._way_open_box .abso_close4{top:224px;left:-54px;transform:translate(212px, 78px) scale(0);transform-style:center center}.wiv-way ._way_close_box .abso_close5,.wiv-way ._way_open_box .abso_close5{top:254px;left:-290px;transform:translate(554px, 54px) scale(0);transform-style:center center}.wiv-way ._way_close_box .abso_close6,.wiv-way ._way_open_box .abso_close6{top:146px;right:-244px;transform:translate(-459px, 99px) scale(0);transform-style:center center}.wiv-way ._way_close_box .abso_close7,.wiv-way ._way_open_box .abso_close7{top:92px;right:-90px;transform:translate(-350px, 200px) scale(0);transform-style:center center}.wiv-way .way-open,.wiv-way .way-close{display:none}.wiv-way.checked_why ._way_open_box .abso_open1{animation:_way_open_img8 0.3s ease forwards;animation-delay:0.2s}.wiv-way.checked_why ._way_open_box .abso_open2{animation:_way_open_img2 0.5s linear forwards;animation-delay:0.6s}.wiv-way.checked_why ._way_open_box .abso_open3{animation:_way_open_img3 0.4s ease forwards;animation-delay:0.6s}.wiv-way.checked_why ._way_open_box .abso_open4{animation:_way_open_img4 0.5s linear forwards;animation-delay:1.2s}.wiv-way.checked_why ._way_open_box .abso_open7{animation:_way_open_img7 0.5s linear forwards;animation-delay:1.2s}.wiv-way.checked_why ._way_open_box .abso_open5,.wiv-way.checked_why ._way_open_box .abso_open6{transform:scaleX(1);transition:transform 0.4s 2s ease}.wiv-way.checked_not ._way_close_box .abso_close1{animation:_way_open_img8 0.3s ease forwards;animation-delay:0.2s}.wiv-way.checked_not ._way_close_box .abso_close2{animation:_way_close_img2 0.5s linear forwards;animation-delay:0.6s}.wiv-way.checked_not ._way_close_box .abso_close3{animation:_way_close_img3 0.3s linear forwards;animation-delay:1s}.wiv-way.checked_not ._way_close_box .abso_close4{animation:_way_close_img4 0.3s linear forwards;animation-delay:1s}.wiv-way.checked_not ._way_close_box .abso_close5{animation:_way_close_img5 0.3s linear forwards;animation-delay:1.2s}.wiv-way.checked_not ._way_close_box .abso_close6{animation:_way_close_img6 0.3s linear forwards;animation-delay:1.6s}.wiv-way.checked_not ._way_close_box .abso_close7{animation:_way_close_img7 0.3s linear forwards;animation-delay:1.8s}.checked_why{background:url("../images/what-is-vpn/open_bg.svg"),linear-gradient(180deg, #f6f9ff 0%, #dbe7ff 100%);background-position:bottom center;background-repeat:no-repeat}.checked_why .way_title2{color:#0054ff}.checked_why ._switch{background:linear-gradient(90deg, #f5f5ff 0%, #fff 100%);box-shadow:0px 20px 20px rgba(70,64,255,0.169)}.checked_why ._switch .slider::before{box-shadow:0px 5px 10px #14007e}.checked_why .way-open{display:block}.checked_why .way-close{display:none}.checked_not .way-open{display:none}.checked_not .way-close{display:block}.wiv-need{padding-top:180px}.wiv-need .wrapper{margin-top:80px;min-height:500px;background:url("../images/what-is-vpn/need1Bg1.svg") top right no-repeat}.wiv-need .need_round{display:block;position:absolute;right:252px;bottom:-48px;width:28px;height:28px;border-radius:50%;background:#0054ff}.wiv-need .need_left{margin-top:168px}.wiv-need .need_right{margin-top:64px}.wiv-online{padding-top:130px}.wiv-online .online_left{position:relative}.wiv-online .online_left .online_img2{display:block;position:absolute;top:148px;right:-14px}.wiv-online .online_left>img{position:relative;z-index:1}.wiv-online .online_left .online_round{display:block;position:absolute;top:-144px;left:-144px;width:244px;height:244px;z-index:0;border-radius:50%;background:#8d53eb}.wiv-online .online_right{margin-top:160px}.wiv-free{padding-top:80px}.wiv-free .free_left{margin-top:166px}.wiv-free .free_right{position:relative}.wiv-free .free_right .free_vpn,.wiv-free .free_right .free_check,.wiv-free .free_right .free_point{display:block;position:absolute}.wiv-free .free_right .free_vpn{top:258px;left:-160px}.wiv-free .free_right .free_check{top:280px;left:34px}.wiv-free .free_right .free_point{top:287px;left:42px;transform:translate(0px, 0)}.wiv-free.on .free_right .free_point{transform:translate(37px, 0);transition:transform 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}.wiv-when{position:relative;margin-top:160px}.wiv-when .when_bg1,.wiv-when .when_bg2{position:absolute;top:490px;width:100%;height:240px;background-image:url("../images/what-is-vpn/bg1.png");background-repeat:no-repeat;background-size:7666px 100%;animation:bgRemove 20s linear infinite;animation-direction:reverse}.wiv-when .when_bg2{top:470px;height:347px;background-image:url("../images/what-is-vpn/bg2.png")}.wiv-when .wrapper{z-index:1}.wiv-when .point_left,.wiv-when .point_right{display:block;position:absolute;z-index:1;width:258px;height:42px;background-image:url("../images/what-is-vpn/point_left.svg");background-repeat:no-repeat}.wiv-when .point_left{top:51%;left:-10%}.wiv-when .point_right{top:45%;right:-6%;width:126px;height:78px;background-image:url("../images/what-is-vpn/point_right.svg")}.wiv-when .when_list{position:relative;z-index:2;margin-top:80px;align-items:stretch}.wiv-when .when_list li{position:relative;width:32%;padding:16px 42px 56px 42px;text-align:center;max-width:414px;min-height:383px;margin-bottom:60px;border-radius:20px;background:#fff;border:1px solid #e2e7ff}.wiv-when .when_list li .when_img{margin:0 auto 20px;width:200px;height:190px;text-align:center;display:flex;align-items:center}.wiv-faq{position:relative;margin:100px auto 0;width:844px}.wiv-faq .faq-txt{padding-bottom:30px;margin:60px 0 30px;border-bottom:1px solid #e8e8e8}.wiv-faq .faq-txt:nth-child(4){border:none;margin:0}.wiv-faq .faq-step{margin-top:40px;text-align:center}.wiv-faq .faq-step .step-list{max-width:170px}.wiv-faq .faq-step .__step{margin:54px 36px 0}.wiv-faq .pc-btn .button{margin:70px auto 0}.wiv-learn{margin-top:160px;padding:116px 0;background:linear-gradient(180deg, #f6f1ff 0%, rgba(255,255,255,0.26) 100%)}.wiv-learn .wrapper{width:1088px !important}.wiv-learn ul{margin-top:60px}.wiv-learn ul li{width:260px;text-align:center}.wiv-learn ul li .learn_img{width:100%;height:226px;display:flex;align-items:center}.wiv-learn ul li .btn-down{margin:40px auto 0}.wiv-learn ul li .btn-down .btn-warning{display:flex;align-items:center;justify-content:space-between;width:140px}.wiv-learn ul li .btn-down .btn-warning::before{left:0}.wiv-learn ul li .btn-down .btn-warning:hover{width:150px}@media (max-width: 768px){.what-is-vpn .button{margin:0 auto}.wiv-banner{padding-bottom:3.5714285714rem}.wiv-banner .wiv_ban_left{z-index:1;padding:0 1.1428571429rem;text-align:center;margin-top:7.2857142857rem}.wiv-banner .wiv_ban_right{margin-top:3.1428571429rem;margin-bottom:6rem;height:21.4285714286rem}.wiv-banner .wiv_ban_right::before{left:auto;right:-6.4285714286rem;bottom:0;width:30.2857142857rem;height:30.2857142857rem;transform:translate(0%, 0);background-size:cover}.wiv-banner .wiv_ban_right .wiv_pc{top:12.7142857143rem;right:1.0714285714rem;width:7.2857142857rem}.wiv-banner .wiv_ban_right .wiv_arrow{top:6.6428571429rem;right:3.4285714286rem;width:6.5714285714rem}.wiv-banner .wiv_ban_right .wiv_vpn{top:2.4285714286rem;left:7rem;width:12rem}.wiv-banner .wiv_ban_right .wiv_arrow2{top:5.2142857143rem;left:4.2857142857rem;width:9.2857142857rem}.wiv-banner .wiv_ban_right .wiv_outside{bottom:-1.7857142857rem;left:-.7142857143rem;width:14.2857142857rem}.wiv-way{padding:2.8571428571rem 0;background:linear-gradient(180deg, #fff9f9 0%, #ffe1de 100%);background-position:bottom center;background-repeat:no-repeat;height:auto}.wiv-way.on ._switch{margin-top:.7142857143rem;transform:scale(0.7) translate3d(0, 0, 0)}.wiv-way .way_title2{margin-top:1.4285714286rem;font-size:1.4285714286rem}.wiv-way .way_p{padding:0 1.1428571429rem;max-width:none;margin:1.4285714286rem auto}.wiv-way ._way_close_box,.wiv-way ._way_open_box{width:100%;height:auto}.checked_why{background:linear-gradient(180deg, #f6f9ff 0%, #dbe7ff 100%)}.wiv-need{padding:6.4285714286rem 1.1428571429rem 0}.wiv-need .wrapper{margin-top:2.8571428571rem;min-height:0;background:none}.wiv-need .need_round{right:5rem;top:11.1428571429rem;bottom:auto;width:1rem;height:1rem}.wiv-need .need_left{margin-top:5.8571428571rem}.wiv-need .need_right{margin-top:2.2857142857rem;height:10.4285714286rem;text-align:center;border-radius:1.0714285714rem;background:url("../images/what-is-vpn/need1Bg_m.svg") right top no-repeat,linear-gradient(0deg, #eff4ff 0%, #eff4ff 100%)}.wiv-need .need_right .need_img{display:block;margin:0 auto;max-width:none;width:13.7142857143rem;transform:translateY(2.1428571429rem)}.wiv-online{padding-top:4.5714285714rem}.wiv-online .online_left .online_round{display:none}.wiv-online .online_right{margin-top:2.8571428571rem;padding:0 1.1428571429rem}.wiv-free{padding:6.1428571429rem 1.1428571429rem 0}.wiv-free .free_left{margin-top:0}.wiv-when{margin-top:0;padding-top:5.4285714286rem}.wiv-when .when_bg1,.wiv-when .when_bg2{display:none}.wiv-when .wrapper{padding:0 1.1428571429rem}.wiv-when .point_left,.wiv-when .point_right{display:none}.wiv-when .when_list{margin-top:2.8571428571rem}.wiv-when .when_list li{margin:0 auto;width:100%;padding:.8571428571rem 1.5714285714rem;max-width:29.5714285714rem;min-height:0;margin-bottom:1.4285714286rem;border-radius:.7142857143rem}.wiv-when .when_list li .when_img{margin:0 auto .7142857143rem;width:7.1428571429rem;height:6.8571428571rem}.wiv-faq{margin:3.5714285714rem auto 0;width:100%;padding:0 1.1428571429rem}.wiv-faq .faq-txt{padding-bottom:2.1428571429rem;margin:2.1428571429rem 0 0}.wiv-faq .faq-txt:nth-child(4){border:none;margin-top:1.7142857143rem}.wiv-faq .faq-txt .fh5{font-size:1rem;line-height:1.5714285714rem}.wiv-faq .faq-step{display:flex;margin-top:1.4285714286rem}.wiv-faq .faq-step .step-list{max-width:5.4285714286rem}.wiv-faq .faq-step .__step{margin:2rem 1.2857142857rem 0;width:4.5714285714rem}.wiv-faq .pc-btn .button{margin:2.4285714286rem auto 0}.wiv-learn{margin-top:5.7142857143rem;padding:4.1428571429rem 1.1428571429rem}.wiv-learn .wrapper{width:100% !important}.wiv-learn ul{margin-top:2.1428571429rem;overflow:visible}.wiv-learn ul li{margin-top:2.4285714286rem;width:100%;text-align:center}.wiv-learn ul li .learn_img{margin:0 auto;width:100%;max-width:9.2857142857rem;height:8.1428571429rem}.wiv-learn ul li .btn-down{margin:1.4285714286rem auto 0}.wiv-learn ul li .btn-down .btn-warning{width:9.2857142857rem;font-size:1rem;line-height:1.4285714286rem}.wiv-learn ul li .btn-down .btn-warning::before{left:0}.wiv-learn ul li .btn-down .btn-warning:hover{width:10rem}}