generated from msb_47094/GinChat
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4041 lines
80 KiB
4041 lines
80 KiB
|
|
/*! 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;
|
|
} |