@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);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,img,ins,kbd,q,s,samp,small,strike,strong,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{font-family:Roboto, "Open Sans", Arial, Verdana, Tahoma, Helvetica, "Noto Sans TC", "PingFang TC", "Lantinghei TC", "微軟正黑體", "Microsoft JhengHei", sans-serif !important}html,body,td,li,div,p,input,select,h1,h2,h3,h4,h5,h6{font-family:Roboto, "Open Sans", Arial, Verdana, Tahoma, Helvetica, "Noto Sans TC", "PingFang TC", "Lantinghei TC", "微軟正黑體", "Microsoft JhengHei", sans-serif !important}html[lang=ja-jp] body,html[lang=ja-jp] td,html[lang=ja-jp] li,html[lang=ja-jp] div,html[lang=ja-jp] p,html[lang=ja-jp] input,html[lang=ja-jp] select,html[lang=ja-jp] h1,html[lang=ja-jp] h2,html[lang=ja-jp] h3,html[lang=ja-jp] h4,html[lang=ja-jp] h5,html[lang=ja-jp] h6{font-family:Roboto,Open Sans,Arial,Helvetica,Verdana,Tahoma,Hiragino Sans,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif !important}header{background-color:#000000;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px;position:absolute;top:0;width:100%;z-index:2}@media (min-width: 1000px){header{height:75px;padding:0 40px}}header .qnap-logo{width:128px;height:22px;margin-right:20px;position:relative}header .qnap-logo img{width:100%}header .header-version{position:absolute;top:0;background:#fc0;color:#000;padding:3px 5px;font-size:12px;right:0;border-radius:2px;transform:translate(100%, -50%) scale(0.75)}header .header-left{display:flex;align-items:center}header .header-left ul{display:none;box-sizing:border-box}@media (min-width: 1000px){header .header-left ul{display:flex}}header .header-left ul a{color:#ffffff;padding:31px 25px;text-decoration:none;box-sizing:border-box;display:block;font-size:15px;max-height:75px}header .header-left ul a:hover{background-color:#606060}header .header-left ul .active{background-color:#ffffff;color:#000000;font-weight:600}header .header-left ul .active:hover{background-color:#ffffff;color:#000000}header .header-right{display:none}@media (min-width: 1000px){header .header-right{display:flex;align-items:center}}header .header-right .change-lang{margin-right:1em;color:#fff;display:flex;align-items:center;cursor:pointer;font-size:13px}header .header-right .change-lang img{margin-right:0.5em}header .header-right .user-photo{width:50px;height:50px;cursor:pointer}header .header-right .user-photo img{width:100%}header .header-right .dropdown-menu{padding:20px}header .header-right .dropdown-menu .user-panel{display:flex;align-items:center}header .header-right .dropdown-menu .user-panel p{font-size:14px;line-height:1.5em}header .header-right .dropdown-menu .user-panel .user-name{font-weight:600}header .header-right .dropdown-menu .user-panel .button{display:inline-block;padding:0.5em 1.5em;margin-top:15px;font-size:12px}header .header-right .dropdown-menu .user-panel figure{margin-right:20px;width:70px;height:70px}header .header-right .dropdown-menu .user-panel figure img{width:100%}html,body{height:100%;margin:0;background:#fff}footer{background-color:#000000;display:block;padding:15px 20px;font-size:12px;width:100%;position:relative;z-index:2}@media (min-width: 1000px){footer{display:flex;justify-content:space-between;align-items:center;height:56px;padding:15px 40px}}footer .footer-left{display:block}@media (min-width: 1000px){footer .footer-left{display:flex}}footer .footer-left .copyright{color:#ffffff;margin-right:0;margin-bottom:10px;text-align:left}@media (min-width: 1000px){footer .footer-left .copyright{margin-right:20px;margin-bottom:0}}footer .footer-left ul{margin-bottom:10px;display:block}@media (min-width: 1000px){footer .footer-left ul{margin-bottom:0;display:flex}}footer .footer-left ul li{padding-right:15px;line-height:1.5em;margin-bottom:5px}footer .footer-left ul li:last-child{border:none}@media (min-width: 1000px){footer .footer-left ul li{padding:0 10px;line-height:1em;border-right:1px #fff solid;margin-bottom:0}}footer .change-lang{cursor:pointer;opacity:1}footer .change-lang:hover{opacity:0.5}footer a{color:#ffffff}footer a:hover{color:#c0c0c0}.lang-menu{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.75);z-index:9999;justify-content:center;align-items:center;overflow:auto}.lang-menu .lang-menu-container{position:relative;max-width:980px;width:100%;max-height:100%;padding-top:50px;margin:0 50px}.lang-menu .lang-menu-container ul{display:flex;flex-wrap:wrap}.lang-menu .lang-menu-container ul li{width:calc(100% / 4);margin-bottom:1.5em;line-height:1.5}.lang-menu .lang-menu-container ul li a{color:#ffffff;font-size:16px}.btn-close-lang-menu{position:absolute;top:0;right:0;background:none;border:none;width:36px;height:36px;cursor:pointer;border-radius:50px;transition:transform 0.5s;outline:none}.btn-close-lang-menu span{position:absolute;font-size:0;width:0;height:0;border:1px solid white;left:50%;top:50%;border-radius:50%;opacity:0;transform:translate(-50%, -50%);transition:all 0.5s}.btn-close-lang-menu:hover span{width:36px;height:36px;opacity:1}.btn-close-lang-menu:hover{transform:rotate(180deg)}.btn-close-lang-menu:before,.btn-close-lang-menu:after{content:"";position:absolute;width:20px;height:2px;background-color:#fff;top:calc(50% - 1px);left:calc(50% - 10px);transform:rotate(45deg)}.btn-close-lang-menu:after{transform:rotate(135deg)}@media (max-width: 1000px){.lang-menu .lang-menu-container ul li{width:calc(100% / 3)}}@media (max-width: 768px){.lang-menu .lang-menu-container ul li{width:calc(100% / 2)}}@media (max-width: 640px){.lang-menu .lang-menu-container ul li{width:calc(100%)}.btn-close-lang-menu{top:50px}}.ult-container{max-width:1280px;margin-right:20px;margin-left:20px;position:relative;min-height:100%;margin-bottom:-56px;padding-top:75px;padding-bottom:120px}@media (min-width: 1000px){.ult-container{margin-right:30px;margin-left:30px}}@media (min-width: 1300px){.ult-container{margin-right:auto;margin-left:auto}}.container.bordered{border:1px solid #ccc}.container.rounded3{border-radius:3px !important}.container.pd20{padding:20px}.container.pd30{padding:30px}.no-margin-container{position:relative;min-height:100%;margin-bottom:-56px;padding-top:60px;padding-bottom:60px}@media (min-width: 1000px){.no-margin-container{padding-top:75px;padding-bottom:120px}}.max-1440{max-width:1280px;margin-right:20px;margin-left:20px;position:relative}@media (min-width: 1000px){.max-1440{margin-right:30px;margin-left:30px}}@media (min-width: 1300px){.max-1440{margin-right:auto;margin-left:auto}}h1{font-size:30px;font-weight:300;text-align:center;padding:30px 0;line-height:1.5em}@media (min-width: 1000px){h1{font-size:36px}}h2{font-size:28px;font-weight:300;text-align:center;padding-bottom:20px;line-height:1.5em}h3{font-size:20px;font-weight:300;text-align:center;line-height:1.5em;padding:10px 0}@media (min-width: 1000px){h3{font-size:24px}}a{color:#00abef}a:hover{color:#51c5f2;text-decoration:none}i{font-size:20px}.badge-notification,#menuToggle .badge-notification{display:inline-block;width:auto;height:auto;background-color:#dc4e41;margin:0 5px;color:#ffffff;cursor:pointer}.badge-notification:hover,#menuToggle .badge-notification:hover{color:#ffffff}#menuToggle .change-lang{float:right;margin-right:4.5em}#menuToggle .change-lang img{margin-top:-1px}.cp-light-btn{padding:10px 15px;box-sizing:border-box;border:1px solid;border-radius:3px;font-size:14px;cursor:pointer;background-color:#ffffff}@media (min-width: 1000px){.cp-light-btn{padding:15px 40px}}.cp-light-btn:focus{outline:none}.black-btn{border-color:#000000}.black-btn:hover{border-color:#929292;color:#929292}.blue-btn{border-color:#00abef;color:#00abef}.blue-btn:hover{border-color:#51c5f2;color:#51c5f2}.action-icon{opacity:1;cursor:pointer}.action-icon:hover{opacity:0.5}.filled-btn{padding:10px 15px;box-sizing:border-box;border:1px solid #00abef;background-color:#00abef;color:#ffffff;border-radius:3px;cursor:pointer}@media (min-width: 1000px){.filled-btn{padding:15px 40px}}.filled-btn:focus{outline:none}.filled-btn:hover{border-color:#51c5f2;background-color:#51c5f2;color:#ffffff}.text-input{outline:none;border-bottom:1px solid;border-color:#999;border-top:none;border-left:none;border-right:none;transition:border .3s;padding:10px 0;font-size:14px;box-sizing:border-box;color:#787878}.text-input:focus{border-bottom:2px solid #00abef}.text-input.error{color:#dc4e41;border-color:#dc4e41}.error-msg{display:none;font-size:12px;color:#dc4e41;line-height:1.5em;margin-top:5px}.cp-table-desktop{display:none;font-size:14px}@media (min-width: 1000px){.cp-table-desktop{display:table}}.cp-table-desktop thead th{vertical-align:middle;font-weight:600;padding:1.5em 1em;background-color:#ebebeb;border-bottom:none}.cp-table-desktop tbody td{vertical-align:middle;padding:1.5em 1em;line-height:1.5em}.cp-table-desktop tbody td .fa-chevron-circle-down{transition:all 0.5s;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}.cp-table-desktop tbody .selected-row{background-color:#f7f6f6}.cp-table-desktop tbody .selected-row .fa-chevron-circle-down{color:#000000;-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.cp-table-desktop .notification-cell{padding:1.5em 0.5em}.tab{display:flex;justify-content:center;padding-bottom:30px;padding-top:10px}.tab .tablinks{padding:10px 0;border:none;outline:none;cursor:pointer;font-size:16px;font-weight:300;display:block;margin:0 20px;border-bottom:1px solid #ffffff;background-color:transparent;line-height:1.5em}@media (min-width: 1000px){.tab .tablinks{font-size:18px;margin:0 15px}}.tab .tablinks:hover{color:#555555}.tab .tablinks.active{border-bottom:1px solid #00abef;color:#00abef}.tab .tablinks.active:hover{color:#00abef}.align-center{text-align:center}.btn{-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;border-radius:5px;-webkit-box-shadow:none;box-shadow:none;outline:0;cursor:pointer;box-sizing:border-box}.btn.btn-block{display:block;width:100%;padding:16px 19px}.btn:disabled,.btn[disabled]{pointer-events:none;cursor:auto}.outline-primary-button{-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-top:40px;margin-bottom:40px;padding:10px 19px;border-color:#00abef;color:#00abef;font-size:18px;font-weight:300;line-height:20px;background:transparent}.outline-primary-button:hover{border-color:#51c5f2;color:#51c5f2}.outline-primary-button:disabled,.outline-primary-button[disabled]{border-color:#b3e6fa;color:#b3e6fa}.primary-button{margin-top:40px;margin-bottom:40px;padding:10px 19px;font-size:18px;font-weight:300;line-height:20px;border-color:transparent;background-color:#00abef;color:#fff}.primary-button:hover{background-color:#51c5f2}.primary-button:disabled,.primary-button[disabled]{background-color:#b3e6fa}.btn-element .btn{margin-right:10px}.btn-element .btn:last-child{margin-right:0}form.is-ready .primary-button{filter:alpha(opacity=100);opacity:1}@media (min-width: 1000px){form .input-group{display:flex;justify-content:space-between;margin:2.25rem 0}}form .input-group .form-element{width:100%}@media (min-width: 1000px){form .input-group .form-element{width:46%;margin:0}}@media (min-width: 1000px){form .input-group-3{display:flex;justify-content:space-between;margin:2.25rem 0}}form .input-group-3 .form-element{width:100%}@media (min-width: 1000px){form .input-group-3 .form-element{width:30%;margin:0}}form .hidden-group{display:none}.required-tip-text{display:block;text-align:right;width:100%;color:#e04d3b;font-size:14px;margin-top:2px}.required-tip-rounded{vertical-align:super;color:#e04d3b}.required-tip-rounded i{font-size:10px;transform:scale(0.7)}.progress-bar{margin:0 auto;padding:20px 0;list-style:none;position:relative;display:flex;justify-content:space-between;max-width:200px}.progress-bar .progress-bar-step{text-align:center;position:relative;width:100%}.progress-bar .progress-bar-step:before,.progress-bar .progress-bar-step:after{content:"";height:2px;background-color:#9F9FA3;position:absolute;z-index:1;width:100%;left:-50%;top:50%;transform:translateY(-50%);transition:all .25s ease-out}.progress-bar .progress-bar-step:first-child:before,.progress-bar .progress-bar-step:first-child:after{display:none}.progress-bar .progress-bar-step:after{background-color:#00abef;width:0%}.progress-bar .progress-bar-step.is-complete:after,.progress-bar .progress-bar-step.is-current:after{width:100%}.progress-bar .progress-bar-step.is-complete+.progress-bar .progress-bar-step.is-current:after,.progress-bar .progress-bar-step.is-complete+.progress-bar .progress-bar-step.is-complete:after{width:100%}.progress-bar .progress-bar-step.is-current .progress-bar-icon{fill:#00abef;background-color:#00abef}.progress-bar .progress-bar-step.is-complete .progress-bar-icon{fill:#00abef;background-color:#00abef}.progress-bar .progress-bar-icon{width:16px;height:16px;background-color:#9F9FA3;fill:#9F9FA3;border-radius:50%;max-width:100%;z-index:10;position:relative;transition:all .25s ease-out}.progress-bar .progress-bar-stepLabel{display:block;text-transform:uppercase;color:#9F9FA3;position:absolute;padding-top:0.5em;width:100%;transition:all .25s ease-out}.is-current>.progress-bar .progress-bar-stepLabel,.is-complete>.progress-bar .progress-bar-stepLabel{color:#00abef}.hide{display:none}.form-btn,.form-btn-cancel,.form-btn-error{background:transparent;font-size:1rem;color:#fff;cursor:pointer;border:1px solid transparent;padding:5px 24px;margin-top:2.25rem;position:relative;z-index:0;transition:transform 0.28s ease;will-change:transform}.form-btn::before,.form-btn::after,.form-btn-cancel::before,.form-btn-cancel::after,.form-btn-error::before,.form-btn-error::after{position:absolute;content:"";top:-1px;left:-1px;right:-1px;bottom:-1px}.form-btn::before,.form-btn-cancel::before,.form-btn-error::before{background:#00abef;z-index:-2}.form-btn::after,.form-btn-cancel::after,.form-btn-error::after{background:#000;z-index:-1;opacity:0;transition:opacity 0.28s ease;will-change:opacity}.form-btn:focus,.form-btn-cancel:focus,.form-btn-error:focus{outline:none}.form-btn:focus::after,.form-btn:hover::after,.form-btn-cancel:focus::after,.form-btn-cancel:hover::after,.form-btn-error:focus::after,.form-btn-error:hover::after{opacity:0.3}.form-btn:active,.form-btn-cancel:active,.form-btn-error:active{transform:translateY(1px)}.form-btn-error::before{background:#d9534f}.form-btn-cancel{transition:color 0.28s ease, transform 0.28s ease;color:#b52b27;border-color:currentColor;will-change:color, transform}.form-btn-cancel.-nooutline{border-color:transparent}.form-btn-cancel::before{background:#b52b27;opacity:0;transition:opacity 0.28s ease;will-change:opacity}.form-btn-cancel::after{display:none}.form-btn-cancel:focus,.form-btn-cancel:hover{color:#fff}.form-btn-cancel:focus::before,.form-btn-cancel:hover::before{opacity:1}.form-btn-block{display:block;width:100%;padding:5px}.form-checkbox,.form-radio{position:relative;margin-top:1rem;text-align:left;line-height:1.5em}.form-checkbox .label-checkbox,.form-radio .label-checkbox{-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;font-size:14px;color:#777}.form-styled-checkbox .form-checkbox-title{line-height:1.5rem;font-size:1rem;font-weight:normal;color:#a6a6a6;margin-bottom:10px}.form-styled-checkbox .form-checkbox-option{margin-bottom:10px}.form-styled-checkbox.form-has-error .form-checkbox-title{color:#d9534f}.form-description{margin-top:2.25rem}.form-stand-title{line-height:1.5rem;font-size:1rem;font-weight:normal;color:#a6a6a6;padding-left:0.125rem}.upload-file{margin-right:0;margin-bottom:20px}@media (min-width: 1000px){.upload-file{margin-right:20px;margin-bottom:0}}.upload-file .file-selector{margin-bottom:5px;font-size:14px}.upload-file .file-selector i{cursor:pointer;color:#00abef;margin-left:5px;font-size:18px}.upload-file .file-selector i:hover{color:#51c5f2}.upload-file .add-file{color:#00abef;cursor:pointer;margin-bottom:10px;font-size:16px;font-weight:300;display:inline-block}.upload-file .add-file:hover{color:#51c5f2}.upload-file p{margin-bottom:0.5em;color:#787878;font-size:14px}.upload-file p.error-msg{color:#dc4e41;font-size:12px}.styled-checkbox{position:absolute;opacity:0}.styled-checkbox+label{position:relative;cursor:pointer;padding:0;line-height:1.5em}.styled-checkbox+label:before{content:'';margin-right:0.5rem;display:inline-block;vertical-align:text-top;width:20px;height:20px;background:white;border:1px solid #ccc}.styled-checkbox:hover+label:before{background:#00abef}.styled-checkbox:focus+label:before{box-shadow:0 0 0 3px rgba(0,0,0,0.12)}.styled-checkbox:checked+label:before{background:#00abef}.styled-checkbox:disabled+label{color:#b8b8b8;cursor:auto}.styled-checkbox:disabled+label:before{box-shadow:none;background:#ddd}.styled-checkbox:checked+label:after{content:'';position:absolute;left:5px;top:9px;background:white;width:2px;height:2px;box-shadow:2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;transform:rotate(45deg)}.form-has-error .form-checkbox-button,.form-has-error .form-radio-button{color:#d9534f}.form-card{border-radius:2px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.56s cubic-bezier(0.25, 0.8, 0.25, 1);max-width:500px;padding:0;margin:50px auto}.form-card:hover,.form-card:focus{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}.form-card:focus-within{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}.form-actions{position:relative;display:-ms-flexbox;display:flex;margin-top:2.25rem}.form-actions .form-btn-cancel{-ms-flex-order:-1;order:-1}.form-actions::before{content:"";position:absolute;width:100%;height:1px;background:#999;opacity:0.3}.form-actions>*{-ms-flex:1;flex:1;margin-top:0}.form-fieldset{padding:30px;border:0}.form-fieldset+.form-fieldset{margin-top:15px}.form-legend{padding:1em 0 0;margin:0 0 -0.5em;font-size:1.5rem;text-align:center}.form-legend+p{margin-top:1rem}.form-element{position:relative;margin-top:2.25rem;padding:5px 0}.form-small-mt{margin-top:1.125rem !important}.form-small-mb{margin-bottom:1.125rem !important}.form-attachment-note{padding-left:1.5rem;line-height:1.5rem}.form-attachment-note ul{list-style:disc}.form-element-hint{font-weight:400;font-size:0.6875rem;color:#a6a6a6;display:block;padding:6px 0}.form-element-hint:empty{display:none}.form-element-bar{position:relative;height:1px;background:#999;display:block}.form-element-bar::after{content:"";position:absolute;bottom:0;left:0;right:0;background:#00abef;height:2px;display:block;transform:rotateY(90deg);transition:transform 0.28s ease;will-change:transform}.form-element-label{position:absolute;top:0.75rem;line-height:1.5rem;pointer-events:none;padding-left:0.125rem;z-index:1;font-size:1rem;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#a6a6a6;transform:translateY(-50%);transform-origin:left center;transition:transform 0.28s ease, color 0.28s linear, opacity 0.28s linear;will-change:transform, color, opacity}.form-element-field{outline:none;height:1.5rem;display:block;background:none;padding:0.125rem 0.125rem 0.0625rem;font-size:1rem;border:0 solid transparent;line-height:1.5;width:100%;color:#333;box-shadow:none;opacity:0.001;transition:opacity 0.28s ease;will-change:opacity}.form-element-field:-ms-input-placeholder{color:#a6a6a6;transform-origin:left top}.form-element-field::placeholder{color:#a6a6a6;transform-origin:left top}.form-element-field:focus ~ .form-element-bar::after{transform:rotateY(0deg)}.form-element-field:focus ~ .form-element-label{color:#00abef}.form-element-field.-hasvalue,.form-element-field:focus{opacity:1}.form-element-field.-hasvalue ~ .form-element-label,.form-element-field:focus ~ .form-element-label{transform:translateY(-100%) translateY(-0.5em) translateY(-2px);cursor:pointer;pointer-events:auto}.form-has-error .form-element-label.form-element-label,.form-has-error .form-element-hint{color:#d9534f}.form-has-error .form-element-bar,.form-has-error .form-element-bar::after{background:#d9534f}.form-has-error .form-element-bar.disable-error-color,.form-has-error .form-element-bar.disable-error-color::after{background:#999}.form-is-success .form-element-label.form-element-label,.form-is-success .form-element-hint{color:#259337}.form-is-success .form-element-bar::after{background:#259337}input.form-element-field:not(:placeholder-shown),textarea.form-element-field:not(:placeholder-shown){opacity:1}input.form-element-field:not(:placeholder-shown) ~ .form-element-label,textarea.form-element-field:not(:placeholder-shown) ~ .form-element-label{transform:translateY(-100%) translateY(-0.5em) translateY(-2px);cursor:pointer;pointer-events:auto}textarea.form-element-field{height:auto;min-height:3rem}select.form-element-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}select.form-element-field.wait{pointer-events:none}.form-select-placeholder{color:#a6a6a6;display:none}.form-select .form-element-bar::before{content:"";position:absolute;height:0.5em;width:0.5em;border-bottom:1px solid #999;border-right:1px solid #999;display:block;right:0.5em;bottom:5px;transition:transform 0.28s ease;transform:translateY(-100%) rotateX(0deg) rotate(45deg);will-change:transform}.form-select select:focus ~ .form-element-bar::before{transform:translateY(-50%) rotateX(180deg) rotate(45deg)}.form-element-field[type="number"]{-moz-appearance:textfield}.form-element-field[type="number"]::-webkit-outer-spin-button,.form-element-field[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.checkmark{width:80px;height:80px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0px 0px 0px #0db1f0;animation:fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;margin:40px auto}.checkmark .checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#0db1f0;fill:none;animation:stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards}.checkmark .checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards}@keyframes stroke{100%{stroke-dashoffset:0}}@keyframes scale{0%, 100%{transform:none}50%{transform:scale3d(1.1, 1.1, 1)}}@keyframes fill{100%{box-shadow:inset 0px 0px 0px 42px #0db1f0}}@-moz-keyframes spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}button.loading:before{content:'';display:inline-block;border:3px solid;width:20px;height:20px;border-radius:100%;border-bottom-color:transparent;animation-name:spin;animation-duration:1000ms;animation-iteration-count:infinite;animation-timing-function:linear;margin-right:1em}button.loading{position:relative;opacity:0.5;display:flex;align-items:center}.select2-container--material{width:100% !important;outline:none}.select2-container--material .selection{outline:none}.select2-container--material .selection .select2-selection--single{outline:none;height:1.5rem}.select2-container--material .selection .select2-selection--single .select2-selection__rendered{padding:0.125rem 0.125rem 0.0625rem;font-size:1rem;line-height:1.5;width:100%;color:#333}.select2-container--open ~ .form-element-label{transform:translateY(-100%) translateY(-0.5em) translateY(-2px);cursor:pointer;pointer-events:auto;color:#00abef}.select2-container--open ~ .form-element-bar::before{transform:translateY(-50%) rotateX(180deg) rotate(45deg)}.select2-container--focus ~ .form-element-label{color:#00abef}.select2-container--focus ~ .form-element-bar::after{transform:rotateY(0deg)}.select2-container--focus ~ .form-element-bar::before{transform:translateY(-50%) rotateX(180deg) rotate(45deg)}a{text-decoration:none}.flex{display:-webkit-flex;display:flex}.vertical-center{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.ult-container{margin-bottom:0;padding:40px 0}@media (min-width: 600px){.ult-container{padding:60px 0}}header{padding:0}@media (min-width: 1000px){header.sticky{position:fixed;top:0;width:100%;height:40px}header.sticky .ult-container{justify-content:flex-end}header.sticky .header-left .qnap-logo,header.sticky .header-left h1{display:none}header.sticky .header-left ul{margin-left:0}header.sticky .header-left ul a{font-size:14px;padding:0 0 0 40px}header.sticky .header-left ul a:hover{background:transparent;color:rgba(255,255,255,0.75)}header.sticky .header-right{display:none}}header .ult-container{padding:0;width:100%}@media (min-width: 1300px){header .ult-container{width:1280px}}header .header-left .qnap-logo{margin-right:15px}header .header-left h1{font-size:24px;font-weight:600;color:#fff;padding:0;display:none}@media (min-width: 600px){header .header-left h1{display:block}}header .header-left ul{margin-left:30px}header .header-right{display:none}@media (min-width: 1000px){header .header-right{margin-left:auto;display:block}}#menu hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(255,255,255,0.5)}.change-lang{color:#fff;cursor:pointer}.change-lang:hover{color:#b3e6fa}@media (min-width: 1000px){.change-lang{font-size:13px}}.change-lang img{vertical-align:middle;margin-top:-4px;margin-right:4px}.content-section h3{margin-bottom:10px;padding:0px 20px;text-align:center;line-height:1.5em;font-weight:300;font-size:22px;color:#202020}@media (min-width: 600px){.content-section h3{width:85%;margin:0px auto 10px auto;font-size:32px}}@media (min-width: 1000px){.content-section h3{margin-bottom:20px;font-size:36px}}.content-section p{padding:0px 20px;line-height:1.5em;font-weight:300;font-size:14px;color:#333333}@media (min-width: 600px){.content-section p{padding:0px 7.5%;font-size:16px}}@media (min-width: 1000px){.content-section p{font-size:20px}}.content-section .grid{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;flex-direction:column;margin-top:30px}@media (min-width: 600px){.content-section .grid{-webkit-flex-direction:row;flex-direction:row}}.content-section .grid a{display:block;padding:30px;border-radius:10px;transition:all .5s;height:100%}.content-section .grid a:hover{box-shadow:2px 2px 20px 0 rgba(0,0,0,0.1),-2px -2px 20px 0 rgba(0,0,0,0.1)}.content-section .grid li{box-sizing:border-box}.content-section .grid li figure{text-align:center}.content-section .grid li figure img{max-width:200px}@media (min-width: 600px){.content-section .grid li figure img{max-width:300px}}.content-section .grid h4{margin:10px 0;font-weight:600;font-size:16px;line-height:1.5em;color:#202020;text-align:center}@media (min-width: 600px){.content-section .grid h4{font-size:20px}}.content-section .grid p{padding:0;line-height:1.5em;font-size:14px;color:#333333;text-align:center}@media (min-width: 600px){.content-section .grid p{font-size:16px}}@media (min-width: 600px){.content-section .grid3 li{width:33%}}@media (min-width: 600px){.content-section .grid4 li{width:50%}}@media (min-width: 1000px){.content-section .grid4 li{width:25%}}.btn-container{position:relative}.btn-container.center{text-align:center}.btn-container .btn:not(:last-child){margin-right:10px}.btn{-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent}.btn a{word-break:break-word;white-space:normal}.btn-primary{background-color:#03A6E5;color:#ffffff;padding:0.75em 1.5em;line-height:1.5;border-radius:3px;font-size:14px;text-decoration:none}.btn-primary:hover{-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease;background-color:#038CC2}.btn-primary:disabled{background-color:#d6d7d9}.btn-secondary{background-color:transparent;color:#fff;border:1px solid #fff;padding:0.75em 1.5em;line-height:1.5;border-radius:3px;font-size:14px;text-decoration:none}.btn-secondary:hover{-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease;color:#5f6771;background-color:#d6d7d9}.btn-secondary:disabled{color:#d6d7d9;border-color:#d6d7d9}.keyvision{background-size:cover;background-position:center;background-image:linear-gradient(to right, rgba(0,0,0,0.9),rgba(0,0,0,0.2)),url("../images/home/kv-bg.jpg");color:#fff;margin-top:60px}@media (min-width: 1000px){.keyvision{margin-top:75px}}@media (min-width: 600px){.keyvision .ult-container{min-height:400px}}@media (min-width: 1000px){.keyvision .ult-container{min-height:500px}}@media (min-width: 600px){.keyvision .ult-container .text-left{width:80%}}@media (min-width: 1000px){.keyvision .ult-container .text-left{width:50%}}.keyvision .ult-container .kv-title{box-sizing:border-box;line-height:1.1em;font-size:32px;font-weight:400;text-align:left}@media (min-width: 600px){.keyvision .ult-container .kv-title{font-size:46px}}@media (min-width: 1000px){.keyvision .ult-container .kv-title{font-size:56px}}.keyvision .ult-container .kv-intro{box-sizing:border-box;line-height:1.5em;font-size:14px;font-weight:300;margin-bottom:40px}@media (min-width: 600px){.keyvision .ult-container .kv-intro{font-size:16px}}@media (min-width: 1000px){.keyvision .ult-container .kv-intro{font-size:20px}}.security{background-size:cover;background-position:center;background-image:linear-gradient(to right, rgba(0,0,0,0.9),rgba(0,0,0,0.2)),url("../images/home/security-bg.jpg")}.security .ult-container{min-height:300px}@media (min-width: 1000px){.security .ult-container{min-height:400px}}.security .ult-container .text-left{width:80%}@media (min-width: 1000px){.security .ult-container .text-left{width:50%}}.security .ult-container p{color:#fff;padding:0;margin-bottom:20px}@media (min-width: 600px){.security .ult-container p{margin-bottom:40px}}.terms{background-color:#1C2023}.terms .grid3{margin-top:0}.terms .grid3 li a{padding:20px}.terms .grid3 li a:hover{box-shadow:2px 2px 20px 0 rgba(255,255,255,0.1),-2px -2px 20px 0 rgba(255,255,255,0.1)}.terms .grid3 li a h4{color:#fff;font-size:14px}@media (min-width: 600px){.terms .grid3 li a h4{font-size:16px}}