body,html{height:100%;width:100%;font-family:'Microsoft JhengHei',Merriweather,'Helvetica Neue',Arial,sans-serif,'Noto Sans TC';font-weight:400;font-size:17px;color:#888;line-height:26px;text-align:center}hr{border-color:#f05f40;border-width:3px;max-width:50px}hr.light{border-color:#fff}a{-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}@media screen and (max-width:767px){h2{font-size:22px}}p{font-size:16px;margin:0 0 5px}input{border-radius:0!important}.bg-primary{background-color:#f05f40}.bg-black{background-color:#111;color:#fff}.bg-dark{background-color:#222;color:#fff}.bg-dark-light{background-color:#444;color:#fff}.bg-blue{background-color:#00c3eb}.bg-black-gradient-horizontal{background:rgba(255,255,255,0);background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(0,0,0,.57) 32%,rgba(90,90,90,1) 56%,rgba(255,255,255,0) 100%);background:-webkit-gradient(left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(32%,rgba(0,0,0,.57)),color-stop(56%,rgba(90,90,90,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(0,0,0,.57) 32%,rgba(90,90,90,1) 56%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(0,0,0,.57) 32%,rgba(90,90,90,1) 56%,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(0,0,0,.57) 32%,rgba(90,90,90,1) 56%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(0,0,0,.57) 32%,rgba(90,90,90,1) 56%,rgba(255,255,255,0) 100%)}.text-faded{color:rgba(255,255,255,.7)}.no-padding{padding:0}.navbar-default{background:-webkit-linear-gradient(right,#26c7f1,#4cbcb5);background:-o-linear-gradient(right,#26c7f1,#4cbcb5);background:-moz-linear-gradient(right,#26c7f1,#4cbcb5);background:linear-gradient(to right,#26c7f1,#4cbcb5);border:none;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}.xn-brand{margin-left:0;padding:15px 0;color:rgba(255,255,255,1);font-size:13px;font-weight:400;line-height:20px}.xn-brand:focus,.xn-brand:hover{color:#505050}@media (min-width:412px){.xn-brand{font-size:16px}}@media (min-width:768px){.xn-brand{font-size:18px}}.navbar-default .navbar-header .navbar-brand{color:#f05f40;font-weight:400}.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#eb3812}.navbar-brand{display:none}.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{font-weight:400;font-size:13px;color:#333}.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#f05f40}.navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{color:#f05f40!important;background-color:transparent}.navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover{background-color:transparent}@media (min-width:768px){.navbar-default .navbar-header .navbar-brand{color:rgba(255,255,255,.7)}.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#fff}.navbar-brand{display:block}.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:rgba(255,255,255,.7)}.navbar-default .nav>li>a.custom-color,.navbar-default .nav>li>a.custom-color:focus{color:#333}.navbar-default .nav>li>a.custom-color-2,.navbar-default .nav>li>a.custom-color-2:focus{color:#fff}.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#fff}.navbar-default .nav>li>a.custom-color-2:focus:hover,.navbar-default .nav>li>a.custom-color-2:hover{color:#f05f40}.navbar-default.affix{background:rgba(90,90,90,.2);border-color:rgba(34,34,34,.05)}.navbar-default.affix .navbar-header .navbar-brand{color:#fff;font-size:14px}.navbar-default.affix .navbar-header .navbar-brand:focus,.navbar-default.affix .navbar-header .navbar-brand:hover{color:#eb3812}.navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{color:#222}.navbar-default.affix .nav>li>a.custom-color-2,.navbar-default.affix .nav>li>a.custom-color-2:focus{color:#fff}.navbar-default.affix .nav>li>a:focus:hover,.navbar-default.affix .nav>li>a:hover{color:#f05f40}}.navbar-collapse{background-color:#fff}@media (min-width:768px){.navbar-collapse{background-color:transparent}}.need-hide-not-login{display:none}.header{width:100%;min-height:280px;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;text-align:center;color:#fff}.header .header-content{position:absolute;text-align:center;width:100%;top:72px;padding:0 20px}.header .header-content.middle{top:40%!important;bottom:initial}.header .header-content.bottom{top:initial!important;bottom:10px}.header .header-content .header-content-inner h1{font-weight:700;font-size:40px;margin-top:0;margin-bottom:0}.header .header-content .header-content-inner h1.sub-title{font-weight:400;font-size:35px}.header .header-content .header-content-inner hr{margin:30px auto}@media (min-width:768px){.header{min-height:100%}.header .xn-background-image-house-connection .header-content{top:100px}.header .xn-background-image-wall-street .header-content{top:100px}.header .header-content{top:120px;padding:0 50px}.header .header-content.bottom{bottom:40px}.header .header-content .header-content-inner h1{font-size:80px;letter-spacing:35px}.header .header-content .header-content-inner p.xnbay-slogan{font-size:48px}.header .header-content .header-content-inner p.xnbay-slogan.main-title{letter-spacing:31px}.header .header-content .header-content-inner p.xnbay-slogan.sub-title{font-size:39px;font-weight:700;letter-spacing:2px}.header .header-content .header-content-inner p.xnbay-slogan.desc-text{font-size:18px}.header .header-content .header-content-inner p.xnbay-slogan.buy-button{text-align:left;margin-left:25px}}@media (min-width:1024px){.header{min-height:100%}.header .xn-background-image-house-connection .header-content{top:100px}.header .xn-background-image-wall-street .header-content.slogan{top:100px}.header .header-content{top:120px;padding:0 50px}.header .header-content.bottom{bottom:40px}.header .header-content .header-content-inner h1{font-size:80px;letter-spacing:35px}.header .header-content .header-content-inner p.xnbay-slogan{font-size:48px}.header .header-content .header-content-inner p.xnbay-slogan.main-title{letter-spacing:31px}.header .header-content .header-content-inner p.xnbay-slogan.sub-title{font-size:39px;font-weight:700;letter-spacing:2px}.header .header-content .header-content-inner p.xnbay-slogan.desc-text{font-size:18px}.header .header-content .header-content-inner p.xnbay-slogan.buy-button{text-align:left;margin-left:25px}}@media (min-width:1200px){.header .header-content .header-content-inner p.xnbay-slogan{font-size:60px}.header .header-content .header-content-inner p.xnbay-slogan.sub-title{font-size:45px}.header .header-content .header-content-inner p.xnbay-slogan.desc-text{font-size:20px}}@media (min-width:1800px){.header .header-content.bottom{bottom:20px}.header .header-content .header-content-inner p.xnbay-slogan{font-size:68px}.header .header-content .header-content-inner p.xnbay-slogan.sub-title{font-size:49px}.header .header-content .header-content-inner p.xnbay-slogan.desc-text{font-size:24px}}.section-heading{margin-top:0}.service-box{max-width:400px;margin:50px auto 0}@media (min-width:992px){.service-box{margin:20px auto 0}}.service-box p{margin-bottom:0}.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}.portfolio-box .portfolio-box-caption{color:#fff;opacity:0;display:block;background:rgba(240,95,64,.9);position:absolute;bottom:0;text-align:center;width:100%;height:100%;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{width:100%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{text-transform:uppercase;font-weight:600;font-size:14px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.call-to-action h2{margin:0 auto 20px}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}.btn-default{color:#222;background-color:#fff;border-color:#ccc;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#222;background-color:#f2f2f2;border-color:#ededed}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#fff}.btn-default .badge{color:#fff;background-color:#222}.btn-primary{color:#fff;background-color:#ca3d1d;border-color:#ca3d1d;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#ca3d1d;border-color:#ca3d1d}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:red;border-color:#f05f40}.btn-primary .badge{color:#f05f40;background-color:#fff}.btn{border-radius:4px;font-weight:400}.btn-login{border:none;background-color:#00c1ed;float:right}.btn-no-radious{border:none;font-weight:700;text-transform:uppercase}.btn-l{padding:5px 10px}::-moz-selection{color:#fff;text-shadow:none;background:#222}::selection{color:#fff;text-shadow:none;background:#222}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}.img-small{display:block;max-width:555px;height:auto}@media (max-width:767px){.img-small{max-width:330px}}body{webkit-tap-highlight-color:#222}.icon-block{display:block;width:7px;height:7px;background-color:#fff;border-radius:1px;margin:1px;float:left}.icon-grid{width:36px;height:36px;display:block;margin:0 auto;background:url(../../img/grid.png) center no-repeat;background-size:contain}.xn-toolbar-button{padding:10px 0}.xn-more-btn{background-color:transparent;background-image:none;border-radius:4px;margin:0 4px 9px 4px;padding:0;border:none}.xn-more-btn:hover .icon-block{background-color:#337ab7}.xn-dropdown-menu-margin-right{left:-40px}.navbar-func{display:block;float:right}.navbar-header .navbar-func{display:block;float:right}.xn-xnbay-sub-menu{display:none}.xn-xnbay-sub-menu-ul{display:block}@media (min-width:768px){.navbar-func{display:block;float:right}.navbar-header .navbar-func{display:none}.xn-xnbay-sub-menu{display:block}.xn-xnbay-sub-menu-ul{display:none}}.xn-navbar-toggle{border:none;float:left;margin-top:10px;margin-left:5px;margin-right:0}.xn-icon-bar{background-color:#fff;display:block;width:22px;height:3px}.xn-text-hightlight-bg{background-color:#f9e8d7}#competitor-table td,#competitor-table th{vertical-align:middle;text-align:center}.xn-embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}#press-content{padding:0 0 5em 0;position:relative;clear:both}#press-content .press-entry{margin-bottom:30px;float:left}#press-content .press-entry figure{margin-bottom:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}#press-content .press-entry figure img{max-width:100%}#press-content .press-entry .press-date{display:block;margin-bottom:15px;font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#b3b3b3}#press-content .press-entry .press-copy{padding:1px 30px 15px 30px;background:#fff;min-height:310px}#press-content .press-entry h3{margin-bottom:10px;line-height:1.5;color:#00b906;font-weight:700}#press-content .press-entry p{color:#999;text-align:left}#press-content .press-entry p:last-child{margin-bottom:0}#press-content .press-entry:hover figure{opacity:.9}#press-content .press-entry:active,#press-content .press-entry:focus,#press-content .press-entry:hover{text-decoration:none!important}#press-content .press-entry:active figure,#press-content .press-entry:active h3,#press-content .press-entry:active p,#press-content .press-entry:active span,#press-content .press-entry:focus figure,#press-content .press-entry:focus h3,#press-content .press-entry:focus p,#press-content .press-entry:focus span,#press-content .press-entry:hover figure,#press-content .press-entry:hover h3,#press-content .press-entry:hover p,#press-content .press-entry:hover span{text-decoration:none!important}#footer{padding:7em 0;float:left;width:100%;position:relative;background:#333}@media screen and (max-width:768px){#footer{padding:3em 0}}#footer h2,#footer h3,#footer h4{color:#fff}#footer h3{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}#footer [class*=col]{padding-bottom:30px}#footer .btn{color:#fff}#footer .float{float:left;margin-right:10%}#footer ul{padding:0;margin:0}#footer ul li{padding:0;margin:0 0 10px 0;list-style:none}#footer ul li a{color:rgba(255,255,255,.5);text-decoration:none!important}#footer ul li a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.1);clear:both;margin-top:40px!important;padding:40px 0 0 0}.copyright span{display:block}@media screen and (max-width:480px){.copyright{text-align:left!important}.copyright span{display:inline}}.social{padding:0;margin:5px;display:inline;position:relative;width:50%}.social li{list-style:none;padding:0;margin:0;display:inline-block}.social li a{font-size:14px;display:table;width:30px;height:30px;margin:0 auto;text-align:center}.social li a i{display:table-cell;vertical-align:middle}.social li a:active,.social li a:focus,.social li a:hover{text-decoration:none;border-bottom:none}.social li a.social-box{background:#f05f40;color:#fff}.social li a.social-circle{background:rgba(0,0,0,.3);color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}.social li a:hover{background:#393e46!important}.social.social-box a{background:#f05f40;color:#fff}.social.social-circle a{background:#f05f40;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}.social-b{padding:0;margin:5px;display:inline;position:relative;width:50%}.social-b li{list-style:none;padding:0;margin:0;display:inline-block}.social-b li a{font-size:14px;display:table;width:30px;height:30px;margin:0 auto;text-align:center}.xncloud-icon{width:30px;height:28px;margin-top:10px;margin-left:0;margin-right:10px}.text-case-none{text-transform:none}h5{color:#fff}.bg-gray{background:#5e5e5e;color:#fff}.bg-gray-2{background:#fafafa;color:#fff}.bg-gray-3{background:#bbb;color:#fff}.bg-white{background:#fff;color:#000}.develop{height:420px;background:#fff url(../img/develop.jpg)}.top-border{border-top:#adadad 1px solid}.white-border{border:1px solid #fff}.ul-no-bullets{list-style-type:none}.ul-9grid-list{min-height:100px;padding:5px 10px 5px 10px;text-align:left;white-space:normal;width:270px;overflow-x:hidden;overflow-y:auto;margin-bottom:0}.ul-9grid-list .text-desc{display:block;text-align:center;font-size:14px;word-wrap:break-word;color:#333;margin-top:10px}.ul-9grid-list .text-desc-app{margin-top:3px}.ul-9grid-list .text-desc.device{text-align:center}.ul-9grid-list li{float:left;width:100%;font-size:14px;text-align:center;padding:0;margin-top:10px}.ul-9grid-list li.xnDevice{background-color:var(--grid-background-color)}.ul-9grid-list li.xnBtnBindDevice{background-color:#26c7f1!important}.ul-9grid-list li.xnBtnXnFunQRCode{height:170px!important;background-color:#00d8d3}.ul-9grid-list li.xnBtnTypeForm{height:170px!important;background-color:#26c7f1}.ul-9grid-list li:first-child{z-index:1000}.ul-9grid-list li:last-child{margin-bottom:10px}.ul-9grid-list li a{padding:0}.dialog-ul{line-height:20px}.xnbay-title{font-size:2em;padding-left:0}.xnbay-desc{font-size:2em;padding-left:0;padding-top:5px;padding-bottom:5px}.xnbay-slogan{text-align:center;color:#00b4e2;font-size:28px;line-height:1.2;max-width:100%}.xnbay-slogan.left{text-align:left}.xnbay-slogan .btn-lg{padding:6px 8px;font-size:14px}.xnbay-slogan.main-title{letter-spacing:5px}.xnbay-slogan.sub-title{color:#595959;font-size:18px;font-weight:700;line-height:1}.xnbay-slogan.desc-text{color:#595959;font-size:14px;line-height:1.6;margin-top:24px}.photo_from{font-size:.8em}.device-icon{width:80px}.device-status-icon{height:15px;width:15px}@media (min-width:360px){.xncloud-icon{width:40px;margin-left:5px}}@media (min-width:768px){.xnbay-title{font-size:2em}.xnbay-desc{font-size:1.5em}.xnbay-slogan{text-align:left;font-size:1.3em;line-height:1}.xnbay-slogan .btn-lg{padding:8px 12px;font-size:16px}.photo_from{font-size:1em}}@media (min-width:768px) and (max-width:991px){.xnbay-title{padding-left:10%}.xnbay-desc{padding-left:10%}}@media (min-width:992px) and (max-width:1199px){.xnbay-title{padding-left:15%}.xnbay-desc{padding-left:15%}}@media (min-width:1200px){.xnbay-title{padding-left:18%}.xnbay-desc{padding-left:18%}}video{min-width:100%;min-height:100%;width:100%;height:auto;z-index:-100;transition:2s opacity;background-color:var(--grid-background-color)}.xn-loader{border:5px solid #f3f3f3;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-top:5px solid #555;border-radius:50%;width:30px;height:30px;margin-left:auto;margin-right:auto}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.posmodal{display:none;position:fixed;z-index:9999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}.posmodal-content{margin:auto;display:block;width:65%}.posmodal-content{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.posclose{position:absolute;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.posclose:focus,.posclose:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.posmodal-content{width:100%}}.btn-xl{padding:10px 20px}.control-panel{background-color:var(--grid-background-color);text-align:center;padding:10px;border-top:1px solid #ccc}.btn-switch{color:#333;background-color:#ccc}.btn-on{box-shadow:inset 0 2px 5px #666;background-color:#aaa;border:none}a,a:focus,a:hover{text-decoration:none!important}.bling-red{outline:5px solid #f05f40;-webkit-transition:all 50ms ease;-moz-transition:all 50ms ease;-o-transition:all 50ms ease;transition:all 50ms ease}.table>tbody>tr>td{color:#f0f0f0;line-height:50px;border-top:none;border-bottom:1px dashed #ddd}.table>tbody>tr>td.search-bind-result{background-color:#f3f3f3}.table>tbody>tr:hover>td{color:#eb3812}.device-icon-wrapper{position:relative;width:76px;height:76px}.device-warning{position:absolute;left:22px;top:18px;z-index:2}.xn-container{display:table;width:100%}.xn-container .xn-column{display:table-cell;width:40%;vertical-align:middle;height:100%}.xn-column.light{width:20%}.xn-column.u2{width:40%}.xn-column.action{width:40%}.function-button i{font-size:20px}.nav-link{font-size:16px;height:50px;line-height:50px}.nav-link{color:#fff}.nav-link a{color:#fff!important}.btn-danger{color:#fff;background-color:#ed5a83;border-color:#ed5a83}.btn-danger:hover{background-color:#ed5a66;border-color:#ed5a66}.ul-9grid-list .btn{border:none}.bg-gradient-horizontal{height:3px;background:linear-gradient(to right,#26c7f1,#00ddd8);margin:0 25px}.modal-header{padding:25px 25px 0 25px;border-bottom:none;text-align:left}.modal-header .modal-title{font-size:20px;font-weight:700;color:#666}.modal-content{border-radius:0!important;border:none!important;-webkit-box-shadow:1px 3px 5px rgba(0,0,0,.3)!important;box-shadow:1px 3px 5px rgba(0,0,0,.3)!important}.modal-footer{border-top:none;padding:10px 26px 26px}li.xnDevice .btn-default{background-color:transparent}li.xnDevice .btn-default:hover{background-color:transparent}div#search-status-text{font-size:18px;line-height:1.5}.page-header>h1{color:#505050;margin-top:90px;font-weight:500}.page-header>h1.about{color:#fff}.page-content h3{margin-top:10px!important;font-size:21px!important;font-weight:300!important}@media (max-width:415px){.page-header>h1{font-size:24px}}#ot-footer{padding-bottom:15px;padding-top:15px;background-color:#15a1c3}#ot-footer .ot-link-block{text-align:left;margin-bottom:20px}#ot-footer .ot-link-block .ot-link-header{color:#10284e}#ot-footer .ot-link-block .ot-link-content{margin:10px 0;font-weight:300;font-size:16px}#ot-footer .ot-link-block .ot-link-social-container{text-align:center}#ot-footer .ot-link-block .ot-link-social-container a.social-media-icon{display:inline-block;width:32px;height:32px;text-align:center;background:rgba(0,0,0,.3);color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}a.social-media-icon:active,a.social-media-icon:focus,a.social-media-icon:hover{text-decoration:none;border-bottom:none}a.social-media-icon:hover{background:#f0545d!important}@media screen and (min-width:768px){#ot-footer{min-height:250px}}@media screen and (min-width:768px){#ot-footer .ot-container-fixed{padding:25px 0}}@media screen and (min-width:768px){.ot-container-fixed{margin:0 auto;padding:0 20px;max-width:1100px}}#ot-footer .ot-copyright{text-align:left;color:#fff;font-size:12px}#ot-footer .ot-copyright>div{padding:0 15px}@media screen and (min-width:768px){#ot-footer .ot-copyright{position:absolute;bottom:0;margin-bottom:20px}}.fa-lg{line-height:1.3em!important}.flyingv-logo{position:relative;width:180px;height:60px;background:url(../../img/flyingvBig.svg?v=1715564581555) center left no-repeat;background-size:100%}.xnbay-slogan-logo{width:380px;height:75px;background:url(../../img/1024Logo-Wide.svg?v=1715564581555) center left no-repeat;background-size:50%}.galaxy-slogan{position:relative;height:40px;background-size:contain!important}.galaxy-beyond{background:url(../../img/galaxy-beyond.png?v=1715564581555) center center no-repeat}.galaxy-intelligent{background:url(../../img/galaxy-intelligent.png?v=1715564581555) center center no-repeat}.galaxy-privacy{background:url(../../img/galaxy-privacy.png?v=1715564581555) center center no-repeat}.xnbay-slogan-logo.computext-2018{background:url(../../img/1024Logo-Wide-Computex-2018.svg?v=1715564581555) center left no-repeat;width:460px;height:180px;background-size:40%;margin-left:5%}.info-header{position:relative;overflow:hidden;background-color:#e0e0e0;border-bottom:5px solid #fff}/*!*left: 50%;*!*//*!*will-change: transform;*!*//*!*top: 0;*!*/.info-frame{height:340px}.info-grid{height:240px;overflow:hidden;background-color:var(--grid-background-color)}.info-grid.video-text{height:240px}.info-grid.coupon-text{height:280px}.info-grid.spec-text{height:360px}.info-grid .flyingv-logo{margin:0 auto}.info-grid .table{display:table;table-layout:fixed;width:100%;height:100%;min-height:inherit}.info-grid .table-cell{width:100%;display:table-cell;vertical-align:middle;float:none}.info-grid .main-title,.swiper-slide-active .main-title{font-size:28px;font-weight:500;color:#444!important}.info-grid .main-title.pre-order{font-size:20px}.swiper-slide-active.xn-background-image-wall-street .main-title{font-size:18px;text-shadow:2px 2px #333}.swiper-slide-active.xn-background-image-u2-galaxy .main-title{font-size:20px;font-weight:500;color:#41bdb7!important}.swiper-slide-active.xn-background-image-house-connection .main-title{font-size:56px;color:#fff!important;font-weight:700;letter-spacing:10px}.swiper-slide-active.xn-background-image-wall-street .main-title{font-size:56px;color:#fff!important;font-weight:700;letter-spacing:3px}.swiper-slide-active.xn-background-image-house-connection .main-title.mobile{font-size:30px;font-weight:500;letter-spacing:5px}.swiper-slide-active.xn-background-image-wall-street .main-title.mobile{font-size:30px;font-weight:500;letter-spacing:4px;margin-right:10px}.swiper-slide-active.xn-background-image-house-connection .sub-title{font-size:24px;color:#fff!important;font-weight:500;letter-spacing:8px;margin-top:10px}.swiper-slide-active.xn-background-image-wall-street .sub-title{font-size:33px;color:#fff!important;font-weight:500;letter-spacing:10px;margin-top:10px;margin-left:65px;text-shadow:2px 2px #333}.swiper-slide-active.xn-background-image-house-connection .sub-title.mobile{font-size:15px;margin-top:0;letter-spacing:2px}.swiper-slide-active.xn-background-image-wall-street .sub-title.mobile{font-size:19px;margin-top:0;margin-left:25px;letter-spacing:6px}.swiper-slide-active .main-title.mobile{font-size:16px;font-weight:500;margin-bottom:0}.info-grid .sub-title,.swiper-slide-active .sub-title{font-size:16px;font-weight:300;color:#888!important}.info-grid.embed-responsive{background-color:var(--grid-background-color)}.gallery-grid{height:240px!important;overflow:hidden;background-color:var(--grid-background-color)}@media screen and (min-width:768px){.flyingv-logo{width:350px;background-size:100%;margin-top:40px}.xnbay-slogan-logo{width:450px;height:150px;background-size:80%}.xnbay-slogan-logo.computext-2018{height:280px;background-size:70%}.info-grid .main-title,.swiper-slide-active .main-title{font-size:28px;font-weight:700;color:#444!important}.swiper-slide-active.xn-background-image-wall-street .main-title{font-size:32px}.galaxy-slogan{height:70px}.galaxy-beyond{right:60px}.galaxy-intelligent{bottom:-20px;left:32px}.galaxy-privacy{left:60px}.oa-universe .galaxy-beyond{right:0}.oa-universe .galaxy-intelligent{bottom:0}.oa-universe .galaxy-privacy{left:0}.info-frame{height:580px}.info-grid{height:320px}.info-grid.video-text{height:320px}.info-grid.spec-text{height:520px}.info-grid .main-title{font-size:32px}.info-grid .main-title.pre-order{font-size:30px}.info-grid .sub-title{font-size:18px}.gallery-grid{height:480px!important}}@media screen and (min-width:1024px){.xnbay-slogan-logo.computext-2018{height:320px;background-size:75%;margin-left:18%}.swiper-slide-active.xn-background-image-u2-galaxy .main-title{font-size:26px}.swiper-slide-active.xn-background-image-wall-street .main-title{font-size:36px}.galaxy-slogan{height:80px}.galaxy-beyond{right:-20px;bottom:10px}.galaxy-intelligent{left:36px;bottom:-20px}.galaxy-privacy{left:0;bottom:30px}.oa-universe .galaxy-beyond{right:0}.oa-universe .galaxy-intelligent{bottom:0}.oa-universe .galaxy-privacy{left:0}}@media screen and (min-width:1200px){.xnbay-slogan-logo{width:440px;height:180px;background-size:90%}.xnbay-slogan-logo.computext-2018{height:400px;background-size:100%}.swiper-slide-active.xn-background-image-wall-street .main-title{font-size:56px}.galaxy-slogan{height:100px}.galaxy-beyond{right:-80px;bottom:10px}.galaxy-intelligent{left:44px;bottom:-20px}.galaxy-privacy{left:-60px;bottom:40px}.oa-universe .galaxy-beyond{width:420px;height:140px;right:100px}.oa-universe .galaxy-intelligent{width:380px;height:140px;right:100px}.oa-universe .galaxy-privacy{width:420px;height:140px;right:0}.info-frame{height:680px}.info-grid{height:400px}.info-grid.video-text{height:400px}.gallery-grid{height:480px!important}}@media screen and (min-width:1600px){.xnbay-slogan-logo{width:480px;height:200px;background-size:100%}.xnbay-slogan-logo.computext-2018{margin-left:20%;width:560px;height:560px}.swiper-slide-active.xn-background-image-wall-street .main-title{font-size:56px}.galaxy-slogan{height:140px}.galaxy-beyond{right:-40px;bottom:60px}.galaxy-intelligent{left:56px;bottom:20px}.galaxy-privacy{left:-40px;bottom:120px}.oa-universe .galaxy-beyond{width:320px;height:140px;right:30px}.oa-universe .galaxy-intelligent{width:428px;height:140px;bottom:0}.oa-universe .galaxy-privacy{width:320px;height:140px;right:30px}.info-frame{height:935px}.info-grid{height:540px}.info-grid.video-text{height:540px}.gallery-grid{height:720px!important}}@media screen and (min-width:1900px){.galaxy-slogan{height:140px}.galaxy-beyond{right:-130px;bottom:60px}.galaxy-intelligent{left:56px;bottom:20px}.galaxy-privacy{left:-120px;bottom:120px}.oa-universe .galaxy-beyond{width:320px;height:140px;right:30px}.oa-universe .galaxy-intelligent{width:428px;height:140px;bottom:0}.oa-universe .galaxy-privacy{width:320px;height:140px;right:30px}}.close{font-size:26px}.xn-checkbox-container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.xn-checkbox-container input{position:absolute;opacity:0;cursor:pointer}.xn-checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.xn-checkbox-container:hover input~.xn-checkmark{background-color:#ccc}.xn-checkbox-container input:checked~.xn-checkmark{background-color:#26c7f1}.xn-checkmark:after{content:"";position:absolute;display:none}.xn-checkbox-container input:checked~.xn-checkmark:after{display:block}.xn-checkbox-container .xn-checkmark:after{left:8px;top:5px;width:9px;height:12px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.swiper-container{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.swiper-pagination-bullet{cursor:pointer;width:12px;height:12px;text-align:center;line-height:20px;font-size:12px;color:#000;opacity:1;border:1px solid #fff;background:rgba(0,0,0,.2)}.swiper-pagination-bullet-active{color:#fff;background:#26c7f0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:5px}.Atom{position:absolute;border:solid 3px #0adef3;border-radius:50%;width:90%;height:460px;bottom:0}.Atom-nucleus,.Atom-nucleus:before{position:absolute;background:linear-gradient(-180deg,#843534 0,#45beff 100%)}.Atom-nucleus{display:block;content:"";width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:50%;top:155px;left:155px}.Atom-nucleus:before{display:block;content:"";width:36px;height:36px;margin-left:-18px;margin-top:-18px;border-radius:50%;top:10px;left:10px;opacity:.15}.Atom-orbit{width:100%;height:100%;border:solid 4px #333;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.Atom-orbit--visible{border-radius:50%;border-color:#fff}.Atom-electron{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.Atom-electron:before{display:block;content:"";width:24px;height:24px;margin-left:-12px;margin-top:-12px;border-radius:50%;position:absolute;top:125px;left:125px}.Atom-electron:after{display:block;content:"";width:16px;height:16px;margin-left:-8px;margin-top:-8px;border-radius:50%;position:absolute;top:125px;left:125px;border-color:rgba(255,255,255,.4)}.Atom-orbit--right.Atom-orbit--visible{-webkit-transform:rotateZ(90deg) rotateY(65deg);transform:rotateZ(90deg) rotateY(65deg)}.Atom-orbit--right.Atom-orbit--foreground{-webkit-transform:translateZ(0) rotateZ(0) rotateY(0);transform:translateZ(0) rotateZ(0) rotateY(0);border-radius:50%}@-webkit-keyframes rotate-right{0%{-webkit-transform:rotate(120deg) translate(-125px) rotate(-120deg);transform:rotate(120deg) translate(-125px) rotate(-120deg)}100%{-webkit-transform:rotate(480deg) translate(-125px) rotate(-480deg);transform:rotate(480deg) translate(-125px) rotate(-480deg)}}@keyframes rotate-right{0%{-webkit-transform:rotate(120deg) translate(-125px) rotate(-120deg);transform:rotateZ(0) translateX(50px)}100%{-webkit-transform:rotate(480deg) translate(-125px) rotate(-480deg);transform:rotateZ(360deg) translateX(50px)}}.Atom-orbit--right .Atom-electron{-webkit-animation:rotate-right infinite linear;animation:rotate-right infinite linear;-webkit-animation-duration:5s;animation-duration:5s}.Atom-orbit--right .Atom-electron:after,.Atom-orbit--right .Atom-electron:before{-webkit-transform:rotateY(0) rotateZ(0);transform:rotateY(0) rotateZ(0)}.Atom-orbit--right .Atom-electron:before{background:linear-gradient(-180deg,#0adef3 0,#45beff 100%);opacity:.3}.Atom-orbit--right .Atom-electron:after{background:linear-gradient(-180deg,#0adef3 0,#45beff 100%)}:root{--object-size:150px}:root .demostyle{--sun-size:80px}.demostyle{font-family:sans-serif;background-color:#000;color:#fff;background-image:url(animate-oval-path-bg-sm.jpg);background-size:cover;background-position:50% 50%}.demostyle :link,.demostyle :visited{color:#ddd}.demostyle .oa-planet{background-image:url(animate-oval-path-earth.png);background-size:cover}.demostyle .oa-sun{position:absolute;left:50%;top:60%;width:var(--sun-size);height:var(--sun-size);margin-left:calc(-1 * var(--sun-size)/ 2);margin-top:calc(-1 * var(--sun-size)/ 2)}.demostyle .oa-sun:after,.demostyle .oa-sun:before{content:"";position:absolute;width:100%;height:50%;background-image:url(animate-oval-path-sun.png);background-size:100% auto;background-repeat:no-repeat}.demostyle .oa-sun:before{background-position:50% 0;z-index:1}.demostyle .oa-sun:after{top:50%;background-position:50% 100%;z-index:-1}@media (max-width:40.5625em){:root .demostyle{--object-size:35px}}@media (min-width:40.625em){:root .demostyle{--sun-size:320px}}@keyframes oa-rotate{0%{transform:rotateZ(0)}100%{transform:rotateZ(-360deg)}}@keyframes oa-invert{0%{opacity:1;transform:rotateX(-90deg) rotateY(360deg) rotateZ(0)}50%{opacity:1}60%{opacity:0}80%{opacity:0}90%{opacity:1}100%{opacity:1;transform:rotateX(-90deg) rotateY(0) rotateZ(0)}}.oa-universe{position:relative;margin:0 auto;width:85%;height:100%;pointer-events:none}.oa-world{position:relative;transform:rotateX(75deg);display:flex;justify-content:center;align-items:center;top:15%}.oa-orbit,.oa-world{width:100%;height:100%}.oa-orbit,.oa-planet,.oa-position,.oa-world{transform-style:preserve-3d}.oa-orbit{position:absolute;animation:oa-rotate 15s linear infinite}.oa-planet,.oa-position{position:absolute;top:80%;left:0;width:var(--object-size);height:var(--object-size);margin-right:calc(-1 * var(--object-size)/ 2);margin-top:calc(-1 * var(--object-size)/ 2)}.oa-position{animation:oa-invert 15s linear infinite}.oa-planet{border:1px solid #000;border-radius:50%}.delay1x{animation-delay:4s}.delay2x{animation-delay:8s}
/*# sourceMappingURL=xn.index.min.css.map */