/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss*/ html { font-family:sans-serif; line-height:1.15; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } body { margin:0 } article,aside,footer,header,nav,section { display:block } h1 { font-size:2em; margin:0.67em 0 } figcaption,figure { display:block } figure { margin:1em 40px } hr { box-sizing:content-box; height:0; overflow:visible } main { display:block } pre { font-family:monospace, monospace; font-size:1em } a { background-color:transparent; -webkit-text-decoration-skip:objects } a:active,a:hover { outline-width:0 } abbr[title] { border-bottom:none; text-decoration:underline; text-decoration:underline dotted } b,strong { font-weight:inherit } b,strong { font-weight:bolder } code,kbd,samp { font-family:monospace, monospace; font-size:1em } dfn { font-style:italic } mark { background-color:#ff0; color:#000 } small { font-size:80% } sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sub { bottom:-0.25em } sup { top:-0.5em } audio,video { display:inline-block } audio:not([controls]) { display:none; height:0 } img { border-style:none } svg:not(:root) { overflow:hidden } button,input,optgroup,select,textarea { font-family:sans-serif; font-size:100%; line-height:1.15; margin:0 } button { overflow:visible } button,select { text-transform:none } button,html [type="button"],[type="reset"],[type="submit"] { -webkit-appearance:button } button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style:none; padding:0 } button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline:1px dotted ButtonText } input { overflow:visible } [type="checkbox"],[type="radio"] { box-sizing:border-box; padding:0 } [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height:auto } [type="search"] { -webkit-appearance:textfield; outline-offset:-2px } [type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration { -webkit-appearance:none } ::-webkit-file-upload-button { -webkit-appearance:button; font:inherit } fieldset { border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em } legend { box-sizing:border-box; display:table; max-width:100%; padding:0; color:inherit; white-space:normal } progress { display:inline-block; vertical-align:baseline } textarea { overflow:auto } details { display:block } summary { display:list-item } menu { display:block } canvas { display:inline-block } template { display:none } [hidden] { display:none } .slide-in-down.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:translateY(-100%); transition-property:transform, opacity; backface-visibility:hidden } .slide-in-down.mui-enter.mui-enter-active { transform:translateY(0) } .slide-in-left.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:translateX(-100%); transition-property:transform, opacity; backface-visibility:hidden } .slide-in-left.mui-enter.mui-enter-active { transform:translateX(0) } .slide-in-up.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:translateY(100%); transition-property:transform, opacity; backface-visibility:hidden } .slide-in-up.mui-enter.mui-enter-active { transform:translateY(0) } .slide-in-right.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:translateX(100%); transition-property:transform, opacity; backface-visibility:hidden } .slide-in-right.mui-enter.mui-enter-active { transform:translateX(0) } .slide-out-down.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:translateY(0); transition-property:transform, opacity; backface-visibility:hidden } .slide-out-down.mui-leave.mui-leave-active { transform:translateY(100%) } .slide-out-right.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:translateX(0); transition-property:transform, opacity; backface-visibility:hidden } .slide-out-right.mui-leave.mui-leave-active { transform:translateX(100%) } .slide-out-up.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:translateY(0); transition-property:transform, opacity; backface-visibility:hidden } .slide-out-up.mui-leave.mui-leave-active { transform:translateY(-100%) } .slide-out-left.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:translateX(0); transition-property:transform, opacity; backface-visibility:hidden } .slide-out-left.mui-leave.mui-leave-active { transform:translateX(-100%) } .fade-in.mui-enter { transition-duration:500ms; transition-timing-function:linear; opacity:0; transition-property:opacity } .fade-in.mui-enter.mui-enter-active { opacity:1 } .fade-out.mui-leave { transition-duration:500ms; transition-timing-function:linear; opacity:1; transition-property:opacity } .fade-out.mui-leave.mui-leave-active { opacity:0 } .hinge-in-from-top.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:perspective(2000px) rotateX(-90deg); transform-origin:top; transition-property:transform, opacity; opacity:0 } .hinge-in-from-top.mui-enter.mui-enter-active { transform:perspective(2000px) rotate(0deg); opacity:1 } .hinge-in-from-right.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:perspective(2000px) rotateY(-90deg); transform-origin:right; transition-property:transform, opacity; opacity:0 } .hinge-in-from-right.mui-enter.mui-enter-active { transform:perspective(2000px) rotate(0deg); opacity:1 } .hinge-in-from-bottom.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:perspective(2000px) rotateX(90deg); transform-origin:bottom; transition-property:transform, opacity; opacity:0 } .hinge-in-from-bottom.mui-enter.mui-enter-active { transform:perspective(2000px) rotate(0deg); opacity:1 } .hinge-in-from-left.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:perspective(2000px) rotateY(90deg); transform-origin:left; transition-property:transform, opacity; opacity:0 } .hinge-in-from-left.mui-enter.mui-enter-active { transform:perspective(2000px) rotate(0deg); opacity:1 } .hinge-in-from-middle-x.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:perspective(2000px) rotateX(-90deg); transform-origin:center; transition-property:transform, opacity; opacity:0 } .hinge-in-from-middle-x.mui-enter.mui-enter-active { transform:perspective(2000px) rotate(0deg); opacity:1 } .hinge-in-from-middle-y.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:perspective(2000px) rotateY(-90deg); transform-origin:center; transition-property:transform, opacity; opacity:0 } .hinge-in-from-middle-y.mui-enter.mui-enter-active { transform:perspective(2000px) rotate(0deg); opacity:1 } .hinge-out-from-top.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:perspective(2000px) rotate(0deg); transform-origin:top; transition-property:transform, opacity; opacity:1 } .hinge-out-from-top.mui-leave.mui-leave-active { transform:perspective(2000px) rotateX(-90deg); opacity:0 } .hinge-out-from-right.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:perspective(2000px) rotate(0deg); transform-origin:right; transition-property:transform, opacity; opacity:1 } .hinge-out-from-right.mui-leave.mui-leave-active { transform:perspective(2000px) rotateY(-90deg); opacity:0 } .hinge-out-from-bottom.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:perspective(2000px) rotate(0deg); transform-origin:bottom; transition-property:transform, opacity; opacity:1 } .hinge-out-from-bottom.mui-leave.mui-leave-active { transform:perspective(2000px) rotateX(90deg); opacity:0 } .hinge-out-from-left.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:perspective(2000px) rotate(0deg); transform-origin:left; transition-property:transform, opacity; opacity:1 } .hinge-out-from-left.mui-leave.mui-leave-active { transform:perspective(2000px) rotateY(90deg); opacity:0 } .hinge-out-from-middle-x.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:perspective(2000px) rotate(0deg); transform-origin:center; transition-property:transform, opacity; opacity:1 } .hinge-out-from-middle-x.mui-leave.mui-leave-active { transform:perspective(2000px) rotateX(-90deg); opacity:0 } .hinge-out-from-middle-y.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:perspective(2000px) rotate(0deg); transform-origin:center; transition-property:transform, opacity; opacity:1 } .hinge-out-from-middle-y.mui-leave.mui-leave-active { transform:perspective(2000px) rotateY(-90deg); opacity:0 } .scale-in-up.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:scale(.5); transition-property:transform, opacity; opacity:0 } .scale-in-up.mui-enter.mui-enter-active { transform:scale(1); opacity:1 } .scale-in-down.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:scale(1.5); transition-property:transform, opacity; opacity:0 } .scale-in-down.mui-enter.mui-enter-active { transform:scale(1); opacity:1 } .scale-out-up.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:scale(1); transition-property:transform, opacity; opacity:1 } .scale-out-up.mui-leave.mui-leave-active { transform:scale(1.5); opacity:0 } .scale-out-down.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:scale(1); transition-property:transform, opacity; opacity:1 } .scale-out-down.mui-leave.mui-leave-active { transform:scale(.5); opacity:0 } .spin-in.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:rotate(-.75turn); transition-property:transform, opacity; opacity:0 } .spin-in.mui-enter.mui-enter-active { transform:rotate(0); opacity:1 } .spin-out.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:rotate(0); transition-property:transform, opacity; opacity:1 } .spin-out.mui-leave.mui-leave-active { transform:rotate(.75turn); opacity:0 } .spin-in-ccw.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:rotate(.75turn); transition-property:transform, opacity; opacity:0 } .spin-in-ccw.mui-enter.mui-enter-active { transform:rotate(0); opacity:1 } .spin-out-ccw.mui-leave { transition-duration:500ms; transition-timing-function:linear; transform:rotate(0); transition-property:transform, opacity; opacity:1 } .spin-out-ccw.mui-leave.mui-leave-active { transform:rotate(-.75turn); opacity:0 } .slow { transition-duration:750ms !important } .fast { transition-duration:250ms !important } .linear { transition-timing-function:linear !important } .ease { transition-timing-function:ease !important } .ease-in { transition-timing-function:ease-in !important } .ease-out { transition-timing-function:ease-out !important } .ease-in-out { transition-timing-function:ease-in-out !important } .bounce-in { transition-timing-function:cubic-bezier(0.485, 0.155, 0.24, 1.245) !important } .bounce-out { transition-timing-function:cubic-bezier(0.485, 0.155, 0.515, 0.845) !important } .bounce-in-out { transition-timing-function:cubic-bezier(0.76, -0.245, 0.24, 1.245) !important } .short-delay { transition-delay:300ms !important } .long-delay { transition-delay:700ms !important } .shake { animation-name:shake-7 } @keyframes shake-7 { 0%,10%,20%,30%,40%,50%,60%,70%,80%,90% { transform:translateX(7%) } 5%,15%,25%,35%,45%,55%,65%,75%,85%,95% { transform:translateX(-7%) } }.spin-cw { animation-name:spin-cw-1turn } @keyframes spin-cw-1turn { 0% { transform:rotate(-1turn) } 100% { transform:rotate(0) } }.spin-ccw { animation-name:spin-cw-1turn } @keyframes spin-cw-1turn { 0% { transform:rotate(0) } 100% { transform:rotate(1turn) } }.wiggle { animation-name:wiggle-7deg } @keyframes wiggle-7deg { 40%,50%,60% { transform:rotate(7deg) } 35%,45%,55%,65% { transform:rotate(-7deg) } 0%,30%,70%,100% { transform:rotate(0) } }.shake,.spin-cw,.spin-ccw,.wiggle { animation-duration:500ms } .infinite { animation-iteration-count:infinite } .slow { animation-duration:750ms !important } .fast { animation-duration:250ms !important } .linear { animation-timing-function:linear !important } .ease { animation-timing-function:ease !important } .ease-in { animation-timing-function:ease-in !important } .ease-out { animation-timing-function:ease-out !important } .ease-in-out { animation-timing-function:ease-in-out !important } .bounce-in { animation-timing-function:cubic-bezier(0.485, 0.155, 0.24, 1.245) !important } .bounce-out { animation-timing-function:cubic-bezier(0.485, 0.155, 0.515, 0.845) !important } .bounce-in-out { animation-timing-function:cubic-bezier(0.76, -0.245, 0.24, 1.245) !important } .short-delay { animation-delay:300ms !important } .long-delay { animation-delay:700ms !important } @font-face { font-family:'icomoon'; src:url("../fonts/icomoon.eot?hinku2"); src:url("../fonts/icomoon.eot?hinku2#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?hinku2") format("truetype"),url("../fonts/icomoon.woff?hinku2") format("woff"),url("../fonts/icomoon.svg?hinku2#icomoon") format("svg"); font-weight:normal; font-style:normal } [class^="xg-icon-"],[class*=" xg-icon-"] { font-family:'icomoon' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .xg-icon-arrow-next:before { content:"" } .xg-icon-arrow-pre:before { content:"" } .xg-icon-logo-csharp:before { content:"" } .xg-icon-logo-java:before { content:"" } .xg-icon-logo-php:before { content:"" } .xg-icon-logo-python:before { content:"" } .xg-icon-logo-restapi:before { content:"" } .xg-icon-logo_android:before { content:"" } .xg-icon-logo_apple:before { content:"" } .xg-icon-logo-csharp { color:#953dac } .xg-icon-logo-java { color:#e73846 } .xg-icon-logo-php { color:#388be9 } .xg-icon-logo-python { color:#4d689a } .xg-icon-logo-restapi { color:#ffaa4e } .xg-icon-logo_android { color:#87c643 } .xg-icon-logo_apple { color:#9e9fa1 } body { font-family:"microsoft yahei",\5b8b\4f53,PingFangSC-Regular,Arial,sans-serif; font-size:14px; min-width:1280px; scrollbar-face-color:#fdfdfd; scrollbar-highlight-color:#999999; scrollbar-shadow-color:#999999; scrollbar-3dlight-color:#fdfdfd; scrollbar-arrow-color:#999999; scrollbar-track-color:#fdfdfd; scrollbar-darkshadow-color:#fdfdfd } ::-webkit-scrollbar { width:8px; height:8px } ::-webkit-scrollbar-thumb { background:rgba(153,153,153,0.8); border-radius:4px } ::-webkit-scrollbar-thumb:hover { background:#999999; border-radius:4px } ::-webkit-scrollbar-track-piece:decrement { background:transparent } ::-webkit-scrollbar-track-piece:increment { background:transparent; border-radius:0 0 4px 4px } h1,h2,h3,h4,h5,h6 { font-weight:100 } a { text-decoration:none; color:#08b2ff } * { box-sizing:border-box } .hidden { display:none } .logo-wrapper { line-height:38px } .logo-wrapper .logo { display:inline-block; background-image:url(../images/logo.png); background-size:100% 100%; width:45px; height:38px; margin-right:10px; vertical-align:middle } .logo-wrapper .text { display:inline-block; vertical-align:middle; font-size:18px } .row { max-width:120rem; margin-right:auto; margin-left:auto } .row::before,.row::after { display:table; content:' ' } .row::after { clear:both } .row.collapse>.column,.row.collapse>.columns { padding-right:0; padding-left:0 } .row .row { margin-right:-.625rem; margin-left:-.625rem } @media print, screen and (min-width: 40em) { .row .row { margin-right:-.9375rem; margin-left:-.9375rem } }@media print, screen and (min-width: 64em) { .row .row { margin-right:-.9375rem; margin-left:-.9375rem } }.row .row.collapse { margin-right:0; margin-left:0 } .row.expanded { max-width:none } .row.expanded .row { margin-right:auto; margin-left:auto } .row:not(.expanded) .row { max-width:none } .row.gutter-small>.column,.row.gutter-small>.columns { padding-right:.625rem; padding-left:.625rem } .row.gutter-medium>.column,.row.gutter-medium>.columns { padding-right:.9375rem; padding-left:.9375rem } .column,.columns { width:100%; float:left; padding-right:.625rem; padding-left:.625rem } @media print, screen and (min-width: 40em) { .column,.columns { padding-right:.9375rem; padding-left:.9375rem } }.column.row.row,.row.row.columns { float:none } .row .column.row.row,.row .row.row.columns { margin-right:0; margin-left:0; padding-right:0; padding-left:0 } .small-1 { width:8.33333% } .small-push-1 { position:relative; left:8.33333% } .small-pull-1 { position:relative; left:-8.33333% } .small-offset-0 { margin-left:0% } .small-2 { width:16.66667% } .small-push-2 { position:relative; left:16.66667% } .small-pull-2 { position:relative; left:-16.66667% } .small-offset-1 { margin-left:8.33333% } .small-3 { width:25% } .small-push-3 { position:relative; left:25% } .small-pull-3 { position:relative; left:-25% } .small-offset-2 { margin-left:16.66667% } .small-4 { width:33.33333% } .small-push-4 { position:relative; left:33.33333% } .small-pull-4 { position:relative; left:-33.33333% } .small-offset-3 { margin-left:25% } .small-5 { width:41.66667% } .small-push-5 { position:relative; left:41.66667% } .small-pull-5 { position:relative; left:-41.66667% } .small-offset-4 { margin-left:33.33333% } .small-6 { width:50% } .small-push-6 { position:relative; left:50% } .small-pull-6 { position:relative; left:-50% } .small-offset-5 { margin-left:41.66667% } .small-7 { width:58.33333% } .small-push-7 { position:relative; left:58.33333% } .small-pull-7 { position:relative; left:-58.33333% } .small-offset-6 { margin-left:50% } .small-8 { width:66.66667% } .small-push-8 { position:relative; left:66.66667% } .small-pull-8 { position:relative; left:-66.66667% } .small-offset-7 { margin-left:58.33333% } .small-9 { width:75% } .small-push-9 { position:relative; left:75% } .small-pull-9 { position:relative; left:-75% } .small-offset-8 { margin-left:66.66667% } .small-10 { width:83.33333% } .small-push-10 { position:relative; left:83.33333% } .small-pull-10 { position:relative; left:-83.33333% } .small-offset-9 { margin-left:75% } .small-11 { width:91.66667% } .small-push-11 { position:relative; left:91.66667% } .small-pull-11 { position:relative; left:-91.66667% } .small-offset-10 { margin-left:83.33333% } .small-12 { width:100% } .small-offset-11 { margin-left:91.66667% } .small-up-1>.column,.small-up-1>.columns { float:left; width:100% } .small-up-1>.column:nth-of-type(1n),.small-up-1>.columns:nth-of-type(1n) { clear:none } .small-up-1>.column:nth-of-type(1n+1),.small-up-1>.columns:nth-of-type(1n+1) { clear:both } .small-up-1>.column:last-child,.small-up-1>.columns:last-child { float:left } .small-up-2>.column,.small-up-2>.columns { float:left; width:50% } .small-up-2>.column:nth-of-type(1n),.small-up-2>.columns:nth-of-type(1n) { clear:none } .small-up-2>.column:nth-of-type(2n+1),.small-up-2>.columns:nth-of-type(2n+1) { clear:both } .small-up-2>.column:last-child,.small-up-2>.columns:last-child { float:left } .small-up-3>.column,.small-up-3>.columns { float:left; width:33.33333% } .small-up-3>.column:nth-of-type(1n),.small-up-3>.columns:nth-of-type(1n) { clear:none } .small-up-3>.column:nth-of-type(3n+1),.small-up-3>.columns:nth-of-type(3n+1) { clear:both } .small-up-3>.column:last-child,.small-up-3>.columns:last-child { float:left } .small-up-4>.column,.small-up-4>.columns { float:left; width:25% } .small-up-4>.column:nth-of-type(1n),.small-up-4>.columns:nth-of-type(1n) { clear:none } .small-up-4>.column:nth-of-type(4n+1),.small-up-4>.columns:nth-of-type(4n+1) { clear:both } .small-up-4>.column:last-child,.small-up-4>.columns:last-child { float:left } .small-up-5>.column,.small-up-5>.columns { float:left; width:20% } .small-up-5>.column:nth-of-type(1n),.small-up-5>.columns:nth-of-type(1n) { clear:none } .small-up-5>.column:nth-of-type(5n+1),.small-up-5>.columns:nth-of-type(5n+1) { clear:both } .small-up-5>.column:last-child,.small-up-5>.columns:last-child { float:left } .small-up-6>.column,.small-up-6>.columns { float:left; width:16.66667% } .small-up-6>.column:nth-of-type(1n),.small-up-6>.columns:nth-of-type(1n) { clear:none } .small-up-6>.column:nth-of-type(6n+1),.small-up-6>.columns:nth-of-type(6n+1) { clear:both } .small-up-6>.column:last-child,.small-up-6>.columns:last-child { float:left } .small-up-7>.column,.small-up-7>.columns { float:left; width:14.28571% } .small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n) { clear:none } .small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1) { clear:both } .small-up-7>.column:last-child,.small-up-7>.columns:last-child { float:left } .small-up-8>.column,.small-up-8>.columns { float:left; width:12.5% } .small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n) { clear:none } .small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1) { clear:both } .small-up-8>.column:last-child,.small-up-8>.columns:last-child { float:left } .small-collapse>.column,.small-collapse>.columns { padding-right:0; padding-left:0 } .small-collapse .row { margin-right:0; margin-left:0 } .expanded.row .small-collapse.row { margin-right:0; margin-left:0 } .small-uncollapse>.column,.small-uncollapse>.columns { padding-right:.625rem; padding-left:.625rem } .small-centered { margin-right:auto; margin-left:auto } .small-centered,.small-centered:last-child:not(:first-child) { float:none; clear:both } .small-uncentered,.small-push-0,.small-pull-0 { position:static; float:left; margin-right:0; margin-left:0 } @media print, screen and (min-width: 40em) { .medium-1 { width:8.33333% } .medium-push-1 { position:relative; left:8.33333% } .medium-pull-1 { position:relative; left:-8.33333% } .medium-offset-0 { margin-left:0% } .medium-2 { width:16.66667% } .medium-push-2 { position:relative; left:16.66667% } .medium-pull-2 { position:relative; left:-16.66667% } .medium-offset-1 { margin-left:8.33333% } .medium-3 { width:25% } .medium-push-3 { position:relative; left:25% } .medium-pull-3 { position:relative; left:-25% } .medium-offset-2 { margin-left:16.66667% } .medium-4 { width:33.33333% } .medium-push-4 { position:relative; left:33.33333% } .medium-pull-4 { position:relative; left:-33.33333% } .medium-offset-3 { margin-left:25% } .medium-5 { width:41.66667% } .medium-push-5 { position:relative; left:41.66667% } .medium-pull-5 { position:relative; left:-41.66667% } .medium-offset-4 { margin-left:33.33333% } .medium-6 { width:50% } .medium-push-6 { position:relative; left:50% } .medium-pull-6 { position:relative; left:-50% } .medium-offset-5 { margin-left:41.66667% } .medium-7 { width:58.33333% } .medium-push-7 { position:relative; left:58.33333% } .medium-pull-7 { position:relative; left:-58.33333% } .medium-offset-6 { margin-left:50% } .medium-8 { width:66.66667% } .medium-push-8 { position:relative; left:66.66667% } .medium-pull-8 { position:relative; left:-66.66667% } .medium-offset-7 { margin-left:58.33333% } .medium-9 { width:75% } .medium-push-9 { position:relative; left:75% } .medium-pull-9 { position:relative; left:-75% } .medium-offset-8 { margin-left:66.66667% } .medium-10 { width:83.33333% } .medium-push-10 { position:relative; left:83.33333% } .medium-pull-10 { position:relative; left:-83.33333% } .medium-offset-9 { margin-left:75% } .medium-11 { width:91.66667% } .medium-push-11 { position:relative; left:91.66667% } .medium-pull-11 { position:relative; left:-91.66667% } .medium-offset-10 { margin-left:83.33333% } .medium-12 { width:100% } .medium-offset-11 { margin-left:91.66667% } .medium-up-1>.column,.medium-up-1>.columns { float:left; width:100% } .medium-up-1>.column:nth-of-type(1n),.medium-up-1>.columns:nth-of-type(1n) { clear:none } .medium-up-1>.column:nth-of-type(1n+1),.medium-up-1>.columns:nth-of-type(1n+1) { clear:both } .medium-up-1>.column:last-child,.medium-up-1>.columns:last-child { float:left } .medium-up-2>.column,.medium-up-2>.columns { float:left; width:50% } .medium-up-2>.column:nth-of-type(1n),.medium-up-2>.columns:nth-of-type(1n) { clear:none } .medium-up-2>.column:nth-of-type(2n+1),.medium-up-2>.columns:nth-of-type(2n+1) { clear:both } .medium-up-2>.column:last-child,.medium-up-2>.columns:last-child { float:left } .medium-up-3>.column,.medium-up-3>.columns { float:left; width:33.33333% } .medium-up-3>.column:nth-of-type(1n),.medium-up-3>.columns:nth-of-type(1n) { clear:none } .medium-up-3>.column:nth-of-type(3n+1),.medium-up-3>.columns:nth-of-type(3n+1) { clear:both } .medium-up-3>.column:last-child,.medium-up-3>.columns:last-child { float:left } .medium-up-4>.column,.medium-up-4>.columns { float:left; width:25% } .medium-up-4>.column:nth-of-type(1n),.medium-up-4>.columns:nth-of-type(1n) { clear:none } .medium-up-4>.column:nth-of-type(4n+1),.medium-up-4>.columns:nth-of-type(4n+1) { clear:both } .medium-up-4>.column:last-child,.medium-up-4>.columns:last-child { float:left } .medium-up-5>.column,.medium-up-5>.columns { float:left; width:20% } .medium-up-5>.column:nth-of-type(1n),.medium-up-5>.columns:nth-of-type(1n) { clear:none } .medium-up-5>.column:nth-of-type(5n+1),.medium-up-5>.columns:nth-of-type(5n+1) { clear:both } .medium-up-5>.column:last-child,.medium-up-5>.columns:last-child { float:left } .medium-up-6>.column,.medium-up-6>.columns { float:left; width:16.66667% } .medium-up-6>.column:nth-of-type(1n),.medium-up-6>.columns:nth-of-type(1n) { clear:none } .medium-up-6>.column:nth-of-type(6n+1),.medium-up-6>.columns:nth-of-type(6n+1) { clear:both } .medium-up-6>.column:last-child,.medium-up-6>.columns:last-child { float:left } .medium-up-7>.column,.medium-up-7>.columns { float:left; width:14.28571% } .medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n) { clear:none } .medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1) { clear:both } .medium-up-7>.column:last-child,.medium-up-7>.columns:last-child { float:left } .medium-up-8>.column,.medium-up-8>.columns { float:left; width:12.5% } .medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n) { clear:none } .medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1) { clear:both } .medium-up-8>.column:last-child,.medium-up-8>.columns:last-child { float:left } .medium-collapse>.column,.medium-collapse>.columns { padding-right:0; padding-left:0 } .medium-collapse .row { margin-right:0; margin-left:0 } .expanded.row .medium-collapse.row { margin-right:0; margin-left:0 } .medium-uncollapse>.column,.medium-uncollapse>.columns { padding-right:.9375rem; padding-left:.9375rem } .medium-centered { margin-right:auto; margin-left:auto } .medium-centered,.medium-centered:last-child:not(:first-child) { float:none; clear:both } .medium-uncentered,.medium-push-0,.medium-pull-0 { position:static; float:left; margin-right:0; margin-left:0 } }@media print, screen and (min-width: 64em) { .large-1 { width:8.33333% } .large-push-1 { position:relative; left:8.33333% } .large-pull-1 { position:relative; left:-8.33333% } .large-offset-0 { margin-left:0% } .large-2 { width:16.66667% } .large-push-2 { position:relative; left:16.66667% } .large-pull-2 { position:relative; left:-16.66667% } .large-offset-1 { margin-left:8.33333% } .large-3 { width:25% } .large-push-3 { position:relative; left:25% } .large-pull-3 { position:relative; left:-25% } .large-offset-2 { margin-left:16.66667% } .large-4 { width:33.33333% } .large-push-4 { position:relative; left:33.33333% } .large-pull-4 { position:relative; left:-33.33333% } .large-offset-3 { margin-left:25% } .large-5 { width:41.66667% } .large-push-5 { position:relative; left:41.66667% } .large-pull-5 { position:relative; left:-41.66667% } .large-offset-4 { margin-left:33.33333% } .large-6 { width:50% } .large-push-6 { position:relative; left:50% } .large-pull-6 { position:relative; left:-50% } .large-offset-5 { margin-left:41.66667% } .large-7 { width:58.33333% } .large-push-7 { position:relative; left:58.33333% } .large-pull-7 { position:relative; left:-58.33333% } .large-offset-6 { margin-left:50% } .large-8 { width:66.66667% } .large-push-8 { position:relative; left:66.66667% } .large-pull-8 { position:relative; left:-66.66667% } .large-offset-7 { margin-left:58.33333% } .large-9 { width:75% } .large-push-9 { position:relative; left:75% } .large-pull-9 { position:relative; left:-75% } .large-offset-8 { margin-left:66.66667% } .large-10 { width:83.33333% } .large-push-10 { position:relative; left:83.33333% } .large-pull-10 { position:relative; left:-83.33333% } .large-offset-9 { margin-left:75% } .large-11 { width:91.66667% } .large-push-11 { position:relative; left:91.66667% } .large-pull-11 { position:relative; left:-91.66667% } .large-offset-10 { margin-left:83.33333% } .large-12 { width:100% } .large-offset-11 { margin-left:91.66667% } .large-up-1>.column,.large-up-1>.columns { float:left; width:100% } .large-up-1>.column:nth-of-type(1n),.large-up-1>.columns:nth-of-type(1n) { clear:none } .large-up-1>.column:nth-of-type(1n+1),.large-up-1>.columns:nth-of-type(1n+1) { clear:both } .large-up-1>.column:last-child,.large-up-1>.columns:last-child { float:left } .large-up-2>.column,.large-up-2>.columns { float:left; width:50% } .large-up-2>.column:nth-of-type(1n),.large-up-2>.columns:nth-of-type(1n) { clear:none } .large-up-2>.column:nth-of-type(2n+1),.large-up-2>.columns:nth-of-type(2n+1) { clear:both } .large-up-2>.column:last-child,.large-up-2>.columns:last-child { float:left } .large-up-3>.column,.large-up-3>.columns { float:left; width:33.33333% } .large-up-3>.column:nth-of-type(1n),.large-up-3>.columns:nth-of-type(1n) { clear:none } .large-up-3>.column:nth-of-type(3n+1),.large-up-3>.columns:nth-of-type(3n+1) { clear:both } .large-up-3>.column:last-child,.large-up-3>.columns:last-child { float:left } .large-up-4>.column,.large-up-4>.columns { float:left; width:25% } .large-up-4>.column:nth-of-type(1n),.large-up-4>.columns:nth-of-type(1n) { clear:none } .large-up-4>.column:nth-of-type(4n+1),.large-up-4>.columns:nth-of-type(4n+1) { clear:both } .large-up-4>.column:last-child,.large-up-4>.columns:last-child { float:left } .large-up-5>.column,.large-up-5>.columns { float:left; width:20% } .large-up-5>.column:nth-of-type(1n),.large-up-5>.columns:nth-of-type(1n) { clear:none } .large-up-5>.column:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1) { clear:both } .large-up-5>.column:last-child,.large-up-5>.columns:last-child { float:left } .large-up-6>.column,.large-up-6>.columns { float:left; width:16.66667% } .large-up-6>.column:nth-of-type(1n),.large-up-6>.columns:nth-of-type(1n) { clear:none } .large-up-6>.column:nth-of-type(6n+1),.large-up-6>.columns:nth-of-type(6n+1) { clear:both } .large-up-6>.column:last-child,.large-up-6>.columns:last-child { float:left } .large-up-7>.column,.large-up-7>.columns { float:left; width:14.28571% } .large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n) { clear:none } .large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1) { clear:both } .large-up-7>.column:last-child,.large-up-7>.columns:last-child { float:left } .large-up-8>.column,.large-up-8>.columns { float:left; width:12.5% } .large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n) { clear:none } .large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1) { clear:both } .large-up-8>.column:last-child,.large-up-8>.columns:last-child { float:left } .large-collapse>.column,.large-collapse>.columns { padding-right:0; padding-left:0 } .large-collapse .row { margin-right:0; margin-left:0 } .expanded.row .large-collapse.row { margin-right:0; margin-left:0 } .large-uncollapse>.column,.large-uncollapse>.columns { padding-right:.9375rem; padding-left:.9375rem } .large-centered { margin-right:auto; margin-left:auto } .large-centered,.large-centered:last-child:not(:first-child) { float:none; clear:both } .large-uncentered,.large-push-0,.large-pull-0 { position:static; float:left; margin-right:0; margin-left:0 } }.column-block { margin-bottom:1.25rem } .column-block>:last-child { margin-bottom:0 } @media print, screen and (min-width: 40em) { .column-block { margin-bottom:1.875rem } .column-block>:last-child { margin-bottom:0 } }.float-left { float:left !important } .float-right { float:right !important } .float-center { display:block; margin-right:auto; margin-left:auto } .clearfix::before,.clearfix::after { display:table; content:' ' } .clearfix::after { clear:both } .main-content { background-color:#f4f6fb; max-width:1920px; margin:0 auto } .max-width-content { max-width:1200px; margin:0 auto } .fullscreen { position:fixed; top:0; left:0; bottom:0; right:0; overflow:auto } .text-hide { font:0/0 a !important; color:transparent !important; text-shadow:none !important; background-color:transparent !important; border:0 !important } .text-truncate { max-width:100% !important; overflow:hidden !important; text-overflow:ellipsis; white-space:nowrap !important } .text-nowrap { white-space:nowrap !important } .text-wrap { word-wrap:break-word !important } .text-lowercase { text-transform:lowercase !important } .text-uppercase { text-transform:uppercase !important } .text-capitalize { text-transform:capitalize !important } .text-overline { text-decoration:overline !important } .text-underline { text-decoration:underline !important } .text-line-through { text-decoration:line-through !important } .font-wide { letter-spacing:.25rem } .font-normal { font-weight:normal } .font-bold { font-weight:bold } .font-italic { font-style:italic !important } ul.list-disc { list-style-type:disc !important } ul.list-circle { list-style-type:circle !important } ul.list-square { list-style-type:square !important } ol.list-decimal { list-style-type:decimal !important } ol.list-lower-alpha { list-style-type:lower-alpha !important } ol.list-lower-latin { list-style-type:lower-latin !important } ol.list-lower-roman { list-style-type:lower-roman !important } ol.list-upper-alpha { list-style-type:upper-alpha !important } ol.list-upper-latin { list-style-type:upper-latin !important } ol.list-upper-roman { list-style-type:upper-roman !important } .rounded { border-radius:5000px !important } .radius { border-radius:.1875rem } .bordered { border:.0625rem solid #cacaca } .shadow { box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) } .arrow-down { display:block; width:0; height:0; border:inset .4375rem; content:''; border-bottom-width:0; border-top-style:solid; border-color:#0a0a0a transparent transparent } .arrow-up { display:block; width:0; height:0; border:inset .4375rem; content:''; border-top-width:0; border-bottom-style:solid; border-color:transparent transparent #0a0a0a } .arrow-right { display:block; width:0; height:0; border:inset .4375rem; content:''; border-right-width:0; border-left-style:solid; border-color:transparent transparent transparent #0a0a0a } .arrow-left { display:block; width:0; height:0; border:inset .4375rem; content:''; border-left-width:0; border-right-style:solid; border-color:transparent #0a0a0a transparent transparent } .separator-center { text-align:center !important } .separator-center::before,.separator-center::after { display:table; content:' ' } .separator-center::after { clear:both } .separator-center::after { position:relative !important; width:3rem; border-bottom:.125rem solid #08b2ff; margin:1rem auto 0 } .separator-left { text-align:left !important } .separator-left::before,.separator-left::after { display:table; content:' ' } .separator-left::after { clear:both } .separator-left::after { position:relative !important; width:3rem; border-bottom:.125rem solid #08b2ff; margin:1rem auto 0; margin-left:0 !important } .separator-right { text-align:right !important } .separator-right::before,.separator-right::after { display:table; content:' ' } .separator-right::after { clear:both } .separator-right::after { position:relative !important; width:3rem; border-bottom:.125rem solid #08b2ff; margin:1rem auto 0; margin-right:0 !important } .overflow-visible { overflow:visible !important } .overflow-x-visible { overflow-x:visible !important } .overflow-y-visible { overflow-y:visible !important } .overflow-hidden { overflow:hidden !important } .overflow-x-hidden { overflow-x:hidden !important } .overflow-y-hidden { overflow-y:hidden !important } .overflow-scroll { overflow:scroll !important } .overflow-x-scroll { overflow-x:scroll !important } .overflow-y-scroll { overflow-y:scroll !important } .display-inline { display:inline !important } .display-inline-block { display:inline-block !important } .display-block { display:block !important } .display-table { display:table !important } .display-table-cell { display:table-cell !important } .position-static { position:static !important } .position-relative { position:relative !important } .position-absolute { position:absolute !important } .position-fixed { position:fixed !important } .position-fixed-top { position:fixed !important; top:0rem !important; right:0rem !important; left:0rem !important; z-index:975 } .position-fixed-bottom { position:fixed !important; right:0rem !important; bottom:0rem !important; left:0rem !important; z-index:975 } .border-box { box-sizing:border-box !important } .border-none { border:none !important } .width-25 { width:25% !important } .width-50 { width:50% !important } .width-75 { width:75% !important } .width-100 { width:100% !important } .height-25 { height:25% !important } .height-50 { height:50% !important } .height-75 { height:75% !important } .height-100 { height:100% !important } .max-width-100 { max-width:100% !important } .max-height-100 { max-height:100% !important } .margin-0 { margin-top:0rem !important; margin-right:0rem !important; margin-bottom:0rem !important; margin-left:0rem !important } .padding-0 { padding-top:0rem !important; padding-right:0rem !important; padding-bottom:0rem !important; padding-left:0rem !important } .margin-top-0 { margin-top:0rem !important } .padding-top-0 { padding-top:0rem !important } .margin-right-0 { margin-right:0rem !important } .padding-right-0 { padding-right:0rem !important } .margin-bottom-0 { margin-bottom:0rem !important } .padding-bottom-0 { padding-bottom:0rem !important } .margin-left-0 { margin-left:0rem !important } .padding-left-0 { padding-left:0rem !important } .margin-horizontal-0 { margin-right:0rem !important; margin-left:0rem !important } .padding-horizontal-0 { padding-right:0rem !important; padding-left:0rem !important } .margin-vertical-0 { margin-top:0rem !important; margin-bottom:0rem !important } .padding-vertical-0 { padding-top:0rem !important; padding-bottom:0rem !important } .margin-1 { margin-top:1rem !important; margin-right:1rem !important; margin-bottom:1rem !important; margin-left:1rem !important } .padding-1 { padding-top:1rem !important; padding-right:1rem !important; padding-bottom:1rem !important; padding-left:1rem !important } .margin-top-1 { margin-top:1rem !important } .padding-top-1 { padding-top:1rem !important } .margin-right-1 { margin-right:1rem !important } .padding-right-1 { padding-right:1rem !important } .margin-bottom-1 { margin-bottom:1rem !important } .padding-bottom-1 { padding-bottom:1rem !important } .margin-left-1 { margin-left:1rem !important } .padding-left-1 { padding-left:1rem !important } .margin-horizontal-1 { margin-right:1rem !important; margin-left:1rem !important } .padding-horizontal-1 { padding-right:1rem !important; padding-left:1rem !important } .margin-vertical-1 { margin-top:1rem !important; margin-bottom:1rem !important } .padding-vertical-1 { padding-top:1rem !important; padding-bottom:1rem !important } .margin-2 { margin-top:2rem !important; margin-right:2rem !important; margin-bottom:2rem !important; margin-left:2rem !important } .padding-2 { padding-top:2rem !important; padding-right:2rem !important; padding-bottom:2rem !important; padding-left:2rem !important } .margin-top-2 { margin-top:2rem !important } .padding-top-2 { padding-top:2rem !important } .margin-right-2 { margin-right:2rem !important } .padding-right-2 { padding-right:2rem !important } .margin-bottom-2 { margin-bottom:2rem !important } .padding-bottom-2 { padding-bottom:2rem !important } .margin-left-2 { margin-left:2rem !important } .padding-left-2 { padding-left:2rem !important } .margin-horizontal-2 { margin-right:2rem !important; margin-left:2rem !important } .padding-horizontal-2 { padding-right:2rem !important; padding-left:2rem !important } .margin-vertical-2 { margin-top:2rem !important; margin-bottom:2rem !important } .padding-vertical-2 { padding-top:2rem !important; padding-bottom:2rem !important } .margin-3 { margin-top:3rem !important; margin-right:3rem !important; margin-bottom:3rem !important; margin-left:3rem !important } .padding-3 { padding-top:3rem !important; padding-right:3rem !important; padding-bottom:3rem !important; padding-left:3rem !important } .margin-top-3 { margin-top:3rem !important } .padding-top-3 { padding-top:3rem !important } .margin-right-3 { margin-right:3rem !important } .padding-right-3 { padding-right:3rem !important } .margin-bottom-3 { margin-bottom:3rem !important } .padding-bottom-3 { padding-bottom:3rem !important } .margin-left-3 { margin-left:3rem !important } .padding-left-3 { padding-left:3rem !important } .margin-horizontal-3 { margin-right:3rem !important; margin-left:3rem !important } .padding-horizontal-3 { padding-right:3rem !important; padding-left:3rem !important } .margin-vertical-3 { margin-top:3rem !important; margin-bottom:3rem !important } .padding-vertical-3 { padding-top:3rem !important; padding-bottom:3rem !important } .menu { padding:0; margin:0; list-style:none; position:relative } [data-whatinput='mouse'] .menu li { outline:0 } .menu a,.menu .button { line-height:1; text-decoration:none; display:block; padding:0.7rem 1rem } .menu input,.menu select,.menu a,.menu button { margin-bottom:0 } .menu input { display:inline-block } .menu li,.menu.horizontal li { display:inline-block } .menu.vertical li { display:block } .menu.expanded { display:table; width:100% } .menu.expanded>li { display:table-cell; vertical-align:middle } .menu.simple li+li { margin-left:1rem } .menu.simple a { padding:0 } @media print, screen and (min-width: 40em) { .menu.medium-horizontal li { display:inline-block } .menu.medium-vertical li { display:block } .menu.medium-expanded { display:table; width:100% } .menu.medium-expanded>li { display:table-cell; vertical-align:middle } .menu.medium-simple { display:table; width:100% } .menu.medium-simple>li { display:table-cell; vertical-align:middle } }@media print, screen and (min-width: 64em) { .menu.large-horizontal li { display:inline-block } .menu.large-vertical li { display:block } .menu.large-expanded { display:table; width:100% } .menu.large-expanded>li { display:table-cell; vertical-align:middle } .menu.large-simple { display:table; width:100% } .menu.large-simple>li { display:table-cell; vertical-align:middle } }.menu.nested { margin-right:0; margin-left:1rem } .menu.icons img,.menu.icons i,.menu.icons svg { vertical-align:middle } .menu.icons img+span,.menu.icons i+span,.menu.icons svg+span { vertical-align:middle } .menu.icon-top img,.menu.icon-top i,.menu.icon-top svg,.menu.icon-right img,.menu.icon-right i,.menu.icon-right svg,.menu.icon-bottom img,.menu.icon-bottom i,.menu.icon-bottom svg,.menu.icon-left img,.menu.icon-left i,.menu.icon-left svg { vertical-align:middle } .menu.icon-top img+span,.menu.icon-top i+span,.menu.icon-top svg+span,.menu.icon-right img+span,.menu.icon-right i+span,.menu.icon-right svg+span,.menu.icon-bottom img+span,.menu.icon-bottom i+span,.menu.icon-bottom svg+span,.menu.icon-left img+span,.menu.icon-left i+span,.menu.icon-left svg+span { vertical-align:middle } .menu.icon-left li a img,.menu.icon-left li a i,.menu.icon-left li a svg { margin-right:.25rem; display:inline-block } .menu.icon-right li a img,.menu.icon-right li a i,.menu.icon-right li a svg { margin-left:.25rem; display:inline-block } .menu.icon-top li a { text-align:center } .menu.icon-top li a img,.menu.icon-top li a i,.menu.icon-top li a svg { display:block; margin:0 auto .25rem } .menu.icon-bottom li a { text-align:center } .menu.icon-bottom li a img,.menu.icon-bottom li a i,.menu.icon-bottom li a svg { display:block; margin:.25rem auto 0 } .menu .is-active>a { background:#08b2ff; color:#fefefe } .menu .active>a { background:#08b2ff; color:#fefefe } .menu.align-left { text-align:left } .menu.align-right { text-align:right } .menu.align-right .submenu li { text-align:left } .menu.align-right.vertical .submenu li { text-align:right } .menu.align-right .nested { margin-right:1rem; margin-left:0 } .menu.align-center { text-align:center } .menu.align-center .submenu li { text-align:left } .menu .menu-text { padding:0.7rem 1rem; font-weight:bold; line-height:1; color:inherit } .menu-centered>.menu { text-align:center } .menu-centered>.menu .submenu li { text-align:left } .no-js [data-responsive-menu] ul { display:none } .dropdown.menu>li.opens-left>.is-dropdown-submenu { top:100%; right:0; left:auto } .dropdown.menu>li.opens-right>.is-dropdown-submenu { top:100%; right:auto; left:0 } .dropdown.menu>li.is-dropdown-submenu-parent>a { position:relative; padding-right:1.5rem } .dropdown.menu>li.is-dropdown-submenu-parent>a::after { display:block; width:0; height:0; border:inset 6px; content:''; border-bottom-width:0; border-top-style:solid; border-color:#08b2ff transparent transparent; right:5px; left:auto; margin-top:-3px } .dropdown.menu a { padding:0.7rem 1rem } [data-whatinput='mouse'] .dropdown.menu a { outline:0 } .dropdown.menu .is-active>a { background:rgba(0,0,0,0); color:#08b2ff } .no-js .dropdown.menu ul { display:none } .dropdown.menu .nested.is-dropdown-submenu { margin-right:0; margin-left:0 } .dropdown.menu.vertical>li .is-dropdown-submenu { top:0 } .dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu { right:100%; left:auto; top:0 } .dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu { right:auto; left:100% } .dropdown.menu.vertical>li>a::after { right:14px } .dropdown.menu.vertical>li.opens-left>a::after { right:auto; left:5px; display:block; width:0; height:0; border:inset 6px; content:''; border-left-width:0; border-right-style:solid; border-color:transparent #08b2ff transparent transparent } .dropdown.menu.vertical>li.opens-right>a::after { display:block; width:0; height:0; border:inset 6px; content:''; border-right-width:0; border-left-style:solid; border-color:transparent transparent transparent #08b2ff } @media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu { top:100%; right:0; left:auto } .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu { top:100%; right:auto; left:0 } .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a { position:relative; padding-right:1.5rem } .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after { display:block; width:0; height:0; border:inset 6px; content:''; border-bottom-width:0; border-top-style:solid; border-color:#08b2ff transparent transparent; right:5px; left:auto; margin-top:-3px } .dropdown.menu.medium-vertical>li .is-dropdown-submenu { top:0 } .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu { right:100%; left:auto; top:0 } .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu { right:auto; left:100% } .dropdown.menu.medium-vertical>li>a::after { right:14px } .dropdown.menu.medium-vertical>li.opens-left>a::after { right:auto; left:5px; display:block; width:0; height:0; border:inset 6px; content:''; border-left-width:0; border-right-style:solid; border-color:transparent #08b2ff transparent transparent } .dropdown.menu.medium-vertical>li.opens-right>a::after { display:block; width:0; height:0; border:inset 6px; content:''; border-right-width:0; border-left-style:solid; border-color:transparent transparent transparent #08b2ff } }@media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu { top:100%; right:0; left:auto } .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu { top:100%; right:auto; left:0 } .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a { position:relative; padding-right:1.5rem } .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after { display:block; width:0; height:0; border:inset 6px; content:''; border-bottom-width:0; border-top-style:solid; border-color:#08b2ff transparent transparent; right:5px; left:auto; margin-top:-3px } .dropdown.menu.large-vertical>li .is-dropdown-submenu { top:0 } .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu { right:100%; left:auto; top:0 } .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu { right:auto; left:100% } .dropdown.menu.large-vertical>li>a::after { right:14px } .dropdown.menu.large-vertical>li.opens-left>a::after { right:auto; left:5px; display:block; width:0; height:0; border:inset 6px; content:''; border-left-width:0; border-right-style:solid; border-color:transparent #08b2ff transparent transparent } .dropdown.menu.large-vertical>li.opens-right>a::after { display:block; width:0; height:0; border:inset 6px; content:''; border-right-width:0; border-left-style:solid; border-color:transparent transparent transparent #08b2ff } }.dropdown.menu.align-right .is-dropdown-submenu.first-sub { top:100%; right:0; left:auto } .is-dropdown-menu.vertical { width:100px } .is-dropdown-menu.vertical.align-right { float:right } .is-dropdown-submenu-parent { position:relative } .is-dropdown-submenu-parent a::after { position:absolute; top:50%; right:5px; left:auto; margin-top:-6px } .is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu { top:100%; left:auto } .is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu { right:100%; left:auto } .is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu { right:auto; left:100% } .is-dropdown-submenu { position:absolute; top:0; left:100%; z-index:1; display:none; min-width:100%; border:none; background:#fefefe } .dropdown .is-dropdown-submenu a { padding:0.7rem 1rem } .is-dropdown-submenu .is-dropdown-submenu-parent>a::after { right:14px } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after { right:auto; left:5px; display:block; width:0; height:0; border:inset 6px; content:''; border-left-width:0; border-right-style:solid; border-color:transparent #08b2ff transparent transparent } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after { display:block; width:0; height:0; border:inset 6px; content:''; border-right-width:0; border-left-style:solid; border-color:transparent transparent transparent #08b2ff } .is-dropdown-submenu>li { width:100% } .is-dropdown-submenu.js-dropdown-active { display:block } .top-menu-wrapper { width:100%; height:56px; z-index:100; background-color:#fff; padding:0 1% } .top-menu-wrapper .menu li { vertical-align:top } .top-menu-wrapper .top-bar { padding:.5rem } .top-menu-wrapper .top-bar::before,.top-menu-wrapper .top-bar::after { display:table; content:' ' } .top-menu-wrapper .top-bar::after { clear:both } .top-menu-wrapper .top-bar,.top-menu-wrapper .top-bar ul { background-color:rgba(0,0,0,0) } .top-menu-wrapper .top-bar input { max-width:200px; margin-right:1rem } .top-menu-wrapper .top-bar .input-group-field { width:100%; margin-right:0 } .top-menu-wrapper .top-bar input.button { width:auto } .top-menu-wrapper .top-bar .top-bar-left,.top-menu-wrapper .top-bar .top-bar-right { width:100% } @media print, screen and (min-width: 40em) { .top-menu-wrapper .top-bar .top-bar-left,.top-menu-wrapper .top-bar .top-bar-right { width:auto } }@media screen and (max-width: 63.9375em) { .top-menu-wrapper .top-bar.stacked-for-medium .top-bar-left,.top-menu-wrapper .top-bar.stacked-for-medium .top-bar-right { width:100% } }@media screen and (max-width: 74.9375em) { .top-menu-wrapper .top-bar.stacked-for-large .top-bar-left,.top-menu-wrapper .top-bar.stacked-for-large .top-bar-right { width:100% } }.top-menu-wrapper .top-bar-title { display:inline-block; float:left; padding:0.5rem 1rem 0.5rem 0 } .top-menu-wrapper .top-bar-title .menu-icon { bottom:2px } .top-menu-wrapper .top-bar-left { float:left } .top-menu-wrapper .top-bar-right { float:right } .top-menu-wrapper .top-bar { background-color:transparent; max-width:1200px; margin:0 auto } .top-menu-wrapper a { color:#333 } .top-menu-wrapper a.active { color:#08b2ff } .top-menu-wrapper a:hover { color:#08b2ff } .top-menu-wrapper .login-button { color:#08b2ff; border:1px solid #08b2ff; margin-left:40px; border-radius:2px } .top-menu-wrapper .login-button:hover { color:#fff; background-color:#08b2ff } .top-menu-wrapper .login-user { min-width:120px; max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .top-menu-wrapper .dropdown.menu .submenu { background-color:#fff } .top-menu-wrapper .dropdown.menu .is-active>a { color:#333 } .top-menu-wrapper .dropdown.menu>li.is-dropdown-submenu-parent>a::after { border-color:#333 transparent transparent } .top-menu-wrapper.index-menu { position:absolute; top:1%; left:0; background-color:transparent } .top-menu-wrapper.index-menu .logo-wrapper .logo { background-image:url(../images/logo-white-2.png) } .top-menu-wrapper.index-menu .top-bar { max-width:none } .top-menu-wrapper.index-menu a { color:#fff } .top-menu-wrapper.index-menu a:hover { color:#fff } .top-menu-wrapper.index-menu .login-button { color:#fff; border:1px solid #fff } .top-menu-wrapper.index-menu .login-button:hover { background-color:#fff; color:#08b2ff } .top-menu-wrapper.index-menu .dropdown.menu .submenu { background-color:transparent } .top-menu-wrapper.index-menu .dropdown.menu .is-active>a { color:#fff } .top-menu-wrapper.index-menu .dropdown.menu>li.is-dropdown-submenu-parent>a::after { border-color:#fff transparent transparent } .top-menu-wrapper .error-page-menu { border-bottom:1px solid #e5e5e5 } .banner-wrapper { width:100%; line-height:0 } .banner-wrapper .banner-content { position:relative } .banner--background-1,.banner--background-2,.banner--background-3 { background-size:cover; width:100%; height:100%; position:absolute; top:0; z-index:0 } .mui-enter.banner--background-1,.mui-enter.banner--background-2,.mui-enter.banner--background-3 { transition-duration:500ms; transition-timing-function:linear; transition-duration:1s; opacity:0; transition-property:opacity } .mui-enter.mui-enter-active.banner--background-1,.mui-enter.mui-enter-active.banner--background-2,.mui-enter.mui-enter-active.banner--background-3 { opacity:1 } .banner--background-1 { background-image:url(../images/banner-bg-1.jpg) } .banner--background-2 { background-image:url(../images/banner-bg-2.jpg) } .banner--background-3 { background-image:url(../images/banner-bg-3.jpg) } .banner--sides { z-index:2; position:relative } .banner--phone { width:35%; position:absolute; bottom:0; left:38% } .banner--phone img { width:100% } .banner--notification { width:60%; position:absolute; top:26%; left:58%; overflow:hidden; transform:skew(-16deg, 0deg) } .banner--notification img { position:absolute; top:0; left:0 } .banner--notification img.mui-enter { transition-duration:500ms; transition-timing-function:linear; transform:translateX(100%); transition-property:transform, opacity; backface-visibility:hidden } .banner--notification img.mui-enter.mui-enter-active { transform:translateX(0) } .banner--notification img:first-child { position:relative } .banner--text-area { width:40%; position:absolute; top:30%; left:10%; z-index:10; line-height:1.2; color:#fff } .banner--text-area .title { font-size:42px; letter-spacing:6px; line-height:1; margin:0 0 10px 0 } .banner--text-area .subtitle { font-size:26px; letter-spacing:4px; line-height:1; margin:0 0 48px 0 } .banner--text-area .details { padding-left:18px; font-size:16px; letter-spacing:2px; margin-bottom:64px } .banner--text-area .details li { margin-bottom:10px } .banner--text-area .details li:last-child { margin-bottom:0 } .banner--text-area .index-button { display:inline-block; padding:16px 60px; background:linear-gradient(90deg, #1cdbda, #08b2ff); border-radius:32px; color:#fff; letter-spacing:2px; font-size:18px } .banner--text-area .index-button:hover { background:linear-gradient(90deg, #08b2ff, #9466fa) } .thin-top-banner-wrapper { background-image:url(../images/support-bg.jpg); background-size:cover; height:280px; padding-top:100px; color:#fff } .thin-top-banner-wrapper .title { margin:0 0 20px 0; letter-spacing:2px; font-size:24px } .thin-top-banner-wrapper .desc { font-size:12px; line-height:1.5; letter-spacing:1px } .thin-top-banner-wrapper .button { display:inline-block; padding:10px 40px; background:transparent; border:1px solid #fff; border-radius:20px; color:#fff; letter-spacing:2px; line-height:1; font-size:14px; margin:30px 60px 0 0 } .thin-top-banner-wrapper .button:hover { border:1px solid #08b2ff; background-color:#08b2ff } .function-wrapper { position:relative; background-color:#fff; padding:120px 0; overflow-x:hidden } .function-wrapper .function-content { max-width:1200px } .function-wrapper .subtitle { font-size:24px; letter-spacing:3px; color:#08b1ff; margin:0; padding:80px 0 100px 0 } .function-wrapper .title { font-size:32px; letter-spacing:4px; margin:0 } .function-wrapper .divider { width:50px; border-top:3px solid #08b2ff; margin-bottom:20px } .function-wrapper .desc { font-size:16px; letter-spacing:1px; line-height:1.8; color:#777777; margin:0 } .function-wrapper .control { font-size:24px } .function-wrapper .control i { color:#777777; cursor:pointer } .function-wrapper .control i:hover { color:#08b2ff } .function-wrapper .left .title-wrapper { position:relative; margin-bottom:30px } .function-wrapper .left .title { position:absolute; top:0; left:0 } .function-wrapper .left .title.mui-enter { transition-duration:500ms; transition-timing-function:linear; transition-duration:1s; opacity:0; transition-property:opacity } .function-wrapper .left .title.mui-enter.mui-enter-active { opacity:1 } .function-wrapper .left .title.first { position:relative } .function-wrapper .left .desc-wrapper { position:relative; margin-bottom:120px; height:84px } .function-wrapper .left .desc { position:absolute; top:0; left:0 } .function-wrapper .left .desc.mui-enter { transition-duration:500ms; transition-timing-function:linear; opacity:0; transition-property:opacity } .function-wrapper .left .desc.mui-enter.mui-enter-active { opacity:1 } .function-wrapper .left .desc.first { position:relative } .function-wrapper .right { position:relative } .function-wrapper .function-iphone { width:360px; padding-top:16px; position:relative; z-index:3 } .function-wrapper .function-screen { position:absolute; width:208px; top:50%; transform:translateY(-50%) translateX(30px); transition:transform 1s; z-index:1 } .function-wrapper .carousel.present-screen-1 .screen-1 { transform:translateY(-50%) translateX(-283px) scale(1.29); z-index:2 } .function-wrapper .carousel.present-screen-1 .screen-3 { transform:translateY(-50%) translateX(290px) } .function-wrapper .carousel.present-screen-2 .screen-2 { transform:translateY(-50%) translateX(-283px) scale(1.29); z-index:2 } .function-wrapper .carousel.present-screen-2 .screen-1 { transform:translateY(-50%) translateX(290px) } .function-wrapper .carousel.present-screen-3 .screen-3 { transform:translateY(-50%) translateX(-283px) scale(1.29); z-index:2 } .function-wrapper .carousel.present-screen-3 .screen-2 { transform:translateY(-50%) translateX(290px) } .feature-wrapper { position:relative; background-color:#f4f6fb; line-height:0 } .feature-box { position:absolute; top:50%; transform:translateY(-50%); left:5%; width:60%; background-color:#fff; line-height:1.15; box-shadow:0 0 30px 0 rgba(0,0,0,0.1); border-radius:4px; overflow:hidden } .feature-item { position:relative; height:300px; text-align:center } .feature-item .text-area { display:none; position:absolute; width:100%; height:100%; padding:3rem 1.5rem; color:#fff; background-color:#9482e2; transition:opacity 0.3s; text-align:left } .feature-item .text-area .title { margin:0 0 30px 0; font-size:14px; letter-spacing:2px } .feature-item .text-area .desc { font-size:12px; line-height:1.6; letter-spacing:1px } .feature-item--icon { margin-top:90px; width:80px } .feature-item--title { margin-top:20px; font-size:16px; letter-spacing:2px } .feature-backgroud { position:relative } .feature-backgroud .text-area { position:absolute; top:28%; width:100%; text-align:center; color:#fff } .feature-backgroud .title { font-size:32px; letter-spacing:5px; margin:0 0 50px 0 } .feature-backgroud .divider { display:inline-block; width:64px; border-top:3px solid #9482e2; margin-bottom:15px } .feature-backgroud .desc { line-height:2; letter-spacing:2px; margin-bottom:120px; font-size:16px } .feature-backgroud .feature-button { display:inline-block; padding:14px 50px; background:transparent; border:1px solid #fff; border-radius:28px; color:#fff; letter-spacing:2px; line-height:1.15; font-size:16px } .feature-backgroud .feature-button:hover { border:1px solid #9482e2; background-color:#9482e2 } .showcase-wrapper { position:relative; line-height:0; margin-bottom:70px; overflow:hidden } .showcase-wrapper .row>.showcase-item { float:left; width:12.5% } .showcase-wrapper .row>.showcase-item:nth-of-type(1n) { clear:none } .showcase-wrapper .row>.showcase-item:nth-of-type(8n+1) { clear:both } .showcase-wrapper .row>.showcase-item:last-child { float:left } .showcase-wrapper .showcase-item { position:relative; transition:transform 0.5s } .showcase-wrapper .showcase-item .mask { width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.5); transition:opacity 0.5s } .showcase-wrapper .showcase-item img { width:100% } .showcase-wrapper .showcase-item:hover { transform:scale(1.04); z-index:3 } .showcase-wrapper .showcase-item:hover .mask { opacity:0 } .showcase-wrapper .text-area { position:absolute; top:20%; left:37.5%; width:25%; height:60%; line-height:1; text-align:center; color:#fff } .showcase-wrapper .text-area .title { font-size:1.6rem; letter-spacing:5px; margin:20% 0 30px 0 } .showcase-wrapper .text-area .divider { display:block; width:4rem; border-top:3px solid #42d182; margin:0 auto 16% auto } .showcase-wrapper .text-area .showcase-button { display:inline-block; padding:14px 50px; background:transparent; border:1px solid #fff; border-radius:28px; color:#fff; letter-spacing:2px; line-height:1.15; font-size:16px } .showcase-wrapper .text-area .showcase-button:hover { border:1px solid #42d182; background-color:#42d182 } .sdk-wrapper { position:relative; color:#fff; background-image:url(../images/sdk-bg.jpg); background-size:cover; height:100px; margin-bottom:120px } .sdk-wrapper a { color:#fff } .sdk-wrapper a:hover { color:#42d182 } .sdk-wrapper .sdk-content { max-width:1200px } .sdk-wrapper .title-box { background-color:#42d182; position:absolute; top:-8px; padding:36px; letter-spacing:4px; font-size:16px; line-height:1.4 } .sdk-wrapper .links-wrapper { padding:26px 0 0 180px } .sdk-wrapper .links-wrapper.left { line-height:24px } .sdk-wrapper .links-wrapper.right { line-height:48px } .news-wrapper { background-color:#fff; max-width:1200px; margin-right:auto; margin-left:auto; box-shadow:0 0 30px 0 rgba(0,0,0,0.1); padding:40px; margin-bottom:-80px; z-index:2; position:relative } .news-wrapper .thumbnail-wrapper { padding-right:20px } .news-wrapper .orbit { position:relative } .news-wrapper .orbit-container { position:relative; height:0; margin:0; list-style:none; overflow:hidden; padding:0 } .news-wrapper .orbit-slide { width:100% } .news-wrapper .orbit-slide.no-motionui.is-active { top:0; left:0 } .news-wrapper .product-news-wrapper { padding-left:20px } .news-wrapper .title { font-size:16px; margin-bottom:46px } .news-wrapper .news-list { margin:0; list-style:none; padding-left:10px; border-left:2px solid #08b2ff } .news-wrapper .news-list a { color:#777777 } .news-wrapper .news-list a:hover { color:#08b2ff } .news-wrapper .news-list li { margin-bottom:20px } .news-wrapper .news-title { float:left; width:70%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .support-wrapper { background-image:url(../images/support-bg.jpg); background-size:cover; height:280px; padding-top:120px } .support-wrapper .support-content { max-width:1200px } .support-wrapper .title { color:#fff; font-size:16px; letter-spacing:2px; margin-bottom:20px } .support-wrapper .support-button { display:inline-block; text-align:center; padding:10px 0; width:140px; background-color:rgba(255,255,255,0.2); color:#fff } .footer-wrapper { background-color:#25252c; color:rgba(255,255,255,0.4); padding:40px 0 } .footer-wrapper .title { margin-bottom:30px; letter-spacing:2px; font-size:16px; color:#fff } .footer-wrapper ul { margin:0; padding:0; list-style:none; letter-spacing:1px } .footer-wrapper ul a { font-size:12px; color:rgba(255,255,255,0.4) } .footer-wrapper ul li { margin-bottom:10px } .footer-wrapper .footer-content { max-width:1200px; margin:0 auto } .footer-wrapper .qrcode-wrapper { text-align:right; font-size:12px } .footer-wrapper .qrcode-wrapper img { width:140px } .footer-wrapper .qrcode-wrapper .text { display:inline-block; width:140px; text-align:center } .footer-wrapper .horizontal-list-wrapper a { font-size:12px; color:rgba(255,255,255,0.4) } .footer-wrapper .copyright { text-align:center; color:rgba(255,255,255,0.4); margin-top:60px } .support-entries-wrapper { position:fixed; bottom:50px; right:20px; z-index:200 } .support-entries-wrapper .qq { display:block; background-image:url(../images/support-qq.png); background-size:100%; height:56px; width:56px } .sdk-download-page-wrapper { padding-bottom:80px } .sdk-download-page-wrapper .thin-top-banner-wrapper { background-image:url(../images/sdk-download-banner.jpg) } .sdk-download-page-wrapper .sdk-box-wrapper { background-color:#fff; box-shadow:0 0 30px 0 rgba(0,0,0,0.1); max-width:1200px; margin:-40px auto 0 auto; padding:40px 40px 20px 40px } .sdk-download-page-wrapper .sdk-box-wrapper .title { font-size:18px; border-bottom:1px dashed #e5e5e5; padding-bottom:20px; margin-bottom:20px } .sdk-download-page-wrapper .sdk-box-wrapper .title .right-btn { float:right; font-size:14px; line-height:22px } .sdk-download-page-wrapper .sdk-box-wrapper>.row>.columns { padding-right:20px } .sdk-download-page-wrapper .sdk-box-wrapper>.row>.columns:nth-child(3n+3) { padding-right:0 } .sdk-download-page-wrapper .sdk-box { border:1px solid #e5e5e5; padding:20px; position:relative; margin-bottom:20px } .sdk-download-page-wrapper .sdk-box .right { padding-left:60px; margin-bottom:20px } .sdk-download-page-wrapper .sdk-box .foot { line-height:30px } .sdk-download-page-wrapper .sdk-box--icon { position:absolute; font-size:40px } .sdk-download-page-wrapper .sdk-box--title { font-size:16px; margin-bottom:10px } .sdk-download-page-wrapper .sdk-box--tag { font-size:12px; background-color:#44b481; color:#fff; padding:0 4px; border-radius:2px; margin-left:5px } .sdk-download-page-wrapper .sdk-box--version { display:inline-block; width:80px } .sdk-download-page-wrapper .sdk-box--release { display:inline-block; color:#999999 } .sdk-download-page-wrapper .sdk-box--desc { border-bottom:1px dashed #e5e5e5; padding-bottom:20px; margin-bottom:20px; line-height:1.5; color:#777777 } .sdk-download-page-wrapper .sdk-box--desc .scroll { height:84px; overflow-x:visible; overflow-y:scroll } .sdk-download-page-wrapper .sdk-box--button { display:inline-block; padding:0 12px; background:transparent; border:1px solid #08b2ff; border-radius:20px; color:#08b2ff; letter-spacing:2px; line-height:24px } .sdk-download-page-wrapper .sdk-box--button:hover { background-color:#08b2ff; color:#fff } .sdk-download-page-wrapper .sdk-box.small .right { margin-bottom:0 } .sdk-download-page-wrapper .sdk-box.small .sdk-box--button { position:absolute; right:20px; top:28px } .sdk-download-page-wrapper .button-group { margin-bottom:1rem; font-size:0; text-align:center } .sdk-download-page-wrapper .button-group::before,.sdk-download-page-wrapper .button-group::after { display:table; content:' ' } .sdk-download-page-wrapper .button-group::after { clear:both } .sdk-download-page-wrapper .button-group .button { margin:0; margin-right:0; margin-bottom:0; font-size:0.9rem } .sdk-download-page-wrapper .button-group .button:last-child { margin-right:0 } .sdk-download-page-wrapper .button-group .button { display:inline-block; vertical-align:middle; margin:0 0 1rem 0; font-family:inherit; padding:0.85em 1em; -webkit-appearance:none; border:1px solid transparent; border-radius:0; transition:background-color 0.25s ease-out,color 0.25s ease-out; font-size:0.9rem; line-height:1; text-align:center; cursor:pointer; border:1px solid #2a3139; color:#2a3139; border-color:#d7d7d7; min-width:100px } [data-whatinput='mouse'] .sdk-download-page-wrapper .button-group .button { outline:0 } .sdk-download-page-wrapper .button-group .button,.sdk-download-page-wrapper .button-group .button:hover,.sdk-download-page-wrapper .button-group .button:focus { background-color:transparent } .sdk-download-page-wrapper .button-group .button.disabled,.sdk-download-page-wrapper .button-group .button.disabled:hover,.sdk-download-page-wrapper .button-group .button.disabled:focus,.sdk-download-page-wrapper .button-group .button[disabled],.sdk-download-page-wrapper .button-group .button[disabled]:hover,.sdk-download-page-wrapper .button-group .button[disabled]:focus { background-color:transparent } .sdk-download-page-wrapper .button-group .button:hover,.sdk-download-page-wrapper .button-group .button:focus { border-color:#15191d; color:#15191d } .sdk-download-page-wrapper .button-group .button:hover.disabled,.sdk-download-page-wrapper .button-group .button:hover[disabled],.sdk-download-page-wrapper .button-group .button:focus.disabled,.sdk-download-page-wrapper .button-group .button:focus[disabled] { border:1px solid #2a3139; color:#2a3139 } .sdk-download-page-wrapper .button-group .button:last-child { border-left:0 } .sdk-download-page-wrapper .button-group .button:hover { color:#08b2ff; border-color:#d7d7d7 } .sdk-download-page-wrapper .button-group .button.is-active { border-color:#08b2ff; background-color:#08b2ff; color:#fff } .sdk-download-page-wrapper .sdk-dialog-wrapper { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4) } .sdk-download-page-wrapper .sdk-dialog { position:relative; top:10%; width:680px; margin:0 auto; height:60%; overflow:auto; background:#fff } .sdk-download-page-wrapper .sdk-dialog--title { position:relative; padding:0 20px; line-height:55px; font-size:16px; background-color:#f5f5f5; margin-bottom:20px } .sdk-download-page-wrapper .sdk-dialog--close { float:right; font-size:24px; color:#a2a2a2 } .sdk-download-page-wrapper .sdk-dialog--close:hover { color:#08b2ff } .sdk-download-page-wrapper .sdk-dialog--content { padding:0 40px 20px 40px } .sdk-download-page-wrapper .sdk-history { overflow:hidden } .sdk-download-page-wrapper .sdk-history .year { position:relative } .sdk-download-page-wrapper .sdk-history h2 { float:left; margin:0 14px 0 0; font-size:18px } .sdk-download-page-wrapper .sdk-history .timeline { border-left:1px solid #e5e5e5; float:left; width:480px; padding-bottom:80px } .sdk-download-page-wrapper .sdk-history dl { margin:0; padding-bottom:30px } .sdk-download-page-wrapper .sdk-history .sdk-date { margin:0 0 0 -5px; color:#08b2ff } .sdk-download-page-wrapper .sdk-history .sdk-date .dot { display:block; float:left; margin:1px 10px 0 -3px; width:15px; height:15px; border:3px solid #fff; border-radius:50%; background-color:#08b2ff } .sdk-download-page-wrapper .sdk-history .list { font-size:12px; overflow:hidden; line-height:25px; margin-left:0 } .sdk-download-page-wrapper .sdk-history .text { list-style:none; padding-left:20px; margin:10px 0 } .product-page-wrapper { padding-bottom:80px } .product-page-wrapper .thin-top-banner-wrapper { background-image:url(../images/product-banner.jpg) } .product-page-wrapper .product-intro-wrapper { background-color:#fff; box-shadow:0 0 30px 0 rgba(0,0,0,0.1); max-width:1200px; margin:-40px auto 0 auto; padding:40px; text-align:center } .product-page-wrapper .product-intro-wrapper .section { padding:60px 20px } .product-page-wrapper .product-intro-wrapper .title { font-weight:bold; font-size:24px; margin:70px 0 30px 0; letter-spacing:2px } .product-page-wrapper .product-intro-wrapper .desc { font-size:16px; line-height:1.8; letter-spacing:1px; margin:0 } .product-page-wrapper .product-intro-wrapper .left { text-align:right; padding-right:20px } .product-page-wrapper .product-intro-wrapper .left .title,.product-page-wrapper .product-intro-wrapper .left .desc { padding-right:40px } .product-page-wrapper .product-intro-wrapper .right { text-align:left; padding-left:20px } .product-page-wrapper .product-intro-wrapper .right .title,.product-page-wrapper .product-intro-wrapper .right .desc { padding-left:40px } .product-page-wrapper .product-intro-wrapper .button { display:inline-block; padding:18px 80px; background:#08b2ff; border-radius:36px; color:#fff; letter-spacing:2px; line-height:1; font-size:20px } .product-page-wrapper .product-intro-wrapper .button:hover { background-color:#18cff5 } .rule-page-wrapper .rule-wrapper { padding:40px 0; max-width:1200px; margin:0 auto } .rule-page-wrapper .rule-wrapper h2 { text-align:center } .aisee-page-wrapper { padding:40px 0 } .aisee-page-wrapper .button-group { margin-bottom:1rem; font-size:0; text-align:center } .aisee-page-wrapper .button-group::before,.aisee-page-wrapper .button-group::after { display:table; content:' ' } .aisee-page-wrapper .button-group::after { clear:both } .aisee-page-wrapper .button-group .button { margin:0; margin-right:0; margin-bottom:0; font-size:0.9rem } .aisee-page-wrapper .button-group .button:last-child { margin-right:0 } .aisee-page-wrapper .button-group .button { display:inline-block; vertical-align:middle; margin:0 0 1rem 0; font-family:inherit; padding:0.85em 1em; -webkit-appearance:none; border:1px solid transparent; border-radius:0; transition:background-color 0.25s ease-out,color 0.25s ease-out; font-size:0.9rem; line-height:1; text-align:center; cursor:pointer; border:1px solid #2a3139; color:#2a3139; border-color:#d7d7d7; min-width:100px } [data-whatinput='mouse'] .aisee-page-wrapper .button-group .button { outline:0 } .aisee-page-wrapper .button-group .button,.aisee-page-wrapper .button-group .button:hover,.aisee-page-wrapper .button-group .button:focus { background-color:transparent } .aisee-page-wrapper .button-group .button.disabled,.aisee-page-wrapper .button-group .button.disabled:hover,.aisee-page-wrapper .button-group .button.disabled:focus,.aisee-page-wrapper .button-group .button[disabled],.aisee-page-wrapper .button-group .button[disabled]:hover,.aisee-page-wrapper .button-group .button[disabled]:focus { background-color:transparent } .aisee-page-wrapper .button-group .button:hover,.aisee-page-wrapper .button-group .button:focus { border-color:#15191d; color:#15191d } .aisee-page-wrapper .button-group .button:hover.disabled,.aisee-page-wrapper .button-group .button:hover[disabled],.aisee-page-wrapper .button-group .button:focus.disabled,.aisee-page-wrapper .button-group .button:focus[disabled] { border:1px solid #2a3139; color:#2a3139 } .aisee-page-wrapper .button-group .button:last-child { border-left:0 } .aisee-page-wrapper .button-group .button:hover { color:#08b2ff; border-color:#d7d7d7 } .aisee-page-wrapper .button-group .button.is-active { border-color:#08b2ff; background-color:#08b2ff; color:#fff } .aisee-page-wrapper .iframe-wrapper { box-shadow:0 0 30px 0 rgba(0,0,0,0.1) } .login-page-wrapper { position:relative; width:100%; height:100%; padding-top:8%; background-image:url(../images/login-bg.jpg); background-size:cover } .login-page-wrapper .logo-wrapper { margin-bottom:60px } .login-page-wrapper .logo-wrapper .logo { background-image:url(../images/logo-white.png) } .login-page-wrapper .logo-wrapper .text { font-size:24px } .login-page-wrapper .intro-wrapper { color:#fff } .login-page-wrapper .intro-wrapper a { color:#fff } .login-page-wrapper .intro-wrapper a:hover { color:#fff } .login-page-wrapper .intro-wrapper .title { font-size:26px; letter-spacing:4px; line-height:1; margin:0 0 36px 0 } .login-page-wrapper .intro-wrapper .details { padding-left:18px; font-size:16px; letter-spacing:2px; margin-bottom:64px } .login-page-wrapper .intro-wrapper .details li { margin-bottom:10px } .login-page-wrapper .intro-wrapper .details li:last-child { margin-bottom:0 } .login-page-wrapper .login-wrapper .login-box { position:relative; vertical-align:middle; background-color:#fff; padding:20px } .login-page-wrapper .login-wrapper .login-box .iframe-wrapper { max-width:800px; height:460px; margin:0 auto } .login-page-wrapper .copyright { width:100%; position:absolute; bottom:40px; text-align:center; color:rgba(255,255,255,0.3) } .active-email-page-wrapper { position:relative; width:100%; height:100%; background-image:url(../images/login-bg.jpg); background-size:cover } .active-email-page-wrapper .logo-wrapper { margin:20px 0 0 60px } .active-email-page-wrapper .logo-wrapper .logo { background-image:url("../images/logo.png"); display:inline-block; background-size:100% 100%; width:45px; height:38px; margin-right:10px; vertical-align:middle } .active-email-page-wrapper .logo-wrapper .text { display:inline-block; vertical-align:middle; font-size:18px; color:#2a3139 } .active-email-page-wrapper .centre-box-wrapper { max-width:700px; margin:0 auto; position:relative; top:40%; transform:translateY(-50%); background-color:#fff; padding:40px 20px; box-shadow:0 10px 20px #d8e0e6 } .active-email-page-wrapper .centre-box-wrapper .head-tips { font-size:16px; text-align:center; margin-bottom:40px; line-height:1.5 } .active-email-page-wrapper .centre-box-wrapper .icon-info { background-image:url("../images/icon-info.svg"); background-size:100% 100%; width:45px; height:45px; margin:0 auto 20px auto } .active-email-page-wrapper .centre-box-wrapper .icon-success { background-image:url("../images/icon-tick.svg"); background-size:100% 100%; width:45px; height:45px; margin:0 auto 20px auto } .active-email-page-wrapper .copyright { width:100%; position:absolute; bottom:40px; text-align:center; color:rgba(255,255,255,0.3) } .error-page-wrapper { background-color:#fff; text-align:center } .error-page-wrapper .error-img { margin-top:5%; width:428px } .error-page-wrapper .error-tips { margin-top:36px; font-size:16px; color:#878e9b } .error-page-wrapper .error-button { display:inline-block; vertical-align:middle; margin:0 0 1rem 0; font-family:inherit; padding:0.85em 1em; -webkit-appearance:none; border:1px solid transparent; border-radius:0; transition:background-color 0.25s ease-out,color 0.25s ease-out; font-size:0.9rem; line-height:1; text-align:center; cursor:pointer; background-color:#08b2ff; color:#fff } [data-whatinput='mouse'] .error-page-wrapper .error-button { outline:0 } .error-page-wrapper .error-button:hover,.error-page-wrapper .error-button:focus { background-color:#2dbeff; color:#fff } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }