@import url("https://dlcdnimgs.asus.com/vendor/public/fonts/css/roboto-condensed.css");.bg-dark{background:#1d1d1d}#hd{--border-radius: 20px}#hd{font-family:"Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;background:black;color:#fff;font-size:16px;margin:0 auto;padding:0}#hd *{margin:0;padding:0;text-decoration:none;list-style-type:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;word-break:break-word}#hd ::selection{background:#1d1d1d;color:#F51928}#hd ::-moz-selection{background:#1d1d1d;color:#F51928}#hd ul,#hd li,#hd figure,#hd p{margin:0;padding:0}#hd h1,#hd h2,#hd h3,#hd h4,#hd p,#hd a,#hd li{font:inherit}#hd img{display:block;height:auto;border:none;max-width:100% !important;margin:0 auto}#hd img.lazyLoad{opacity:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:50vh}#hd img.lazyLoad.lazyLoaded{height:auto;opacity:1}#hd button{border:none;outline:none;background:none;box-shadow:none;appearance:none;-webkit-appearance:none;cursor:pointer}#hd .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}#hd a:focus-visible,#hd button:focus-visible,#hd input:focus-visible,#hd select:focus-visible,#hd textarea:focus-visible,#hd [role="button"]:focus-visible,#hd [tabindex="0"]:focus-visible{outline:2px solid #F51928;outline-offset:2px}#hd a:focus:not(:focus-visible),#hd button:focus:not(:focus-visible),#hd input:focus:not(:focus-visible),#hd select:focus:not(:focus-visible),#hd textarea:focus:not(:focus-visible),#hd [role="button"]:focus:not(:focus-visible),#hd [tabindex="0"]:focus:not(:focus-visible){outline:none}@-webkit-keyframes dotCounter{0%{transform:scale(0, 1)}100%{transform:scale(1, 1)}}@-moz-keyframes dotCounter{0%{transform:scale(0, 1)}100%{transform:scale(1, 1)}}@-ms-keyframes dotCounter{0%{transform:scale(0, 1)}100%{transform:scale(1, 1)}}@-o-keyframes dotCounter{0%{transform:scale(0, 1)}100%{transform:scale(1, 1)}}@keyframes dotCounter{0%{transform:scale(0, 1)}100%{transform:scale(1, 1)}}@-webkit-keyframes dotHint{50%{transform:scale(1.5, 1.5)}}@-moz-keyframes dotHint{50%{transform:scale(1.5, 1.5)}}@-ms-keyframes dotHint{50%{transform:scale(1.5, 1.5)}}@-o-keyframes dotHint{50%{transform:scale(1.5, 1.5)}}@keyframes dotHint{50%{transform:scale(1.5, 1.5)}}@-webkit-keyframes zoomIn{0%{transform:scale(1.1);opacity:0}100%{transform:scale(1);opacity:1}}@-moz-keyframes zoomIn{0%{transform:scale(1.1);opacity:0}100%{transform:scale(1);opacity:1}}@-ms-keyframes zoomIn{0%{transform:scale(1.1);opacity:0}100%{transform:scale(1);opacity:1}}@-o-keyframes zoomIn{0%{transform:scale(1.1);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes zoomIn{0%{transform:scale(1.1);opacity:0}100%{transform:scale(1);opacity:1}}@-webkit-keyframes zoomOut{0%{transform:scale(1)}100%{transform:scale(1.6);opacity:0}}@-moz-keyframes zoomOut{0%{transform:scale(1)}100%{transform:scale(1.6);opacity:0}}@-ms-keyframes zoomOut{0%{transform:scale(1)}100%{transform:scale(1.6);opacity:0}}@-o-keyframes zoomOut{0%{transform:scale(1)}100%{transform:scale(1.6);opacity:0}}@keyframes zoomOut{0%{transform:scale(1)}100%{transform:scale(1.6);opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@-ms-keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}100%{opacity:1;transform:translateY(0)}}@-ms-keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@-ms-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@-ms-keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@font-face{font-family:'ROGFonts';src:url("../fonts/ROGFonts-Regular_ES.otf") format("opentype"),url("../fonts/ROGFonts-Regular_ES.ttf") format("truetype"),url("../fonts/ROGFonts-Regular_ES.woff") format("woff"),url("../fonts/ROGFonts-Regular_ES.woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'TradeGothicLTPro';src:url("../fonts/TradeGothicLTPro-Bold.ttf") format("opentype");font-weight:bold;font-style:normal;font-display:swap}#hd{font-size:16px}#hd h2,#hd .h2{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:2.875em;font-weight:bold;line-height:1.25;color:#fff !important;letter-spacing:0;margin-bottom:.25em;word-break:normal;word-wrap:normal}#hd h3,#hd .h3{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:2em;font-weight:bold;line-height:1;letter-spacing:0;color:#fff;margin-bottom:.5em}#hd h4,#hd .h4{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:1.75em;font-weight:bold;line-height:1.25;letter-spacing:0;margin-bottom:.35em;color:#fff}#hd h5,#hd .h5{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:1.25em;font-weight:bold;letter-spacing:0;color:#5D5D5D;margin-bottom:.5em}#hd p,#hd small,#hd a,#hd li{font-family:"Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif}#hd p{font-size:1em;line-height:1.5;letter-spacing:.018em;font-weight:400}#hd b,#hd strong{font-weight:bold}#hd small{font-size:.875em;font-weight:400;letter-spacing:.04em}#hd .align-center{text-align:center}#hd .align-left{text-align:left}#hd .align-right{text-align:right}#hd .align-italic{font-style:italic}#hd a.txt-link{display:inline-block}#hd a.txt-link:hover{color:white !important;text-decoration:underline}#hd .hd-underline{text-decoration:underline}#hd .color-primary{color:#F51928 !important}#hd .color-primary-light{color:#f51928 !important}#hd .color-primary-dark{color:#D60A1B !important}#hd .color-title-primary{color:#563f29 !important}#hd .color-title-grey{color:#4a4a4a !important}#hd .color-secondary{color:#006ce1 !important}#hd .color-grey{color:#aaa !important}#hd .color-light-grey{color:#d6d6d6 !important}#hd .color-dark-grey{color:#626262 !important}#hd .color-info{color:#006ce1 !important}#hd .color-white{color:white !important}#hd .color-black{color:black !important}#hd .font-rog{font-family:"ROGFonts","TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;letter-spacing:.04em}#hd .hd-uppercase{text-transform:uppercase}#hd .nobr{white-space:nowrap}@media screen and (min-width: 2560px){#hd{font-size:20px}}@media screen and (min-width: 3000px){#hd{font-size:34px}}@media screen and (max-width: 1440px){#hd h2,#hd .h2{font-size:2.75em}#hd p{font-size:1em}}@media screen and (max-width: 1280px){#hd h2,#hd .h2{font-size:2.5em}#hd h3,#hd .h3{font-size:1.75em}#hd h4,#hd .h4{font-size:1.5em}#hd h5,#hd .h5{font-size:1.125em}}@media screen and (max-width: 1024px){#hd h3,#hd .h3{font-size:1.5em}#hd p{font-size:.875em;line-height:1.35}}@media screen and (max-width: 768px){#hd h2,#hd .h2{font-size:2em;line-height:1.125;margin-bottom:0.5em}#hd h4,#hd .h4{font-size:1.25em}#hd h5,#hd .h5{font-size:1em}}@media screen and (max-width: 480px){#hd h2,#hd .h2{font-size:1.875em}}#hd .hd-w1000,#hd .hd-w1100,#hd .hd-w1200,#hd .hd-w1300,#hd .hd-w1400,#hd .hd-w1600{width:90%;max-width:1200px;margin:0 auto;position:relative}#hd .hd-w1000{max-width:1000px}#hd .hd-w1100{max-width:1100px}#hd .hd-w1300{max-width:1300px}#hd .hd-w1400{max-width:1400px}#hd .hd-w1600{max-width:1600px}#hd .hd-col20{width:20%}#hd .hd-col25{width:25%}#hd .hd-col33{width:33.3333%}#hd .hd-col35{width:35%}#hd .hd-col40{width:40%}#hd .hd-col45{width:45%}#hd .hd-col50{width:50%}#hd .hd-col55{width:55%}#hd .hd-col60{width:60%}#hd .hd-col66{width:66.6666%}#hd .hd-col65{width:65%}#hd .hd-col70{width:70%}#hd .hd-col75{width:75%}#hd .hd-col80{width:80%}#hd .hd-col90{width:90%}#hd .hd-col100{width:100%}#hd .ib-top{display:inline-block;vertical-align:top}#hd .ib-bottom{display:inline-block;vertical-align:bottom}#hd .flex-wrap{display:flex;flex-wrap:wrap}#hd .flex-nowrap{display:flex;flex-wrap:nowrap}#hd .flex-row-reverse{flex-direction:row-reverse}#hd .align-items-center{align-items:center}#hd .align-items-start{align-items:flex-start}#hd .align-items-end{align-items:flex-end}#hd .justify-content-center{justify-content:center}#hd .justify-content-start{justify-content:flex-start}#hd .justify-content-end{justify-content:flex-end}#hd .justify-content-between{justify-content:space-between}#hd .justify-content-around{justify-content:space-around}#hd .ml-auto{margin-left:auto}#hd .mr-auto{margin-right:auto}#hd .mx-auto{margin-left:auto;margin-right:auto}#hd .hd-d-none{display:none !important}@media screen and (min-width: 2560px){#hd .hd-w1000{max-width:1200px}#hd .hd-w1100{max-width:1400px}#hd .hd-w1200{max-width:1500px}#hd .hd-w1300{max-width:1600px}#hd .hd-w1400{max-width:1800px}#hd .hd-w1600{max-width:2000px}}@media screen and (min-width: 3000px){#hd .hd-w1000{max-width:1600px}#hd .hd-w1100{max-width:2000px}#hd .hd-w1200{max-width:2200px}#hd .hd-w1300{max-width:2400px}#hd .hd-w1400{max-width:2600px}#hd .hd-w1600{max-width:2800px}}@media screen and (max-width: 1024px) and (orientation: portrait), screen and (max-width: 1023px){#hd .hd-d-portrait-none{display:none !important}#hd .hd-d-portrait-block{display:block !important}}@media screen and (max-width: 1023px){#hd .hd-d-1023-none{display:none !important}#hd .hd-d-1023-block{display:block !important}#hd .hd-d-1023-inline-block{display:inline-block !important}}@media screen and (max-width: 768px){#hd .hd-d-768-none{display:none !important}#hd .hd-d-768-block{display:block !important}}@media screen and (max-width: 620px){#hd .hd-d-620-none{display:none !important}#hd .hd-d-620-block{display:block !important}}@media screen and (max-width: 480px){#hd .hd-d-480-none{display:none !important}#hd .hd-d-480-block{display:block !important}}#hd .hd-lightbox{display:none;justify-content:center;backdrop-filter:blur(4px);width:100%;height:100vh;padding:100px 0 20px;position:fixed;top:0;left:0;z-index:11;overflow-x:hidden;overflow-y:auto}#hd .hd-lightbox::-webkit-scrollbar{width:4px}#hd .hd-lightbox::-webkit-scrollbar-track{background:transparent}#hd .hd-lightbox::-webkit-scrollbar-thumb{background:#aaa}#hd .hd-lightbox::-webkit-scrollbar-thumb:hover{background:#F51928}#hd .hd-lightbox.hd-active{display:flex;-webkit-animation-delay:0s;-webkit-animation-duration:.4s;-webkit-animation-name:fadeIn;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.4s;-moz-animation-name:fadeIn;-moz-animation-timing-function:ease;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.4s;-o-animation-name:fadeIn;-o-animation-timing-function:ease;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.4s;animation-name:fadeIn;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#hd .hd-lightbox .hd-filter{width:100%;height:100%;padding:100px 3em 20px;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0}#hd .hd-lightbox .hd-box{width:90%;max-width:920px;position:relative;margin:auto;z-index:2}#hd .hd-lightbox .hd-box iframe{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}#hd .hd-lightbox h2{margin-bottom:.25em}#hd .hd-lightbox .vid-container{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}#hd .hd-lightbox .vid-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}#hd .hd-lightbox .hd-content{width:100%;height:90%;max-height:500px;padding:40px;background:black;color:white;position:relative;overflow-y:auto}#hd .hd-lightbox .hd-content::-webkit-scrollbar{width:4px}#hd .hd-lightbox .hd-content::-webkit-scrollbar-track{background:transparent}#hd .hd-lightbox .hd-content::-webkit-scrollbar-thumb{background:#aaa}#hd .hd-lightbox .hd-content::-webkit-scrollbar-thumb:hover{background:#F51928}#hd .hd-lightbox .hd-content h2{margin-bottom:1em}#hd .hd-lightbox .hd-content h2,#hd .hd-lightbox .hd-content h3{color:white !important}#hd .hd-lightbox .hd-content a{color:white}#hd .hd-lightbox .hd-content a:hover,#hd .hd-lightbox .hd-content a:focus-visible{text-decoration:underline}#hd .hd-lightbox .hd-close{font-size:1em;width:44px;height:44px;position:absolute;bottom:100%;right:0;margin:.75em;pointer-events:all;cursor:pointer}#hd .hd-lightbox .hd-close:before,#hd .hd-lightbox .hd-close:after{content:'';display:block;width:2.25em;height:3px;border-radius:2px;background:white;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:all 0.4s ease}#hd .hd-lightbox .hd-close:before{transform:translate(0, 0) rotate(-45deg)}#hd .hd-lightbox .hd-close:after{transform:translate(0, 0) rotate(45deg)}#hd .hd-lightbox .hd-close:hover:before,#hd .hd-lightbox .hd-close:hover:after{background:#006ce1}#hd .hd-dialog .hd-box{background:#1a1a1a;border-radius:20px;padding:40px;max-width:432px;width:90%;text-align:center;border:1px solid rgba(255,255,255,0.12)}#hd .hd-dialog .hd-box p{margin-bottom:0.5em}#hd .hd-dialog .dialog-title{font-size:1.25em;margin-bottom:1em}#hd .hd-dialog .btn-container{display:flex;align-items:center;justify-content:center;gap:16px}#hd .hd-dialog .hd-btn{min-width:120px;padding:9px 20px 6px;margin-top:40px}@media screen and (min-width: 2560px){#hd .hd-lightbox .hd-box{max-width:600px}}@media screen and (min-width: 3000px){#hd .hd-lightbox .hd-box{max-width:1000px}}@media screen and (max-width: 1024px){#hd .hd-lightbox{padding-top:50px}#hd .hd-lightbox .hd-filter{padding:50px 2em 20px}#hd .hd-lightbox .hd-content .list-country{grid-template-columns:repeat(3, 1fr);margin-bottom:20px}}@media screen and (max-width: 768px){#hd .hd-lightbox .hd-filter{padding:50px 2em}#hd .hd-lightbox .hd-box{width:95%}#hd .hd-lightbox .hd-box iframe{width:100%}}@media screen and (max-width: 620px){#hd .hd-lightbox .hd-content .list-country{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 480px){#hd .hd-lightbox .hd-filter{padding:50px .5em}#hd .hd-lightbox .hd-box{padding:40px 16px}#hd .hd-lightbox .hd-content .list-country{grid-template-columns:repeat(1, 1fr)}}#hd{padding-top:1px;padding-bottom:1px}#hd .footer-logo{width:75px;margin:20px auto}#hd .header-logo{width:180px;margin:20px auto}#hd .bg-white{background:white;color:#fff}#hd .bg-primary{background:#f5f0ea}#hd .hd-d figure:hover .hd-dot{-webkit-animation-delay:0s;-webkit-animation-duration:2s;-webkit-animation-name:dotHint;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-delay:0s;-moz-animation-duration:2s;-moz-animation-name:dotHint;-moz-animation-timing-function:ease;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;-o-animation-delay:0s;-o-animation-duration:2s;-o-animation-name:dotHint;-o-animation-timing-function:ease;-o-animation-iteration-count:infinite;-o-animation-fill-mode:both;animation-delay:0s;animation-duration:2s;animation-name:dotHint;animation-timing-function:ease;animation-iteration-count:infinite;animation-fill-mode:both}#hd .list-disc>li{line-height:1.5;font-weight:300;position:relative;padding-left:1em;margin-bottom:.125em}#hd .list-disc>li:before{content:'';display:block;width:.4em;height:.4em;border-radius:50%;background:#fff;position:absolute;top:.5em;left:0}#hd .list-disc sup{display:inline-block;margin-top:-0.5em}#hd .list-decimal{padding-left:2em}#hd .list-decimal>li{line-height:1.5;position:relative;margin-bottom:.125em;list-style-type:decimal;list-style-position:outside}#hd .list-decimal sup{display:inline-block;margin-top:-0.5em}#hd .list-upperAlpha{padding-left:2em}#hd .list-upperAlpha>li{line-height:1.5;position:relative;margin-bottom:.125em;list-style-type:upper-alpha;list-style-position:outside}@media screen and (max-width: 620px){#hd .hd-dot{width:10vw;height:10vw;margin:-5vw}}#hd .hd-btn{display:inline-block;font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:600;font-size:1.125em;letter-spacing:0;color:black;background:#8C9093;padding:14px 30px 11px;border-radius:50px;margin:0;position:relative;z-index:2;cursor:pointer;transition:background 0.4s ease,border-color 0.25s ease,transform 0.25s ease}#hd .hd-btn:hover,#hd .hd-btn:focus-visible{color:white;background:#41474B}#hd .hd-btn.btn-primary{background:#F51928;color:black}#hd .hd-btn.btn-primary:hover,#hd .hd-btn.btn-primary:focus-visible{color:white;background:#D60A1B}#hd .hd-btn.btn-frame{border:1px solid rgba(255,255,255,0.25);color:white;background:black}#hd .hd-btn.btn-frame:hover,#hd .hd-btn.btn-frame:focus-visible{border-color:rgba(255,255,255,0.75);background:#151515}#hd .hd-btn.btn-dark{border:1px solid #F51928;background:#F51928;color:white}#hd .hd-btn.btn-dark:hover,#hd .hd-btn.btn-dark:focus-visible{color:#F51928;background:white}@media screen and (max-width: 1024px){#hd .hd-btn{font-size:1.125em;padding:10px 20px 7px}}@media screen and (max-width: 620px){#hd .hd-btn{font-size:1em}}#hd .sec-overview{padding:2% 0;position:relative;overflow:hidden}#hd .sec-overview .hd-bg{width:70%;margin-left:-5%;margin-right:-20%;pointer-events:none;user-select:none}#hd .sec-overview .hd-container{position:relative;z-index:2}#hd .sec-overview .wrapper-bottom>.hd-content{padding-right:20px}#hd .sec-overview .hd-ipd-input{align-items:center;background:rgba(255,255,255,0.08);border-radius:60px;display:flex;height:3.75em;max-width:23em;overflow:hidden;padding-left:8px;padding-right:12px;position:relative;width:100%;z-index:0}#hd .sec-overview .hd-ipd-input:before{background:linear-gradient(180deg, rgba(255,255,255,0.2), rgba(255,255,255,0));border-radius:32px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}#hd .sec-overview .hd-ipd-input .ipd-input{font-family:"TradeGothicLTPro","Roboto Condensed","Segoe UI","Arial","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;font-weight:bold;background:transparent;border:none;color:#fff;flex:1 1;font-size:1.75em;min-width:0;outline:none;padding-left:22px;padding-top:.25em;appearance:none;-webkit-appearance:none;-moz-appearance:textfield}#hd .sec-overview .hd-ipd-input .ipd-input::placeholder{color:#999}#hd .sec-overview .hd-ipd-input .ipd-input::-webkit-outer-spin-button,#hd .sec-overview .hd-ipd-input .ipd-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#hd .sec-overview .hd-ipd-input .hd-unit{color:#fff;font-size:1.5em;font-weight:500;letter-spacing:-.02em;line-height:1.2;margin-right:20px;padding-top:0.25em}#hd .sec-overview .hd-ipd-input .btn-submit{width:3em;height:3em;min-width:40px;min-height:40px;transition:filter .3s;cursor:pointer}#hd .sec-overview .hd-ipd-input .btn-submit img{width:100%}#hd .sec-overview .hd-ipd-input .btn-submit:disabled{filter:contrast(0.3);cursor:not-allowed}#hd .sec-overview .hd-result .result-placeholder,#hd .sec-overview .hd-result .hd-content{display:none}#hd .sec-overview .hd-result .result-placeholder.is-active,#hd .sec-overview .hd-result .hd-content.is-active{display:flex;-webkit-animation-delay:0s;-webkit-animation-duration:.4s;-webkit-animation-name:fadeIn;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:both;-moz-animation-delay:0s;-moz-animation-duration:.4s;-moz-animation-name:fadeIn;-moz-animation-timing-function:ease;-moz-animation-iteration-count:1;-moz-animation-fill-mode:both;-o-animation-delay:0s;-o-animation-duration:.4s;-o-animation-name:fadeIn;-o-animation-timing-function:ease;-o-animation-iteration-count:1;-o-animation-fill-mode:both;animation-delay:0s;animation-duration:.4s;animation-name:fadeIn;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}#hd .sec-overview .result-placeholder{width:26em;margin:0;opacity:0.5 !important}#hd .sec-overview #pageCotent-fig-result .hd-content{align-items:center;justify-content:center;width:100%;padding:0 10px;border-radius:20px;background:rgba(255,255,255,0.08);position:relative;overflow:hidden}#hd .sec-overview #pageCotent-fig-result .hd-content:before{content:"";background:linear-gradient(180deg, rgba(255,255,255,0.2), rgba(255,255,255,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border-radius:20px;padding:1px;position:absolute;inset:0;pointer-events:none}#hd .sec-overview #pageCotent-fig-result .product-rec-img{width:150px;height:150px;object-fit:contain;margin-inline:20px}#hd .sec-overview #pageCotent-fig-result .hd-txt{padding:16px 0;max-width:calc(100% - 100px)}#hd .sec-overview #pageCotent-fig-result h4{margin-bottom:16px}#hd .sec-overview #pageCotent-fig-result p{font-size:1.25em}@media screen and (max-width: 1440px){#hd .sec-overview .hd-bg{width:65%;margin-right:-15%}}@media screen and (max-width: 1024px){#hd .sec-overview .wrapper-top{margin-bottom:20px}#hd .sec-overview .hd-ipd-input .ipd-input{font-size:1.5em}#hd .sec-overview .hd-ipd-input .hd-unit{font-size:1.25em}#hd .sec-overview #pageCotent-fig-result h4{font-size:1.25em}}@media screen and (max-width: 768px){#hd .sec-overview{padding:0 0 2%}#hd .sec-overview .wrapper-top{flex-direction:column-reverse}#hd .sec-overview .hd-bg{width:80%;max-width:600px;margin:0 -18% -3% auto}#hd .sec-overview .hd-content{width:100%;margin-bottom:20px}#hd .sec-overview .wrapper-bottom{flex-direction:column}#hd .sec-overview .wrapper-bottom>.hd-content,#hd .sec-overview .wrapper-bottom .hd-result{width:100%}#hd .sec-overview .wrapper-bottom>.hd-content{padding-right:0}#hd .sec-overview .hd-ipd-input{max-width:none}#hd .sec-overview .result-placeholder{width:100%}}@media screen and (max-width: 620px){#hd .sec-overview{padding-top:6%}#hd .sec-overview .hd-bg{width:120%;max-width:none !important;margin:0 -10% 20px}}@media screen and (max-width: 480px){#hd .sec-overview{padding-top:10%}#hd .sec-overview .hd-ipd-input .ipd-input{font-size:1.125em}#hd .sec-overview .hd-ipd-input .hd-unit{font-size:1.125em}#hd .sec-overview #pageCotent-fig-result .product-rec-img{width:100px;height:100px;margin-inline:10px}#hd .sec-overview #pageCotent-fig-result h4{font-size:1.125em;margin-bottom:12px}#hd .sec-overview #pageCotent-fig-result p{font-size:1.125em}}#hd .sec-how{padding:6% 0 50px;position:relative}#hd .sec-how .hd-deco{position:absolute;margin:0 30px}#hd .sec-how .hd-deco img{width:100%}#hd .sec-how .hd-deco.deco-left{width:2.5%;right:100%;bottom:90%}#hd .sec-how .hd-deco.deco-right{width:2%;left:100%;bottom:0}#hd .sec-how .hd-frame{padding:80px 78px;background:rgba(255,255,255,0.08);border-radius:20px;overflow:hidden;position:relative;width:100%;z-index:0}#hd .sec-how .hd-frame:before{content:"";background:linear-gradient(180deg, rgba(255,255,255,0.2), rgba(255,255,255,0));border-radius:20px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;inset:0}#hd .sec-how h2{margin-bottom:40px}#hd .sec-how .list-how{display:flex}#hd .sec-how .list-how>li{display:flex;flex-direction:column;align-items:flex-start;width:33.3333%;position:relative;padding:0 50px}#hd .sec-how .list-how>li:after{content:'';display:block;width:1px;height:360px;background:linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 5%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 95%, rgba(255,255,255,0));position:absolute;top:0;bottom:0;right:0;margin:auto 0}#hd .sec-how .list-how>li:first-child{padding-left:0}#hd .sec-how .list-how>li:last-child{padding-right:0}#hd .sec-how .list-how>li:last-child:after{display:none}#hd .sec-how .list-how img{margin:0 0 30px}#hd .sec-how .list-how h3{margin-bottom:10px}#hd .sec-how .list-how p{margin-bottom:40px}#hd .sec-how .list-how .hd-btn{margin-top:auto;margin-bottom:0}@media screen and (max-width: 1280px){#hd .sec-how .hd-deco{position:absolute;margin:0 20px}#hd .sec-how .hd-deco.deco-left{width:2%}#hd .sec-how .hd-deco.deco-right{width:1.5%}#hd .sec-how .hd-frame{padding:60px 50px}}@media screen and (max-width: 1024px){#hd .sec-how .hd-frame{padding:40px}#hd .sec-how .list-how>li{padding:0 30px}}@media screen and (max-width: 1023px){#hd .sec-how .hd-deco.deco-left{width:3%;transform:translateX(520%) rotate(90deg)}#hd .sec-how .hd-deco.deco-right{width:2.5%;transform:translateX(-2420%) translateY(4%) rotate(90deg);transform-origin:center bottom;margin-top:20px}}@media screen and (max-width: 768px){#hd .sec-how{padding:10% 0}#hd .sec-how .hd-deco{display:none}#hd .sec-how h2{margin-bottom:20px}#hd .sec-how .list-how{flex-direction:column}#hd .sec-how .list-how>li{width:100%;padding:20px 0 !important}#hd .sec-how .list-how>li:after{width:80%;height:1px;top:auto;left:0;margin:0 auto;background:linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 5%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 95%, rgba(255,255,255,0))}#hd .sec-how .list-how p{margin-bottom:0}#hd .sec-how .list-how .hd-btn{margin-top:20px}}@media screen and (max-width: 480px){#hd .sec-how{padding:15% 0}#hd .sec-how .hd-frame{padding:30px 20px}#hd .sec-how .list-how img{width:5em;margin-bottom:14px}}#hd.page-camera{min-height:100vh;min-height:100svh;position:relative;z-index:2}#hd.page-camera>.hd-bg{width:100%;height:100%;object-fit:cover;position:absolute;opacity:0.2;inset:0;z-index:-1;pointer-events:none;user-select:none}#hd .sec-camera{padding:4% 0;position:relative;overflow:hidden}#hd .sec-camera .camera-wrapper{max-width:600px;margin:0 auto}#hd .sec-camera .msg-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:20px;margin-bottom:20px}#hd .sec-camera .msg-container:before{background:linear-gradient(180deg, rgba(255,255,255,0.2), rgba(255,255,255,0));border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}#hd .sec-camera .msg-container .camera-messages{width:100%;background:rgba(30,30,30,0.9);padding:12px 24px}#hd .sec-camera .msg-container .msg-box{display:flex;align-items:center;gap:20px;color:#aaa;display:none}#hd .sec-camera .msg-container .msg-box.is-active{display:flex}#hd .sec-camera .msg-container .msg-box.is-active .progress-bar{animation:progressFill 3s linear forwards}#hd .sec-camera .msg-container .hd-icon{width:24px;height:24px;margin:0}#hd .sec-camera .msg-container .progress-container{display:block;width:100%;height:3px;background:rgba(255,255,255,0.2);border-radius:2px;margin-top:8px;overflow:hidden;position:absolute;left:0;bottom:0}#hd .sec-camera .msg-container .progress-bar{display:block;width:0%;height:100%;position:absolute;inset:0;background:#F51928}@keyframes progressFill{from{width:0%}to{width:100%}}#hd .sec-camera .camera-container{position:relative;width:100%;aspect-ratio:4/3;background:#666;border-radius:16px;overflow:hidden;margin-bottom:24px}#hd .sec-camera .camera-container video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#hd .sec-camera .camera-container .user-mask{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:3}#hd .sec-camera .camera-container .countdown-text{position:absolute;inset:0;justify-content:center;align-items:center;font-size:8rem;line-height:1;z-index:11;text-shadow:0 0 10px black;display:none}#hd .sec-camera .camera-container .countdown-text.is-active{display:flex}#hd .sec-camera .camera-container .camera-error{position:absolute;inset:0;background:rgba(0,0,0,0.6);align-items:center;justify-content:center;text-align:center;z-index:10;display:none}#hd .sec-camera .camera-container .camera-error.is-active{display:flex}#hd .sec-camera .camera-container .camera-error .error-content{max-width:80%;display:none}#hd .sec-camera .camera-container .camera-error .error-content.is-active{display:block}#hd .sec-camera .camera-container .camera-error .error-content h3{font-size:1.5rem;margin-bottom:10px}#hd .hd-dialog.dialog-result .hd-box{max-width:800px;background:#F4F4F4;color:black;border-radius:20px;padding:80px 40px;text-align:left}#hd .hd-dialog.dialog-result .result-desc{color:#333}#hd .hd-dialog.dialog-result .result-layout{display:flex;gap:56px;align-items:center}#hd .hd-dialog.dialog-result .result-layout .result-info{flex:1}#hd .hd-dialog.dialog-result .result-layout h2{font-size:2.5em}#hd .hd-dialog.dialog-result .result-layout h2 small{display:block;font:inherit;font-size:1.25rem;letter-spacing:.018em}#hd .hd-dialog.dialog-result .result-layout h2 strong{font-size:1.875em}#hd .hd-dialog.dialog-result .result-layout .result-product{flex:0 0 300px;background:#fff;border-radius:20px;padding:20px;text-align:center;position:relative}#hd .hd-dialog.dialog-result .result-layout .result-product .product-img{width:100%;margin:20px auto}#hd .hd-dialog.dialog-result .result-layout .result-product .product-name{font-size:1.2rem}#hd .hd-dialog.dialog-result .result-layout .result-product .product-size{margin-bottom:0;font-size:1.125em}#hd #btn-start-camera.is-disabled{cursor:not-allowed;color:black;background:#aaa}#hd #pageContent-dialog-instructions .list-inst li{margin-bottom:0.75em}#hd #pageContent-dialog-instructions .list-inst li:last-child{margin-bottom:0}@media screen and (max-width: 1023px){#hd .hd-dialog.dialog-result .hd-box{padding:60px 30px}#hd .hd-dialog.dialog-result .result-layout{gap:40px}#hd .hd-dialog.dialog-result .result-layout .result-product{flex:0 0 280px;padding:16px}}@media screen and (max-width: 768px){#hd .sec-camera{padding:10% 0}}@media screen and (max-width: 620px){#hd .hd-dialog.dialog-result .hd-box{padding:40px 16px}#hd .hd-dialog.dialog-result .result-layout{flex-direction:column;gap:10px}#hd .hd-dialog.dialog-result .result-layout h2{font-size:2em}#hd .hd-dialog.dialog-result .result-layout .result-product{flex:0 0 280px;padding:16px}#hd .hd-dialog.dialog-result .hd-btn{margin-top:10px}}@media screen and (max-width: 480px){#hd .sec-camera{padding:15% 0}}
/*# sourceMappingURL=hd-style.css.map */