@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";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,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}@media screen and (max-width: 640px){.example{font-size:14px}}@media screen and (min-width: 641px)and (max-width: 767px){.example{font-size:15px}}@media screen and (min-width: 768px)and (max-width: 1024px){.example{font-size:16px}}@media screen and (min-width: 1025px){.example{font-size:18px}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}html,body{width:100%;font-family:Arial,"Noto Sans TC","Microsoft JhengHei","PingFang TC",sans-serif;font-size:16px}@media screen and (max-width: 1360px){html,body{font-size:1.1713030747vw}}@media screen and (max-width: 1024px){html,body{font-size:1.5625vw}}@media screen and (max-width: 767px){html,body{font-size:2.1333333333vw}}@media screen and (max-width: 640px){html,body{font-size:2.1333333333vw}}html{-webkit-text-size-adjust:100%;background-color:#fff;overflow-x:hidden}*,*::before,*::after{box-sizing:border-box}img,picture,svg{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit}button{padding:0;border:0;background:none;cursor:pointer}a{display:block;text-decoration:none}.c{clear:both}.table{display:table}.tr{display:table-row}.th,.td{display:table-cell;vertical-align:middle}.hide{display:none !important}.ab{position:absolute}.clearfix:after{content:"";display:block;clear:both}.float-l{float:left}.float-r{float:right}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important}}.text-center{text-align:center}.img-cover{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1024px){._pc{display:none !important}}._not-pc{display:none !important}@media screen and (max-width: 1024px){._not-pc{display:block !important}}._m{display:none !important}@media screen and (max-width: 767px){._m{display:block !important}}@media screen and (max-width: 767px){._not-m{display:none !important}}._tab{display:none !important}@media screen and (min-width: 768px)and (max-width: 1024px){._tab{display:block !important}}.autoW{width:auto}.loading{background:#012f6a;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;text-align:center;display:flex;justify-content:center;align-items:center}.loading .inner{display:inline-block;vertical-align:middle}.loading .line{display:inline-block;width:15px;height:15px;border-radius:50%;background-color:#fff;margin:0 5px}@media screen and (max-width: 767px){.loading .line{width:3vw;height:3vw}}.loading:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.loading .line:nth-last-child(1){animation:loadingC .6s .1s linear infinite}.loading .line:nth-last-child(2){animation:loadingC .6s .2s linear infinite}.loading .line:nth-last-child(3){animation:loadingC .6s .3s linear infinite}@keyframes loadingC{0%{transform:translate(0, 0)}50%{transform:translate(0, 50%)}100%{transform:translate(0, 0)}}.lb{width:100%;height:100%;background:rgba(0,0,0,.95);position:fixed;top:0;left:0;z-index:-1;opacity:0;text-align:center;font-size:0;display:flex;justify-content:center;align-items:center}.lb:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.lb .btn_x{width:4vw;position:absolute;top:2vw;right:2vw;cursor:pointer;transition:all .3s ease;z-index:1}.lb .btn_x:hover{transform:rotate(180deg);transition:all .3s ease}.lbbox{width:80%;margin:auto;max-width:37.375rem;box-sizing:border-box;position:relative}.contact-lightbox{background:rgba(0,0,0,.9);padding:24px;font-size:16px}.contact-lightbox .lb-contact{width:700px;max-width:100%;max-height:calc(100dvh - 48px);margin:0;border-radius:20px;background:#fff;text-align:left;color:#000;outline:none}.contact-lightbox .btn_x{width:32px;height:32px;top:0;right:-36px;color:#fff}.contact-lightbox .btn_x svg{width:100%;height:100%}.contact-lightbox .btn_x:focus-visible{outline:2px solid #fff}.contact-lightbox h2{padding:36px 24px;border-radius:20px 20px 0 0;background:linear-gradient(90deg, #00a99d, #005b9e 55%, #1b285c);color:#fff;font-size:22px;font-weight:700;line-height:1.4;text-align:center}.contact-lightbox .contact-content{padding:40px 50px 42px 90px;max-height:calc(100dvh - 180px);overflow-y:auto;border-radius:0 0 20px 20px}.contact-lightbox .contact-row{display:flex;align-items:center;gap:20px}.contact-lightbox .contact-row+.contact-row{margin-top:18px}.contact-lightbox .contact-row>div{min-width:0}.contact-lightbox .contact-row p{font-size:24px;line-height:1.5}.contact-lightbox .contact-row strong{font-weight:700}.contact-lightbox .contact-row a{display:inline;color:#0081c7;white-space:nowrap}.contact-lightbox .contact-row a:hover{color:#00a99d}.contact-lightbox .contact-row a:focus-visible{outline:2px solid #0081c7;outline-offset:2px}.contact-lightbox .contact-row .contact-email{text-decoration:underline;text-underline-offset:5px}.contact-lightbox .contact-row .contact-note{font-size:18px}.contact-lightbox .contact-icon{width:68px;height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(90deg, #00a99d, #005b9e 55%, #1b285c);color:#fff}.contact-lightbox .contact-icon svg{width:34px;height:34px}@media screen and (max-width: 1024px){.contact-lightbox .btn_x{top:14px;right:14px}.contact-lightbox h2{padding-right:48px;padding-left:48px}}@media screen and (max-width: 767px){.contact-lightbox{padding:1.5625rem}.contact-lightbox .lb-contact{border-radius:1.25rem}.contact-lightbox .btn_x{width:2.25rem;height:2.25rem;top:1.25rem;right:1.25rem}.contact-lightbox h2{font-size:1.75rem;line-height:1.5;padding:1.375rem 3.75rem;border-radius:1.25rem 1.25rem 0 0}.contact-lightbox h2 span{display:none}.contact-lightbox .contact-content{padding:2rem 1.75rem}.contact-lightbox .contact-row{gap:1.5rem}.contact-lightbox .contact-row+.contact-row{margin-top:1.375rem}.contact-lightbox .contact-row p{font-size:1.75rem}.contact-lightbox .contact-row .contact-note{font-size:1.5rem}.contact-lightbox .contact-row a{white-space:normal;overflow-wrap:anywhere}.contact-lightbox .contact-icon{width:5rem;height:5rem}.contact-lightbox .contact-icon svg{width:2.5rem;height:2.5rem}}.btnover{position:relative}.btnover::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-size:100% auto;background-position:center top;opacity:0}.btnover:hover>img{opacity:0}.btnover:hover:after{opacity:1}.wrapper{width:100%;margin:0 auto}section{width:100%}.container{width:93%;max-width:1360px;margin:0 auto;position:relative}.kv{position:relative}.kv .kv-logo{position:absolute;top:7.0732%;left:8.3333%;width:21.16%}.kv .kv-logo img{width:100%}.kv .kv-logo:focus-visible{outline:2px solid #fff;outline-offset:4px}@media screen and (max-width: 767px){main section.kv{padding-top:52px}main section.kv::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:url("../images/m/kv.jpg") center top/100% auto no-repeat;transform:scaleY(52);transform-origin:top;pointer-events:none}main section.kv .kv-logo{top:3%;left:5%;width:48%;max-width:220px}}main [data-aos=fade-up]:not(.aos-animate){transform:translate3d(0, 60px, 0)}main .plan-card[data-aos=fade-right]:not(.aos-animate){transform:translate3d(-100px, 0, 0)}@media screen and (max-width: 767px){main .plan-card[data-aos=fade-right]:not(.aos-animate){transform:translate3d(-64px, 0, 0)}}main .plan-card[data-aos=fade-left]:not(.aos-animate){transform:translate3d(100px, 0, 0)}@media screen and (max-width: 767px){main .plan-card[data-aos=fade-left]:not(.aos-animate){transform:translate3d(64px, 0, 0)}}@media(prefers-reduced-motion: reduce){main [data-aos]{opacity:1 !important;transform:none !important;transition:none !important}}.page-menu-wrap{position:relative}.page-menu{width:100%;background:linear-gradient(90deg, #00a99d 0%, #005b9e 55%, #1b285c 100%);position:relative;z-index:40;padding:.9375rem 0;transition:padding .25s ease}.page-menu.is-fixed{position:fixed;top:0;left:0}.page-menu .page-menu-main{height:100%;display:flex;align-items:center}.page-menu li{flex:1;min-width:0}.page-menu a{width:11.625rem;max-width:100%;padding:.9375rem 0;margin:0 auto;border-radius:3.125rem;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.25rem;font-weight:700;line-height:1.2;white-space:nowrap;transition:color .2s,background-color .2s,font-size .25s ease,padding .25s ease,width .25s ease,min-height .25s ease,margin .25s ease}.page-menu a.is-active{color:#00a99d;background-color:#fff}.page-menu a:focus-visible{outline:.125rem solid #fff;outline-offset:.1875rem}@media screen and (max-width: 767px){.page-menu a{font-size:1.625rem;padding:1.5625rem 0}}@media(hover: hover){.page-menu a:hover{color:#00a99d;background-color:#fff}}.product-submenu{position:absolute;top:100%;left:0;width:100%;background-color:#f2f2f2}.product-submenu[hidden]{display:none}.product-submenu ul{display:flex;width:50rem;max-width:100%;margin:0 auto}.product-submenu a{position:relative;width:auto;margin:0 1.125rem;padding:1.1875rem 0;border-radius:0;color:#222;font-size:1.25rem;background-color:rgba(0,0,0,0)}.product-submenu a.is-active{color:#222;background-color:rgba(0,0,0,0)}.product-submenu a:hover,.product-submenu a:focus-visible{color:#00a99d;background-color:rgba(0,0,0,0)}.product-submenu a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:.25rem;background:linear-gradient(90deg, #00a99d, #005b9e)}.product-submenu a:focus-visible{outline-color:#0081c7;outline-offset:-0.1875rem}@media screen and (max-width: 767px){.product-submenu a{margin:0 .5rem;padding:1.375rem 0;font-size:max(11px, 1.375rem)}}.page-menu.is-fixed{padding:8px 0}.page-menu.is-fixed .page-menu-main a{width:148px;min-height:40px;padding:10px 0;font-size:min(16px, 1.125rem)}.page-menu.is-fixed .product-submenu a{min-height:40px;padding:10px 0;font-size:min(14px, 1rem)}@media screen and (max-width: 767px){.page-menu.is-fixed{padding:4px 0}.page-menu.is-fixed .page-menu-main a{min-height:36px;padding:8px 0;font-size:12px}.page-menu.is-fixed .product-submenu a{min-height:38px;margin:0 2px;padding:10px 0;font-size:11px}}@media(prefers-reduced-motion: reduce){.page-menu,.page-menu a{transition:none}}.sec-1{overflow-x:clip;padding:3.4375rem 0;color:#000}.sec-1 .intro{text-align:center}.sec-1 h2{font-size:2.625rem;font-weight:700;line-height:1.4;margin-bottom:1.125rem}.sec-1 .offer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:2.625rem;font-weight:700;line-height:1.3}@media screen and (max-width: 1024px){.sec-1 .offer{column-gap:.75rem;row-gap:.75rem}}@media screen and (max-width: 767px){.sec-1 .offer{flex-direction:column;row-gap:.75rem}}.sec-1 .offer-group{display:inline-flex;align-items:center;white-space:nowrap}.sec-1 .blue{color:#0081c7}.sec-1 .round{width:3.75rem;height:3.75rem;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;color:#fff;background-color:#0081c7;position:relative}.sec-1 .saving{display:inline-flex}.sec-1 .saving .round+.round{margin-left:-0.5rem}.sec-1 .number,.sec-1 .price{font-size:4rem;font-weight:900;line-height:1;color:#0081c7;margin:0 .25rem;position:relative;top:-0.3125rem}.sec-1 .currency{font-size:2.625rem}.sec-1 .price .comma{font-size:65.625%}@media screen and (max-width: 1024px){.sec-1 .separator{display:none}}.sec-1 .desc{display:inline-flex;align-items:center;margin-top:2.5rem;font-size:1.5rem;font-weight:500;line-height:1.5}.sec-1 .desc::before,.sec-1 .desc::after{content:"";width:.0625rem;height:4rem;background-color:#000;flex-shrink:0;margin:0 2rem}@media screen and (max-width: 767px){.sec-1 .desc::before,.sec-1 .desc::after{height:7.8125rem;margin:0 1.5rem;font-size:1.75rem}}.sec-1 .desc::before{transform:rotate(-22deg)}.sec-1 .desc::after{transform:rotate(22deg)}@media screen and (max-width: 767px){.sec-1 .desc p span{display:block}}.sec-1 .desc p .last{display:block}@media screen and (max-width: 767px){.sec-1 .desc{font-size:1.75rem;margin-top:2.375rem}}.sec-1 .plan-box{background-color:#e0eff5;border-radius:1.25rem;padding:2.5rem;margin-top:2.1875rem}@media screen and (max-width: 767px){.sec-1 .plan-box{padding:1.875rem 1.5625rem;margin-top:3.125rem}}.sec-1 .plan-list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:2.5rem}@media screen and (max-width: 1024px){.sec-1 .plan-list{gap:1.875rem}}@media screen and (max-width: 767px){.sec-1 .plan-list{grid-template-columns:minmax(0, 1fr)}}.sec-1 .plan-card{--card-top: #1c2a61;--card-mid: #10498c;--card-bottom: #43a9d3;--card-tint: #cbe5f1;--card-button: #0095cc;position:relative;min-width:0;border-radius:.5rem;padding:1.625rem 1.25rem 1.875rem;background:linear-gradient(var(--card-top), var(--card-mid) 45%, var(--card-bottom));display:flex;flex-direction:column}.sec-1 .plan-card h3{color:#fff;text-align:center;font-size:2.375rem;font-weight:700;line-height:1.3}@media screen and (max-width: 1024px){.sec-1 .plan-card h3{font-size:1.875rem}}@media screen and (max-width: 767px){.sec-1 .plan-card h3{font-size:2.625rem}}.sec-1 .plan-card .spec{color:#fff;text-align:center;font-size:1.75rem;font-weight:700;line-height:1.4;margin-bottom:1rem}@media screen and (max-width: 1024px){.sec-1 .plan-card .spec{font-size:1.375rem}}@media screen and (max-width: 767px){.sec-1 .plan-card .spec{font-size:2rem}}.sec-1 .plan-card .detail{padding:1.375rem 3.75rem 3rem;border-radius:.25rem;background:linear-gradient(#fff, var(--card-tint));flex:1;display:flex;flex-direction:column}@media screen and (max-width: 1024px){.sec-1 .plan-card .detail{padding:1.375rem 1.25rem 3rem}}@media screen and (max-width: 767px){.sec-1 .plan-card .detail{padding:1.375rem 1.25rem 3rem 3.75rem}}.sec-1 .plan-card ul{min-height:4.75rem;display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem;flex:1}@media screen and (max-width: 767px){.sec-1 .plan-card ul{min-height:5.625rem}}.sec-1 .plan-card li{position:relative;padding-left:2.375rem;font-size:1.5rem;font-weight:500;line-height:1.3}.sec-1 .plan-card li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.8125rem;height:1.8125rem;background:url("../images/icon-check.svg") no-repeat center/contain}.sec-1 .plan-card li b{font-size:125%;font-weight:700}@media screen and (max-width: 1024px){.sec-1 .plan-card li{font-size:1.25rem}}@media screen and (max-width: 767px){.sec-1 .plan-card li{font-size:1.75rem}.sec-1 .plan-card li b{font-size:2rem}}.sec-1 .plan-card .original{font-size:1.125rem;line-height:1}@media screen and (max-width: 767px){.sec-1 .plan-card .original{font-size:1.375rem}}.sec-1 .plan-card .cost{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.25rem;line-height:1.2}.sec-1 .plan-card .cost .label{font-size:1.875rem;font-weight:700;white-space:nowrap}@media screen and (max-width: 767px){.sec-1 .plan-card .cost .label{font-size:2rem}}.sec-1 .plan-card .cost strong{color:#d71e1e;font-size:2.625rem;font-weight:900;white-space:nowrap}.sec-1 .plan-card .cost strong span{font-size:71%}@media screen and (max-width: 767px){.sec-1 .plan-card .cost strong{font-size:3rem}}.sec-1 .plan-card .cost .save{font-size:1.125rem;white-space:nowrap}@media screen and (max-width: 767px){.sec-1 .plan-card .cost .save{font-size:1.25rem}}.sec-1 .plan-card .more{position:absolute;right:-0.625rem;bottom:0;width:12.5rem;padding:1.125rem 1rem 1.125rem 1.875rem;color:#fff;background-color:var(--card-button);border-top-left-radius:1.75rem;font-size:1.5rem;font-weight:700;text-align:center;line-height:1.2;text-indent:.625rem}.sec-1 .plan-card .more span{margin-left:.625rem}.sec-1 .plan-card .more::before{content:"";position:absolute;top:0;bottom:.0625rem;left:-0.3125rem;width:2.5rem;background-color:var(--card-button);transform:skewX(-20deg);border-top-left-radius:1.25rem;z-index:-1}.sec-1 .plan-card .more::after{content:"";position:absolute;right:0;top:-0.75rem;border-left:.625rem solid #071d25;border-top:.75rem solid rgba(0,0,0,0)}.sec-1 .plan-card .more{z-index:1}.sec-1 .plan-card .more:focus-visible{outline:.1875rem solid #000;outline-offset:.1875rem}@media(hover: hover){.sec-1 .plan-card .more:hover{filter:brightness(1.1)}}@media screen and (max-width: 767px){.sec-1 .plan-card .more{font-size:1.75rem}}.sec-1 .plan-card.waf{--card-top: #006b3b;--card-mid: #4d963e;--card-bottom: #8bc84e;--card-tint: #e4f2d2;--card-button: #00a438}.sec-1 .plan-card.cdn{--card-top: #f38a00;--card-mid: #ffa321;--card-bottom: #ffc342;--card-tint: #ffefcf;--card-button: #f58b00}.sec-1 .plan-card.dns{--card-top: #e55520;--card-mid: #ff784c;--card-bottom: #ff9870;--card-tint: #ffe5dc;--card-button: #ed6331}.sec-1 .plan-card.dns ul{row-gap:.5rem}.sec-1 .plan-total{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;margin-top:2.25rem;font-size:1.5rem;font-weight:700;line-height:1.5}.sec-1 .plan-total>span{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center}.sec-1 .plan-total strong{color:#e71920;font-size:2.25rem;font-weight:900;line-height:1.2}.sec-1 .plan-total strong span{font-size:65.625%}.sec-1 .plan-total small{font-size:1.125rem;font-weight:400}@media screen and (max-width: 767px){.sec-1 .plan-total{font-size:1.75rem}.sec-1 .plan-total strong{font-size:2.625rem}.sec-1 .plan-total small{font-size:1.375rem}}.sec-1 .plan-info{margin-top:2.25rem;text-align:center}.sec-1 .plan-info .info-text{font-size:1.625rem;font-weight:700;line-height:1.5}@media screen and (max-width: 767px){.sec-1 .plan-info .info-text{font-size:1.75rem}.sec-1 .plan-info .info-text span{display:block}}.sec-1 .plan-info .info-btn{display:block;position:relative;width:15rem;max-width:100%;margin:2.25rem auto 0;padding:1rem 2.8125rem;border-radius:3.125rem;background:linear-gradient(90deg, #38bff4, #1e2b56);box-shadow:0 .3125rem 0 #171717;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;color:#fff;font-size:1.375rem;font-weight:700;line-height:1.2}.sec-1 .plan-info .info-btn span{position:absolute;right:1.375rem;top:50%;transform:translateY(-50%);font-weight:400}.sec-1 .plan-info .info-btn:focus-visible{outline:.1875rem solid #0081c7;outline-offset:.5rem}@media(hover: hover){.sec-1 .plan-info .info-btn:hover{transform:translateY(0.25rem);box-shadow:0 .1875rem 0 #171717;filter:brightness(1.1)}}@media screen and (max-width: 767px){.sec-1 .plan-info .info-btn{width:18rem;padding:1.1875rem 3.125rem;font-size:1.625rem}}.sec-1 .plan-info .notes{margin-top:2.625rem;font-size:1.125rem;font-weight:400;line-height:1.7}@media screen and (max-width: 767px){.sec-1 .plan-info .notes{font-size:1.25rem}.sec-1 .plan-info .notes span{display:block}}@media screen and (max-width: 767px){.sec-1 .plan-info{margin-top:2.5rem}}@media screen and (max-width: 767px){.sec-1{padding:4.0625rem 0}}.sec-2{background-color:#f2f2f2;padding:6.25rem 0}.sec-2 .product-group{--product-color: #0099cf;--product-tint: #e0f2ff;--button-start: #38bff4;--button-end: #1e2b56}.sec-2 .product-group+.product-group{margin-top:6.25rem}.sec-2 .product-group.waf{--product-color: #00a63c;--product-tint: #e5f5eb;--button-start: #59b77b;--button-end: #156743}.sec-2 .product-group.waf .product-top{background-image:url("../images/waf-bg.png")}@media screen and (max-width: 767px){.sec-2 .product-group.waf .product-top{background-image:url("../images/m/waf-bg.png")}}.sec-2 .product-group.waf .product-title{background-image:url("../images/waf-title.png")}@media screen and (max-width: 767px){.sec-2 .product-group.waf .product-title{background-image:url("../images/m/waf-title.png")}}.sec-2 .product-group.waf .feature-title::after{background-image:url("../images/waf-light.png")}.sec-2 .product-group.waf .feature-img{width:36.125rem;max-width:90%}@media screen and (max-width: 767px){.sec-2 .product-group.waf .feature-list li{grid-template-columns:15.625rem minmax(0, 1fr)}.sec-2 .product-group.waf .feature-list p br{display:none}}.sec-2 .product-group.waf .case-title{background-image:url("../images/waf-case-title.png")}.sec-2 .product-group.waf .case-item:first-child .case-detail dl>div{grid-template-columns:max-content minmax(0, 1fr)}@media screen and (max-width: 767px){.sec-2 .product-group.waf .case-item:first-child .case-detail dl>div{grid-template-columns:max-content minmax(0, 1fr)}}.sec-2 .product-group.waf .case-item:first-child .case-detail dt{text-align:left}.sec-2 .product-group.cdn{--product-color: #ff9b00;--product-tint: #fff7e9;--button-start: #ffb02c;--button-end: #f78a00}.sec-2 .product-group.cdn .product-top{background-image:url("../images/cdn-bg.png")}@media screen and (max-width: 767px){.sec-2 .product-group.cdn .product-top{background-image:url("../images/m/cdn-bg.png")}}.sec-2 .product-group.cdn .product-title{background-image:url("../images/cdn-title.png")}@media screen and (max-width: 767px){.sec-2 .product-group.cdn .product-title{background-image:url("../images/m/cdn-title.png")}.sec-2 .product-group.cdn .product-title p span{display:block}}.sec-2 .product-group.cdn .feature-title::after{background-image:url("../images/cdn-light.png")}.sec-2 .product-group.cdn .feature-img{width:25.5625rem}.sec-2 .product-group.cdn .case-title{background-image:url("../images/cdn-case-title.png")}.sec-2 .product-group.dns{--product-color: #fd8454;--product-tint: #fff2ee;--button-start: #ff8a5c;--button-end: #ce3f00}.sec-2 .product-group.dns .product-top{background-image:url("../images/dns-bg.png")}@media screen and (max-width: 767px){.sec-2 .product-group.dns .product-top{background-image:url("../images/m/dns-bg.png")}}.sec-2 .product-group.dns .product-title{background-image:url("../images/dns-title.png")}@media screen and (max-width: 767px){.sec-2 .product-group.dns .product-title{background-image:url("../images/m/dns-title.png")}.sec-2 .product-group.dns .product-title p span{display:block}}.sec-2 .product-group.dns .feature-title::after{background-image:url("../images/dns-light.png")}.sec-2 .product-group.dns .feature-img{width:38rem;max-width:90%;margin-top:1.875rem}.sec-2 .product-group.dns .feature-list{margin-top:.625rem;padding:3.125rem 0}.sec-2 .product-group.dns .feature-list h4{margin-bottom:0}@media screen and (max-width: 767px){.sec-2 .product-group.dns .feature-list{padding:3.125rem 1.875rem;text-align:center}.sec-2 .product-group.dns .feature-list li{display:block}.sec-2 .product-group.dns .feature-list li+li{margin-top:1.75rem}}.sec-2 .product-group.dns .case-title{background-image:url("../images/dns-case-title.png")}.sec-2 .product-top{padding-bottom:3.75rem;border-radius:1.25rem 1.25rem 0 0;overflow:hidden;background:url("../images/ddos-bg.png") no-repeat center/100% 100%}@media screen and (max-width: 767px){.sec-2 .product-top{padding-bottom:3.5rem;background-image:url("../images/m/ddos-bg.png")}}.sec-2 .product-title{position:relative;width:56.125rem;max-width:95%;margin:0 auto;padding:2.25rem 1.25rem 2.1875rem;background:url("../images/ddos-title.png") no-repeat center/100% 100%;filter:drop-shadow(0 0.1875rem 0.0625rem rgba(0, 16, 52, 0.3));color:#fff;text-align:center}.sec-2 .product-title h2{position:relative;font-size:3.375rem;font-weight:700;line-height:1.2}.sec-2 .product-title p{position:relative;font-size:1.75rem;font-weight:500;line-height:1.5}@media screen and (max-width: 767px){.sec-2 .product-title p{font-size:1.75rem}}@media screen and (max-width: 767px){.sec-2 .product-title{width:95%;background-image:url("../images/m/ddos-title.png");padding:2.25rem 1.25rem 1.875rem}}.sec-2 .feature-title{position:relative;margin-top:2.125rem;color:#fff;text-align:center;font-size:2.625rem;font-weight:700;line-height:1.4}.sec-2 .feature-title::after{content:"";position:absolute;left:50%;bottom:-3.125rem;transform:translateX(-50%);width:44.4375rem;max-width:100%;height:5rem;background:url("../images/ddos-light.png") no-repeat center/contain;pointer-events:none}.sec-2 .feature-img{width:25.375rem;max-width:80%;margin:3.75rem auto 0}.sec-2 .feature-list{width:89.5%;margin:0 auto;padding:2.125rem 0;border-radius:.5rem;background:linear-gradient(#fff, #c8efff);display:flex;align-items:center;text-align:center}.sec-2 .feature-list li{flex:1;min-width:0;padding:0 .875rem}.sec-2 .feature-list li+li{border-left:.0625rem solid #566874}.sec-2 .feature-list h4{font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:.3125rem}@media screen and (max-width: 767px){.sec-2 .feature-list h4{font-size:1.75rem;margin-bottom:0}}.sec-2 .feature-list p{font-size:1.125rem;line-height:1.5}@media screen and (max-width: 767px){.sec-2 .feature-list p{font-size:1.625rem;padding-left:1.25rem;border-left:.0625rem solid #000}}@media screen and (max-width: 767px){.sec-2 .feature-list{width:93%;padding:1.875rem;display:block;text-align:left}.sec-2 .feature-list li{display:grid;grid-template-columns:13.4375rem minmax(0, 1fr);align-items:center;gap:1.125rem;padding:0}.sec-2 .feature-list li+li{border-left:0;margin-top:1.125rem}}.sec-2 .product-cases{background-color:#fff;border-radius:0 0 1.25rem 1.25rem;padding-bottom:5rem}.sec-2 .case-title{position:relative;top:-0.125rem;width:25.125rem;max-width:80%;margin:0 auto -0.125rem;padding:1rem 1.25rem;background:url("../images/ddos-title.png") no-repeat center/100% 100%;color:#fff;text-align:center;font-size:2.625rem;font-weight:700;line-height:1.2}.sec-2 .case-list{width:88%;margin:3.625rem auto 0}@media screen and (max-width: 767px){.sec-2 .case-list{width:93%;margin-top:3.75rem}}.sec-2 .case-item+.case-item{margin-top:3.75rem}.sec-2 .case-heading{display:grid;grid-template-columns:8.875rem minmax(0, 1fr);grid-template-areas:"number title" "number summary";border-radius:.5rem;overflow:hidden;background-color:var(--product-tint)}.sec-2 .case-heading h4{grid-area:title;padding:2.1875rem 2.25rem .625rem;font-size:2.25rem;font-weight:700;line-height:1.3}@media screen and (max-width: 767px){.sec-2 .case-heading h4{padding:1.5rem 1.25rem 0;font-size:2rem;line-height:1.5}}.sec-2 .case-heading .case-summary{grid-area:summary;padding:0 2.25rem 1.875rem;font-size:1.125rem;line-height:1.5}@media screen and (max-width: 767px){.sec-2 .case-heading .case-summary{padding:1.375rem 1.875rem 1.75rem;font-size:1.5rem;line-height:1.6}}@media screen and (max-width: 767px){.sec-2 .case-heading{grid-template-columns:5.625rem minmax(0, 1fr);grid-template-areas:"number title" "summary summary"}}.sec-2 .case-number{grid-area:number;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.375rem .625rem;color:#fff;background-color:var(--product-color)}.sec-2 .case-number span{font-size:1.5rem;line-height:1.4}@media screen and (max-width: 767px){.sec-2 .case-number span{font-size:1.625rem}}.sec-2 .case-number strong{font-size:5rem;font-weight:400;line-height:1}@media screen and (max-width: 767px){.sec-2 .case-number strong{font-size:3.5rem}}@media screen and (max-width: 767px){.sec-2 .case-number{padding:1rem .375rem;border-bottom-right-radius:.5rem}}.sec-2 .case-detail{display:grid;grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr);gap:2.5rem;margin-top:2.25rem;font-size:1.125rem;line-height:1.8}.sec-2 .case-detail h5{color:var(--product-color);font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:1.125rem}@media screen and (max-width: 767px){.sec-2 .case-detail h5{font-size:1.75rem;margin-bottom:1.375rem}}.sec-2 .case-detail .benefits{border-left:.0625rem solid #e5e5e5;padding-left:2.5rem}@media screen and (max-width: 767px){.sec-2 .case-detail .benefits{border-left:0;border-top:.0625rem solid #e5e5e5;padding:1.75rem 0 0;margin-top:1.75rem}}.sec-2 .case-detail dl>div{display:grid;grid-template-columns:8.25rem minmax(0, 1fr);gap:.9375rem;align-items:start}.sec-2 .case-detail dl>div+div{margin-top:.5rem}@media screen and (max-width: 767px){.sec-2 .case-detail dl>div+div{margin-top:1.125rem}}@media screen and (max-width: 767px){.sec-2 .case-detail dl>div{grid-template-columns:10.625rem minmax(0, 1fr);gap:1.25rem}}.sec-2 .case-detail dt{padding:.375rem .5rem;border-radius:.25rem;background-color:var(--product-tint);font-weight:700;line-height:1.5;text-align:center}.sec-2 .case-detail dd{padding-top:.375rem}@media screen and (max-width: 767px){.sec-2 .case-detail{display:block;margin-top:1.875rem;font-size:1.5rem;line-height:1.6}}.sec-2 .product-actions{display:flex;justify-content:center;gap:1.875rem;margin-top:3.625rem}.sec-2 .product-actions a{position:relative;width:15.125rem;padding:1rem 2.5rem;border-radius:3.125rem;background:linear-gradient(90deg, var(--button-start), var(--button-end));box-shadow:0 .3125rem 0 #171717;color:#fff;text-align:center;font-size:1.375rem;font-weight:700;line-height:1.2;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.sec-2 .product-actions a span{position:absolute;right:1.375rem;top:50%;transform:translateY(-50%);font-weight:400}.sec-2 .product-actions a:focus-visible{outline:.1875rem solid var(--product-color);outline-offset:.5rem}@media(hover: hover){.sec-2 .product-actions a:hover{transform:translateY(0.25rem);box-shadow:0 .1875rem 0 #171717;filter:brightness(1.1)}}@media screen and (max-width: 767px){.sec-2 .product-actions a{width:18rem;padding:1.1875rem 2.5rem;font-size:1.625rem}}.sec-3{padding:5rem 0 6.25rem;background-color:#fff}.sec-3 h2{display:flex;justify-content:center;align-items:center;gap:.75rem;font-size:3.25rem;font-weight:700;line-height:1.4}.sec-3 h2 img{width:4.875rem;flex-shrink:0}.sec-3 .faq-list{width:90%;margin:2.75rem auto 0}@media screen and (max-width: 767px){.sec-3 .faq-list{width:100%}}.sec-3 details{border-radius:1.75rem;background-color:#e0edf4;overflow:hidden}.sec-3 details+details{margin-top:1rem}@media screen and (max-width: 767px){.sec-3 details+details{margin-top:1.625rem}}.sec-3 details[open]:not(.is-closing) summary::after{transform:translateY(-50%) rotate(90deg)}.sec-3 summary{display:grid;grid-template-columns:3.125rem minmax(0, 1fr);align-items:center;gap:.5rem;position:relative;padding:.875rem 4.375rem .875rem 1.75rem;border-radius:1.75rem;background:linear-gradient(90deg, #00a99d, #005b9e 55%, #1b285c);color:#fff;font-size:1.5rem;font-weight:700;line-height:1.4;list-style:none;cursor:pointer}.sec-3 summary::-webkit-details-marker{display:none}.sec-3 summary::after{content:"";position:absolute;right:1.875rem;top:50%;transform:translateY(-50%);border-top:.5rem solid rgba(0,0,0,0);border-bottom:.5rem solid rgba(0,0,0,0);border-left:.75rem solid #fff;transition:transform .2s ease}@media(prefers-reduced-motion: reduce){.sec-3 summary::after{transition:none}}.sec-3 summary:focus-visible{outline:.1875rem solid #fff;outline-offset:-0.375rem}@media(hover: hover){.sec-3 summary:hover{filter:brightness(1.1)}}@media screen and (max-width: 767px){.sec-3 summary{grid-template-columns:3.4375rem minmax(0, 1fr);padding-right:4.0625rem;font-size:1.875rem}}.sec-3 .q-num{font-size:1.625rem}@media screen and (max-width: 767px){.sec-3 .q-num{font-size:1.625rem}}.sec-3 .faq-answer{padding:1.625rem 5.25rem 1.875rem;font-size:1.125rem;line-height:1.8}.sec-3 .faq-answer ol{list-style:decimal;padding-left:1.375rem}@media screen and (max-width: 767px){.sec-3 .faq-answer{padding:1.5rem 2.5rem 1.75rem 5.375rem;font-size:1.4375rem;line-height:1.6}.sec-3 .faq-answer ol{padding-left:1.75rem}}/*# sourceMappingURL=main.min.css.map */