/*base*/
*,
*:before,
*:after {-webkit-user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-moz-tap-highlight-color: rgba(0, 0, 0, 0);-moz-user-select: -moz-none;-webkit-touch-callout: none;margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-ms-touch-action: pan-y;}
body,
html {-ms-overflow-style: none !important;width: 100%;height: 100%;overflow: hidden;}
body {overflow-x: hidden;-webkit-text-size-adjust: none;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #000000;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-align: stretch;background: #ffffff;}
input,
textarea {-webkit-user-select: text;-moz-user-select: -moz-text;-moz-user-select: text;}
img {border: none;}
p {display: block;/*margin: 6px 0;font-size: 14px;line-height: 20px;*/color: inherit;}
.view {display: none;overflow: hidden;position: absolute;top: 0px;left: 2px;height: 100%;width: 100%;}
.view header {position: relative;overflow: hidden;display: block;z-index: 250;-webkit-box-sizing: border-box;box-sizing: border-box;height: auto;left: 0;right: 0;}
.view header h1 {position: absolute;width: 45%;z-index: 1;height: 44px;font-size: 18px;font-weight: bold;left: 27.5%;color: #ffffff;padding: 10px 0;text-shadow: rgba(0, 0, 0, 0.8) 0 -1px 0;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.view footer{z-index:180;height:auto;display:block;left:0;right:0;position:relative;/*padding:0 3px;*/display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;/*font-size:16px;*/}
/*.view footer a {height: 100%;font-size: 12px;font-weight: normal;text-decoration: none;color: #ffffff;text-align: center;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding-top: 3px;}*/
.view footer a.button {color: black;}
.view footer .icon:not(.button):before {display: block;position: relative;top: 2px;left: 0;font-size: 25px;margin: auto;width: 100%;margin-bottom: 5px;}
.view.active {display: -webkit-box;display: -moz-box;display: box;display: -ms-flexbox;-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-box-orient: vertical;box-orient: vertical;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;flex-direction: column;height: 100%;width: 100%;}
.pages {z-index: 180;position: relative;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;background: #ffffff;color: #000000;overflow: hidden;}
.panel {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;display: none;padding: 10px;padding-top: 0px;overflow-x: hidden;overflow-y: auto;touch-action: pan-y;-webkit-overflow-scrolling: touch;}
.panel.active {display: block;}
.panel.x-scroll {overflow-x: auto;overflow-y: hidden;touch-action: pan-x;}
.panel.no-scroll {overflow: hidden;touch-action: none;}
nav {height: 100%;width: 200px;position: absolute;top: 0px;left: 0px;background: #ccc;display: none;box-shadow: 0 0 8px 0 black inset;z-index: 30;}
nav.right {height: 100%;width: 200px;position: absolute;top: 0px;left: auto;right: 0px;}
nav.active {display: block;}
.splashscreen {background: #1d1d1c !important;padding-left: 40px;padding-top: 30px !important;min-height: 100%;}
h2 {display: block;height: 34px;font-weight: bold;font-size: 18px;color: #000;padding: 6px 0;margin-bottom: 8px;}
.afui_mask {position: absolute;top: 45%;z-index: 999999;}
.afui_panel_mask {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2000;background-color: rgba(0, 0, 0, 0.1);display: none;}
/* Chevrons */
@font-face {font-family: 'chevron';font-weight: normal;font-style: normal;}
.chevron {font-family: 'chevron';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
.chevron:after {content: "\f054";}
.chevron.left {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.card {padding: 1.5rem;box-shadow: 0 1px 4px #aaa;background: inherit;color: inherit;margin: 0 1rem 1rem;border-radius: 3px;-webkit-user-select: none;position: relative;}
.card h1 {font-size: 2rem;font-weight: 200;}
.card h1.info:after {position: absolute;right: 1.5rem;top: 1.5rem;content: 'i';color: #ccc;border: thin solid #ccc;font-size: 10px;border-radius: 14px;width: 14px;height: 14px;text-align: center;}
.card h2 {font-size: .9rem;line-height: 2.5;color: #ccc;font-weight: 400;}
.card p {margin: 0px;padding: 10px;}
#afui_mask {position: absolute;top: 45%;z-index: 999999;border-radius: 30px;}
@media print {body {  overflow: visible;}.panel {  overflow-x: visible !important;  overflow-y: visible !important;  overflow: visible !important;}}
/*plugins*/
/*splashscreen*/
#splashscreen{position:absolute;top:0;bottom:0;width:100%;left:0;min-height:120%;background:#1d1d1c !important;color:white !important;font-size:30px;text-align:center;z-index:9999;display:block;margin-left:auto !important;margin-right:auto !important;padding-top:80px !important;}
.ui-corner-all{border-radius:.6em;}
/*animation*/
.slide-in {-webkit-animation: slide-inAnimation 300ms forwards;animation: slide-inAnimation 300ms forwards;}
@-webkit-keyframes slide-inAnimation {0% {  -webkit-transform: translate3d(100%, 0, 0);}100% {  -webkit-transform: translate3d(0, 0, 0);}}
@keyframes slide-inAnimation {0% {  transform: translate3d(100%, 0, 0);}100% {  transform: translate3d(0, 0, 0);}}
.slide-in.animation-reverse {-webkit-animation: slide-inAnimationReverse 450ms forwards;animation: slide-inAnimationReverse 450ms forwards;}
@-webkit-keyframes slide-inAnimationReverse {100% {  -webkit-transform: translate3d(100%, 0, 0);}0% {  -webkit-transform: translate3d(0, 0, 0);}}
@keyframes slide-inAnimationReverse {100% {  transform: translate3d(100%, 0, 0);}0% {  transform: translate3d(0, 0, 0);}}
.slide-out {-webkit-animation: slide-outAnimation 300ms forwards;animation: slide-outAnimation 300ms forwards;}
@-webkit-keyframes slide-outAnimation {0% {  -webkit-transform: translate3d(0%, 0, 0);}100% {  -webkit-transform: translate3d(-200px, 0, 0);}}
@keyframes slide-outAnimation {0% {  transform: translate3d(0%, 0, 0);}100% {  transform: translate3d(-200px, 0, 0);}}
.slide-out.animation-reverse {-webkit-animation: slide-outAnimationReverse 450ms forwards;animation: slide-outAnimationReverse 450ms forwards;}
@-webkit-keyframes slide-outAnimationReverse {100% {  -webkit-transform: translate3d(0%, 0, 0);}0% {  -webkit-transform: translate3d(-200px, 0, 0);}}
@keyframes slide-outAnimationReverse {100% {  transform: translate3d(0%, 0, 0);}0% {  transform: translate3d(-200px, 0, 0);}}
.slide-full-in {-webkit-animation: slide-full-inAnimation 300ms forwards;animation: slide-full-inAnimation 300ms forwards;}
@-webkit-keyframes slide-full-inAnimation {0% {  -webkit-transform: translate3d(100%, 0, 0);}100% {  -webkit-transform: translate3d(0, 0, 0);}}
@keyframes slide-full-inAnimation {0% {  transform: translate3d(100%, 0, 0);}100% {  transform: translate3d(0, 0, 0);}}
.slide-full-in.animation-reverse {-webkit-animation: slide-full-inAnimationReverse 450ms forwards;animation: slide-full-inAnimationReverse 450ms forwards;}
@-webkit-keyframes slide-full-inAnimationReverse {100% {  -webkit-transform: translate3d(100%, 0, 0);}0% {  -webkit-transform: translate3d(0, 0, 0);}}
@keyframes slide-full-inAnimationReverse {100% {  transform: translate3d(100%, 0, 0);}0% {  transform: translate3d(0, 0, 0);}}
.slide-full-out {-webkit-animation: slide-full-outAnimation 300ms forwards;animation: slide-full-outAnimation 300ms forwards;}
@-webkit-keyframes slide-full-outAnimation {0% {  -webkit-transform: translate3d(0%, 0, 0);}100% {  -webkit-transform: translate3d(-100%, 0, 0);}}
@keyframes slide-full-outAnimation {0% {  transform: translate3d(0%, 0, 0);}100% {  transform: translate3d(-100%, 0, 0);}}
.slide-full-out.animation-reverse {-webkit-animation: slide-full-outAnimationReverse 450ms forwards;animation: slide-full-outAnimationReverse 450ms forwards;}
@-webkit-keyframes slide-full-outAnimationReverse {100% {  -webkit-transform: translate3d(0%, 0, 0);}0% {  -webkit-transform: translate3d(-100%, 0, 0);}}
@keyframes slide-full-outAnimationReverse {100% {  transform: translate3d(0%, 0, 0);}0% {  transform: translate3d(-100%, 0, 0);}}
.pop-in {-webkit-animation: pop-inAnimation 300ms forwards;animation: pop-inAnimation 300ms forwards;}
@-webkit-keyframes pop-inAnimation {0% {  opacity: 0;  -webkit-transform: scale(0.5);}100% {  opacity: 1;  -webkit-transform: scale(1);}}
@keyframes pop-inAnimation {0% {  opacity: 0;  transform: scale(0.5);}100% {  opacity: 1;  transform: scale(1);}}
.pop-in.animation-reverse {-webkit-animation: pop-inAnimationReverse 450ms forwards;animation: pop-inAnimationReverse 450ms forwards;}
@-webkit-keyframes pop-inAnimationReverse {100% {  opacity: 0;  -webkit-transform: scale(0.5);}0% {  opacity: 1;  -webkit-transform: scale(1);}}
@keyframes pop-inAnimationReverse {100% {  opacity: 0;  transform: scale(0.5);}0% {  opacity: 1;  transform: scale(1);}}
.pop-out {-webkit-animation: noTransition 300ms forwards;animation: noTransition 300ms forwards;}
.fade-in {-webkit-animation: fade-inAnimation 300ms forwards;animation: fade-inAnimation 300ms forwards;}
@-webkit-keyframes fade-inAnimation {0% {  opacity: 0;}100% {  opacity: 1;}}
@keyframes fade-inAnimation {0% {  opacity: 0;}100% {  opacity: 1;}}
.fade-in.animation-reverse {-webkit-animation: fade-inAnimationReverse 450ms forwards;animation: fade-inAnimationReverse 450ms forwards;}
@-webkit-keyframes fade-inAnimationReverse {100% {  opacity: 0;}0% {  opacity: 1;}}
@keyframes fade-inAnimationReverse {100% {  opacity: 0;}0% {  opacity: 1;}}
.fade-out {-webkit-animation: noTransition 300ms forwards;animation: noTransition 300ms forwards;}
.up-in {-webkit-animation: up-inAnimation 300ms forwards;animation: up-inAnimation 300ms forwards;}
@-webkit-keyframes up-inAnimation {0% {  -webkit-transform: translate3d(0%, 100%, 0);}100% {  -webkit-transform: translate3d(0%, 0%, 0);}}
@keyframes up-inAnimation {0% {  transform: translate3d(0%, 100%, 0);}100% {  transform: translate3d(0%, 0%, 0);}}
.up-in.animation-reverse {-webkit-animation: up-inAnimationReverse 450ms forwards;animation: up-inAnimationReverse 450ms forwards;}
@-webkit-keyframes up-inAnimationReverse {100% {  -webkit-transform: translate3d(0%, 100%, 0);}0% {  -webkit-transform: translate3d(0%, 0%, 0);}}
@keyframes up-inAnimationReverse {100% {  transform: translate3d(0%, 100%, 0);}0% {  transform: translate3d(0%, 0%, 0);}}
.up-out {-webkit-animation: up-outAnimation 300ms forwards;animation: up-outAnimation 300ms forwards;}
@-webkit-keyframes up-outAnimation {0% {  -webkit-transform: translate3d(0%, 0, 0);}100% {  -webkit-transform: translate3d(0%, -200px, 0);}}
@keyframes up-outAnimation {0% {  transform: translate3d(0%, 0, 0);}100% {  transform: translate3d(0%, -200px, 0);}}
.up-out.animation-reverse {-webkit-animation: up-outAnimationReverse 450ms forwards;animation: up-outAnimationReverse 450ms forwards;}
@-webkit-keyframes up-outAnimationReverse {100% {  -webkit-transform: translate3d(0%, 0, 0);}0% {  -webkit-transform: translate3d(0%, -200px, 0);}}
@keyframes up-outAnimationReverse {100% {  transform: translate3d(0%, 0, 0);}0% {  transform: translate3d(0%, -200px, 0);}}
.down-in {-webkit-animation: down-inAnimation 300ms forwards;animation: down-inAnimation 300ms forwards;}
@-webkit-keyframes down-inAnimation {0% {  -webkit-transform: translate3d(0%, -100%, 0);}100% {  -webkit-transform: translate3d(0%, 0%, 0);}}
@keyframes down-inAnimation {0% {  transform: translate3d(0%, -100%, 0);}100% {  transform: translate3d(0%, 0%, 0);}}
.down-in.animation-reverse {-webkit-animation: down-inAnimationReverse 450ms forwards;animation: down-inAnimationReverse 450ms forwards;}
@-webkit-keyframes down-inAnimationReverse {100% {  -webkit-transform: translate3d(0%, -100%, 0);}0% {  -webkit-transform: translate3d(0%, 0%, 0);}}
@keyframes down-inAnimationReverse {100% {  transform: translate3d(0%, -100%, 0);}0% {  transform: translate3d(0%, 0%, 0);}}
.down-out {-webkit-animation: down-outAnimation 300ms forwards;animation: down-outAnimation 300ms forwards;}
@-webkit-keyframes down-outAnimation {0% {  -webkit-transform: translate3d(0%, 0%, 0);}100% {  -webkit-transform: translate3d(0%, 200px, 0);}}
@keyframes down-outAnimation {0% {  transform: translate3d(0%, 0%, 0);}100% {  transform: translate3d(0%, 200px, 0);}}
.down-out.animation-reverse {-webkit-animation: down-outAnimationReverse 450ms forwards;animation: down-outAnimationReverse 450ms forwards;}
@-webkit-keyframes down-outAnimationReverse {100% {  -webkit-transform: translate3d(0%, 0%, 0);}0% {  -webkit-transform: translate3d(0%, 200px, 0);}}
@keyframes down-outAnimationReverse {100% {  transform: translate3d(0%, 0%, 0);}0% {  transform: translate3d(0%, 200px, 0);}}
.flip-in {-webkit-animation: flip-inAnimation 300ms forwards;animation: flip-inAnimation 300ms forwards;z-index: 5;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
@-webkit-keyframes flip-inAnimation {0% {  -webkit-transform: rotateY(180deg);}100% {  -webkit-transform: rotateY(0deg);}}
@keyframes flip-inAnimation {0% {  transform: rotateY(180deg);}100% {  transform: rotateY(0deg);}}
.flip-in.animation-reverse {-webkit-animation: flip-inAnimationReverse 450ms forwards;animation: flip-inAnimationReverse 450ms forwards;}
@-webkit-keyframes flip-inAnimationReverse {100% {  -webkit-transform: rotateY(180deg);}0% {  -webkit-transform: rotateY(0deg);}}
@keyframes flip-inAnimationReverse {100% {  transform: rotateY(180deg);}0% {  transform: rotateY(0deg);}}
.flip-out {-webkit-animation: flip-outAnimation 300ms forwards;animation: flip-outAnimation 300ms forwards;z-index: 4;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
@-webkit-keyframes flip-outAnimation {0% {  -webkit-transform: rotateY(0deg);}100% {  -webkit-transform: rotateY(180deg);}}
@keyframes flip-outAnimation {0% {  transform: rotateY(0deg);}100% {  transform: rotateY(180deg);}}
.flip-out.animation-reverse {-webkit-animation: flip-outAnimationReverse 450ms forwards;animation: flip-outAnimationReverse 450ms forwards;}
@-webkit-keyframes flip-outAnimationReverse {100% {  -webkit-transform: rotateY(0deg);}0% {  -webkit-transform: rotateY(180deg);}}
@keyframes flip-outAnimationReverse {100% {  transform: rotateY(0deg);}0% {  transform: rotateY(180deg);}}
.slide-left-in {-webkit-animation: slide-left-inAnimation 300ms forwards;animation: slide-left-inAnimation 300ms forwards;}
@-webkit-keyframes slide-left-inAnimation {0% {  -webkit-transform: translate3d(-100%, 0, 0);}100% {  -webkit-transform: translate3d(0, 0, 0);}}
@keyframes slide-left-inAnimation {0% {  transform: translate3d(-100%, 0, 0);}100% {  transform: translate3d(0, 0, 0);}}
.slide-left-in.animation-reverse {-webkit-animation: slide-left-inAnimationReverse 450ms forwards;animation: slide-left-inAnimationReverse 450ms forwards;}
@-webkit-keyframes slide-left-inAnimationReverse {100% {  -webkit-transform: translate3d(-100%, 0, 0);}0% {  -webkit-transform: translate3d(0, 0, 0);}}
@keyframes slide-left-inAnimationReverse {100% {  transform: translate3d(-100%, 0, 0);}0% {  transform: translate3d(0, 0, 0);}}
.slide-left-out {-webkit-animation: slide-left-outAnimation 300ms forwards;animation: slide-left-outAnimation 300ms forwards;}
@-webkit-keyframes slide-left-outAnimation {0% {  -webkit-transform: translate3d(0%, 0, 0);}100% {  -webkit-transform: translate3d(200px, 0, 0);}}
@keyframes slide-left-outAnimation {0% {  transform: translate3d(0%, 0, 0);}100% {  transform: translate3d(200px, 0, 0);}}
.slide-left-out.animation-reverse {-webkit-animation: slide-left-outAnimationReverse 450ms forwards;animation: slide-left-outAnimationReverse 450ms forwards;}
@-webkit-keyframes slide-left-outAnimationReverse {100% {  -webkit-transform: translate3d(0%, 0, 0);}0% {  -webkit-transform: translate3d(200px, 0, 0);}}
@keyframes slide-left-outAnimationReverse {100% {  transform: translate3d(0%, 0, 0);}0% {  transform: translate3d(200px, 0, 0);}}
.slide-right-in {-webkit-animation: slide-right-inAnimation 300ms forwards;animation: slide-right-inAnimation 300ms forwards;}
@-webkit-keyframes slide-right-inAnimation {0% {  -webkit-transform: translate3d(100%, 0, 0);}100% {  -webkit-transform: translate3d(0, 0, 0);}}
@keyframes slide-right-inAnimation {0% {  transform: translate3d(100%, 0, 0);}100% {  transform: translate3d(0, 0, 0);}}
.slide-right-in.animation-reverse {-webkit-animation: slide-right-inAnimationReverse 450ms forwards;animation: slide-right-inAnimationReverse 450ms forwards;}
@-webkit-keyframes slide-right-inAnimationReverse {100% {  -webkit-transform: translate3d(100%, 0, 0);}0% {  -webkit-transform: translate3d(0, 0, 0);}}
@keyframes slide-right-inAnimationReverse {100% {  transform: translate3d(100%, 0, 0);}0% {  transform: translate3d(0, 0, 0);}}
.slide-right-out{-webkit-animation: slide-right-outAnimation 300ms forwards;animation: slide-right-outAnimation 300ms forwards;}
@-webkit-keyframes slide-right-outAnimation {0% {  -webkit-transform: translate3d(0%, 0, 0);}100% {  -webkit-transform: translate3d(-320px, 0, 0);}}
@keyframes slide-right-outAnimation {0% {  transform: translate3d(0%, 0, 0);}100% {  transform: translate3d(-320px, 0, 0);}}
.slide-right-out.animation-reverse {-webkit-animation: slide-right-outAnimationReverse 450ms forwards;animation: slide-right-outAnimationReverse 450ms forwards;}
@-webkit-keyframes slide-right-outAnimationReverse {100% {  -webkit-transform: translate3d(0%, 0, 0);}0% {  -webkit-transform: translate3d(-320px, 0, 0);}}
@keyframes slide-right-outAnimationReverse {100% {  transform: translate3d(0%, 0, 0);}0% {  transform: translate3d(-320px, 0, 0);}}
.invoke-out {-webkit-animation: invoke-outAnimation 500ms forwards;animation: invoke-outAnimation 500ms forwards;z-index: 11;}
@-webkit-keyframes invoke-outAnimation {0% {  -webkit-transform: scale(1) translate3d(0%, 0, 0);}50% {  -webkit-transform: scale(0.8) translate3d(10%, 0, 0);}100% {  -webkit-transform: scale(0.8) translate3d(100%, 0, 0);}}
@keyframes invoke-outAnimation {0% {  transform: scale(1) translate3d(0%, 0, 0);}50% {  transform: scale(0.8) translate3d(10%, 0, 0);}100% {  transform: scale(0.8) translate3d(100%, 0, 0);}}
.invoke-out.animation-reverse {-webkit-animation: invoke-outAnimationReverse 750ms forwards;animation: invoke-outAnimationReverse 750ms forwards;}
@-webkit-keyframes invoke-outAnimationReverse {100% {  -webkit-transform: scale(1) translate3d(0%, 0, 0);}50% {  -webkit-transform: scale(0.8) translate3d(10%, 0, 0);}0% {  -webkit-transform: scale(0.8) translate3d(100%, 0, 0);}}
@keyframes invoke-outAnimationReverse {100% {  transform: scale(1) translate3d(0%, 0, 0);}50% {  transform: scale(0.8) translate3d(10%, 0, 0);}0% {  transform: scale(0.8) translate3d(100%, 0, 0);}}
.invoke-in {-webkit-animation: invoke-inAnimation 500ms forwards;animation: invoke-inAnimation 500ms forwards;z-index: 10;}
@-webkit-keyframes invoke-inAnimation {0% {  -webkit-transform: scale(0.6) translate3d(-130%, 0, 0);}50% {  -webkit-transform: scale(0.8) translate3d(-110%, 0, 0);}100% {  -webkit-transform: scale(1) translate3d(0, 0, 0);}}
@keyframes invoke-inAnimation {0% {  transform: scale(0.6) translate3d(-130%, 0, 0);}50% {  transform: scale(0.8) translate3d(-110%, 0, 0);}100% {  transform: scale(1) translate3d(0, 0, 0);}}
.invoke-in.animation-reverse {-webkit-animation: invoke-inAnimationReverse 750ms forwards;animation: invoke-inAnimationReverse 750ms forwards;}
@-webkit-keyframes invoke-inAnimationReverse {100% {  -webkit-transform: scale(0.6) translate3d(-130%, 0, 0);}50% {  -webkit-transform: scale(0.8) translate3d(-110%, 0, 0);}0% {  -webkit-transform: scale(1) translate3d(0, 0, 0);}}
@keyframes invoke-inAnimationReverse {100% {  transform: scale(0.6) translate3d(-130%, 0, 0);}50% {  transform: scale(0.8) translate3d(-110%, 0, 0);}0% {  transform: scale(1) translate3d(0, 0, 0);}}
.header-load {-webkit-animation: header-loadAnimation 300ms forwards;animation: header-loadAnimation 300ms forwards;}
@-webkit-keyframes header-loadAnimation {0% {  -webkit-transform: translate3d(0%, 0, 0);}100% {  -webkit-transform: translate3d(-90px, 0, 0);  opacity: 0.1;}}
@keyframes header-loadAnimation {0% {  transform: translate3d(0%, 0, 0);}100% {  transform: translate3d(-90px, 0, 0);  opacity: 0.1;}}
.header-load.animation-reverse {-webkit-animation: header-loadAnimationReverse 450ms forwards;animation: header-loadAnimationReverse 450ms forwards;}
@-webkit-keyframes header-loadAnimationReverse {100% {  -webkit-transform: translate3d(0%, 0, 0);}0% {  -webkit-transform: translate3d(-90px, 0, 0);  opacity: 0.1;}}
@keyframes header-loadAnimationReverse {100% {  transform: translate3d(0%, 0, 0);}0% {  transform: translate3d(-90px, 0, 0);  opacity: 0.1;}}
.header-unload {-webkit-animation: header-unloadAnimation 300ms forwards;animation: header-unloadAnimation 300ms forwards;}
@-webkit-keyframes header-unloadAnimation {0% {  -webkit-transform: translate3d(0%, 0, 0);}100% {  -webkit-transform: translate3d(90px, 0, 0);  opacity: 0.1;}}
@keyframes header-unloadAnimation {0% {  transform: translate3d(0%, 0, 0);}100% {  transform: translate3d(90px, 0, 0);  opacity: 0.1;}}
.header-unload.animation-reverse {-webkit-animation: header-unloadAnimationReverse 450ms forwards;animation: header-unloadAnimationReverse 450ms forwards;}
@-webkit-keyframes header-unloadAnimationReverse {100% {  -webkit-transform: translate3d(0%, 0, 0);}0% {  -webkit-transform: translate3d(90px, 0, 0);  opacity: 0.1;}}
@keyframes header-unloadAnimationReverse {100% {  transform: translate3d(0%, 0, 0);}0% {  transform: translate3d(90px, 0, 0);  opacity: 0.1;}}
.header-load-to {-webkit-animation: header-load-toAnimation 500ms forwards;animation: header-load-toAnimation 500ms forwards;}
@-webkit-keyframes header-load-toAnimation {0% {  -webkit-transform: translate3d(90px, 0, 0);  opacity: 0.1;}100% {  -webkit-transform: translate3d(0%, 0, 0);  opacity: 1;}}
@keyframes header-load-toAnimation {0% {  transform: translate3d(90px, 0, 0);  opacity: 0.1;}100% {  transform: translate3d(0%, 0, 0);  opacity: 1;}}
.header-load-to.animation-reverse {-webkit-animation: header-load-toAnimationReverse 750ms forwards;animation: header-load-toAnimationReverse 750ms forwards;}
@-webkit-keyframes header-load-toAnimationReverse {100% {  -webkit-transform: translate3d(90px, 0, 0);  opacity: 0.1;}0% {  -webkit-transform: translate3d(0%, 0, 0);  opacity: 1;}}
@keyframes header-load-toAnimationReverse {100% {  transform: translate3d(90px, 0, 0);  opacity: 0.1;}0% {  transform: translate3d(0%, 0, 0);  opacity: 1;}}
.header-unload-to {-webkit-animation: header-unload-toAnimation 500ms forwards;animation: header-unload-toAnimation 500ms forwards;}
@-webkit-keyframes header-unload-toAnimation {0% {  -webkit-transform: translate3d(-90px, 0, 0);  opacity: 0.1;}100% {  -webkit-transform: translate3d(0%, 0, 0);  opacity: 1;}}
@keyframes header-unload-toAnimation {0% {  transform: translate3d(-90px, 0, 0);  opacity: 0.1;}100% {  transform: translate3d(0%, 0, 0);  opacity: 1;}}
.header-unload-to.animation-reverse {-webkit-animation: header-unload-toAnimationReverse 750ms forwards;animation: header-unload-toAnimationReverse 750ms forwards;}
@-webkit-keyframes header-unload-toAnimationReverse {100% {  -webkit-transform: translate3d(-90px, 0, 0);  opacity: 0.1;}0% {  -webkit-transform: translate3d(0%, 0, 0);  opacity: 1;}}
@keyframes header-unload-toAnimationReverse {100% {  transform: translate3d(-90px, 0, 0);  opacity: 0.1;}0% {  transform: translate3d(0%, 0, 0);  opacity: 1;}}
/*anim2*/
.panel.active,
.panel.animation-active {display: block !important;z-index: 100;-webkit-animation-timing-function: linear !important;animation-timing-function: linear !important;}
.animation-active {-webkit-animation-timing-function: linear !important;animation-timing-function: linear !important;}
.panel.animation-active {-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.fast {-webkit-transition-duration: 100ms !important;transition-duration: 100ms !important;}
.none-in,
.none-out {-webkit-animation: noTransition 1ms forwards;animation: noTransition 1ms forwards;}
.blank-in,
.blank-out,
.blank {-webkit-animation: noTransition 300ms forwards;animation: noTransition 300ms forwards;}
@-webkit-keyframes noTransition {from {  opacity: 1.0;}to {  opacity: 0.99;}}
@keyframes noTransition {from {  opacity: 1.0;}to {  opacity: 0.99;}}
/*popup*/
#mask {display: block;width: 100%;height: 100%;background: #000;z-index:9999;position: fixed;top: 0;left: 0;}
.afPopup {display: block;width: 280px;float: left;border: solid 1px #72767b;border-radius: 10px;padding: 10px;opacity: 1;-webkit-transform: scale(1);transform: scale(1);position: absolute;z-index: 1000000;top: 50%;left: 50%;margin: 0px auto;background: #464646;color: white;}
.afPopup  > * {color: inherit;}
.afPopup  > HEADER {font-weight: bold;font-size: 20px;margin: 0;padding: 5px;}
.afPopup  > DIV {font-size: 14px;margin: 8px;}
.afPopup  > FOOTER {width: 100%;text-align: center;display: block !important;}
.afPopup  > FOOTER  > A#cancel {float: left;}
.afPopup  > FOOTER  > A#action {float: right;}
.afPopup  > FOOTER  > A.center {float: none!important;width: 80%;margin: 8px;}
.afPopup.hidden {opacity: 0;-webkit-transform: scale(0.1);}
.afPopup.show {-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
/*plugin toast*/
.afToast{width:auto;border:solid 1px #72767b;z-index:1000000;margin:0px auto;background: #464646;color:white;opacity:0.95;height:auto;font-size:20px;-webkit-transition:all 0.3s;transition:all  0.3s;text-align:left;line-height:normal;margin:5px 40px;border-radius:5px;overflow:hidden;text-align:center;}
.afToast > *{color:inherit;}
.afToast > div{font-size:16px;margin:8px;}
.afToast.hidden{opacity:0.1;height:5px;overflow:hidden;}
.afToastContainer{position:absolute;top:0px;left:0px;z-index:999999999;}
.afToast.success{background:#499349;}
.afToast.error{background:#AA312A;}
.afToast.warning{background:rgba(34,34,34,.89);}
.afToastContainer.br{bottom:0px;right:0px;top:auto;left:auto;}
.afToastContainer.bl{bottom:0px;left:0px;top:auto;right:auto;}
.afToastContainer.tl{top:0px;left:0px;right:auto;bottom:auto;}
.afToastContainer.tr{top:0px;right:0px;left:auto;bottom:auto;}
.afToastContainer.tc{top:0px;right:0px;bottom:auto;left:0px;}
.afToastContainer.bc{top:auto;right:0px;bottom:5em;left:0px;}